[WEB-5602] feat: new design system (#8220)
* chore: init tailwind v4 * chore: update all configs * chore: add source to parse monorepo packages * chore: combine all css files * feat: added extended colors * chore: update typography * chore: update extended color var names * refactor: remove initial spacing variable and update dark mode selector * chore: update css files * chore: update animations * chore: remove spacing tokens * fix: external css files * chore: update tailwind-merge version * chore: update font family * chore: added brief agents.md and story for new design system * chore: enhance design system documentation with rare exceptions for visual separation * chore: add fontsource package for typography * chore: material symbols font added * chore: update shadow default * chore: add stroke and outline theme vars * chore: update ring and fill colors * chore: overwrite tailwind typography tokens * chore: add high contrast mode tokens * chore: update scrollbar colors * chore: backward compatibility for buttons and placeholders * chore: add priority colors * chore: update urgent priority color * chore: update plan colors * chore: add missing utility class * chore: update height and padding classes * chore: update label colors * chore: add missing utlity * chore: add typography plugin to space app * chore: replace existing classNames with new design system tokens #8244 (#8278) * chore: update border colors * chore: update all borders * chore: update text colors * chore: update css variables * chore: update font sizes and weights * chore: update bg colors * chore: sync changes * fix: uncomment spacing-1200 variable in variables.css * chore: update primary colors * refactor: updated border to border-subtle * refactor: update various components and improve UI consistency across the application * updated classnames * updated classnames * refactor: update color-related class names to use new design system variables for consistency * chore: default automations * chore: update text sizes * chore: home and power k * chore: home and power k * chore: replace ui package button components * chore: update text sizes * chore: updated issue identifier (#8275) * refactor: top navigation and sidebar design token (#8276) * chore: update all button components (#8277) * chore: new button component * chore: update existing buttons * chore: overwrite tailwind typography tokens * fix: twMerge config + fixed cn instances * refactor: toast design token updated (#8279) * chore: update existing buttons * chore: tooltip design token updatged (#8280) * chore: moved cn utility to propel (#8281) * chore: update space app UI (#8285) * chore; update space app filters component * fix: button whitespace wrap * chore: space app votes * chore: update dropdown components * refactor: auth, onboarding, sidebar, and common component design token migration (#8291) * chore: checkbox component design token updated * chore: indicator and oauth component design token updated * chore: sidebar design token updated * chore: auth and onboarding design token updated * chore: update divider color * style: update background colors and hover effects across list components * fix: tailwind merge * refactor: toggle switch design token migration and header utility classname added (#8295) * chore: toggle component design token updated * chore: h-header utility class added * chore: updated color tokens for work item detail page (#8296) * chore: update react-day-picker UI * refactor: update button sizes and styles in filters components * refactor: breadcrumbs design token updated (#8297) * chore: update priority icon colors * refactor: updated layout variables * chore: update plan card primary CTA * Chore update editor design system (#8299) * refactor: update styles for callout, color selector, logo selector, and image uploader * refactor:fix image * chore: update settings UI * chore: updated notifications color and size tokens (#8302) * chore: update sm button border radius * fix: logo renderer * chore: icon button component * chore: remove deprecated classes * chore: remove deprecated classes * chore: update editor list spacing * fix: icon button size * chore: improvements (#8309) * chore: update cycles and modules pages * refactor: update background styles across various components to use new design system colors * fix: button type errors * chore: update modals design system (#8310) * refactor: callout bg * refactor: code bg * refactor: modal size and variant --------- Co-authored-by: Aaryan Khandelwal <aaryankhandu123@gmail.com> * chore: update next-themes * design: update billing and plans component styles and remove unused utility functions (#8313) * refactor: empty state design token migration and improvements (#8315) * fix: profile page * refactor: tabs design token updated (#8316) * chore: updated buttons and tokens for work items (#8317) * fix: adjust trial button spacing in checkout modal * chore: update add button hover state * fix: type error (#8318) * fix: type error * chore: code refactor * refactor: update button sizes and background styles in rich filters components * refactor: update editor bg * refactor: enhance Gantt chart sidebar functionality and styling - Removed unused prop from . - Updated to include new props for better block management and scrolling behavior. - Improved auto-scroll functionality for Gantt chart items. - Adjusted styles in component for consistent design. * regression: gantt design * chore: new badge component * fix: favorite star * chore: update backgroung, typography and button sizes across workspace settings general and members pages * fix: header button sizes * fix: emoji icon logo (#8323) * more fixes * chore: update settings sidebar * refactor: avatar component * chore: updated work item detail sidebar (#8327) * refactor: update link preview * fix: work item property dropdowns * fix: dropdown buttons border radius * chore: update power k translation * chore: updated profile activity design (#8328) * chore: update settings pages * chore: update work item sidebar alignments (#8330) * refactor: admin design system * chore: update page header --------- Co-authored-by: Jayash Tripathy <76092296+JayashTripathy@users.noreply.github.com> Co-authored-by: VipinDevelops <vipinchaudhary1809@gmail.com> Co-authored-by: Vamsi Krishna <46787868+vamsikrishnamathala@users.noreply.github.com> Co-authored-by: Anmol Singh Bhatia <121005188+anmolsinghbhatia@users.noreply.github.com> Co-authored-by: gakshita <akshitagoyal1516@gmail.com> Co-authored-by: Palanikannan M <akashmalinimurugu@gmail.com> Co-authored-by: Prateek Shourya <prateekshourya29@gmail.com> Co-authored-by: b-saikrishnakanth <bsaikrishnakanth97@gmail.com> Co-authored-by: M. Palanikannan <73993394+Palanikannan1437@users.noreply.github.com> * fix: formatting * reexport types * fix: lint error --------- Co-authored-by: Jayash Tripathy <76092296+JayashTripathy@users.noreply.github.com> Co-authored-by: VipinDevelops <vipinchaudhary1809@gmail.com> Co-authored-by: Vamsi Krishna <46787868+vamsikrishnamathala@users.noreply.github.com> Co-authored-by: Anmol Singh Bhatia <121005188+anmolsinghbhatia@users.noreply.github.com> Co-authored-by: gakshita <akshitagoyal1516@gmail.com> Co-authored-by: Palanikannan M <akashmalinimurugu@gmail.com> Co-authored-by: Prateek Shourya <prateekshourya29@gmail.com> Co-authored-by: b-saikrishnakanth <bsaikrishnakanth97@gmail.com> Co-authored-by: M. Palanikannan <73993394+Palanikannan1437@users.noreply.github.com>
This commit is contained in:
Aaryan Khandelwal
GitHub
parent
d86418aad8
commit
22339b9786
1342 changed files with 14227 additions and 15119 deletions
|
|
@ -1,6 +1,5 @@
|
|||
import type { Preview } from "@storybook/react-vite";
|
||||
import "@plane/tailwind-config/global.css";
|
||||
import "../src/styles/react-day-picker.css";
|
||||
import "./tailwind.css";
|
||||
|
||||
const parameters: Preview["parameters"] = {
|
||||
controls: {
|
||||
|
|
|
|||
2
packages/propel/.storybook/tailwind.css
Normal file
2
packages/propel/.storybook/tailwind.css
Normal file
|
|
@ -0,0 +1,2 @@
|
|||
@import "@plane/tailwind-config/index.css";
|
||||
@import "../src/styles/react-day-picker.css";
|
||||
|
|
@ -20,6 +20,7 @@
|
|||
"./accordion": "./dist/accordion/index.js",
|
||||
"./animated-counter": "./dist/animated-counter/index.js",
|
||||
"./avatar": "./dist/avatar/index.js",
|
||||
"./badge": "./dist/badge/index.js",
|
||||
"./banner": "./dist/banner/index.js",
|
||||
"./button": "./dist/button/index.js",
|
||||
"./calendar": "./dist/calendar/index.js",
|
||||
|
|
@ -39,6 +40,7 @@
|
|||
"./emoji-icon-picker": "./dist/emoji-icon-picker/index.js",
|
||||
"./emoji-reaction": "./dist/emoji-reaction/index.js",
|
||||
"./empty-state": "./dist/empty-state/index.js",
|
||||
"./icon-button": "./dist/icon-button/index.js",
|
||||
"./icons": "./dist/icons/index.js",
|
||||
"./input": "./dist/input/index.js",
|
||||
"./menu": "./dist/menu/index.js",
|
||||
|
|
@ -66,8 +68,9 @@
|
|||
"@plane/constants": "workspace:*",
|
||||
"@plane/hooks": "workspace:*",
|
||||
"@plane/types": "workspace:*",
|
||||
"@plane/utils": "workspace:*",
|
||||
"@tanstack/react-table": "^8.21.3",
|
||||
"class-variance-authority": "^0.7.1",
|
||||
"class-variance-authority": "0.7.1",
|
||||
"clsx": "^2.1.1",
|
||||
"cmdk": "^1.1.1",
|
||||
"framer-motion": "^12.23.0",
|
||||
|
|
@ -77,7 +80,7 @@
|
|||
"react-day-picker": "9.5.0",
|
||||
"react-dom": "catalog:",
|
||||
"recharts": "^2.15.1",
|
||||
"tailwind-merge": "^3.3.1",
|
||||
"tailwind-merge": "3.4.0",
|
||||
"use-font-face-observer": "^1.3.0"
|
||||
},
|
||||
"devDependencies": {
|
||||
|
|
|
|||
|
|
@ -1 +1,3 @@
|
|||
module.exports = require("@plane/tailwind-config/postcss.config.js");
|
||||
import postcssConfig from "@plane/tailwind-config/postcss.config.js";
|
||||
|
||||
export default postcssConfig;
|
||||
|
|
|
|||
|
|
@ -176,7 +176,7 @@ export const AsChildTrigger: Story = {
|
|||
<Accordion.Root className="w-96">
|
||||
<Accordion.Item value="item-1">
|
||||
<Accordion.Trigger asChild>
|
||||
<button className="w-full rounded-md bg-blue-500 px-4 py-2 text-left text-white hover:bg-blue-600">
|
||||
<button className="w-full rounded-md bg-blue-500 px-4 py-2 text-left text-on-color hover:bg-blue-600">
|
||||
Custom Button Trigger
|
||||
</button>
|
||||
</Accordion.Trigger>
|
||||
|
|
@ -186,7 +186,7 @@ export const AsChildTrigger: Story = {
|
|||
</Accordion.Item>
|
||||
<Accordion.Item value="item-2">
|
||||
<Accordion.Trigger asChild>
|
||||
<button className="w-full rounded-md bg-green-500 px-4 py-2 text-left text-white hover:bg-green-600">
|
||||
<button className="w-full rounded-md bg-green-500 px-4 py-2 text-left text-on-color hover:bg-green-600">
|
||||
Another Custom Trigger
|
||||
</button>
|
||||
</Accordion.Trigger>
|
||||
|
|
|
|||
|
|
@ -32,7 +32,7 @@ export interface AccordionContentProps {
|
|||
|
||||
function AccordionRoot({ defaultValue = [], allowMultiple = false, className = "", children }: AccordionRootProps) {
|
||||
return (
|
||||
<BaseAccordion.Root defaultValue={defaultValue} openMultiple={allowMultiple} className={`text-base ${className}`}>
|
||||
<BaseAccordion.Root defaultValue={defaultValue} openMultiple={allowMultiple} className={`text-14 ${className}`}>
|
||||
{children}
|
||||
</BaseAccordion.Root>
|
||||
);
|
||||
|
|
|
|||
|
|
@ -26,7 +26,7 @@ export const Default: Story = {
|
|||
<div className="space-y-6 p-4">
|
||||
<div className="flex items-center justify-center gap-6">
|
||||
<button
|
||||
className="px-4 py-2 bg-red-500 text-white font-medium rounded-lg hover:bg-red-600 focus:outline-none focus:ring-2 focus:ring-red-400 focus:ring-offset-2 transition-colors shadow-md"
|
||||
className="px-4 py-2 bg-red-500 text-on-color font-medium rounded-lg hover:bg-red-600 focus:outline-none focus:ring-2 focus:ring-red-400 focus:ring-offset-2 transition-colors shadow-md"
|
||||
onClick={() => setCount((prev) => Math.max(0, prev - 1))}
|
||||
>
|
||||
-1
|
||||
|
|
@ -35,7 +35,7 @@ export const Default: Story = {
|
|||
<AnimatedCounter {...args} count={count} />
|
||||
</div>
|
||||
<button
|
||||
className="px-4 py-2 bg-green-500 text-white font-medium rounded-lg hover:bg-green-600 focus:outline-none focus:ring-2 focus:ring-green-400 focus:ring-offset-2 transition-colors shadow-md"
|
||||
className="px-4 py-2 bg-green-500 text-on-color font-medium rounded-lg hover:bg-green-600 focus:outline-none focus:ring-2 focus:ring-green-400 focus:ring-offset-2 transition-colors shadow-md"
|
||||
onClick={() => setCount((prev) => prev + 1)}
|
||||
>
|
||||
+1
|
||||
|
|
@ -54,13 +54,13 @@ export const Sizes: Story = {
|
|||
<div className="space-y-6 p-4">
|
||||
<div className="flex items-center gap-4">
|
||||
<button
|
||||
className="px-3 py-1 bg-custom-background-80 text-sm rounded hover:bg-custom-background-90"
|
||||
className="px-3 py-1 bg-layer-1 text-13 rounded-sm hover:bg-surface-2"
|
||||
onClick={() => setCount((prev) => Math.max(0, prev - 1))}
|
||||
>
|
||||
-1
|
||||
</button>
|
||||
<button
|
||||
className="px-3 py-1 bg-custom-background-80 text-sm rounded hover:bg-custom-background-90"
|
||||
className="px-3 py-1 bg-layer-1 text-13 rounded-sm hover:bg-surface-2"
|
||||
onClick={() => setCount((prev) => prev + 1)}
|
||||
>
|
||||
+1
|
||||
|
|
@ -68,20 +68,20 @@ export const Sizes: Story = {
|
|||
</div>
|
||||
<div className="flex flex-col gap-4">
|
||||
<div className="flex items-center gap-4">
|
||||
<span className="text-sm text-custom-text-400 w-20">Small:</span>
|
||||
<div className="flex items-center justify-center min-w-[40px] h-8 bg-custom-background-80 border border-custom-border-200 rounded">
|
||||
<span className="text-13 text-placeholder w-20">Small:</span>
|
||||
<div className="flex items-center justify-center min-w-[40px] h-8 bg-layer-1 border border-subtle rounded-sm">
|
||||
<AnimatedCounter count={count} size="sm" />
|
||||
</div>
|
||||
</div>
|
||||
<div className="flex items-center gap-4">
|
||||
<span className="text-sm text-custom-text-400 w-20">Medium:</span>
|
||||
<div className="flex items-center justify-center min-w-[50px] h-10 bg-custom-background-80 border border-custom-border-200 rounded">
|
||||
<span className="text-13 text-placeholder w-20">Medium:</span>
|
||||
<div className="flex items-center justify-center min-w-[50px] h-10 bg-layer-1 border border-subtle rounded-sm">
|
||||
<AnimatedCounter count={count} size="md" />
|
||||
</div>
|
||||
</div>
|
||||
<div className="flex items-center gap-4">
|
||||
<span className="text-sm text-custom-text-400 w-20">Large:</span>
|
||||
<div className="flex items-center justify-center min-w-[60px] h-12 bg-custom-background-80 border border-custom-border-200 rounded">
|
||||
<span className="text-13 text-placeholder w-20">Large:</span>
|
||||
<div className="flex items-center justify-center min-w-[60px] h-12 bg-layer-1 border border-subtle rounded-sm">
|
||||
<AnimatedCounter count={count} size="lg" />
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -99,19 +99,19 @@ export const LargeNumbers: Story = {
|
|||
<div className="space-y-6 p-4">
|
||||
<div className="flex items-center gap-4">
|
||||
<button
|
||||
className="px-3 py-1 bg-red-500 text-white text-sm rounded hover:bg-red-600"
|
||||
className="px-3 py-1 bg-red-500 text-on-color text-13 rounded-sm hover:bg-red-600"
|
||||
onClick={() => setCount((prev) => Math.max(0, prev - 1000))}
|
||||
>
|
||||
-1000
|
||||
</button>
|
||||
<button
|
||||
className="px-3 py-1 bg-green-500 text-white text-sm rounded hover:bg-green-600"
|
||||
className="px-3 py-1 bg-green-500 text-on-color text-13 rounded-sm hover:bg-green-600"
|
||||
onClick={() => setCount((prev) => prev + 1000)}
|
||||
>
|
||||
+1000
|
||||
</button>
|
||||
</div>
|
||||
<div className="flex items-center justify-center min-w-[100px] h-12 bg-custom-background-80 border border-custom-border-200 rounded-lg">
|
||||
<div className="flex items-center justify-center min-w-[100px] h-12 bg-layer-1 border border-subtle rounded-lg">
|
||||
<AnimatedCounter count={count} size="lg" />
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -142,11 +142,11 @@ export const Countdown: Story = {
|
|||
return (
|
||||
<div className="space-y-6 p-4">
|
||||
<div className="flex flex-col items-center gap-4">
|
||||
<div className="flex items-center justify-center min-w-[60px] h-16 bg-custom-background-80 border-2 border-custom-border-200 rounded-lg">
|
||||
<AnimatedCounter count={count} size="lg" className="text-2xl" />
|
||||
<div className="flex items-center justify-center min-w-[60px] h-16 bg-layer-1 border-2 border-subtle rounded-lg">
|
||||
<AnimatedCounter count={count} size="lg" className="text-20" />
|
||||
</div>
|
||||
<button
|
||||
className="px-6 py-2 bg-custom-primary-100 text-white font-medium rounded-lg hover:bg-custom-primary-200"
|
||||
className="px-6 py-2 bg-accent-primary text-on-color font-medium rounded-lg hover:bg-accent-primary/80"
|
||||
onClick={handleStart}
|
||||
disabled={isRunning}
|
||||
>
|
||||
|
|
@ -173,26 +173,26 @@ export const LiveCounter: Story = {
|
|||
return (
|
||||
<div className="space-y-6 p-4">
|
||||
<div className="flex flex-col items-center gap-4">
|
||||
<div className="flex items-center justify-center min-w-[80px] h-16 bg-custom-background-80 border-2 border-custom-border-200 rounded-lg">
|
||||
<AnimatedCounter count={count} size="lg" className="text-2xl" />
|
||||
<div className="flex items-center justify-center min-w-[80px] h-16 bg-layer-1 border-2 border-subtle rounded-lg">
|
||||
<AnimatedCounter count={count} size="lg" className="text-20" />
|
||||
</div>
|
||||
<div className="flex gap-2">
|
||||
<button
|
||||
className="px-4 py-2 bg-green-500 text-white font-medium rounded hover:bg-green-600"
|
||||
className="px-4 py-2 bg-green-500 text-on-color font-medium rounded-sm hover:bg-green-600"
|
||||
onClick={() => setIsRunning(true)}
|
||||
disabled={isRunning}
|
||||
>
|
||||
Start
|
||||
</button>
|
||||
<button
|
||||
className="px-4 py-2 bg-red-500 text-white font-medium rounded hover:bg-red-600"
|
||||
className="px-4 py-2 bg-red-500 text-on-color font-medium rounded-sm hover:bg-red-600"
|
||||
onClick={() => setIsRunning(false)}
|
||||
disabled={!isRunning}
|
||||
>
|
||||
Stop
|
||||
</button>
|
||||
<button
|
||||
className="px-4 py-2 bg-gray-500 text-white font-medium rounded hover:bg-gray-600"
|
||||
className="px-4 py-2 bg-gray-500 text-on-color font-medium rounded-sm hover:bg-gray-600"
|
||||
onClick={() => {
|
||||
setIsRunning(false);
|
||||
setCount(0);
|
||||
|
|
@ -215,49 +215,49 @@ export const MultipleCounters: Story = {
|
|||
|
||||
return (
|
||||
<div className="space-y-6 p-4">
|
||||
<div className="max-w-md border border-custom-border-200 rounded-lg p-4">
|
||||
<div className="max-w-md border border-subtle rounded-lg p-4">
|
||||
<div className="flex items-center justify-between mb-4">
|
||||
<h3 className="font-medium">Engagement Stats</h3>
|
||||
</div>
|
||||
<div className="flex gap-4">
|
||||
<div className="flex-1 flex flex-col items-center gap-2">
|
||||
<div className="text-custom-text-400 text-sm">Likes</div>
|
||||
<div className="text-placeholder text-13">Likes</div>
|
||||
<div className="flex items-center gap-2">
|
||||
<button
|
||||
className="w-8 h-8 flex items-center justify-center bg-custom-background-80 rounded hover:bg-custom-background-90"
|
||||
className="w-8 h-8 flex items-center justify-center bg-layer-1 rounded-sm hover:bg-surface-2"
|
||||
onClick={() => setLikes((prev) => prev + 1)}
|
||||
>
|
||||
+
|
||||
</button>
|
||||
<div className="flex items-center justify-center min-w-[40px] h-10 bg-custom-background-80 border border-custom-border-200 rounded">
|
||||
<div className="flex items-center justify-center min-w-[40px] h-10 bg-layer-1 border border-subtle rounded-sm">
|
||||
<AnimatedCounter count={likes} size="md" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="flex-1 flex flex-col items-center gap-2">
|
||||
<div className="text-custom-text-400 text-sm">Comments</div>
|
||||
<div className="text-placeholder text-13">Comments</div>
|
||||
<div className="flex items-center gap-2">
|
||||
<button
|
||||
className="w-8 h-8 flex items-center justify-center bg-custom-background-80 rounded hover:bg-custom-background-90"
|
||||
className="w-8 h-8 flex items-center justify-center bg-layer-1 rounded-sm hover:bg-surface-2"
|
||||
onClick={() => setComments((prev) => prev + 1)}
|
||||
>
|
||||
+
|
||||
</button>
|
||||
<div className="flex items-center justify-center min-w-[40px] h-10 bg-custom-background-80 border border-custom-border-200 rounded">
|
||||
<div className="flex items-center justify-center min-w-[40px] h-10 bg-layer-1 border border-subtle rounded-sm">
|
||||
<AnimatedCounter count={comments} size="md" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="flex-1 flex flex-col items-center gap-2">
|
||||
<div className="text-custom-text-400 text-sm">Shares</div>
|
||||
<div className="text-placeholder text-13">Shares</div>
|
||||
<div className="flex items-center gap-2">
|
||||
<button
|
||||
className="w-8 h-8 flex items-center justify-center bg-custom-background-80 rounded hover:bg-custom-background-90"
|
||||
className="w-8 h-8 flex items-center justify-center bg-layer-1 rounded-sm hover:bg-surface-2"
|
||||
onClick={() => setShares((prev) => prev + 1)}
|
||||
>
|
||||
+
|
||||
</button>
|
||||
<div className="flex items-center justify-center min-w-[40px] h-10 bg-custom-background-80 border border-custom-border-200 rounded">
|
||||
<div className="flex items-center justify-center min-w-[40px] h-10 bg-layer-1 border border-subtle rounded-sm">
|
||||
<AnimatedCounter count={shares} size="md" />
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -277,15 +277,13 @@ export const InBadge: Story = {
|
|||
<div className="space-y-6 p-4">
|
||||
<div className="flex flex-col items-center gap-4">
|
||||
<div className="relative">
|
||||
<button className="px-4 py-2 bg-custom-background-80 border border-custom-border-200 rounded-lg">
|
||||
Notifications
|
||||
</button>
|
||||
<div className="absolute -top-2 -right-2 min-w-[24px] h-6 flex items-center justify-center bg-red-500 text-white rounded-full px-1.5">
|
||||
<AnimatedCounter count={notifications} size="sm" className="text-xs font-medium" />
|
||||
<button className="px-4 py-2 bg-layer-1 border border-subtle rounded-lg">Notifications</button>
|
||||
<div className="absolute -top-2 -right-2 min-w-[24px] h-6 flex items-center justify-center bg-red-500 text-on-color rounded-full px-1.5">
|
||||
<AnimatedCounter count={notifications} size="sm" className="text-11 font-medium" />
|
||||
</div>
|
||||
</div>
|
||||
<button
|
||||
className="px-4 py-2 bg-custom-primary-100 text-white rounded hover:bg-custom-primary-200"
|
||||
className="px-4 py-2 bg-accent-primary text-on-color rounded-sm hover:bg-accent-primary/80"
|
||||
onClick={() => setNotifications((prev) => prev + 1)}
|
||||
>
|
||||
Add Notification
|
||||
|
|
@ -309,20 +307,17 @@ export const FastAnimation: Story = {
|
|||
return (
|
||||
<div className="space-y-6 p-4">
|
||||
<div className="flex flex-col items-center gap-4">
|
||||
<div className="flex items-center justify-center min-w-[60px] h-12 bg-custom-background-80 border border-custom-border-200 rounded-lg">
|
||||
<div className="flex items-center justify-center min-w-[60px] h-12 bg-layer-1 border border-subtle rounded-lg">
|
||||
<AnimatedCounter count={count} size="lg" />
|
||||
</div>
|
||||
<div className="flex gap-2">
|
||||
<button
|
||||
className="px-4 py-2 bg-custom-primary-100 text-white rounded hover:bg-custom-primary-200"
|
||||
className="px-4 py-2 bg-accent-primary text-on-color rounded-sm hover:bg-accent-primary/80"
|
||||
onClick={incrementFast}
|
||||
>
|
||||
+10 Fast
|
||||
</button>
|
||||
<button
|
||||
className="px-4 py-2 bg-custom-background-80 rounded hover:bg-custom-background-90"
|
||||
onClick={() => setCount(0)}
|
||||
>
|
||||
<button className="px-4 py-2 bg-layer-1 rounded-sm hover:bg-surface-2" onClick={() => setCount(0)}>
|
||||
Reset
|
||||
</button>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -8,9 +8,9 @@ export interface AnimatedCounterProps {
|
|||
}
|
||||
|
||||
const sizeClasses = {
|
||||
sm: "text-xs",
|
||||
md: "text-sm",
|
||||
lg: "text-base",
|
||||
sm: "text-11",
|
||||
md: "text-13",
|
||||
lg: "text-14",
|
||||
};
|
||||
|
||||
export function AnimatedCounter({ count, className, size = "md" }: AnimatedCounterProps) {
|
||||
|
|
@ -51,17 +51,15 @@ export function AnimatedCounter({ count, className, size = "md" }: AnimatedCount
|
|||
key={`prev-${animationKey}`}
|
||||
className={cn(
|
||||
"absolute inset-0 flex items-center justify-center font-medium",
|
||||
"animate-[slideOut_0.25s_ease-out_forwards]",
|
||||
"animate-slide-out",
|
||||
direction === "up" && "[--slide-out-dir:-100%]",
|
||||
direction === "down" && "[--slide-out-dir:100%]",
|
||||
sizeClass
|
||||
sizeClass,
|
||||
{
|
||||
"animate-slide-out animate-fade-out": isAnimating && direction === "up",
|
||||
"animate-slide-out-down animate-fade-out": isAnimating && direction === "down",
|
||||
}
|
||||
)}
|
||||
style={{
|
||||
animation:
|
||||
direction === "up"
|
||||
? "slideOut 0.25s ease-out forwards, fadeOut 0.25s ease-out forwards"
|
||||
: "slideOutDown 0.25s ease-out forwards, fadeOut 0.25s ease-out forwards",
|
||||
}}
|
||||
>
|
||||
{prevCount}
|
||||
</span>
|
||||
|
|
@ -72,21 +70,14 @@ export function AnimatedCounter({ count, className, size = "md" }: AnimatedCount
|
|||
key={`current-${animationKey}`}
|
||||
className={cn(
|
||||
"flex items-center justify-center font-medium",
|
||||
isAnimating && "animate-[slideIn_0.25s_ease-out_forwards]",
|
||||
!isAnimating && "opacity-100",
|
||||
sizeClass,
|
||||
{
|
||||
"animate-slide-in-from-bottom": isAnimating && direction === "up",
|
||||
"animate-slide-in-from-top": isAnimating && direction === "down",
|
||||
},
|
||||
className
|
||||
)}
|
||||
style={
|
||||
isAnimating
|
||||
? {
|
||||
animation:
|
||||
direction === "up"
|
||||
? "slideInFromBottom 0.25s ease-out forwards"
|
||||
: "slideInFromTop 0.25s ease-out forwards",
|
||||
}
|
||||
: undefined
|
||||
}
|
||||
>
|
||||
{displayCount}
|
||||
</span>
|
||||
|
|
|
|||
|
|
@ -26,31 +26,31 @@ export const getSizeInfo = (size: TAvatarSize) => {
|
|||
case "sm":
|
||||
return {
|
||||
avatarSize: "h-4 w-4",
|
||||
fontSize: "text-xs",
|
||||
fontSize: "text-11",
|
||||
spacing: "-space-x-1",
|
||||
};
|
||||
case "md":
|
||||
return {
|
||||
avatarSize: "h-5 w-5",
|
||||
fontSize: "text-xs",
|
||||
fontSize: "text-11",
|
||||
spacing: "-space-x-1",
|
||||
};
|
||||
case "base":
|
||||
return {
|
||||
avatarSize: "h-6 w-6",
|
||||
fontSize: "text-sm",
|
||||
fontSize: "text-13",
|
||||
spacing: "-space-x-1.5",
|
||||
};
|
||||
case "lg":
|
||||
return {
|
||||
avatarSize: "h-7 w-7",
|
||||
fontSize: "text-sm",
|
||||
fontSize: "text-13",
|
||||
spacing: "-space-x-1.5",
|
||||
};
|
||||
default:
|
||||
return {
|
||||
avatarSize: "h-5 w-5",
|
||||
fontSize: "text-xs",
|
||||
fontSize: "text-11",
|
||||
spacing: "-space-x-1",
|
||||
};
|
||||
}
|
||||
|
|
@ -66,7 +66,7 @@ export const getBorderRadius = (shape: "circle" | "square") => {
|
|||
case "circle":
|
||||
return "rounded-full";
|
||||
case "square":
|
||||
return "rounded";
|
||||
return "rounded-sm";
|
||||
default:
|
||||
return "rounded-full";
|
||||
}
|
||||
|
|
|
|||
148
packages/propel/src/badge/badge.stories.tsx
Normal file
148
packages/propel/src/badge/badge.stories.tsx
Normal file
|
|
@ -0,0 +1,148 @@
|
|||
import type { Meta, StoryObj } from "@storybook/react-vite";
|
||||
import { Badge } from "./badge";
|
||||
|
||||
const meta = {
|
||||
title: "Components/Badge",
|
||||
component: Badge,
|
||||
parameters: {
|
||||
layout: "centered",
|
||||
},
|
||||
tags: ["autodocs"],
|
||||
args: {
|
||||
children: "Badge",
|
||||
},
|
||||
} satisfies Meta<typeof Badge>;
|
||||
|
||||
export default meta;
|
||||
type Story = StoryObj<typeof meta>;
|
||||
|
||||
export const Default: Story = {};
|
||||
|
||||
export const Neutral: Story = {
|
||||
args: {
|
||||
variant: "neutral",
|
||||
children: "Neutral Badge",
|
||||
},
|
||||
};
|
||||
|
||||
export const Brand: Story = {
|
||||
args: {
|
||||
variant: "brand",
|
||||
children: "Brand Badge",
|
||||
},
|
||||
};
|
||||
|
||||
export const Warning: Story = {
|
||||
args: {
|
||||
variant: "warning",
|
||||
children: "Warning Badge",
|
||||
},
|
||||
};
|
||||
|
||||
export const Success: Story = {
|
||||
args: {
|
||||
variant: "success",
|
||||
children: "Success Badge",
|
||||
},
|
||||
};
|
||||
|
||||
export const Danger: Story = {
|
||||
args: {
|
||||
variant: "danger",
|
||||
children: "Danger Badge",
|
||||
},
|
||||
};
|
||||
|
||||
export const Small: Story = {
|
||||
args: {
|
||||
size: "sm",
|
||||
children: "Small Badge",
|
||||
},
|
||||
};
|
||||
|
||||
export const Base: Story = {
|
||||
args: {
|
||||
size: "base",
|
||||
children: "Base Badge",
|
||||
},
|
||||
};
|
||||
|
||||
export const Large: Story = {
|
||||
args: {
|
||||
size: "lg",
|
||||
children: "Large Badge",
|
||||
},
|
||||
};
|
||||
|
||||
export const WithPrependIcon: Story = {
|
||||
args: {
|
||||
prependIcon: (
|
||||
<svg
|
||||
width="16"
|
||||
height="16"
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
stroke="currentColor"
|
||||
strokeWidth="2"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
>
|
||||
<path d="M12 5v14m-7-7h14" />
|
||||
</svg>
|
||||
),
|
||||
children: "With Prepend Icon",
|
||||
},
|
||||
};
|
||||
|
||||
export const WithAppendIcon: Story = {
|
||||
args: {
|
||||
appendIcon: (
|
||||
<svg
|
||||
width="16"
|
||||
height="16"
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
stroke="currentColor"
|
||||
strokeWidth="2"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
>
|
||||
<path d="M9 5l7 7-7 7" />
|
||||
</svg>
|
||||
),
|
||||
children: "With Append Icon",
|
||||
},
|
||||
};
|
||||
|
||||
export const AllVariants: Story = {
|
||||
render() {
|
||||
return (
|
||||
<div className="space-y-4">
|
||||
<div className="space-y-2">
|
||||
<h3 className="text-16 font-semibold">Primary Variants</h3>
|
||||
<div className="flex flex-wrap gap-2">
|
||||
<Badge variant="neutral">Neutral</Badge>
|
||||
<Badge variant="brand">Brand</Badge>
|
||||
<Badge variant="warning">Warning</Badge>
|
||||
<Badge variant="success">Success</Badge>
|
||||
<Badge variant="danger">Danger</Badge>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
},
|
||||
};
|
||||
|
||||
export const AllSizes: Story = {
|
||||
render() {
|
||||
return (
|
||||
<div className="space-y-4">
|
||||
<div className="flex items-center gap-2">
|
||||
<Badge size="sm">Small</Badge>
|
||||
<Badge size="base">Base</Badge>
|
||||
<Badge size="lg">Large</Badge>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
},
|
||||
};
|
||||
22
packages/propel/src/badge/badge.tsx
Normal file
22
packages/propel/src/badge/badge.tsx
Normal file
|
|
@ -0,0 +1,22 @@
|
|||
import * as React from "react";
|
||||
import { cn } from "../utils";
|
||||
import type { BadgeProps } from "./helper";
|
||||
import { getBadgeIconStyling, badgeVariants } from "./helper";
|
||||
|
||||
const Badge = React.forwardRef(function Badge(props: BadgeProps, ref: React.ForwardedRef<HTMLSpanElement>) {
|
||||
const { variant = "neutral", size = "base", prependIcon = null, appendIcon = null, children, ...rest } = props;
|
||||
|
||||
const badgeIconStyle = getBadgeIconStyling(size ?? "base");
|
||||
|
||||
return (
|
||||
<span ref={ref} className={cn(badgeVariants({ variant, size }))} {...rest}>
|
||||
{prependIcon && React.cloneElement(prependIcon, { className: cn("shrink-0", badgeIconStyle), strokeWidth: 2 })}
|
||||
{children}
|
||||
{appendIcon && React.cloneElement(appendIcon, { className: cn("shrink-0", badgeIconStyle), strokeWidth: 2 })}
|
||||
</span>
|
||||
);
|
||||
});
|
||||
|
||||
Badge.displayName = "plane-ui-badge";
|
||||
|
||||
export { Badge };
|
||||
46
packages/propel/src/badge/helper.tsx
Normal file
46
packages/propel/src/badge/helper.tsx
Normal file
|
|
@ -0,0 +1,46 @@
|
|||
import type { VariantProps } from "class-variance-authority";
|
||||
import { cva } from "class-variance-authority";
|
||||
|
||||
export const badgeVariants = cva("inline-flex items-center justify-center gap-1 whitespace-nowrap transition-colors", {
|
||||
variants: {
|
||||
variant: {
|
||||
neutral: "bg-layer-3 text-tertiary",
|
||||
brand: "bg-accent-subtle-hover text-accent-primary",
|
||||
warning: "bg-warning-subtle text-warning",
|
||||
success: "bg-success-subtle-1 text-success",
|
||||
danger: "bg-danger-subtle text-danger",
|
||||
},
|
||||
size: {
|
||||
sm: "h-4 px-1 text-caption-sm-medium rounded-sm",
|
||||
base: "h-5 px-1.5 text-caption-sm-medium rounded-md",
|
||||
lg: "h-6 px-2 text-caption-md-medium rounded-md",
|
||||
},
|
||||
},
|
||||
defaultVariants: {
|
||||
variant: "neutral",
|
||||
size: "base",
|
||||
},
|
||||
});
|
||||
|
||||
export type BadgeProps = Omit<React.HTMLAttributes<HTMLSpanElement>, "className"> &
|
||||
VariantProps<typeof badgeVariants> & {
|
||||
appendIcon?: React.ReactElement;
|
||||
prependIcon?: React.ReactElement;
|
||||
};
|
||||
|
||||
export type TBadgeVariant = NonNullable<BadgeProps["variant"]>;
|
||||
export type TBadgeSize = NonNullable<BadgeProps["size"]>;
|
||||
|
||||
const badgeIconStyling: Record<TBadgeSize, string> = {
|
||||
sm: "size-3.5",
|
||||
base: "size-3.5",
|
||||
lg: "size-4",
|
||||
};
|
||||
|
||||
export function getBadgeIconStyling(size: TBadgeSize): string {
|
||||
return badgeIconStyling[size];
|
||||
}
|
||||
|
||||
export function getBadgeStyling(variant: TBadgeVariant, size: TBadgeSize): string {
|
||||
return badgeVariants({ variant, size });
|
||||
}
|
||||
3
packages/propel/src/badge/index.ts
Normal file
3
packages/propel/src/badge/index.ts
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
export { Badge } from "./badge";
|
||||
export { getBadgeStyling } from "./helper";
|
||||
export type { BadgeProps, TBadgeVariant, TBadgeSize } from "./helper";
|
||||
|
|
@ -116,7 +116,7 @@ function CloseButton({ onClick }: { onClick?: () => void }) {
|
|||
return (
|
||||
<button
|
||||
onClick={onClick}
|
||||
className="rounded p-1 hover:bg-black/5 dark:hover:bg-white/5 transition-colors"
|
||||
className="rounded-sm p-1 hover:bg-black/5 dark:hover:bg-white/5 transition-colors"
|
||||
aria-label="Dismiss"
|
||||
>
|
||||
<svg
|
||||
|
|
|
|||
|
|
@ -7,7 +7,7 @@ export interface IBannerStyling {
|
|||
export const bannerSizeStyling = {
|
||||
container: "py-3 px-6 h-12",
|
||||
icon: "w-5 h-5",
|
||||
title: "text-sm",
|
||||
title: "text-13",
|
||||
action: "gap-2",
|
||||
};
|
||||
|
||||
|
|
@ -33,14 +33,14 @@ export const getBannerStyling = (variant: TBannerVariant): string => {
|
|||
|
||||
// Get title styling
|
||||
export const getBannerTitleStyling = (): string =>
|
||||
`font-medium text-custom-text-200 flex-1 min-w-0 ${bannerSizeStyling.title}`;
|
||||
`font-medium text-secondary flex-1 min-w-0 ${bannerSizeStyling.title}`;
|
||||
|
||||
// Get action container styling
|
||||
export const getBannerActionStyling = (): string => `flex items-center flex-shrink-0 ${bannerSizeStyling.action}`;
|
||||
|
||||
// Get dismiss button styling
|
||||
export const getBannerDismissStyling = (): string =>
|
||||
"rounded p-1 hover:bg-custom-background-90 transition-colors flex-shrink-0";
|
||||
"rounded-sm p-1 hover:bg-surface-2 transition-colors flex-shrink-0";
|
||||
|
||||
// Get dismiss icon styling
|
||||
export const getBannerDismissIconStyling = (): string => "text-custom-text-200";
|
||||
export const getBannerDismissIconStyling = (): string => "text-secondary";
|
||||
|
|
|
|||
|
|
@ -25,73 +25,45 @@ export const Primary: Story = {
|
|||
},
|
||||
};
|
||||
|
||||
export const AccentPrimary: Story = {
|
||||
export const ErrorFill: Story = {
|
||||
args: {
|
||||
variant: "accent-primary",
|
||||
children: "Accent Primary Button",
|
||||
variant: "error-fill",
|
||||
children: "Error Button",
|
||||
},
|
||||
};
|
||||
|
||||
export const OutlinePrimary: Story = {
|
||||
export const ErrorOutline: Story = {
|
||||
args: {
|
||||
variant: "outline-primary",
|
||||
children: "Outline Primary Button",
|
||||
variant: "error-outline",
|
||||
children: "Error Outline Button",
|
||||
},
|
||||
};
|
||||
|
||||
export const NeutralPrimary: Story = {
|
||||
export const Secondary: Story = {
|
||||
args: {
|
||||
variant: "neutral-primary",
|
||||
children: "Neutral Primary Button",
|
||||
variant: "secondary",
|
||||
children: "Secondary Button",
|
||||
},
|
||||
};
|
||||
|
||||
export const LinkPrimary: Story = {
|
||||
export const Tertiary: Story = {
|
||||
args: {
|
||||
variant: "link-primary",
|
||||
children: "Link Primary Button",
|
||||
variant: "tertiary",
|
||||
children: "Tertiary Button",
|
||||
},
|
||||
};
|
||||
|
||||
export const Danger: Story = {
|
||||
export const Ghost: Story = {
|
||||
args: {
|
||||
variant: "danger",
|
||||
children: "Danger Button",
|
||||
variant: "ghost",
|
||||
children: "Ghost Button",
|
||||
},
|
||||
};
|
||||
|
||||
export const AccentDanger: Story = {
|
||||
export const Link: Story = {
|
||||
args: {
|
||||
variant: "accent-danger",
|
||||
children: "Accent Danger Button",
|
||||
},
|
||||
};
|
||||
|
||||
export const OutlineDanger: Story = {
|
||||
args: {
|
||||
variant: "outline-danger",
|
||||
children: "Outline Danger Button",
|
||||
},
|
||||
};
|
||||
|
||||
export const LinkDanger: Story = {
|
||||
args: {
|
||||
variant: "link-danger",
|
||||
children: "Link Danger Button",
|
||||
},
|
||||
};
|
||||
|
||||
export const TertiaryDanger: Story = {
|
||||
args: {
|
||||
variant: "tertiary-danger",
|
||||
children: "Tertiary Danger Button",
|
||||
},
|
||||
};
|
||||
|
||||
export const LinkNeutral: Story = {
|
||||
args: {
|
||||
variant: "link-neutral",
|
||||
children: "Link Neutral Button",
|
||||
variant: "link",
|
||||
children: "Link Button",
|
||||
},
|
||||
};
|
||||
|
||||
|
|
@ -102,10 +74,10 @@ export const Small: Story = {
|
|||
},
|
||||
};
|
||||
|
||||
export const Medium: Story = {
|
||||
export const Base: Story = {
|
||||
args: {
|
||||
size: "md",
|
||||
children: "Medium Button",
|
||||
size: "base",
|
||||
children: "Base Button",
|
||||
},
|
||||
};
|
||||
|
||||
|
|
@ -182,29 +154,15 @@ export const AllVariants: Story = {
|
|||
return (
|
||||
<div className="space-y-4">
|
||||
<div className="space-y-2">
|
||||
<h3 className="text-lg font-semibold">Primary Variants</h3>
|
||||
<h3 className="text-16 font-semibold">Primary Variants</h3>
|
||||
<div className="flex flex-wrap gap-2">
|
||||
<Button variant="primary">Primary</Button>
|
||||
<Button variant="accent-primary">Accent Primary</Button>
|
||||
<Button variant="outline-primary">Outline Primary</Button>
|
||||
<Button variant="neutral-primary">Neutral Primary</Button>
|
||||
<Button variant="link-primary">Link Primary</Button>
|
||||
</div>
|
||||
</div>
|
||||
<div className="space-y-2">
|
||||
<h3 className="text-lg font-semibold">Danger Variants</h3>
|
||||
<div className="flex flex-wrap gap-2">
|
||||
<Button variant="danger">Danger</Button>
|
||||
<Button variant="accent-danger">Accent Danger</Button>
|
||||
<Button variant="outline-danger">Outline Danger</Button>
|
||||
<Button variant="link-danger">Link Danger</Button>
|
||||
<Button variant="tertiary-danger">Tertiary Danger</Button>
|
||||
</div>
|
||||
</div>
|
||||
<div className="space-y-2">
|
||||
<h3 className="text-lg font-semibold">Other Variants</h3>
|
||||
<div className="flex flex-wrap gap-2">
|
||||
<Button variant="link-neutral">Link Neutral</Button>
|
||||
<Button variant="error-fill">Error Fill</Button>
|
||||
<Button variant="error-outline">Error Outline</Button>
|
||||
<Button variant="secondary">Secondary</Button>
|
||||
<Button variant="tertiary">Tertiary</Button>
|
||||
<Button variant="ghost">Ghost</Button>
|
||||
<Button variant="link">Link</Button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -218,7 +176,7 @@ export const AllSizes: Story = {
|
|||
<div className="space-y-4">
|
||||
<div className="flex items-center gap-2">
|
||||
<Button size="sm">Small</Button>
|
||||
<Button size="md">Medium</Button>
|
||||
<Button size="base">Base</Button>
|
||||
<Button size="lg">Large</Button>
|
||||
<Button size="xl">Extra Large</Button>
|
||||
</div>
|
||||
|
|
@ -232,7 +190,7 @@ export const AllStates: Story = {
|
|||
return (
|
||||
<div className="space-y-4">
|
||||
<div className="space-y-2">
|
||||
<h3 className="text-lg font-semibold">Button States</h3>
|
||||
<h3 className="text-16 font-semibold">Button States</h3>
|
||||
<div className="flex flex-wrap gap-2">
|
||||
<Button>Default</Button>
|
||||
<Button loading>Loading</Button>
|
||||
|
|
|
|||
|
|
@ -1,23 +1,12 @@
|
|||
import * as React from "react";
|
||||
import { cn } from "../utils";
|
||||
import type { TButtonVariant, TButtonSizes } from "./helper";
|
||||
import { getIconStyling, getButtonStyling } from "./helper";
|
||||
|
||||
export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
|
||||
variant?: TButtonVariant;
|
||||
size?: TButtonSizes;
|
||||
className?: string;
|
||||
loading?: boolean;
|
||||
disabled?: boolean;
|
||||
appendIcon?: any;
|
||||
prependIcon?: any;
|
||||
children: React.ReactNode;
|
||||
}
|
||||
import type { ButtonProps } from "./helper";
|
||||
import { getIconStyling, buttonVariants } from "./helper";
|
||||
|
||||
const Button = React.forwardRef(function Button(props: ButtonProps, ref: React.ForwardedRef<HTMLButtonElement>) {
|
||||
const {
|
||||
variant = "primary",
|
||||
size = "md",
|
||||
size = "base",
|
||||
className = "",
|
||||
type = "button",
|
||||
loading = false,
|
||||
|
|
@ -28,14 +17,19 @@ const Button = React.forwardRef(function Button(props: ButtonProps, ref: React.F
|
|||
...rest
|
||||
} = props;
|
||||
|
||||
const buttonStyle = getButtonStyling(variant, size, disabled || loading);
|
||||
const buttonIconStyle = getIconStyling(size);
|
||||
const buttonIconStyle = getIconStyling(size ?? "base");
|
||||
|
||||
return (
|
||||
<button ref={ref} type={type} className={cn(buttonStyle, className)} disabled={disabled || loading} {...rest}>
|
||||
{prependIcon && <div className={buttonIconStyle}>{React.cloneElement(prependIcon, { strokeWidth: 2 })}</div>}
|
||||
<button
|
||||
ref={ref}
|
||||
type={type}
|
||||
className={cn(buttonVariants({ variant, size }), className)}
|
||||
disabled={disabled || loading}
|
||||
{...rest}
|
||||
>
|
||||
{prependIcon && React.cloneElement(prependIcon, { className: cn("shrink-0", buttonIconStyle), strokeWidth: 2 })}
|
||||
{children}
|
||||
{appendIcon && <div className={buttonIconStyle}>{React.cloneElement(appendIcon, { strokeWidth: 2 })}</div>}
|
||||
{appendIcon && React.cloneElement(appendIcon, { className: cn("shrink-0", buttonIconStyle), strokeWidth: 2 })}
|
||||
</button>
|
||||
);
|
||||
});
|
||||
|
|
|
|||
|
|
@ -1,126 +1,60 @@
|
|||
export type TButtonVariant =
|
||||
| "primary"
|
||||
| "accent-primary"
|
||||
| "outline-primary"
|
||||
| "neutral-primary"
|
||||
| "link-primary"
|
||||
| "danger"
|
||||
| "accent-danger"
|
||||
| "outline-danger"
|
||||
| "link-danger"
|
||||
| "tertiary-danger"
|
||||
| "link-neutral";
|
||||
import type { VariantProps } from "class-variance-authority";
|
||||
import { cva } from "class-variance-authority";
|
||||
|
||||
export type TButtonSizes = "sm" | "md" | "lg" | "xl";
|
||||
export const buttonVariants = cva(
|
||||
"inline-flex items-center justify-center gap-1 whitespace-nowrap transition-colors focus-visible:outline-none disabled:pointer-events-none",
|
||||
{
|
||||
variants: {
|
||||
variant: {
|
||||
primary:
|
||||
"bg-accent-primary hover:bg-accent-primary-hover active:bg-accent-primary-active focus:bg-accent-primary-active disabled:bg-layer-disabled text-on-color disabled:text-disabled",
|
||||
"error-fill":
|
||||
"bg-danger-primary hover:bg-danger-primary-hover active:bg-danger-primary-active focus:bg-danger-primary-active disabled:bg-layer-disabled text-on-color disabled:text-disabled",
|
||||
"error-outline":
|
||||
"bg-layer-2 hover:bg-danger-subtle active:bg-danger-subtle-hover focus:bg-danger-subtle-hover disabled:bg-layer-2 text-danger disabled:text-disabled border border-danger-strong disabled:border-subtle-1",
|
||||
secondary:
|
||||
"bg-layer-2 hover:bg-layer-2-hover active:bg-layer-2-active focus:bg-layer-2-active disabled:bg-layer-transparent text-secondary disabled:text-disabled border border-strong disabled:border-subtle-1 shadow-raised-100",
|
||||
tertiary:
|
||||
"bg-layer-3 hover:bg-layer-3-hover active:bg-layer-3-active focus:bg-layer-3-active disabled:bg-layer-transparent text-secondary disabled:text-disabled",
|
||||
ghost:
|
||||
"bg-layer-transparent hover:bg-layer-transparent-hover active:bg-layer-transparent-active focus:bg-layer-transparent-active disabled:bg-layer-transparent text-secondary disabled:text-disabled",
|
||||
link: "px-0 underline text-link-primary hover:text-link-primary-hover active:text-link-primary-hover focus:text-link-primary-hover disabled:text-disabled",
|
||||
},
|
||||
size: {
|
||||
sm: "h-5 px-1.5 text-caption-md-medium rounded-sm",
|
||||
base: "h-6 px-2 text-body-xs-medium rounded-md",
|
||||
lg: "h-7 px-2 text-body-xs-medium rounded-md",
|
||||
xl: "h-8 px-2 text-body-sm-medium rounded-md",
|
||||
},
|
||||
},
|
||||
defaultVariants: {
|
||||
variant: "primary",
|
||||
size: "base",
|
||||
},
|
||||
}
|
||||
);
|
||||
|
||||
export interface IButtonStyling {
|
||||
[key: string]: {
|
||||
default: string;
|
||||
hover: string;
|
||||
pressed: string;
|
||||
disabled: string;
|
||||
export type ButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> &
|
||||
VariantProps<typeof buttonVariants> & {
|
||||
appendIcon?: React.ReactElement;
|
||||
loading?: boolean;
|
||||
prependIcon?: React.ReactElement;
|
||||
};
|
||||
}
|
||||
|
||||
enum buttonSizeStyling {
|
||||
sm = `px-3 py-1.5 font-medium text-xs rounded flex items-center gap-1.5 whitespace-nowrap transition-all justify-center`,
|
||||
md = `px-4 py-1.5 font-medium text-sm rounded flex items-center gap-1.5 whitespace-nowrap transition-all justify-center`,
|
||||
lg = `px-5 py-2 font-medium text-sm rounded flex items-center gap-1.5 whitespace-nowrap transition-all justify-center`,
|
||||
xl = `px-5 py-3.5 font-medium text-sm rounded flex items-center gap-1.5 whitespace-nowrap transition-all justify-center`,
|
||||
}
|
||||
export type TButtonVariant = NonNullable<ButtonProps["variant"]>;
|
||||
export type TButtonSize = NonNullable<ButtonProps["size"]>;
|
||||
|
||||
enum buttonIconStyling {
|
||||
sm = "h-3 w-3 flex justify-center items-center overflow-hidden my-0.5 flex-shrink-0",
|
||||
md = "h-3.5 w-3.5 flex justify-center items-center overflow-hidden my-0.5 flex-shrink-0",
|
||||
lg = "h-4 w-4 flex justify-center items-center overflow-hidden my-0.5 flex-shrink-0",
|
||||
xl = "h-4 w-4 flex justify-center items-center overflow-hidden my-0.5 flex-shrink-0 ",
|
||||
}
|
||||
|
||||
export const buttonStyling: IButtonStyling = {
|
||||
primary: {
|
||||
default: `text-white bg-custom-primary-100`,
|
||||
hover: `hover:bg-custom-primary-200`,
|
||||
pressed: `focus:text-custom-brand-40 focus:bg-custom-primary-200`,
|
||||
disabled: `cursor-not-allowed !bg-custom-primary-60 hover:bg-custom-primary-60`,
|
||||
},
|
||||
"accent-primary": {
|
||||
default: `bg-custom-primary-100/20 text-custom-primary-100`,
|
||||
hover: `hover:bg-custom-primary-100/10 hover:text-custom-primary-200`,
|
||||
pressed: `focus:bg-custom-primary-100/10`,
|
||||
disabled: `cursor-not-allowed !text-custom-primary-60`,
|
||||
},
|
||||
"outline-primary": {
|
||||
default: `text-custom-primary-100 bg-transparent border border-custom-primary-100`,
|
||||
hover: `hover:bg-custom-primary-100/20`,
|
||||
pressed: `focus:text-custom-primary-100 focus:bg-custom-primary-100/30`,
|
||||
disabled: `cursor-not-allowed !text-custom-primary-60 !border-custom-primary-60 `,
|
||||
},
|
||||
"neutral-primary": {
|
||||
default: `text-custom-text-200 bg-custom-background-100 border border-custom-border-200`,
|
||||
hover: `hover:bg-custom-background-90`,
|
||||
pressed: `focus:text-custom-text-300 focus:bg-custom-background-90`,
|
||||
disabled: `cursor-not-allowed !text-custom-text-400`,
|
||||
},
|
||||
"link-primary": {
|
||||
default: `text-custom-primary-100 bg-custom-background-100`,
|
||||
hover: `hover:text-custom-primary-200`,
|
||||
pressed: `focus:text-custom-primary-80 `,
|
||||
disabled: `cursor-not-allowed !text-custom-primary-60`,
|
||||
},
|
||||
|
||||
danger: {
|
||||
default: `text-white bg-red-500`,
|
||||
hover: ` hover:bg-red-600`,
|
||||
pressed: `focus:text-red-200 focus:bg-red-600`,
|
||||
disabled: `cursor-not-allowed !bg-red-300`,
|
||||
},
|
||||
"accent-danger": {
|
||||
default: `text-red-500 bg-red-50`,
|
||||
hover: `hover:text-red-600 hover:bg-red-100`,
|
||||
pressed: `focus:text-red-500 focus:bg-red-100`,
|
||||
disabled: `cursor-not-allowed !text-red-300`,
|
||||
},
|
||||
"outline-danger": {
|
||||
default: `text-red-500 bg-transparent border border-red-500`,
|
||||
hover: `hover:text-red-400 hover:border-red-400`,
|
||||
pressed: `focus:text-red-400 focus:border-red-400`,
|
||||
disabled: `cursor-not-allowed !text-red-300 !border-red-300`,
|
||||
},
|
||||
"link-danger": {
|
||||
default: `text-red-500 bg-custom-background-100`,
|
||||
hover: `hover:text-red-400`,
|
||||
pressed: `focus:text-red-400`,
|
||||
disabled: `cursor-not-allowed !text-red-300`,
|
||||
},
|
||||
"tertiary-danger": {
|
||||
default: `text-red-500 bg-custom-background-100 border border-red-200`,
|
||||
hover: `hover:bg-red-50 hover:border-red-300`,
|
||||
pressed: `focus:text-red-400`,
|
||||
disabled: `cursor-not-allowed !text-red-300`,
|
||||
},
|
||||
"link-neutral": {
|
||||
default: `text-custom-text-300`,
|
||||
hover: `hover:text-custom-text-200`,
|
||||
pressed: `focus:text-custom-text-100`,
|
||||
disabled: `cursor-not-allowed !text-custom-text-400`,
|
||||
},
|
||||
const buttonIconStyling: Record<TButtonSize, string> = {
|
||||
sm: "size-3.5",
|
||||
base: "size-3.5",
|
||||
lg: "size-4",
|
||||
xl: "size-4 ",
|
||||
};
|
||||
|
||||
export const getButtonStyling = (variant: TButtonVariant, size: TButtonSizes, disabled: boolean = false): string => {
|
||||
let tempVariant: string = ``;
|
||||
const currentVariant = buttonStyling[variant];
|
||||
export function getIconStyling(size: TButtonSize): string {
|
||||
return buttonIconStyling[size];
|
||||
}
|
||||
|
||||
tempVariant = `${currentVariant.default} ${disabled ? currentVariant.disabled : currentVariant.hover} ${
|
||||
currentVariant.pressed
|
||||
}`;
|
||||
|
||||
let tempSize: string = ``;
|
||||
if (size) tempSize = buttonSizeStyling[size];
|
||||
return `${tempVariant} ${tempSize}`;
|
||||
};
|
||||
|
||||
export const getIconStyling = (size: TButtonSizes): string => {
|
||||
let icon: string = ``;
|
||||
if (size) icon = buttonIconStyling[size];
|
||||
return icon;
|
||||
};
|
||||
export function getButtonStyling(variant: TButtonVariant, size: TButtonSize): string {
|
||||
return buttonVariants({ variant, size });
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,3 +1,3 @@
|
|||
export { Button } from "./button";
|
||||
export * from "./helper";
|
||||
export type { ButtonProps } from "./button";
|
||||
export { getButtonStyling } from "./helper";
|
||||
export type { ButtonProps, TButtonVariant, TButtonSize } from "./helper";
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
import * as React from "react";
|
||||
import { DayPicker } from "react-day-picker";
|
||||
import { ChevronLeftIcon } from "../icons";
|
||||
import { ChevronLeftIcon } from "../icons/arrows/chevron-left";
|
||||
|
||||
import { cn } from "../utils";
|
||||
|
||||
|
|
|
|||
|
|
@ -11,8 +11,8 @@ const meta = {
|
|||
args: {
|
||||
children: (
|
||||
<>
|
||||
<h3 className="text-lg font-semibold">Card Title</h3>
|
||||
<p className="text-sm text-gray-600">This is a default card with shadow and large spacing.</p>
|
||||
<h3 className="text-16 font-semibold">Card Title</h3>
|
||||
<p className="text-13 text-gray-600">This is a default card with shadow and large spacing.</p>
|
||||
</>
|
||||
),
|
||||
},
|
||||
|
|
@ -28,8 +28,8 @@ export const WithShadow: Story = {
|
|||
variant: ECardVariant.WITH_SHADOW,
|
||||
children: (
|
||||
<>
|
||||
<h3 className="text-lg font-semibold">Card with Shadow</h3>
|
||||
<p className="text-sm text-gray-600">Hover over this card to see the shadow effect.</p>
|
||||
<h3 className="text-16 font-semibold">Card with Shadow</h3>
|
||||
<p className="text-13 text-gray-600">Hover over this card to see the shadow effect.</p>
|
||||
</>
|
||||
),
|
||||
},
|
||||
|
|
@ -40,8 +40,8 @@ export const WithoutShadow: Story = {
|
|||
variant: ECardVariant.WITHOUT_SHADOW,
|
||||
children: (
|
||||
<>
|
||||
<h3 className="text-lg font-semibold">Card without Shadow</h3>
|
||||
<p className="text-sm text-gray-600">This card has no shadow effect on hover.</p>
|
||||
<h3 className="text-16 font-semibold">Card without Shadow</h3>
|
||||
<p className="text-13 text-gray-600">This card has no shadow effect on hover.</p>
|
||||
</>
|
||||
),
|
||||
},
|
||||
|
|
@ -52,8 +52,8 @@ export const SmallSpacing: Story = {
|
|||
spacing: ECardSpacing.SM,
|
||||
children: (
|
||||
<>
|
||||
<h3 className="text-lg font-semibold">Small Spacing</h3>
|
||||
<p className="text-sm text-gray-600">This card uses small spacing (p-4).</p>
|
||||
<h3 className="text-16 font-semibold">Small Spacing</h3>
|
||||
<p className="text-13 text-gray-600">This card uses small spacing (p-4).</p>
|
||||
</>
|
||||
),
|
||||
},
|
||||
|
|
@ -64,8 +64,8 @@ export const LargeSpacing: Story = {
|
|||
spacing: ECardSpacing.LG,
|
||||
children: (
|
||||
<>
|
||||
<h3 className="text-lg font-semibold">Large Spacing</h3>
|
||||
<p className="text-sm text-gray-600">This card uses large spacing (p-6).</p>
|
||||
<h3 className="text-16 font-semibold">Large Spacing</h3>
|
||||
<p className="text-13 text-gray-600">This card uses large spacing (p-6).</p>
|
||||
</>
|
||||
),
|
||||
},
|
||||
|
|
@ -76,9 +76,9 @@ export const ColumnDirection: Story = {
|
|||
direction: ECardDirection.COLUMN,
|
||||
children: (
|
||||
<>
|
||||
<h3 className="text-lg font-semibold">Column Direction</h3>
|
||||
<p className="text-sm text-gray-600">Content is arranged vertically.</p>
|
||||
<button className="rounded bg-blue-500 px-4 py-2 text-white">Action</button>
|
||||
<h3 className="text-16 font-semibold">Column Direction</h3>
|
||||
<p className="text-13 text-gray-600">Content is arranged vertically.</p>
|
||||
<button className="rounded-sm bg-blue-500 px-4 py-2 text-on-color">Action</button>
|
||||
</>
|
||||
),
|
||||
},
|
||||
|
|
@ -90,11 +90,11 @@ export const RowDirection: Story = {
|
|||
children: (
|
||||
<>
|
||||
<div className="flex-shrink-0">
|
||||
<div className="h-12 w-12 rounded bg-blue-500" />
|
||||
<div className="h-12 w-12 rounded-sm bg-blue-500" />
|
||||
</div>
|
||||
<div className="flex-1">
|
||||
<h3 className="text-lg font-semibold">Row Direction</h3>
|
||||
<p className="text-sm text-gray-600">Content is arranged horizontally.</p>
|
||||
<h3 className="text-16 font-semibold">Row Direction</h3>
|
||||
<p className="text-13 text-gray-600">Content is arranged horizontally.</p>
|
||||
</div>
|
||||
</>
|
||||
),
|
||||
|
|
@ -108,12 +108,12 @@ export const ProductCard: Story = {
|
|||
direction: ECardDirection.COLUMN,
|
||||
children: (
|
||||
<>
|
||||
<div className="h-48 w-full rounded bg-gray-200" />
|
||||
<h3 className="text-xl font-bold">Product Name</h3>
|
||||
<p className="text-sm text-gray-600">A brief description of the product goes here.</p>
|
||||
<div className="h-48 w-full rounded-sm bg-gray-200" />
|
||||
<h3 className="text-18 font-bold">Product Name</h3>
|
||||
<p className="text-13 text-gray-600">A brief description of the product goes here.</p>
|
||||
<div className="flex items-center justify-between">
|
||||
<span className="text-lg font-semibold">$99.99</span>
|
||||
<button className="rounded bg-blue-500 px-4 py-2 text-white hover:bg-blue-600">Add to Cart</button>
|
||||
<span className="text-16 font-semibold">$99.99</span>
|
||||
<button className="rounded-sm bg-blue-500 px-4 py-2 text-on-color hover:bg-blue-600">Add to Cart</button>
|
||||
</div>
|
||||
</>
|
||||
),
|
||||
|
|
@ -129,9 +129,9 @@ export const UserCard: Story = {
|
|||
<>
|
||||
<div className="h-16 w-16 flex-shrink-0 rounded-full bg-blue-500" />
|
||||
<div className="flex-1">
|
||||
<h3 className="text-lg font-semibold">John Doe</h3>
|
||||
<p className="text-sm text-gray-600">Software Engineer</p>
|
||||
<p className="text-xs text-gray-500">john.doe@example.com</p>
|
||||
<h3 className="text-16 font-semibold">John Doe</h3>
|
||||
<p className="text-13 text-gray-600">Software Engineer</p>
|
||||
<p className="text-11 text-gray-500">john.doe@example.com</p>
|
||||
</div>
|
||||
</>
|
||||
),
|
||||
|
|
@ -147,9 +147,9 @@ export const NotificationCard: Story = {
|
|||
<>
|
||||
<div className="flex items-start justify-between">
|
||||
<h4 className="font-semibold">New Message</h4>
|
||||
<span className="text-xs text-gray-500">2m ago</span>
|
||||
<span className="text-11 text-gray-500">2m ago</span>
|
||||
</div>
|
||||
<p className="text-sm text-gray-600">You have received a new message from Alice.</p>
|
||||
<p className="text-13 text-gray-600">You have received a new message from Alice.</p>
|
||||
</>
|
||||
),
|
||||
},
|
||||
|
|
@ -161,11 +161,11 @@ export const AllVariants: Story = {
|
|||
<div className="space-y-4">
|
||||
<Card variant={ECardVariant.WITH_SHADOW}>
|
||||
<h3 className="font-semibold">With Shadow</h3>
|
||||
<p className="text-sm text-gray-600">Hover to see the shadow effect</p>
|
||||
<p className="text-13 text-gray-600">Hover to see the shadow effect</p>
|
||||
</Card>
|
||||
<Card variant={ECardVariant.WITHOUT_SHADOW}>
|
||||
<h3 className="font-semibold">Without Shadow</h3>
|
||||
<p className="text-sm text-gray-600">No shadow on hover</p>
|
||||
<p className="text-13 text-gray-600">No shadow on hover</p>
|
||||
</Card>
|
||||
</div>
|
||||
);
|
||||
|
|
@ -178,11 +178,11 @@ export const AllSpacings: Story = {
|
|||
<div className="space-y-4">
|
||||
<Card spacing={ECardSpacing.SM}>
|
||||
<h3 className="font-semibold">Small Spacing (p-4)</h3>
|
||||
<p className="text-sm text-gray-600">Compact padding</p>
|
||||
<p className="text-13 text-gray-600">Compact padding</p>
|
||||
</Card>
|
||||
<Card spacing={ECardSpacing.LG}>
|
||||
<h3 className="font-semibold">Large Spacing (p-6)</h3>
|
||||
<p className="text-sm text-gray-600">More generous padding</p>
|
||||
<p className="text-13 text-gray-600">More generous padding</p>
|
||||
</Card>
|
||||
</div>
|
||||
);
|
||||
|
|
@ -195,14 +195,14 @@ export const AllDirections: Story = {
|
|||
<div className="space-y-4">
|
||||
<Card direction={ECardDirection.COLUMN}>
|
||||
<h3 className="font-semibold">Column Direction</h3>
|
||||
<p className="text-sm text-gray-600">Vertical layout</p>
|
||||
<button className="w-fit rounded bg-blue-500 px-4 py-2 text-white">Button</button>
|
||||
<p className="text-13 text-gray-600">Vertical layout</p>
|
||||
<button className="w-fit rounded-sm bg-blue-500 px-4 py-2 text-on-color">Button</button>
|
||||
</Card>
|
||||
<Card direction={ECardDirection.ROW}>
|
||||
<div className="h-12 w-12 flex-shrink-0 rounded bg-blue-500" />
|
||||
<div className="h-12 w-12 flex-shrink-0 rounded-sm bg-blue-500" />
|
||||
<div>
|
||||
<h3 className="font-semibold">Row Direction</h3>
|
||||
<p className="text-sm text-gray-600">Horizontal layout</p>
|
||||
<p className="text-13 text-gray-600">Horizontal layout</p>
|
||||
</div>
|
||||
</Card>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -18,8 +18,7 @@ export interface ICardProperties {
|
|||
[key: string]: string;
|
||||
}
|
||||
|
||||
const DEFAULT_STYLE =
|
||||
"bg-custom-background-100 rounded-lg border-[0.5px] border-custom-border-200 w-full flex flex-col";
|
||||
const DEFAULT_STYLE = "bg-surface-1 rounded-lg border-[0.5px] border-subtle w-full flex flex-col";
|
||||
export const containerStyle: ICardProperties = {
|
||||
[ECardVariant.WITHOUT_SHADOW]: "",
|
||||
[ECardVariant.WITH_SHADOW]: "hover:shadow-custom-shadow-4xl duration-300",
|
||||
|
|
|
|||
|
|
@ -112,7 +112,7 @@ export const AreaChart = React.memo(function AreaChart<K extends string, T exten
|
|||
left: margin?.left === undefined ? 20 : margin.left,
|
||||
}}
|
||||
>
|
||||
<CartesianGrid stroke="rgba(var(--color-border-100), 0.8)" vertical={false} />
|
||||
<CartesianGrid stroke="--alpha(var(--border-color-subtle) / 80%)" vertical={false} />
|
||||
<XAxis
|
||||
dataKey={xAxis.key}
|
||||
tick={(props) => {
|
||||
|
|
@ -163,7 +163,7 @@ export const AreaChart = React.memo(function AreaChart<K extends string, T exten
|
|||
{showTooltip && (
|
||||
<Tooltip
|
||||
cursor={{
|
||||
stroke: "rgba(var(--color-text-300))",
|
||||
stroke: "var(--text-color-tertiary)",
|
||||
strokeDasharray: "4 4",
|
||||
}}
|
||||
wrapperStyle={{
|
||||
|
|
|
|||
|
|
@ -66,7 +66,7 @@ function PercentageText({
|
|||
className?: string;
|
||||
}) {
|
||||
return (
|
||||
<text x={x} y={y} textAnchor="middle" className={cn("text-xs font-medium", className)} fill="currentColor">
|
||||
<text x={x} y={y} textAnchor="middle" className={cn("text-11 font-medium", className)} fill="currentColor">
|
||||
{percentage}%
|
||||
</text>
|
||||
);
|
||||
|
|
@ -176,7 +176,7 @@ export const barShapeVariants: Record<
|
|||
TBarChartShapeVariant,
|
||||
(props: TShapeProps, bar: TBarItem<string>, stackKeys: string[]) => React.ReactNode
|
||||
> = {
|
||||
bar: createShapeVariant(CustomBar), // Standard bar with rounded corners
|
||||
bar: createShapeVariant(CustomBar), // Standard bar with rounded-sm corners
|
||||
lollipop: createShapeVariant(CustomBarLollipop), // Line with circle at top
|
||||
"lollipop-dotted": createShapeVariant(CustomBarLollipop, { dotted: true }), // Dotted line lollipop variant
|
||||
};
|
||||
|
|
|
|||
|
|
@ -129,7 +129,7 @@ export const BarChart = React.memo(function BarChart<K extends string, T extends
|
|||
barSize={barSize}
|
||||
className="recharts-wrapper"
|
||||
>
|
||||
<CartesianGrid stroke="rgba(var(--color-border-100), 0.8)" vertical={false} />
|
||||
<CartesianGrid stroke="--alpha(var(--border-color-subtle) / 80%)" vertical={false} />
|
||||
<XAxis
|
||||
dataKey={xAxis.key}
|
||||
tick={(props) => {
|
||||
|
|
|
|||
|
|
@ -51,7 +51,7 @@ const CustomLegend = React.forwardRef(function CustomLegend(
|
|||
{payload.map((item, index) => (
|
||||
<div
|
||||
key={item.value}
|
||||
className={cn("flex items-center gap-1.5 text-custom-text-300 text-sm font-medium whitespace-nowrap", {
|
||||
className={cn("flex items-center gap-1.5 text-tertiary text-13 font-medium whitespace-nowrap", {
|
||||
"px-2": layout === "horizontal",
|
||||
"py-2": layout === "vertical",
|
||||
"pl-0 pt-0": index === 0,
|
||||
|
|
@ -63,7 +63,7 @@ const CustomLegend = React.forwardRef(function CustomLegend(
|
|||
onMouseLeave={(e) => onMouseLeave?.(item, index, e)}
|
||||
>
|
||||
<div
|
||||
className="flex-shrink-0 size-2 rounded-sm"
|
||||
className="flex-shrink-0 size-2 rounded-xs"
|
||||
style={{
|
||||
backgroundColor: item.color,
|
||||
}}
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
import React from "react";
|
||||
|
||||
// Common classnames
|
||||
const AXIS_TICK_CLASSNAME = "fill-custom-text-300 text-sm";
|
||||
const AXIS_TICK_CLASSNAME = "fill-tertiary text-13";
|
||||
|
||||
export const CustomXAxisTick = React.memo(function CustomXAxisTick({ x, y, payload, getLabel }: any) {
|
||||
return (
|
||||
|
|
|
|||
|
|
@ -25,31 +25,29 @@ export const CustomTooltip = React.memo(function CustomTooltip(props: Props) {
|
|||
className="flex flex-col max-h-[40vh] w-[12rem] overflow-y-scroll vertical-scrollbar scrollbar-sm"
|
||||
spacing={ECardSpacing.SM}
|
||||
>
|
||||
<p className="flex-shrink-0 text-xs text-custom-text-100 font-medium border-b border-custom-border-200 pb-2 truncate">
|
||||
{label}
|
||||
</p>
|
||||
<p className="flex-shrink-0 text-11 text-primary font-medium border-b border-subtle pb-2 truncate">{label}</p>
|
||||
{filteredPayload.map((item) => {
|
||||
if (!item.dataKey) return null;
|
||||
|
||||
return (
|
||||
<div
|
||||
key={item?.dataKey}
|
||||
className={cn("flex items-center gap-2 text-xs transition-opacity", {
|
||||
className={cn("flex items-center gap-2 text-11 transition-opacity", {
|
||||
"opacity-20": activeKey && item.dataKey !== activeKey,
|
||||
})}
|
||||
>
|
||||
<div className="flex items-center gap-2 truncate">
|
||||
{itemDotColors[item?.dataKey] && (
|
||||
<div
|
||||
className="flex-shrink-0 size-2 rounded-sm"
|
||||
className="flex-shrink-0 size-2 rounded-xs"
|
||||
style={{
|
||||
backgroundColor: itemDotColors[item?.dataKey],
|
||||
}}
|
||||
/>
|
||||
)}
|
||||
<span className="text-custom-text-300 truncate">{itemLabels[item?.dataKey]}:</span>
|
||||
<span className="text-tertiary truncate">{itemLabels[item?.dataKey]}:</span>
|
||||
</div>
|
||||
<span className="flex-shrink-0 font-medium text-custom-text-200">{item?.value}</span>
|
||||
<span className="flex-shrink-0 font-medium text-secondary">{item?.value}</span>
|
||||
</div>
|
||||
);
|
||||
})}
|
||||
|
|
|
|||
|
|
@ -98,7 +98,7 @@ export const LineChart = React.memo(function LineChart<K extends string, T exten
|
|||
left: margin?.left === undefined ? 20 : margin.left,
|
||||
}}
|
||||
>
|
||||
<CartesianGrid stroke="rgba(var(--color-border-100), 0.8)" vertical={false} />
|
||||
<CartesianGrid stroke="--alpha(var(--border-color-subtle) / 80%)" vertical={false} />
|
||||
<XAxis
|
||||
dataKey={xAxis.key}
|
||||
tick={(props) => {
|
||||
|
|
@ -149,7 +149,7 @@ export const LineChart = React.memo(function LineChart<K extends string, T exten
|
|||
{showTooltip && (
|
||||
<Tooltip
|
||||
cursor={{
|
||||
stroke: "rgba(var(--color-text-300))",
|
||||
stroke: "var(--text-color-tertiary)",
|
||||
strokeDasharray: "4 4",
|
||||
}}
|
||||
wrapperStyle={{
|
||||
|
|
|
|||
|
|
@ -77,7 +77,7 @@ export const PieChart = React.memo(function PieChart<K extends string, T extends
|
|||
showLabel
|
||||
? ({ payload, ...props }) => (
|
||||
<text
|
||||
className="text-sm font-medium transition-opacity duration-200"
|
||||
className="text-13 font-medium transition-opacity duration-200"
|
||||
cx={props.cx}
|
||||
cy={props.cy}
|
||||
x={props.x}
|
||||
|
|
|
|||
|
|
@ -17,21 +17,19 @@ export const CustomPieChartTooltip = React.memo(function CustomPieChartTooltip(p
|
|||
className="flex flex-col max-h-[40vh] w-[12rem] overflow-y-scroll vertical-scrollbar scrollbar-sm"
|
||||
spacing={ECardSpacing.SM}
|
||||
>
|
||||
<p className="flex-shrink-0 text-xs text-custom-text-100 font-medium border-b border-custom-border-200 pb-2 truncate">
|
||||
{label}
|
||||
</p>
|
||||
<p className="flex-shrink-0 text-11 text-primary font-medium border-b border-subtle pb-2 truncate">{label}</p>
|
||||
{payload?.map((item) => (
|
||||
<div key={item?.dataKey} className="flex items-center gap-2 text-xs capitalize">
|
||||
<div key={item?.dataKey} className="flex items-center gap-2 text-11 capitalize">
|
||||
<div className="flex items-center gap-2 truncate">
|
||||
<div
|
||||
className="flex-shrink-0 size-2 rounded-sm"
|
||||
className="flex-shrink-0 size-2 rounded-xs"
|
||||
style={{
|
||||
backgroundColor: dotColor,
|
||||
}}
|
||||
/>
|
||||
<span className="text-custom-text-300 truncate">{item?.name}:</span>
|
||||
<span className="text-tertiary truncate">{item?.name}:</span>
|
||||
</div>
|
||||
<span className="flex-shrink-0 font-medium text-custom-text-200">{item?.value}</span>
|
||||
<span className="flex-shrink-0 font-medium text-secondary">{item?.value}</span>
|
||||
</div>
|
||||
))}
|
||||
</Card>
|
||||
|
|
|
|||
|
|
@ -37,12 +37,12 @@ function RadarChart<T extends string, K extends string>(props: TRadarChartProps<
|
|||
<div className={className}>
|
||||
<ResponsiveContainer width="100%" height="100%">
|
||||
<CoreRadarChart cx="50%" cy="50%" outerRadius="80%" data={data} margin={margin}>
|
||||
<PolarGrid stroke="rgba(var(--color-border-100), 0.9)" />
|
||||
<PolarGrid stroke="--alpha(var(--border-color-subtle) / 90%)" />
|
||||
<PolarAngleAxis dataKey={angleAxis.key} tick={(props) => <CustomRadarAxisTick {...props} />} />
|
||||
{showTooltip && (
|
||||
<Tooltip
|
||||
cursor={{
|
||||
stroke: "rgba(var(--color-text-300))",
|
||||
stroke: "var(--text-color-tertiary)",
|
||||
strokeDasharray: "4 4",
|
||||
}}
|
||||
wrapperStyle={{
|
||||
|
|
|
|||
|
|
@ -82,7 +82,7 @@ export const ScatterChart = React.memo(function ScatterChart<K extends string, T
|
|||
left: margin?.left === undefined ? 20 : margin.left,
|
||||
}}
|
||||
>
|
||||
<CartesianGrid stroke="rgba(var(--color-border-100), 0.8)" vertical={false} />
|
||||
<CartesianGrid stroke="--alpha(var(--border-color-subtle) / 80%)" vertical={false} />
|
||||
<XAxis
|
||||
dataKey={xAxis.key}
|
||||
tick={(props) => {
|
||||
|
|
@ -133,7 +133,7 @@ export const ScatterChart = React.memo(function ScatterChart<K extends string, T
|
|||
{showTooltip && (
|
||||
<Tooltip
|
||||
cursor={{
|
||||
stroke: "rgba(var(--color-text-300))",
|
||||
stroke: "var(--text-color-tertiary)",
|
||||
strokeDasharray: "4 4",
|
||||
}}
|
||||
wrapperStyle={{
|
||||
|
|
|
|||
|
|
@ -208,7 +208,7 @@ export function CustomTreeMapContent({
|
|||
y={pY + LAYOUT.TEXT.PADDING_LEFT}
|
||||
width={LAYOUT.ICON.SIZE}
|
||||
height={LAYOUT.ICON.SIZE}
|
||||
className={textClassName || "text-custom-text-300"}
|
||||
className={textClassName || "text-tertiary"}
|
||||
>
|
||||
{React.cloneElement(icon, {
|
||||
className: cn("size-4", icon?.props?.className),
|
||||
|
|
@ -221,10 +221,7 @@ export function CustomTreeMapContent({
|
|||
x={pX + LAYOUT.TEXT.PADDING_LEFT + iconSpace}
|
||||
y={pY + LAYOUT.TEXT.VERTICAL_OFFSET}
|
||||
textAnchor="start"
|
||||
className={cn(
|
||||
"text-sm font-extralight tracking-wider select-none",
|
||||
textClassName || "text-custom-text-300"
|
||||
)}
|
||||
className={cn("text-13 font-light tracking-wider select-none", textClassName || "text-tertiary")}
|
||||
fill="currentColor"
|
||||
>
|
||||
{top.nameTruncated ? truncateText(name, availableTextWidth, LAYOUT.TEXT.FONT_SIZES.SM, iconSpace) : name}
|
||||
|
|
@ -240,10 +237,7 @@ export function CustomTreeMapContent({
|
|||
x={pX + LAYOUT.TEXT.PADDING_LEFT}
|
||||
y={pY + pHeight - LAYOUT.TEXT.PADDING_LEFT}
|
||||
textAnchor="start"
|
||||
className={cn(
|
||||
"text-sm font-extralight tracking-wider select-none",
|
||||
textClassName || "text-custom-text-300"
|
||||
)}
|
||||
className={cn("text-13 font-light tracking-wider select-none", textClassName || "text-tertiary")}
|
||||
fill="currentColor"
|
||||
>
|
||||
{value.toLocaleString()}
|
||||
|
|
|
|||
|
|
@ -17,7 +17,7 @@ export const TreeMapChart = React.memo(function TreeMapChart(props: TreeMapChart
|
|||
nameKey="name"
|
||||
dataKey="value"
|
||||
stroke="currentColor"
|
||||
className="text-custom-background-100 bg-custom-background-100"
|
||||
className="text-custom-background-100 bg-surface-1"
|
||||
content={<CustomTreeMapContent />}
|
||||
animationEasing="ease-out"
|
||||
isUpdateAnimationActive={isAnimationActive}
|
||||
|
|
|
|||
|
|
@ -14,11 +14,11 @@ export const TreeMapTooltip = React.memo(function TreeMapTooltip({ active, paylo
|
|||
|
||||
return (
|
||||
<Card className="flex flex-col space-y-1.5" spacing={ECardSpacing.SM}>
|
||||
<div className="flex items-center gap-2 border-b border-custom-border-200 pb-2.5">
|
||||
<div className="flex items-center gap-2 border-b border-subtle pb-2.5">
|
||||
{data?.icon}
|
||||
<p className="text-xs text-custom-text-100 font-medium capitalize">{data?.name}</p>
|
||||
<p className="text-11 text-primary font-medium capitalize">{data?.name}</p>
|
||||
</div>
|
||||
<span className="text-xs font-medium text-custom-text-200">
|
||||
<span className="text-11 font-medium text-secondary">
|
||||
{data?.value.toLocaleString()}
|
||||
{data.label && ` ${data.label}`}
|
||||
</span>
|
||||
|
|
|
|||
|
|
@ -32,7 +32,7 @@ const meta = {
|
|||
</Collapsible.CollapsibleTrigger>
|
||||
<Collapsible.CollapsibleContent className="mt-2">
|
||||
<div className="rounded-md border border-gray-200 p-4">
|
||||
<p className="text-sm">This is the collapsible content that can be shown or hidden.</p>
|
||||
<p className="text-13">This is the collapsible content that can be shown or hidden.</p>
|
||||
</div>
|
||||
</Collapsible.CollapsibleContent>
|
||||
</Collapsible.CollapsibleRoot>
|
||||
|
|
@ -56,13 +56,16 @@ export const Controlled: Story = {
|
|||
return (
|
||||
<div className="space-y-4">
|
||||
<div className="flex gap-2">
|
||||
<button onClick={() => setIsOpen(true)} className="rounded bg-blue-500 px-4 py-2 text-sm text-white">
|
||||
<button onClick={() => setIsOpen(true)} className="rounded-sm bg-blue-500 px-4 py-2 text-13 text-on-color">
|
||||
Open
|
||||
</button>
|
||||
<button onClick={() => setIsOpen(false)} className="rounded bg-gray-500 px-4 py-2 text-sm text-white">
|
||||
<button onClick={() => setIsOpen(false)} className="rounded-sm bg-gray-500 px-4 py-2 text-13 text-on-color">
|
||||
Close
|
||||
</button>
|
||||
<button onClick={() => setIsOpen(!isOpen)} className="rounded bg-green-500 px-4 py-2 text-sm text-white">
|
||||
<button
|
||||
onClick={() => setIsOpen(!isOpen)}
|
||||
className="rounded-sm bg-green-500 px-4 py-2 text-13 text-on-color"
|
||||
>
|
||||
Toggle
|
||||
</button>
|
||||
</div>
|
||||
|
|
@ -73,8 +76,8 @@ export const Controlled: Story = {
|
|||
</Collapsible.CollapsibleTrigger>
|
||||
<Collapsible.CollapsibleContent className="mt-2">
|
||||
<div className="rounded-md border border-gray-200 p-4">
|
||||
<p className="text-sm">This collapsible is controlled by external state.</p>
|
||||
<p className="mt-2 text-sm">Current state: {isOpen ? "Open" : "Closed"}</p>
|
||||
<p className="text-13">This collapsible is controlled by external state.</p>
|
||||
<p className="mt-2 text-13">Current state: {isOpen ? "Open" : "Closed"}</p>
|
||||
</div>
|
||||
</Collapsible.CollapsibleContent>
|
||||
</Collapsible.CollapsibleRoot>
|
||||
|
|
@ -95,10 +98,10 @@ export const NestedContent: Story = {
|
|||
<Collapsible.CollapsibleContent className="mt-2">
|
||||
<div className="space-y-2 rounded-md border border-gray-200 p-4">
|
||||
<h4 className="font-semibold">Section 1</h4>
|
||||
<p className="text-sm">This is some content in the first section.</p>
|
||||
<p className="text-13">This is some content in the first section.</p>
|
||||
<h4 className="font-semibold">Section 2</h4>
|
||||
<p className="text-sm">This is some content in the second section.</p>
|
||||
<ul className="list-inside list-disc text-sm">
|
||||
<p className="text-13">This is some content in the second section.</p>
|
||||
<ul className="list-inside list-disc text-13">
|
||||
<li>Item 1</li>
|
||||
<li>Item 2</li>
|
||||
<li>Item 3</li>
|
||||
|
|
@ -115,8 +118,8 @@ export const CustomStyling: Story = {
|
|||
const [isOpen, setIsOpen] = useState(args.isOpen);
|
||||
return (
|
||||
<Collapsible.CollapsibleRoot {...args} isOpen={isOpen} onToggle={() => setIsOpen(!isOpen)} className="w-96">
|
||||
<Collapsible.CollapsibleTrigger className="flex w-full items-center justify-between rounded-lg bg-gradient-to-r from-purple-500 to-pink-500 px-6 py-3 text-white shadow-lg transition-all hover:shadow-xl">
|
||||
<span className="text-lg font-bold">Custom Styled Trigger</span>
|
||||
<Collapsible.CollapsibleTrigger className="flex w-full items-center justify-between rounded-lg bg-gradient-to-r from-purple-500 to-pink-500 px-6 py-3 text-on-color shadow-lg transition-all hover:shadow-xl">
|
||||
<span className="text-16 font-bold">Custom Styled Trigger</span>
|
||||
<ChevronDownIcon className="h-5 w-5 transition-transform group-data-[panel-open]:rotate-180" />
|
||||
</Collapsible.CollapsibleTrigger>
|
||||
<Collapsible.CollapsibleContent className="mt-4">
|
||||
|
|
@ -140,7 +143,7 @@ export const MultipleCollapsibles: Story = {
|
|||
</Collapsible.CollapsibleTrigger>
|
||||
<Collapsible.CollapsibleContent className="mt-2">
|
||||
<div className="rounded-md border border-gray-200 p-4">
|
||||
<p className="text-sm">Content for the first item.</p>
|
||||
<p className="text-13">Content for the first item.</p>
|
||||
</div>
|
||||
</Collapsible.CollapsibleContent>
|
||||
</Collapsible.CollapsibleRoot>
|
||||
|
|
@ -152,7 +155,7 @@ export const MultipleCollapsibles: Story = {
|
|||
</Collapsible.CollapsibleTrigger>
|
||||
<Collapsible.CollapsibleContent className="mt-2">
|
||||
<div className="rounded-md border border-gray-200 p-4">
|
||||
<p className="text-sm">Content for the second item.</p>
|
||||
<p className="text-13">Content for the second item.</p>
|
||||
</div>
|
||||
</Collapsible.CollapsibleContent>
|
||||
</Collapsible.CollapsibleRoot>
|
||||
|
|
@ -164,7 +167,7 @@ export const MultipleCollapsibles: Story = {
|
|||
</Collapsible.CollapsibleTrigger>
|
||||
<Collapsible.CollapsibleContent className="mt-2">
|
||||
<div className="rounded-md border border-gray-200 p-4">
|
||||
<p className="text-sm">Content for the third item.</p>
|
||||
<p className="text-13">Content for the third item.</p>
|
||||
</div>
|
||||
</Collapsible.CollapsibleContent>
|
||||
</Collapsible.CollapsibleRoot>
|
||||
|
|
|
|||
|
|
@ -85,7 +85,7 @@ function Content({ children, className }: ContentProps) {
|
|||
return (
|
||||
<BaseCollapsible.Panel
|
||||
className={clsx(
|
||||
"flex h-[var(--collapsible-panel-height)] flex-col overflow-hidden text-sm transition-all ease-out data-[ending-style]:h-0 data-[starting-style]:h-0",
|
||||
"flex h-[var(--collapsible-panel-height)] flex-col overflow-hidden text-13 transition-all ease-out data-[ending-style]:h-0 data-[starting-style]:h-0",
|
||||
className
|
||||
)}
|
||||
>
|
||||
|
|
|
|||
|
|
@ -142,7 +142,7 @@ export const MultiSelectWithLimit: Story = {
|
|||
))}
|
||||
</Combobox.Options>
|
||||
</Combobox>
|
||||
<p className="text-xs text-gray-500">Maximum 3 selections allowed</p>
|
||||
<p className="text-11 text-gray-500">Maximum 3 selections allowed</p>
|
||||
</div>
|
||||
);
|
||||
},
|
||||
|
|
|
|||
|
|
@ -168,13 +168,13 @@ function ComboboxOptions({
|
|||
<BaseCombobox.Portal>
|
||||
<BaseCombobox.Positioner sideOffset={8} className={positionerClassName}>
|
||||
<BaseCombobox.Popup
|
||||
className={cn("rounded-md border border-custom-border-200 bg-custom-background-100 p-1 shadow-lg", className)}
|
||||
className={cn("rounded-md border border-subtle bg-surface-1 p-1 shadow-lg", className)}
|
||||
data-prevent-outside-click={dataPreventOutsideClick}
|
||||
>
|
||||
<div className="flex flex-col gap-1">
|
||||
{showSearch && (
|
||||
<div className="relative">
|
||||
<Search className="absolute left-2 top-1/2 h-4 w-4 -translate-y-1/2 text-custom-text-400" />
|
||||
<Search className="absolute left-2 top-1/2 h-4 w-4 -translate-y-1/2 text-placeholder" />
|
||||
<input
|
||||
type="text"
|
||||
placeholder={searchPlaceholder}
|
||||
|
|
@ -182,7 +182,7 @@ function ComboboxOptions({
|
|||
onChange={(e) => setSearchQuery(e.target.value)}
|
||||
onKeyDown={onSearchQueryKeyDown}
|
||||
className={cn(
|
||||
"w-full rounded border border-custom-border-100 bg-custom-background-90 py-1.5 pl-8 pr-2 text-sm outline-none placeholder:text-custom-text-400",
|
||||
"w-full rounded-sm border border-subtle bg-surface-2 py-1.5 pl-8 pr-2 text-13 outline-none placeholder:text-placeholder",
|
||||
inputClassName
|
||||
)}
|
||||
/>
|
||||
|
|
@ -198,7 +198,7 @@ function ComboboxOptions({
|
|||
React.Children.toArray(filteredChildren).filter(
|
||||
(child) => React.isValidElement(child) && child.type === ComboboxOption
|
||||
)
|
||||
) === 0 && <div className="px-2 py-1.5 text-sm text-custom-text-400">{emptyMessage}</div>}
|
||||
) === 0 && <div className="px-2 py-1.5 text-13 text-placeholder">{emptyMessage}</div>}
|
||||
</BaseCombobox.List>
|
||||
</div>
|
||||
</BaseCombobox.Popup>
|
||||
|
|
@ -213,7 +213,7 @@ function ComboboxOption({ value, children, disabled, className }: ComboboxOption
|
|||
<BaseCombobox.Item
|
||||
value={value}
|
||||
disabled={disabled}
|
||||
className={cn("cursor-pointer rounded px-2 py-1.5 text-sm outline-none transition-colors", className)}
|
||||
className={cn("cursor-pointer rounded-sm px-2 py-1.5 text-13 outline-none transition-colors", className)}
|
||||
>
|
||||
{children}
|
||||
</BaseCombobox.Item>
|
||||
|
|
|
|||
|
|
@ -24,13 +24,13 @@ export const Default: Story = {
|
|||
render() {
|
||||
return (
|
||||
<Command className="w-96 rounded-lg border border-gray-200 p-2">
|
||||
<Command.Input placeholder="Search..." className="h-9 w-full bg-transparent py-3 text-sm outline-none" />
|
||||
<Command.Input placeholder="Search..." className="h-9 w-full bg-transparent py-3 text-13 outline-none" />
|
||||
<Command.List className="max-h-80 overflow-auto py-2">
|
||||
<Command.Item className="cursor-pointer rounded px-3 py-2 hover:bg-gray-100">Item 1</Command.Item>
|
||||
<Command.Item className="cursor-pointer rounded px-3 py-2 hover:bg-gray-100">Item 2</Command.Item>
|
||||
<Command.Item className="cursor-pointer rounded px-3 py-2 hover:bg-gray-100">Item 3</Command.Item>
|
||||
<Command.Item className="cursor-pointer rounded-sm px-3 py-2 hover:bg-gray-100">Item 1</Command.Item>
|
||||
<Command.Item className="cursor-pointer rounded-sm px-3 py-2 hover:bg-gray-100">Item 2</Command.Item>
|
||||
<Command.Item className="cursor-pointer rounded-sm px-3 py-2 hover:bg-gray-100">Item 3</Command.Item>
|
||||
</Command.List>
|
||||
<Command.Empty className="py-6 text-center text-sm text-gray-500">No results found.</Command.Empty>
|
||||
<Command.Empty className="py-6 text-center text-13 text-gray-500">No results found.</Command.Empty>
|
||||
</Command>
|
||||
);
|
||||
},
|
||||
|
|
@ -42,27 +42,27 @@ export const WithIcons: Story = {
|
|||
<Command className="w-96 rounded-lg border border-gray-200 p-2">
|
||||
<Command.Input
|
||||
placeholder="Search files and folders..."
|
||||
className="h-9 w-full bg-transparent py-3 text-sm outline-none"
|
||||
className="h-9 w-full bg-transparent py-3 text-13 outline-none"
|
||||
/>
|
||||
<Command.List className="max-h-80 overflow-auto py-2">
|
||||
<Command.Item className="flex cursor-pointer items-center gap-2 rounded px-3 py-2 hover:bg-gray-100">
|
||||
<Command.Item className="flex cursor-pointer items-center gap-2 rounded-sm px-3 py-2 hover:bg-gray-100">
|
||||
<Folder className="h-4 w-4" />
|
||||
<span>Documents</span>
|
||||
</Command.Item>
|
||||
<Command.Item className="flex cursor-pointer items-center gap-2 rounded px-3 py-2 hover:bg-gray-100">
|
||||
<Command.Item className="flex cursor-pointer items-center gap-2 rounded-sm px-3 py-2 hover:bg-gray-100">
|
||||
<Folder className="h-4 w-4" />
|
||||
<span>Downloads</span>
|
||||
</Command.Item>
|
||||
<Command.Item className="flex cursor-pointer items-center gap-2 rounded px-3 py-2 hover:bg-gray-100">
|
||||
<Command.Item className="flex cursor-pointer items-center gap-2 rounded-sm px-3 py-2 hover:bg-gray-100">
|
||||
<File className="h-4 w-4" />
|
||||
<span>README.md</span>
|
||||
</Command.Item>
|
||||
<Command.Item className="flex cursor-pointer items-center gap-2 rounded px-3 py-2 hover:bg-gray-100">
|
||||
<Command.Item className="flex cursor-pointer items-center gap-2 rounded-sm px-3 py-2 hover:bg-gray-100">
|
||||
<File className="h-4 w-4" />
|
||||
<span>package.json</span>
|
||||
</Command.Item>
|
||||
</Command.List>
|
||||
<Command.Empty className="py-6 text-center text-sm text-gray-500">No files or folders found.</Command.Empty>
|
||||
<Command.Empty className="py-6 text-center text-13 text-gray-500">No files or folders found.</Command.Empty>
|
||||
</Command>
|
||||
);
|
||||
},
|
||||
|
|
@ -74,30 +74,30 @@ export const WithCategories: Story = {
|
|||
<Command className="w-96 rounded-lg border border-gray-200 p-2">
|
||||
<Command.Input
|
||||
placeholder="Search commands..."
|
||||
className="h-9 w-full bg-transparent py-3 text-sm outline-none"
|
||||
className="h-9 w-full bg-transparent py-3 text-13 outline-none"
|
||||
/>
|
||||
<Command.List className="max-h-80 overflow-auto py-2">
|
||||
<div className="px-2 py-1.5 text-xs font-semibold text-gray-500">User</div>
|
||||
<Command.Item className="flex cursor-pointer items-center gap-2 rounded px-3 py-2 hover:bg-gray-100">
|
||||
<div className="px-2 py-1.5 text-11 font-semibold text-gray-500">User</div>
|
||||
<Command.Item className="flex cursor-pointer items-center gap-2 rounded-sm px-3 py-2 hover:bg-gray-100">
|
||||
<User className="h-4 w-4" />
|
||||
<span>Profile</span>
|
||||
</Command.Item>
|
||||
<Command.Item className="flex cursor-pointer items-center gap-2 rounded px-3 py-2 hover:bg-gray-100">
|
||||
<Command.Item className="flex cursor-pointer items-center gap-2 rounded-sm px-3 py-2 hover:bg-gray-100">
|
||||
<Settings className="h-4 w-4" />
|
||||
<span>Settings</span>
|
||||
</Command.Item>
|
||||
|
||||
<div className="mt-2 px-2 py-1.5 text-xs font-semibold text-gray-500">Files</div>
|
||||
<Command.Item className="flex cursor-pointer items-center gap-2 rounded px-3 py-2 hover:bg-gray-100">
|
||||
<div className="mt-2 px-2 py-1.5 text-11 font-semibold text-gray-500">Files</div>
|
||||
<Command.Item className="flex cursor-pointer items-center gap-2 rounded-sm px-3 py-2 hover:bg-gray-100">
|
||||
<Folder className="h-4 w-4" />
|
||||
<span>Open Folder</span>
|
||||
</Command.Item>
|
||||
<Command.Item className="flex cursor-pointer items-center gap-2 rounded px-3 py-2 hover:bg-gray-100">
|
||||
<Command.Item className="flex cursor-pointer items-center gap-2 rounded-sm px-3 py-2 hover:bg-gray-100">
|
||||
<File className="h-4 w-4" />
|
||||
<span>New File</span>
|
||||
</Command.Item>
|
||||
</Command.List>
|
||||
<Command.Empty className="py-6 text-center text-sm text-gray-500">No commands found.</Command.Empty>
|
||||
<Command.Empty className="py-6 text-center text-13 text-gray-500">No commands found.</Command.Empty>
|
||||
</Command>
|
||||
);
|
||||
},
|
||||
|
|
@ -107,11 +107,11 @@ export const EmptyState: Story = {
|
|||
render() {
|
||||
return (
|
||||
<Command className="w-96 rounded-lg border border-gray-200 p-2">
|
||||
<Command.Input placeholder="Search..." className="h-9 w-full bg-transparent py-3 text-sm outline-none" />
|
||||
<Command.Input placeholder="Search..." className="h-9 w-full bg-transparent py-3 text-13 outline-none" />
|
||||
<Command.List className="max-h-80 overflow-auto py-2">{/* No items - will show empty state */}</Command.List>
|
||||
<Command.Empty className="py-6 text-center text-sm text-gray-500">
|
||||
<Command.Empty className="py-6 text-center text-13 text-gray-500">
|
||||
<p className="font-semibold">No results found</p>
|
||||
<p className="mt-1 text-xs">Try searching for something else</p>
|
||||
<p className="mt-1 text-11">Try searching for something else</p>
|
||||
</Command.Empty>
|
||||
</Command>
|
||||
);
|
||||
|
|
@ -122,15 +122,15 @@ export const LongList: Story = {
|
|||
render() {
|
||||
return (
|
||||
<Command className="w-96 rounded-lg border border-gray-200 p-2">
|
||||
<Command.Input placeholder="Search items..." className="h-9 w-full bg-transparent py-3 text-sm outline-none" />
|
||||
<Command.Input placeholder="Search items..." className="h-9 w-full bg-transparent py-3 text-13 outline-none" />
|
||||
<Command.List className="max-h-60 overflow-auto py-2">
|
||||
{Array.from({ length: 20 }, (_, i) => (
|
||||
<Command.Item key={i} className="cursor-pointer rounded px-3 py-2 hover:bg-gray-100">
|
||||
<Command.Item key={i} className="cursor-pointer rounded-sm px-3 py-2 hover:bg-gray-100">
|
||||
Item {i + 1}
|
||||
</Command.Item>
|
||||
))}
|
||||
</Command.List>
|
||||
<Command.Empty className="py-6 text-center text-sm text-gray-500">No results found.</Command.Empty>
|
||||
<Command.Empty className="py-6 text-center text-13 text-gray-500">No results found.</Command.Empty>
|
||||
</Command>
|
||||
);
|
||||
},
|
||||
|
|
@ -141,15 +141,15 @@ export const WithoutSearch: Story = {
|
|||
return (
|
||||
<Command className="w-96 rounded-lg border border-gray-200 p-2">
|
||||
<Command.List className="max-h-80 overflow-auto py-2">
|
||||
<Command.Item className="flex cursor-pointer items-center gap-2 rounded px-3 py-2 hover:bg-gray-100">
|
||||
<Command.Item className="flex cursor-pointer items-center gap-2 rounded-sm px-3 py-2 hover:bg-gray-100">
|
||||
<User className="h-4 w-4" />
|
||||
<span>Profile</span>
|
||||
</Command.Item>
|
||||
<Command.Item className="flex cursor-pointer items-center gap-2 rounded px-3 py-2 hover:bg-gray-100">
|
||||
<Command.Item className="flex cursor-pointer items-center gap-2 rounded-sm px-3 py-2 hover:bg-gray-100">
|
||||
<Settings className="h-4 w-4" />
|
||||
<span>Settings</span>
|
||||
</Command.Item>
|
||||
<Command.Item className="flex cursor-pointer items-center gap-2 rounded px-3 py-2 hover:bg-gray-100">
|
||||
<Command.Item className="flex cursor-pointer items-center gap-2 rounded-sm px-3 py-2 hover:bg-gray-100">
|
||||
<Folder className="h-4 w-4" />
|
||||
<span>Files</span>
|
||||
</Command.Item>
|
||||
|
|
@ -165,20 +165,20 @@ export const CustomStyling: Story = {
|
|||
<Command className="w-96 rounded-lg border-2 border-blue-300 bg-blue-50 p-2 shadow-lg">
|
||||
<Command.Input
|
||||
placeholder="Search with custom styling..."
|
||||
className="h-9 w-full bg-transparent py-3 text-sm text-blue-900 outline-none placeholder:text-blue-400"
|
||||
className="h-9 w-full bg-transparent py-3 text-13 text-blue-900 outline-none placeholder:text-blue-400"
|
||||
/>
|
||||
<Command.List className="max-h-80 overflow-auto py-2">
|
||||
<Command.Item className="cursor-pointer rounded px-3 py-2 text-blue-900 hover:bg-blue-200">
|
||||
<Command.Item className="cursor-pointer rounded-sm px-3 py-2 text-blue-900 hover:bg-blue-200">
|
||||
Custom Item 1
|
||||
</Command.Item>
|
||||
<Command.Item className="cursor-pointer rounded px-3 py-2 text-blue-900 hover:bg-blue-200">
|
||||
<Command.Item className="cursor-pointer rounded-sm px-3 py-2 text-blue-900 hover:bg-blue-200">
|
||||
Custom Item 2
|
||||
</Command.Item>
|
||||
<Command.Item className="cursor-pointer rounded px-3 py-2 text-blue-900 hover:bg-blue-200">
|
||||
<Command.Item className="cursor-pointer rounded-sm px-3 py-2 text-blue-900 hover:bg-blue-200">
|
||||
Custom Item 3
|
||||
</Command.Item>
|
||||
</Command.List>
|
||||
<Command.Empty className="py-6 text-center text-sm text-blue-500">No matching items found.</Command.Empty>
|
||||
<Command.Empty className="py-6 text-center text-13 text-blue-500">No matching items found.</Command.Empty>
|
||||
</Command>
|
||||
);
|
||||
},
|
||||
|
|
@ -188,15 +188,15 @@ export const DisabledItems: Story = {
|
|||
render() {
|
||||
return (
|
||||
<Command className="w-96 rounded-lg border border-gray-200 p-2">
|
||||
<Command.Input placeholder="Search..." className="h-9 w-full bg-transparent py-3 text-sm outline-none" />
|
||||
<Command.Input placeholder="Search..." className="h-9 w-full bg-transparent py-3 text-13 outline-none" />
|
||||
<Command.List className="max-h-80 overflow-auto py-2">
|
||||
<Command.Item className="cursor-pointer rounded px-3 py-2 hover:bg-gray-100">Active Item 1</Command.Item>
|
||||
<Command.Item disabled className="cursor-not-allowed rounded px-3 py-2 opacity-50">
|
||||
<Command.Item className="cursor-pointer rounded-sm px-3 py-2 hover:bg-gray-100">Active Item 1</Command.Item>
|
||||
<Command.Item disabled className="cursor-not-allowed rounded-sm px-3 py-2 opacity-50">
|
||||
Disabled Item
|
||||
</Command.Item>
|
||||
<Command.Item className="cursor-pointer rounded px-3 py-2 hover:bg-gray-100">Active Item 2</Command.Item>
|
||||
<Command.Item className="cursor-pointer rounded-sm px-3 py-2 hover:bg-gray-100">Active Item 2</Command.Item>
|
||||
</Command.List>
|
||||
<Command.Empty className="py-6 text-center text-sm text-gray-500">No results found.</Command.Empty>
|
||||
<Command.Empty className="py-6 text-center text-13 text-gray-500">No results found.</Command.Empty>
|
||||
</Command>
|
||||
);
|
||||
},
|
||||
|
|
|
|||
|
|
@ -11,9 +11,9 @@ function CommandInput({ className, ...props }: React.ComponentProps<typeof Comma
|
|||
return (
|
||||
<div
|
||||
data-slot="command-input-wrapper"
|
||||
className="flex items-center gap-1.5 rounded border border-custom-border-100 bg-custom-background-90 px-2"
|
||||
className="flex items-center gap-1.5 rounded-sm border border-subtle bg-surface-2 px-2"
|
||||
>
|
||||
<SearchIcon className="size-3.5 flex-shrink-0 text-custom-text-400" strokeWidth={1.5} />
|
||||
<SearchIcon className="size-3.5 flex-shrink-0 text-placeholder" strokeWidth={1.5} />
|
||||
<CommandPrimitive.Input data-slot="command-input" className={cn(className)} {...props} />
|
||||
</div>
|
||||
);
|
||||
|
|
|
|||
|
|
@ -33,7 +33,7 @@ export const Default: Story = {
|
|||
return (
|
||||
<ContextMenu>
|
||||
<ContextMenu.Trigger>
|
||||
<div className="flex h-[150px] w-[300px] items-center justify-center rounded-md border border-dashed border-custom-border-300 text-sm">
|
||||
<div className="flex h-[150px] w-[300px] items-center justify-center rounded-md border border-dashed border-strong text-13">
|
||||
Right click here
|
||||
</div>
|
||||
</ContextMenu.Trigger>
|
||||
|
|
@ -56,7 +56,7 @@ export const WithIcons: Story = {
|
|||
return (
|
||||
<ContextMenu>
|
||||
<ContextMenu.Trigger>
|
||||
<div className="flex h-[150px] w-[300px] items-center justify-center rounded-md border border-dashed border-custom-border-300 text-sm">
|
||||
<div className="flex h-[150px] w-[300px] items-center justify-center rounded-md border border-dashed border-strong text-13">
|
||||
Right click here
|
||||
</div>
|
||||
</ContextMenu.Trigger>
|
||||
|
|
@ -95,7 +95,7 @@ export const WithSubmenus: Story = {
|
|||
return (
|
||||
<ContextMenu>
|
||||
<ContextMenu.Trigger>
|
||||
<div className="flex h-[150px] w-[300px] items-center justify-center rounded-md border border-dashed border-custom-border-300 text-sm">
|
||||
<div className="flex h-[150px] w-[300px] items-center justify-center rounded-md border border-dashed border-strong text-13">
|
||||
Right click here
|
||||
</div>
|
||||
</ContextMenu.Trigger>
|
||||
|
|
@ -141,7 +141,7 @@ export const DisabledItems: Story = {
|
|||
return (
|
||||
<ContextMenu>
|
||||
<ContextMenu.Trigger>
|
||||
<div className="flex h-[150px] w-[300px] items-center justify-center rounded-md border border-dashed border-custom-border-300 text-sm">
|
||||
<div className="flex h-[150px] w-[300px] items-center justify-center rounded-md border border-dashed border-strong text-13">
|
||||
Right click here
|
||||
</div>
|
||||
</ContextMenu.Trigger>
|
||||
|
|
@ -180,14 +180,14 @@ export const OnFileCard: Story = {
|
|||
return (
|
||||
<ContextMenu>
|
||||
<ContextMenu.Trigger>
|
||||
<div className="w-64 p-4 border border-custom-border-200 rounded-lg hover:bg-custom-background-80 cursor-pointer">
|
||||
<div className="w-64 p-4 border border-subtle rounded-lg hover:bg-layer-1 cursor-pointer">
|
||||
<div className="flex items-center gap-3">
|
||||
<div className="w-12 h-12 bg-custom-primary-100 rounded flex items-center justify-center text-white text-lg">
|
||||
<div className="w-12 h-12 bg-accent-primary rounded-sm flex items-center justify-center text-on-color text-16">
|
||||
📄
|
||||
</div>
|
||||
<div className="flex-1">
|
||||
<div className="font-medium">Document.pdf</div>
|
||||
<div className="text-sm text-custom-text-400">2.4 MB</div>
|
||||
<div className="text-13 text-placeholder">2.4 MB</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -227,10 +227,8 @@ export const OnImage: Story = {
|
|||
return (
|
||||
<ContextMenu>
|
||||
<ContextMenu.Trigger>
|
||||
<div className="relative w-80 h-56 bg-custom-background-80 rounded-lg overflow-hidden cursor-pointer">
|
||||
<div className="absolute inset-0 flex items-center justify-center text-custom-text-400">
|
||||
Image Placeholder
|
||||
</div>
|
||||
<div className="relative w-80 h-56 bg-layer-1 rounded-lg overflow-hidden cursor-pointer">
|
||||
<div className="absolute inset-0 flex items-center justify-center text-placeholder">Image Placeholder</div>
|
||||
</div>
|
||||
</ContextMenu.Trigger>
|
||||
<ContextMenu.Portal>
|
||||
|
|
@ -261,9 +259,9 @@ export const OnText: Story = {
|
|||
return (
|
||||
<ContextMenu>
|
||||
<ContextMenu.Trigger>
|
||||
<div className="w-96 p-6 border border-custom-border-200 rounded-lg">
|
||||
<h3 className="text-lg font-semibold mb-2">Context Menu on Text</h3>
|
||||
<p className="text-custom-text-300">
|
||||
<div className="w-96 p-6 border border-subtle rounded-lg">
|
||||
<h3 className="text-16 font-semibold mb-2">Context Menu on Text</h3>
|
||||
<p className="text-tertiary">
|
||||
Right click anywhere on this text area to see the context menu. This demonstrates how context menus can be
|
||||
applied to text content areas.
|
||||
</p>
|
||||
|
|
@ -293,7 +291,7 @@ export const NestedSubmenus: Story = {
|
|||
return (
|
||||
<ContextMenu>
|
||||
<ContextMenu.Trigger>
|
||||
<div className="flex h-[150px] w-[300px] items-center justify-center rounded-md border border-dashed border-custom-border-300 text-sm">
|
||||
<div className="flex h-[150px] w-[300px] items-center justify-center rounded-md border border-dashed border-strong text-13">
|
||||
Right click here
|
||||
</div>
|
||||
</ContextMenu.Trigger>
|
||||
|
|
@ -344,7 +342,7 @@ export const WithKeyboardShortcuts: Story = {
|
|||
return (
|
||||
<ContextMenu>
|
||||
<ContextMenu.Trigger>
|
||||
<div className="flex h-[150px] w-[300px] items-center justify-center rounded-md border border-dashed border-custom-border-300 text-sm">
|
||||
<div className="flex h-[150px] w-[300px] items-center justify-center rounded-md border border-dashed border-strong text-13">
|
||||
Right click here
|
||||
</div>
|
||||
</ContextMenu.Trigger>
|
||||
|
|
@ -353,23 +351,23 @@ export const WithKeyboardShortcuts: Story = {
|
|||
<ContextMenu.Item>
|
||||
<Copy className="mr-2 h-4 w-4" />
|
||||
Copy
|
||||
<span className="ml-auto text-xs text-custom-text-400">⌘C</span>
|
||||
<span className="ml-auto text-11 text-placeholder">⌘C</span>
|
||||
</ContextMenu.Item>
|
||||
<ContextMenu.Item>
|
||||
<Edit className="mr-2 h-4 w-4" />
|
||||
Edit
|
||||
<span className="ml-auto text-xs text-custom-text-400">⌘E</span>
|
||||
<span className="ml-auto text-11 text-placeholder">⌘E</span>
|
||||
</ContextMenu.Item>
|
||||
<ContextMenu.Item>
|
||||
<Download className="mr-2 h-4 w-4" />
|
||||
Download
|
||||
<span className="ml-auto text-xs text-custom-text-400">⌘D</span>
|
||||
<span className="ml-auto text-11 text-placeholder">⌘D</span>
|
||||
</ContextMenu.Item>
|
||||
<ContextMenu.Separator />
|
||||
<ContextMenu.Item>
|
||||
<Trash className="mr-2 h-4 w-4 text-red-500" />
|
||||
<span className="text-red-500">Delete</span>
|
||||
<span className="ml-auto text-xs text-custom-text-400">⌘⌫</span>
|
||||
<span className="ml-auto text-11 text-placeholder">⌘⌫</span>
|
||||
</ContextMenu.Item>
|
||||
</ContextMenu.Content>
|
||||
</ContextMenu.Portal>
|
||||
|
|
|
|||
|
|
@ -59,7 +59,7 @@ const ContextMenuContent = React.forwardRef(function ContextMenuContent(
|
|||
>
|
||||
<ContextMenuPrimitive.Popup
|
||||
className={cn(
|
||||
"z-50 min-w-32 overflow-hidden rounded-md border border-custom-border-200 bg-custom-background-100 p-1 shadow-md",
|
||||
"z-50 min-w-32 overflow-hidden rounded-md border border-subtle bg-surface-1 p-1 shadow-md",
|
||||
"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
|
||||
"data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95",
|
||||
"data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2",
|
||||
|
|
@ -81,8 +81,8 @@ const ContextMenuItem = React.forwardRef(function ContextMenuItem(
|
|||
<ContextMenuPrimitive.Item
|
||||
ref={ref}
|
||||
className={cn(
|
||||
"relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none",
|
||||
"focus:bg-custom-background-90 focus:text-custom-text-100",
|
||||
"relative flex cursor-default select-none items-center rounded-xs px-2 py-1.5 text-13 outline-none",
|
||||
"focus:bg-surface-2 focus:text-primary",
|
||||
"data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
|
||||
className
|
||||
)}
|
||||
|
|
@ -99,11 +99,7 @@ const ContextMenuSeparator = React.forwardRef(function ContextMenuSeparator(
|
|||
ref: React.ForwardedRef<React.ElementRef<typeof ContextMenuPrimitive.Separator>>
|
||||
) {
|
||||
return (
|
||||
<ContextMenuPrimitive.Separator
|
||||
ref={ref}
|
||||
className={cn("-mx-1 my-1 h-px bg-custom-border-200", className)}
|
||||
{...props}
|
||||
/>
|
||||
<ContextMenuPrimitive.Separator ref={ref} className={cn("-mx-1 my-1 h-px bg-subtle-1", className)} {...props} />
|
||||
);
|
||||
});
|
||||
|
||||
|
|
@ -117,8 +113,8 @@ const ContextMenuSubmenuTrigger = React.forwardRef(function ContextMenuSubmenuTr
|
|||
<ContextMenuPrimitive.SubmenuTrigger
|
||||
ref={ref}
|
||||
className={cn(
|
||||
"flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:outline-none",
|
||||
"focus:bg-custom-background-90 data-[state=open]:bg-custom-background-90",
|
||||
"flex cursor-default select-none items-center rounded-xs px-2 py-1.5 text-13 outline-none focus:outline-none",
|
||||
"focus:bg-surface-2 data-[state=open]:bg-surface-2",
|
||||
className
|
||||
)}
|
||||
{...props}
|
||||
|
|
|
|||
|
|
@ -0,0 +1,428 @@
|
|||
import React from "react";
|
||||
import type { Meta, StoryObj } from "@storybook/react-vite";
|
||||
|
||||
const meta = {
|
||||
title: "Design System/Philosophy",
|
||||
parameters: {
|
||||
layout: "fullscreen",
|
||||
docs: {
|
||||
description: {
|
||||
component: `
|
||||
# Design System Philosophy
|
||||
|
||||
Reusable, composable Storybook stories that demonstrate Canvas, Surface, and Layer concepts.
|
||||
|
||||
Key concepts and rules are preserved, but the implementation is componentized for DRYness and clarity.
|
||||
`,
|
||||
},
|
||||
},
|
||||
},
|
||||
tags: ["autodocs"],
|
||||
} satisfies Meta;
|
||||
|
||||
export default meta;
|
||||
export type Story = StoryObj<typeof meta>;
|
||||
|
||||
/* -----------------------------
|
||||
Reusable UI building blocks
|
||||
-----------------------------*/
|
||||
|
||||
type ContainerProps = {
|
||||
children?: React.ReactNode;
|
||||
className?: string;
|
||||
};
|
||||
|
||||
const DemoRoot: React.FC<ContainerProps> = ({ children, className = "" }) => (
|
||||
<div className={`p-8 ${className}`}>{children}</div>
|
||||
);
|
||||
|
||||
const Info: React.FC<{ title: string; children?: React.ReactNode; tone?: "info" | "warn" }> = ({
|
||||
title,
|
||||
children,
|
||||
tone = "info",
|
||||
}) => (
|
||||
<div
|
||||
className={`mb-4 rounded-md border ${tone === "warn" ? "border-red-500 bg-red-50 p-4" : "border-subtle bg-layer-1 p-4"}`}
|
||||
>
|
||||
<h3 className={`text-primary mb-2 text-16 font-semibold`}>{title}</h3>
|
||||
<div className="text-secondary text-13">{children}</div>
|
||||
</div>
|
||||
);
|
||||
|
||||
const Surface: React.FC<ContainerProps> = ({ children, className = "bg-surface-1 rounded-md p-6" }) => (
|
||||
<div className={className}>{children}</div>
|
||||
);
|
||||
|
||||
const Layer: React.FC<ContainerProps & { hover?: boolean }> = ({
|
||||
children,
|
||||
className = "bg-layer-1 hover:bg-layer-1-hover rounded-md p-4",
|
||||
}) => <div className={`${className} transition-colors`}>{children}</div>;
|
||||
|
||||
/* Small helpers to keep stories concise */
|
||||
const TwoColGrid: React.FC<{ children: React.ReactNode }> = ({ children }) => (
|
||||
<div className="grid grid-cols-2 gap-6">{children}</div>
|
||||
);
|
||||
|
||||
/* -----------------------------
|
||||
Stories (using the building blocks)
|
||||
-----------------------------*/
|
||||
|
||||
export const ApplicationRoot: Story = {
|
||||
render: () => (
|
||||
<DemoRoot>
|
||||
<Info title="✅ Application Root Pattern">
|
||||
This is the <strong>bg-canvas</strong> - the application-level background. It should only appear{" "}
|
||||
<strong>once</strong> in your entire application at the root level.
|
||||
</Info>
|
||||
|
||||
<Surface>
|
||||
<h4 className="text-primary mb-2 font-semibold">Page Content (bg-surface-1)</h4>
|
||||
<p className="text-secondary text-13">Pages use surfaces, not canvas. This is a typical page layout.</p>
|
||||
</Surface>
|
||||
</DemoRoot>
|
||||
),
|
||||
};
|
||||
|
||||
export const SurfaceSiblings: Story = {
|
||||
render: () => (
|
||||
<DemoRoot>
|
||||
<Info title="✅ Surface Siblings Pattern">
|
||||
Surfaces are <strong>siblings</strong>, not nested.
|
||||
</Info>
|
||||
|
||||
<TwoColGrid>
|
||||
<Surface>
|
||||
<h4 className="text-primary mb-2 font-semibold">Surface 1</h4>
|
||||
<p className="text-secondary text-13">This is bg-surface-1 - a primary surface</p>
|
||||
</Surface>
|
||||
|
||||
<Surface className="bg-surface-2 rounded-md p-6">
|
||||
<h4 className="text-primary mb-2 font-semibold">Surface 2</h4>
|
||||
<p className="text-secondary text-13">This is bg-surface-2 - a secondary surface (sibling to surface-1)</p>
|
||||
</Surface>
|
||||
</TwoColGrid>
|
||||
</DemoRoot>
|
||||
),
|
||||
};
|
||||
|
||||
export const LayerStacking: Story = {
|
||||
render: () => (
|
||||
<DemoRoot>
|
||||
<Info title="✅ Layer Stacking Pattern">Layers stack to create depth: Surface → Layer 1 → Layer 2 → Layer 3</Info>
|
||||
|
||||
<Surface>
|
||||
<h4 className="text-primary mb-3 font-semibold">Surface 1</h4>
|
||||
|
||||
<Layer className="bg-layer-1 hover:bg-layer-1-hover mb-4 rounded-md p-4">
|
||||
<h5 className="text-primary mb-2 font-medium">Layer 1 (First level of depth)</h5>
|
||||
<p className="text-secondary mb-3 text-13">Hover over me to see the hover state</p>
|
||||
|
||||
<Layer className="bg-layer-2 hover:bg-layer-2-hover rounded-md p-3">
|
||||
<h6 className="text-primary mb-2 text-13 font-medium">Layer 2 (Second level)</h6>
|
||||
<p className="text-secondary mb-2 text-13">Nested within Layer 1</p>
|
||||
|
||||
<Layer className="bg-layer-3 hover:bg-layer-3-hover rounded-md p-2" hover>
|
||||
<p className="text-primary text-11 font-medium">Layer 3 (Third level)</p>
|
||||
<p className="text-secondary text-11">Deepest nesting level</p>
|
||||
</Layer>
|
||||
</Layer>
|
||||
</Layer>
|
||||
</Surface>
|
||||
</DemoRoot>
|
||||
),
|
||||
};
|
||||
|
||||
export const SurfaceLayerAssociation: Story = {
|
||||
render: () => (
|
||||
<DemoRoot>
|
||||
<Info title="✅ Surface-Layer Association">
|
||||
Each surface should use its corresponding layer: surface-1 → layer-1, surface-2 → layer-2. Very rare exception:
|
||||
inputs/buttons can go one level above for visual separation.
|
||||
</Info>
|
||||
|
||||
<TwoColGrid>
|
||||
<Surface>
|
||||
<h4 className="text-primary mb-3 font-semibold">Surface 1</h4>
|
||||
<Layer className="bg-layer-1 hover:bg-layer-1-hover rounded-md p-4">
|
||||
<h5 className="text-primary mb-1 font-medium">Layer 1</h5>
|
||||
<p className="text-secondary text-13">Correctly using layer-1 with surface-1</p>
|
||||
</Layer>
|
||||
</Surface>
|
||||
|
||||
<Surface className="bg-surface-2 rounded-md p-6">
|
||||
<h4 className="text-primary mb-3 font-semibold">Surface 2</h4>
|
||||
<Layer className="bg-layer-2 hover:bg-layer-2-hover rounded-md p-4">
|
||||
<h5 className="text-primary mb-1 font-medium">Layer 2</h5>
|
||||
<p className="text-secondary text-13">Correctly using layer-2 with surface-2</p>
|
||||
</Layer>
|
||||
</Surface>
|
||||
</TwoColGrid>
|
||||
|
||||
<div className="mt-6">
|
||||
<Info title="✅ Rare Exception: Visual Separation for Form Elements">
|
||||
In very rare cases, form elements (inputs, buttons, switches) can use one level above for visual separation.
|
||||
</Info>
|
||||
<Surface>
|
||||
<h4 className="text-primary mb-3 font-semibold">Modal with Input (Rare Exception)</h4>
|
||||
<div className="space-y-3">
|
||||
<div>
|
||||
<label htmlFor="example-input" className="text-secondary text-13">
|
||||
Name
|
||||
</label>
|
||||
<input
|
||||
id="example-input"
|
||||
className="w-full bg-layer-2 border border-subtle rounded-md px-3 py-2 text-primary mt-1"
|
||||
placeholder="Input uses layer-2 for visual separation"
|
||||
/>
|
||||
<p className="text-tertiary text-11 mt-1">
|
||||
Input uses bg-layer-2 (one level above) for visual separation from modal surface
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</Surface>
|
||||
</div>
|
||||
</DemoRoot>
|
||||
),
|
||||
};
|
||||
|
||||
export const ModalException: Story = {
|
||||
render: () => (
|
||||
<DemoRoot>
|
||||
<Info title="✅ Modal Exception Pattern">
|
||||
Modals exist on a <strong>different plane</strong>, so they can use surfaces even when there's a surface
|
||||
below
|
||||
</Info>
|
||||
|
||||
<Surface>
|
||||
<h4 className="text-primary mb-2 font-semibold">Main Page Content</h4>
|
||||
<p className="text-secondary text-13">This is the main page using bg-surface-1</p>
|
||||
</Surface>
|
||||
|
||||
<div className="fixed inset-0 z-50 flex items-center justify-center">
|
||||
<div className="bg-backdrop absolute inset-0" />
|
||||
<div className="bg-surface-1 relative z-10 max-w-md rounded-lg p-6 shadow-lg">
|
||||
<h4 className="text-primary mb-3 font-semibold">Modal Dialog</h4>
|
||||
<p className="text-secondary mb-4 text-13">
|
||||
This modal uses bg-surface-1 even though the page below also uses bg-surface-1. This is allowed because
|
||||
they're on different planes.
|
||||
</p>
|
||||
|
||||
<Layer className="bg-layer-1 hover:bg-layer-1-hover rounded-md p-3">
|
||||
<p className="text-primary text-13">Modal content can use layers as normal</p>
|
||||
</Layer>
|
||||
</div>
|
||||
</div>
|
||||
</DemoRoot>
|
||||
),
|
||||
};
|
||||
|
||||
export const CardListPattern: Story = {
|
||||
render: () => (
|
||||
<DemoRoot>
|
||||
<Info title="✅ Card List Pattern">Common pattern: Surface containing multiple layer-1 cards</Info>
|
||||
|
||||
<Surface>
|
||||
<h4 className="text-primary mb-4 font-semibold">Task List</h4>
|
||||
<div className="space-y-3">
|
||||
{[1, 2, 3].map((item) => (
|
||||
<Layer key={item} className="bg-layer-1 hover:bg-layer-1-hover rounded-md p-4">
|
||||
<h5 className="text-primary mb-1 font-medium">Task {item}</h5>
|
||||
<p className="text-secondary text-13">This is a task card using bg-layer-1 with hover state</p>
|
||||
</Layer>
|
||||
))}
|
||||
</div>
|
||||
</Surface>
|
||||
</DemoRoot>
|
||||
),
|
||||
};
|
||||
|
||||
export const SidebarLayoutPattern: Story = {
|
||||
render: () => (
|
||||
<DemoRoot>
|
||||
<Info title="✅ Sidebar Layout Pattern">
|
||||
Sidebar and main content are both part of the same surface. Sidebar menu items use transparent backgrounds with
|
||||
hover states.
|
||||
</Info>
|
||||
|
||||
<Surface className="bg-surface-1 flex rounded-md">
|
||||
<aside className="border-subtle w-64 border-r p-4">
|
||||
<h4 className="text-primary mb-3 font-semibold">Sidebar</h4>
|
||||
<div className="space-y-2">
|
||||
{["Home", "Projects", "Settings"].map((item) => (
|
||||
<div key={item} className="hover:bg-layer-1-hover rounded-md p-2 transition-colors">
|
||||
<p className="text-primary text-13">{item}</p>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</aside>
|
||||
|
||||
<main className="flex-1 p-6">
|
||||
<h4 className="text-primary mb-3 font-semibold">Main Content</h4>
|
||||
<Layer className="bg-layer-1 hover:bg-layer-1-hover rounded-md p-4">
|
||||
<p className="text-primary">Content card using layer-1</p>
|
||||
</Layer>
|
||||
</main>
|
||||
</Surface>
|
||||
</DemoRoot>
|
||||
),
|
||||
};
|
||||
|
||||
export const StateVariants: Story = {
|
||||
render: () => (
|
||||
<DemoRoot>
|
||||
<Info title="✅ State Variants">Demonstrating hover, active, and selected states</Info>
|
||||
|
||||
<Surface>
|
||||
<div className="space-y-4">
|
||||
<Layer className="bg-layer-1 hover:bg-layer-1-hover rounded-md p-4">
|
||||
<h5 className="text-primary mb-1 font-medium">Hover State</h5>
|
||||
<p className="text-secondary text-13">Hover over me to see bg-layer-1-hover</p>
|
||||
</Layer>
|
||||
|
||||
<div className="bg-layer-1-active rounded-md p-4">
|
||||
<h5 className="text-primary mb-1 font-medium">Active State</h5>
|
||||
<p className="text-secondary text-13">Using bg-layer-1-active (pressed/active)</p>
|
||||
</div>
|
||||
|
||||
<div className="bg-layer-1-selected rounded-md p-4">
|
||||
<h5 className="text-primary mb-1 font-medium">Selected State</h5>
|
||||
<p className="text-secondary text-13">Using bg-layer-1-selected (when selected)</p>
|
||||
</div>
|
||||
</div>
|
||||
</Surface>
|
||||
</DemoRoot>
|
||||
),
|
||||
};
|
||||
|
||||
export const TextColorHierarchy: Story = {
|
||||
render: () => (
|
||||
<DemoRoot>
|
||||
<Info title="✅ Text Color Hierarchy">Semantic text colors for different importance levels</Info>
|
||||
|
||||
<Surface>
|
||||
<div className="bg-layer-1 rounded-md p-4">
|
||||
<h4 className="text-primary mb-3 text-16 font-semibold">Primary Text</h4>
|
||||
<p className="text-secondary mb-3">Secondary text for descriptions and supporting content</p>
|
||||
<p className="text-tertiary mb-3 text-13">Tertiary text for labels and metadata</p>
|
||||
<input
|
||||
className="placeholder-placeholder border-subtle rounded border px-3 py-2"
|
||||
placeholder="Placeholder text for inputs"
|
||||
/>
|
||||
</div>
|
||||
</Surface>
|
||||
</DemoRoot>
|
||||
),
|
||||
};
|
||||
|
||||
export const CompleteExample: Story = {
|
||||
render: () => (
|
||||
<DemoRoot>
|
||||
<Info title="✅ Complete Example">A realistic dashboard layout using all design system concepts</Info>
|
||||
|
||||
<div className="bg-surface-1 mb-6 rounded-md">
|
||||
<div className="border-subtle border-b p-4">
|
||||
<h1 className="text-primary text-18 font-bold">Dashboard</h1>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="grid grid-cols-3 gap-6">
|
||||
{[
|
||||
{ label: "Total Users", value: "1,234" },
|
||||
{ label: "Active Projects", value: "42" },
|
||||
{ label: "Completed Tasks", value: "856" },
|
||||
].map((stat, idx) => (
|
||||
<Surface key={idx}>
|
||||
<Layer className="bg-layer-1 hover:bg-layer-1-hover rounded-md p-4">
|
||||
<p className="text-tertiary mb-1 text-13">{stat.label}</p>
|
||||
<p className="text-primary text-20 font-bold">{stat.value}</p>
|
||||
</Layer>
|
||||
</Surface>
|
||||
))}
|
||||
</div>
|
||||
|
||||
<div className="mt-6 grid grid-cols-2 gap-6">
|
||||
<Surface>
|
||||
<h3 className="text-primary mb-4 font-semibold">Recent Activity</h3>
|
||||
<div className="space-y-2">
|
||||
{[1, 2, 3].map((item) => (
|
||||
<Layer key={item} className="bg-layer-1 hover:bg-layer-1-hover rounded-md p-3">
|
||||
<p className="text-primary mb-1 text-13 font-medium">Activity {item}</p>
|
||||
<p className="text-secondary text-11">Description of the activity</p>
|
||||
</Layer>
|
||||
))}
|
||||
</div>
|
||||
</Surface>
|
||||
|
||||
<Surface className="bg-surface-2 rounded-md p-6">
|
||||
<h3 className="text-primary mb-4 font-semibold">Quick Actions</h3>
|
||||
<div className="space-y-2">
|
||||
{["Create Project", "Invite Team", "View Reports"].map((action) => (
|
||||
<Layer key={action} className="bg-layer-2 hover:bg-layer-2-hover rounded-md p-3">
|
||||
<p className="text-primary text-13">{action}</p>
|
||||
</Layer>
|
||||
))}
|
||||
</div>
|
||||
</Surface>
|
||||
</div>
|
||||
</DemoRoot>
|
||||
),
|
||||
};
|
||||
|
||||
export const CommonMistakes: Story = {
|
||||
render: () => (
|
||||
<DemoRoot>
|
||||
<Info title="❌ Common Mistakes to Avoid" tone="warn">
|
||||
These examples show incorrect usage patterns
|
||||
</Info>
|
||||
|
||||
<div className="space-y-6">
|
||||
<div className="border-2 border-red-500 rounded-md p-4">
|
||||
<h4 className="text-primary mb-2 font-semibold">❌ Mistake 1: Nested Surfaces (Same Plane)</h4>
|
||||
<Surface>
|
||||
<p className="text-secondary mb-2 text-13">Surface 1</p>
|
||||
<div className="bg-surface-2 rounded-md p-4">
|
||||
<p className="text-secondary text-13">Surface 2 nested inside Surface 1 - WRONG!</p>
|
||||
</div>
|
||||
</Surface>
|
||||
<p className="text-tertiary mt-2 text-11">
|
||||
✅ Fix: Use bg-layer-1 for nested elements, or make them sibling surfaces
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div className="border-2 border-red-500 rounded-md p-4">
|
||||
<h4 className="text-primary mb-2 font-semibold">❌ Mistake 2: Wrong Layer-Surface Association</h4>
|
||||
<Surface>
|
||||
<p className="text-secondary mb-2 text-13">Surface 1</p>
|
||||
<div className="bg-layer-2 rounded-md p-4">
|
||||
<p className="text-secondary text-13">Using layer-2 with surface-1 for content box - WRONG!</p>
|
||||
</div>
|
||||
</Surface>
|
||||
<p className="text-tertiary mt-2 text-11">
|
||||
✅ Fix: Use bg-layer-1 with bg-surface-1 for content boxes. Exception: Very rare cases for inputs/buttons
|
||||
that need visual separation (e.g., input in modal can use bg-layer-2 for separation).
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div className="border-2 border-red-500 rounded-md p-4">
|
||||
<h4 className="text-primary mb-2 font-semibold">❌ Mistake 3: Mismatched Hover State</h4>
|
||||
<Surface>
|
||||
<div className="bg-layer-1 hover:bg-layer-2-hover rounded-md p-4 transition-colors">
|
||||
<p className="text-secondary text-13">bg-layer-1 with hover:bg-layer-2-hover - WRONG!</p>
|
||||
</div>
|
||||
</Surface>
|
||||
<p className="text-tertiary mt-2 text-11">✅ Fix: Use bg-layer-1 hover:bg-layer-1-hover</p>
|
||||
</div>
|
||||
|
||||
<div className="border-2 border-red-500 rounded-md p-4">
|
||||
<h4 className="text-primary mb-2 font-semibold">❌ Mistake 4: Canvas for Pages</h4>
|
||||
<div className="bg-canvas rounded-md p-4">
|
||||
<p className="text-secondary text-13">Using bg-canvas for a page or component - WRONG!</p>
|
||||
</div>
|
||||
<p className="text-tertiary mt-2 text-11">
|
||||
✅ Fix: Canvas should only be at application root. Use bg-surface-1 for pages
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</DemoRoot>
|
||||
),
|
||||
};
|
||||
|
|
@ -26,7 +26,10 @@ const meta = {
|
|||
|
||||
return (
|
||||
<>
|
||||
<button onClick={() => setOpen(true)} className="rounded bg-blue-500 px-4 py-2 text-white hover:bg-blue-600">
|
||||
<button
|
||||
onClick={() => setOpen(true)}
|
||||
className="rounded-sm bg-blue-500 px-4 py-2 text-on-color hover:bg-blue-600"
|
||||
>
|
||||
Open Dialog
|
||||
</button>
|
||||
{open && (
|
||||
|
|
@ -35,18 +38,18 @@ const meta = {
|
|||
<div className="p-6">
|
||||
<Dialog.Title>Dialog Title</Dialog.Title>
|
||||
<div className="mt-4">
|
||||
<p className="text-sm text-gray-600">This is the dialog content. You can put any content here.</p>
|
||||
<p className="text-13 text-gray-600">This is the dialog content. You can put any content here.</p>
|
||||
</div>
|
||||
<div className="mt-6 flex justify-end gap-2">
|
||||
<button
|
||||
onClick={() => setOpen(false)}
|
||||
className="rounded bg-gray-200 px-4 py-2 text-sm hover:bg-gray-300"
|
||||
className="rounded-sm bg-gray-200 px-4 py-2 text-13 hover:bg-gray-300"
|
||||
>
|
||||
Cancel
|
||||
</button>
|
||||
<button
|
||||
onClick={() => setOpen(false)}
|
||||
className="rounded bg-blue-500 px-4 py-2 text-sm text-white hover:bg-blue-600"
|
||||
className="rounded-sm bg-blue-500 px-4 py-2 text-13 text-on-color hover:bg-blue-600"
|
||||
>
|
||||
Confirm
|
||||
</button>
|
||||
|
|
@ -74,7 +77,10 @@ export const TopPosition: Story = {
|
|||
const [open, setOpen] = useState(args.open);
|
||||
return (
|
||||
<>
|
||||
<button onClick={() => setOpen(true)} className="rounded bg-blue-500 px-4 py-2 text-white hover:bg-blue-600">
|
||||
<button
|
||||
onClick={() => setOpen(true)}
|
||||
className="rounded-sm bg-blue-500 px-4 py-2 text-on-color hover:bg-blue-600"
|
||||
>
|
||||
Open Dialog (Top)
|
||||
</button>
|
||||
{open && (
|
||||
|
|
@ -83,14 +89,14 @@ export const TopPosition: Story = {
|
|||
<div className="p-6">
|
||||
<Dialog.Title>Top Positioned Dialog</Dialog.Title>
|
||||
<div className="mt-4">
|
||||
<p className="text-sm text-gray-600">
|
||||
<p className="text-13 text-gray-600">
|
||||
This dialog appears at the top of the screen instead of centered.
|
||||
</p>
|
||||
</div>
|
||||
<div className="mt-6 flex justify-end gap-2">
|
||||
<button
|
||||
onClick={() => setOpen(false)}
|
||||
className="rounded bg-gray-200 px-4 py-2 text-sm hover:bg-gray-300"
|
||||
className="rounded-sm bg-gray-200 px-4 py-2 text-13 hover:bg-gray-300"
|
||||
>
|
||||
Close
|
||||
</button>
|
||||
|
|
@ -109,7 +115,10 @@ export const SmallWidth: Story = {
|
|||
const [open, setOpen] = useState(args.open);
|
||||
return (
|
||||
<>
|
||||
<button onClick={() => setOpen(true)} className="rounded bg-blue-500 px-4 py-2 text-white hover:bg-blue-600">
|
||||
<button
|
||||
onClick={() => setOpen(true)}
|
||||
className="rounded-sm bg-blue-500 px-4 py-2 text-on-color hover:bg-blue-600"
|
||||
>
|
||||
Open Small Dialog
|
||||
</button>
|
||||
{open && (
|
||||
|
|
@ -118,12 +127,12 @@ export const SmallWidth: Story = {
|
|||
<div className="p-6">
|
||||
<Dialog.Title>Small Dialog</Dialog.Title>
|
||||
<div className="mt-4">
|
||||
<p className="text-sm text-gray-600">This is a small dialog.</p>
|
||||
<p className="text-13 text-gray-600">This is a small dialog.</p>
|
||||
</div>
|
||||
<div className="mt-6 flex justify-end">
|
||||
<button
|
||||
onClick={() => setOpen(false)}
|
||||
className="rounded bg-blue-500 px-4 py-2 text-sm text-white hover:bg-blue-600"
|
||||
className="rounded-sm bg-blue-500 px-4 py-2 text-13 text-on-color hover:bg-blue-600"
|
||||
>
|
||||
Close
|
||||
</button>
|
||||
|
|
@ -142,7 +151,10 @@ export const LargeWidth: Story = {
|
|||
const [open, setOpen] = useState(args.open);
|
||||
return (
|
||||
<>
|
||||
<button onClick={() => setOpen(true)} className="rounded bg-blue-500 px-4 py-2 text-white hover:bg-blue-600">
|
||||
<button
|
||||
onClick={() => setOpen(true)}
|
||||
className="rounded-sm bg-blue-500 px-4 py-2 text-on-color hover:bg-blue-600"
|
||||
>
|
||||
Open Large Dialog
|
||||
</button>
|
||||
{open && (
|
||||
|
|
@ -151,14 +163,14 @@ export const LargeWidth: Story = {
|
|||
<div className="p-6">
|
||||
<Dialog.Title>Large Dialog</Dialog.Title>
|
||||
<div className="mt-4">
|
||||
<p className="text-sm text-gray-600">
|
||||
<p className="text-13 text-gray-600">
|
||||
This is a large dialog with more horizontal space for content.
|
||||
</p>
|
||||
</div>
|
||||
<div className="mt-6 flex justify-end">
|
||||
<button
|
||||
onClick={() => setOpen(false)}
|
||||
className="rounded bg-blue-500 px-4 py-2 text-sm text-white hover:bg-blue-600"
|
||||
className="rounded-sm bg-blue-500 px-4 py-2 text-13 text-on-color hover:bg-blue-600"
|
||||
>
|
||||
Close
|
||||
</button>
|
||||
|
|
@ -177,7 +189,10 @@ export const WithCloseButton: Story = {
|
|||
const [open, setOpen] = useState(args.open);
|
||||
return (
|
||||
<>
|
||||
<button onClick={() => setOpen(true)} className="rounded bg-blue-500 px-4 py-2 text-white hover:bg-blue-600">
|
||||
<button
|
||||
onClick={() => setOpen(true)}
|
||||
className="rounded-sm bg-blue-500 px-4 py-2 text-on-color hover:bg-blue-600"
|
||||
>
|
||||
Open Dialog with Close Button
|
||||
</button>
|
||||
{open && (
|
||||
|
|
@ -191,7 +206,7 @@ export const WithCloseButton: Story = {
|
|||
</button>
|
||||
</div>
|
||||
<div className="mt-4">
|
||||
<p className="text-sm text-gray-600">This dialog has a close button in the header.</p>
|
||||
<p className="text-13 text-gray-600">This dialog has a close button in the header.</p>
|
||||
</div>
|
||||
</div>
|
||||
</Dialog.Panel>
|
||||
|
|
@ -211,7 +226,10 @@ export const ConfirmationDialog: Story = {
|
|||
};
|
||||
return (
|
||||
<>
|
||||
<button onClick={() => setOpen(true)} className="rounded bg-red-500 px-4 py-2 text-white hover:bg-red-600">
|
||||
<button
|
||||
onClick={() => setOpen(true)}
|
||||
className="rounded-sm bg-red-500 px-4 py-2 text-on-color hover:bg-red-600"
|
||||
>
|
||||
Delete Item
|
||||
</button>
|
||||
{open && (
|
||||
|
|
@ -220,20 +238,20 @@ export const ConfirmationDialog: Story = {
|
|||
<div className="p-6">
|
||||
<Dialog.Title>Confirm Deletion</Dialog.Title>
|
||||
<div className="mt-4">
|
||||
<p className="text-sm text-gray-600">
|
||||
<p className="text-13 text-gray-600">
|
||||
Are you sure you want to delete this item? This action cannot be undone.
|
||||
</p>
|
||||
</div>
|
||||
<div className="mt-6 flex justify-end gap-2">
|
||||
<button
|
||||
onClick={() => setOpen(false)}
|
||||
className="rounded bg-gray-200 px-4 py-2 text-sm hover:bg-gray-300"
|
||||
className="rounded-sm bg-gray-200 px-4 py-2 text-13 hover:bg-gray-300"
|
||||
>
|
||||
Cancel
|
||||
</button>
|
||||
<button
|
||||
onClick={handleConfirm}
|
||||
className="rounded bg-red-500 px-4 py-2 text-sm text-white hover:bg-red-600"
|
||||
className="rounded-sm bg-red-500 px-4 py-2 text-13 text-on-color hover:bg-red-600"
|
||||
>
|
||||
Delete
|
||||
</button>
|
||||
|
|
@ -257,7 +275,10 @@ export const FormDialog: Story = {
|
|||
};
|
||||
return (
|
||||
<>
|
||||
<button onClick={() => setOpen(true)} className="rounded bg-blue-500 px-4 py-2 text-white hover:bg-blue-600">
|
||||
<button
|
||||
onClick={() => setOpen(true)}
|
||||
className="rounded-sm bg-blue-500 px-4 py-2 text-on-color hover:bg-blue-600"
|
||||
>
|
||||
Open Form
|
||||
</button>
|
||||
{open && (
|
||||
|
|
@ -267,24 +288,24 @@ export const FormDialog: Story = {
|
|||
<Dialog.Title>Create New Item</Dialog.Title>
|
||||
<div className="mt-4 space-y-4">
|
||||
<div>
|
||||
<label htmlFor="name" className="block text-sm font-medium text-gray-700">
|
||||
<label htmlFor="name" className="block text-13 font-medium text-gray-700">
|
||||
Name
|
||||
</label>
|
||||
<input
|
||||
type="text"
|
||||
id="name"
|
||||
className="mt-1 w-full rounded border border-gray-300 px-3 py-2 text-sm"
|
||||
className="mt-1 w-full rounded-sm border border-gray-300 px-3 py-2 text-13"
|
||||
placeholder="Enter name"
|
||||
/>
|
||||
</div>
|
||||
<div>
|
||||
<label htmlFor="description" className="block text-sm font-medium text-gray-700">
|
||||
<label htmlFor="description" className="block text-13 font-medium text-gray-700">
|
||||
Description
|
||||
</label>
|
||||
<textarea
|
||||
id="description"
|
||||
rows={3}
|
||||
className="mt-1 w-full rounded border border-gray-300 px-3 py-2 text-sm"
|
||||
className="mt-1 w-full rounded-sm border border-gray-300 px-3 py-2 text-13"
|
||||
placeholder="Enter description"
|
||||
/>
|
||||
</div>
|
||||
|
|
@ -293,11 +314,14 @@ export const FormDialog: Story = {
|
|||
<button
|
||||
type="button"
|
||||
onClick={() => setOpen(false)}
|
||||
className="rounded bg-gray-200 px-4 py-2 text-sm hover:bg-gray-300"
|
||||
className="rounded-sm bg-gray-200 px-4 py-2 text-13 hover:bg-gray-300"
|
||||
>
|
||||
Cancel
|
||||
</button>
|
||||
<button type="submit" className="rounded bg-blue-500 px-4 py-2 text-sm text-white hover:bg-blue-600">
|
||||
<button
|
||||
type="submit"
|
||||
className="rounded-sm bg-blue-500 px-4 py-2 text-13 text-on-color hover:bg-blue-600"
|
||||
>
|
||||
Create
|
||||
</button>
|
||||
</div>
|
||||
|
|
@ -315,7 +339,10 @@ export const ScrollableContent: Story = {
|
|||
const [open, setOpen] = useState(args.open);
|
||||
return (
|
||||
<>
|
||||
<button onClick={() => setOpen(true)} className="rounded bg-blue-500 px-4 py-2 text-white hover:bg-blue-600">
|
||||
<button
|
||||
onClick={() => setOpen(true)}
|
||||
className="rounded-sm bg-blue-500 px-4 py-2 text-on-color hover:bg-blue-600"
|
||||
>
|
||||
Open Scrollable Dialog
|
||||
</button>
|
||||
{open && (
|
||||
|
|
@ -325,7 +352,7 @@ export const ScrollableContent: Story = {
|
|||
<Dialog.Title>Scrollable Content</Dialog.Title>
|
||||
<div className="mt-4 max-h-96 overflow-y-auto">
|
||||
{Array.from({ length: 20 }, (_, i) => (
|
||||
<p key={i} className="mb-2 text-sm text-gray-600">
|
||||
<p key={i} className="mb-2 text-13 text-gray-600">
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut
|
||||
labore et dolore magna aliqua.
|
||||
</p>
|
||||
|
|
@ -334,7 +361,7 @@ export const ScrollableContent: Story = {
|
|||
<div className="mt-6 flex justify-end">
|
||||
<button
|
||||
onClick={() => setOpen(false)}
|
||||
className="rounded bg-blue-500 px-4 py-2 text-sm text-white hover:bg-blue-600"
|
||||
className="rounded-sm bg-blue-500 px-4 py-2 text-13 text-on-color hover:bg-blue-600"
|
||||
>
|
||||
Close
|
||||
</button>
|
||||
|
|
@ -368,7 +395,7 @@ export const AllWidths: Story = {
|
|||
<button
|
||||
key={width}
|
||||
onClick={() => setOpenWidth(width)}
|
||||
className="rounded bg-blue-500 px-4 py-2 text-sm text-white hover:bg-blue-600"
|
||||
className="rounded-sm bg-blue-500 px-4 py-2 text-13 text-on-color hover:bg-blue-600"
|
||||
>
|
||||
{label}
|
||||
</button>
|
||||
|
|
@ -379,12 +406,12 @@ export const AllWidths: Story = {
|
|||
<div className="p-6">
|
||||
<Dialog.Title>{label} Dialog</Dialog.Title>
|
||||
<div className="mt-4">
|
||||
<p className="text-sm text-gray-600">This dialog uses the {label} width variant.</p>
|
||||
<p className="text-13 text-gray-600">This dialog uses the {label} width variant.</p>
|
||||
</div>
|
||||
<div className="mt-6 flex justify-end">
|
||||
<button
|
||||
onClick={() => setOpenWidth(null)}
|
||||
className="rounded bg-blue-500 px-4 py-2 text-sm text-white hover:bg-blue-600"
|
||||
className="rounded-sm bg-blue-500 px-4 py-2 text-13 text-on-color hover:bg-blue-600"
|
||||
>
|
||||
Close
|
||||
</button>
|
||||
|
|
|
|||
|
|
@ -35,8 +35,8 @@ export interface DialogTitleProps extends React.ComponentProps<typeof BaseDialog
|
|||
}
|
||||
|
||||
// Constants
|
||||
const OVERLAY_CLASSNAME = cn("fixed inset-0 z-backdrop bg-custom-backdrop");
|
||||
const BASE_CLASSNAME = "relative text-left bg-custom-background-100 rounded-lg shadow-md w-full z-modal";
|
||||
const OVERLAY_CLASSNAME = cn("fixed inset-0 z-backdrop bg-backdrop");
|
||||
const BASE_CLASSNAME = "relative text-left bg-surface-1 rounded-lg shadow-md w-full z-modal";
|
||||
|
||||
// Utility functions
|
||||
const getPositionClassNames = (position: DialogPosition) =>
|
||||
|
|
@ -113,7 +113,7 @@ const DialogTitle = memo(function DialogTitle({ className, children, ...props }:
|
|||
return (
|
||||
<BaseDialog.Title
|
||||
data-slot="dialog-title"
|
||||
className={cn("text-lg leading-none font-semibold", className)}
|
||||
className={cn("text-16 leading-none font-semibold", className)}
|
||||
{...props}
|
||||
>
|
||||
{children}
|
||||
|
|
|
|||
|
|
@ -38,9 +38,9 @@ export const Default: Story = {
|
|||
closeOnSelect
|
||||
/>
|
||||
{selectedValue && (
|
||||
<div className="text-sm p-4 bg-custom-background-80 rounded border border-custom-border-200">
|
||||
<div className="text-13 p-4 bg-layer-1 rounded-sm border border-subtle">
|
||||
<div className="font-medium mb-2">Selected:</div>
|
||||
<pre className="text-xs">{JSON.stringify(selectedValue, null, 2)}</pre>
|
||||
<pre className="text-11">{JSON.stringify(selectedValue, null, 2)}</pre>
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
|
|
@ -70,7 +70,7 @@ export const OpenToEmojiTab: Story = {
|
|||
closeOnSelect
|
||||
/>
|
||||
{selectedValue && (
|
||||
<div className="text-sm">Selected: {selectedValue.type === "emoji" ? selectedValue.value : "Icon"}</div>
|
||||
<div className="text-13">Selected: {selectedValue.type === "emoji" ? selectedValue.value : "Icon"}</div>
|
||||
)}
|
||||
</div>
|
||||
);
|
||||
|
|
@ -99,7 +99,7 @@ export const OpenToIconTab: Story = {
|
|||
closeOnSelect
|
||||
/>
|
||||
{selectedValue && (
|
||||
<div className="text-sm">
|
||||
<div className="text-13">
|
||||
Selected:{" "}
|
||||
{selectedValue.type === "icon" && typeof selectedValue.value === "object"
|
||||
? selectedValue.value.name
|
||||
|
|
@ -134,9 +134,9 @@ export const LucideIcons: Story = {
|
|||
iconType="lucide"
|
||||
/>
|
||||
{selectedValue && (
|
||||
<div className="text-sm p-4 bg-custom-background-80 rounded border border-custom-border-200">
|
||||
<div className="text-13 p-4 bg-layer-1 rounded-sm border border-subtle">
|
||||
<div className="font-medium mb-2">Selected Icon:</div>
|
||||
<pre className="text-xs">{JSON.stringify(selectedValue, null, 2)}</pre>
|
||||
<pre className="text-11">{JSON.stringify(selectedValue, null, 2)}</pre>
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
|
|
@ -167,9 +167,9 @@ export const MaterialIcons: Story = {
|
|||
iconType="material"
|
||||
/>
|
||||
{selectedValue && (
|
||||
<div className="text-sm p-4 bg-custom-background-80 rounded border border-custom-border-200">
|
||||
<div className="text-13 p-4 bg-layer-1 rounded-sm border border-subtle">
|
||||
<div className="font-medium mb-2">Selected Icon:</div>
|
||||
<pre className="text-xs">{JSON.stringify(selectedValue, null, 2)}</pre>
|
||||
<pre className="text-11">{JSON.stringify(selectedValue, null, 2)}</pre>
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
|
|
@ -204,18 +204,18 @@ export const CloseOnSelectDisabled: Story = {
|
|||
closeOnSelect={false}
|
||||
/>
|
||||
<button
|
||||
className="px-3 py-1.5 text-sm bg-custom-background-80 rounded hover:bg-custom-background-90"
|
||||
className="px-3 py-1.5 text-13 bg-layer-1 rounded-sm hover:bg-surface-2"
|
||||
onClick={() => setSelectedValues([])}
|
||||
>
|
||||
Clear
|
||||
</button>
|
||||
</div>
|
||||
{selectedValues.length > 0 && (
|
||||
<div className="text-sm p-4 bg-custom-background-80 rounded border border-custom-border-200">
|
||||
<div className="text-13 p-4 bg-layer-1 rounded-sm border border-subtle">
|
||||
<div className="font-medium mb-2">Selected ({selectedValues.length}):</div>
|
||||
<div className="flex gap-2 flex-wrap">
|
||||
{selectedValues.map((val, idx) => (
|
||||
<span key={idx} className="text-lg">
|
||||
<span key={idx} className="text-16">
|
||||
{val.type === "emoji" ? val.value : "🎨"}
|
||||
</span>
|
||||
))}
|
||||
|
|
@ -249,7 +249,7 @@ export const CustomSearchPlaceholder: Story = {
|
|||
closeOnSelect
|
||||
searchPlaceholder="Type to find emojis..."
|
||||
/>
|
||||
{selectedValue && <div className="text-sm">Selected: {JSON.stringify(selectedValue)}</div>}
|
||||
{selectedValue && <div className="text-13">Selected: {JSON.stringify(selectedValue)}</div>}
|
||||
</div>
|
||||
);
|
||||
},
|
||||
|
|
@ -277,7 +277,7 @@ export const SearchDisabled: Story = {
|
|||
closeOnSelect
|
||||
searchDisabled
|
||||
/>
|
||||
{selectedValue && <div className="text-sm">Selected: {JSON.stringify(selectedValue)}</div>}
|
||||
{selectedValue && <div className="text-13">Selected: {JSON.stringify(selectedValue)}</div>}
|
||||
</div>
|
||||
);
|
||||
},
|
||||
|
|
@ -306,8 +306,8 @@ export const CustomIconColor: Story = {
|
|||
defaultIconColor="#FF5733"
|
||||
/>
|
||||
{selectedValue && (
|
||||
<div className="text-sm p-4 bg-custom-background-80 rounded border border-custom-border-200">
|
||||
<pre className="text-xs">{JSON.stringify(selectedValue, null, 2)}</pre>
|
||||
<div className="text-13 p-4 bg-layer-1 rounded-sm border border-subtle">
|
||||
<pre className="text-11">{JSON.stringify(selectedValue, null, 2)}</pre>
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
|
|
@ -331,7 +331,7 @@ export const DifferentPlacements: Story = {
|
|||
return (
|
||||
<div className="p-8 space-y-8">
|
||||
<div className="flex gap-4 items-center">
|
||||
<span className="text-sm w-32">Bottom Start:</span>
|
||||
<span className="text-13 w-32">Bottom Start:</span>
|
||||
<EmojiPicker
|
||||
isOpen={isOpen1}
|
||||
handleToggle={setIsOpen1}
|
||||
|
|
@ -341,7 +341,7 @@ export const DifferentPlacements: Story = {
|
|||
/>
|
||||
</div>
|
||||
<div className="flex gap-4 items-center">
|
||||
<span className="text-sm w-32">Bottom End:</span>
|
||||
<span className="text-13 w-32">Bottom End:</span>
|
||||
<EmojiPicker
|
||||
isOpen={isOpen2}
|
||||
handleToggle={setIsOpen2}
|
||||
|
|
@ -351,7 +351,7 @@ export const DifferentPlacements: Story = {
|
|||
/>
|
||||
</div>
|
||||
<div className="flex gap-4 items-center">
|
||||
<span className="text-sm w-32">Top Start:</span>
|
||||
<span className="text-13 w-32">Top Start:</span>
|
||||
<EmojiPicker
|
||||
isOpen={isOpen3}
|
||||
handleToggle={setIsOpen3}
|
||||
|
|
@ -361,7 +361,7 @@ export const DifferentPlacements: Story = {
|
|||
/>
|
||||
</div>
|
||||
<div className="flex gap-4 items-center">
|
||||
<span className="text-sm w-32">Top End:</span>
|
||||
<span className="text-13 w-32">Top End:</span>
|
||||
<EmojiPicker
|
||||
isOpen={isOpen4}
|
||||
handleToggle={setIsOpen4}
|
||||
|
|
@ -400,19 +400,19 @@ export const InFormContext: Story = {
|
|||
|
||||
return (
|
||||
<div className="max-w-md p-4">
|
||||
<form onSubmit={handleSubmit} className="space-y-4 p-6 border border-custom-border-200 rounded-lg">
|
||||
<form onSubmit={handleSubmit} className="space-y-4 p-6 border border-subtle rounded-lg">
|
||||
<div>
|
||||
<label className="block text-sm font-medium mb-2">Project Title</label>
|
||||
<label className="block text-13 font-medium mb-2">Project Title</label>
|
||||
<input
|
||||
type="text"
|
||||
value={formData.title}
|
||||
onChange={(e) => setFormData((prev) => ({ ...prev, title: e.target.value }))}
|
||||
className="w-full px-3 py-2 bg-custom-background-80 border border-custom-border-200 rounded"
|
||||
className="w-full px-3 py-2 bg-layer-1 border border-subtle rounded-sm"
|
||||
placeholder="Enter project title"
|
||||
/>
|
||||
</div>
|
||||
<div>
|
||||
<label className="block text-sm font-medium mb-2">Project Icon</label>
|
||||
<label className="block text-13 font-medium mb-2">Project Icon</label>
|
||||
<EmojiPicker
|
||||
isOpen={isOpen}
|
||||
handleToggle={setIsOpen}
|
||||
|
|
@ -420,12 +420,12 @@ export const InFormContext: Story = {
|
|||
label={formData.emoji && formData.emoji.type === "emoji" ? formData.emoji.value : "Click to select icon"}
|
||||
defaultOpen={EmojiIconPickerTypes.EMOJI}
|
||||
closeOnSelect
|
||||
buttonClassName="px-4 py-2 bg-custom-background-80 border border-custom-border-200 rounded hover:bg-custom-background-90 w-full text-left"
|
||||
buttonClassName="px-4 py-2 bg-layer-1 border border-subtle rounded-sm hover:bg-surface-2 w-full text-left"
|
||||
/>
|
||||
</div>
|
||||
<button
|
||||
type="submit"
|
||||
className="w-full px-4 py-2 bg-custom-primary-100 text-white rounded hover:bg-custom-primary-200"
|
||||
className="w-full px-4 py-2 bg-accent-primary text-on-color rounded-sm hover:bg-accent-primary/80"
|
||||
>
|
||||
Create Project
|
||||
</button>
|
||||
|
|
|
|||
|
|
@ -100,10 +100,7 @@ export function EmojiPicker(props: TCustomEmojiPicker) {
|
|||
</Popover.Button>
|
||||
<Popover.Panel
|
||||
positionerClassName="z-50"
|
||||
className={cn(
|
||||
"w-80 bg-custom-background-100 rounded-md border-[0.5px] border-custom-border-300 overflow-hidden",
|
||||
dropdownClassName
|
||||
)}
|
||||
className={cn("w-80 bg-surface-1 rounded-md border-[0.5px] border-strong overflow-hidden", dropdownClassName)}
|
||||
side={finalSide}
|
||||
align={finalAlign}
|
||||
sideOffset={8}
|
||||
|
|
@ -129,9 +126,9 @@ export function EmojiPicker(props: TCustomEmojiPicker) {
|
|||
key={tab.key}
|
||||
value={tab.key}
|
||||
className={({ selected }) =>
|
||||
cn("py-1 text-sm rounded border border-custom-border-200 bg-custom-background-80", {
|
||||
"bg-custom-background-100 text-custom-text-100": selected,
|
||||
"text-custom-text-400 hover:text-custom-text-300 hover:bg-custom-background-80/60": !selected,
|
||||
cn("py-1 text-13 rounded-sm border border-subtle bg-layer-1", {
|
||||
"bg-surface-1 text-primary": selected,
|
||||
"text-placeholder hover:text-tertiary hover:bg-layer-1/60": !selected,
|
||||
})
|
||||
}
|
||||
>
|
||||
|
|
|
|||
|
|
@ -31,17 +31,17 @@ export function EmojiRoot(props: EmojiRootProps) {
|
|||
className="isolate flex flex-col rounded-md h-full w-full border-none p-2"
|
||||
onEmojiSelect={(val) => onChange(val.emoji)}
|
||||
>
|
||||
<div className="flex items-center gap-2 justify-between [&>[data-slot='emoji-picker-search-wrapper']]:flex-grow [&>[data-slot='emoji-picker-search-wrapper']]:p-0 px-1.5 py-2 sticky top-0 z-10 bg-custom-background-100">
|
||||
<div className="flex items-center gap-2 justify-between [&>[data-slot='emoji-picker-search-wrapper']]:flex-grow [&>[data-slot='emoji-picker-search-wrapper']]:p-0 px-1.5 py-2 sticky top-0 z-10 bg-surface-1">
|
||||
<div ref={searchWrapperRef} data-slot="emoji-picker-search-wrapper" className="p-2">
|
||||
<EmojiPicker.Search
|
||||
placeholder={searchPlaceholder}
|
||||
disabled={searchDisabled}
|
||||
className="block rounded-md bg-transparent placeholder-custom-text-400 focus:outline-none px-3 py-2 border-[0.5px] border-custom-border-200 text-[1rem] p-0 h-full w-full flex-grow-0 focus:border-custom-primary-100"
|
||||
className="block rounded-md bg-transparent placeholder-custom-text-400 focus:outline-none px-3 py-2 border-[0.5px] border-subtle text-16 p-0 h-full w-full flex-grow-0 focus:border-accent-strong"
|
||||
/>
|
||||
</div>
|
||||
<EmojiPicker.SkinToneSelector
|
||||
data-slot="emoji-picker-skin-tone-selector"
|
||||
className="bg-custom-background-100 hover:bg-accent mx-2 mb-1.5 size-8 rounded-md text-lg flex-shrink-0"
|
||||
className="bg-surface-1 hover:bg-accent mx-2 mb-1.5 size-8 rounded-md text-16 flex-shrink-0"
|
||||
/>
|
||||
</div>
|
||||
<EmojiPicker.Viewport data-slot="emoji-picker-content" className={cn("relative flex-1 outline-none")}>
|
||||
|
|
@ -52,7 +52,7 @@ export function EmojiRoot(props: EmojiRootProps) {
|
|||
CategoryHeader: ({ category, ...props }) => (
|
||||
<div
|
||||
data-slot="emoji-picker-list-category-header"
|
||||
className="bg-custom-background-100 text-custom-text-300 px-3 pb-1.5 text-xs font-medium"
|
||||
className="bg-surface-1 text-tertiary px-3 pb-1.5 text-11 font-medium"
|
||||
{...props}
|
||||
>
|
||||
{category.label}
|
||||
|
|
@ -68,7 +68,7 @@ export function EmojiRoot(props: EmojiRootProps) {
|
|||
type="button"
|
||||
aria-label={emoji?.label ?? emoji?.emoji}
|
||||
data-slot="emoji-picker-list-emoji"
|
||||
className="data-active:bg-accent flex size-8 items-center justify-center rounded-md text-lg"
|
||||
className="data-active:bg-accent flex size-8 items-center justify-center rounded-md text-16"
|
||||
{...props}
|
||||
>
|
||||
{emoji.emoji}
|
||||
|
|
|
|||
|
|
@ -31,27 +31,24 @@ export function IconRoot(props: IconRootProps) {
|
|||
|
||||
return (
|
||||
<>
|
||||
<div className="flex flex-col sticky top-0 bg-custom-background-100">
|
||||
<div className="flex flex-col sticky top-0 bg-surface-1">
|
||||
{!searchDisabled && (
|
||||
<div className="flex items-center px-2 py-[15px] w-full ">
|
||||
<div
|
||||
className={cn(
|
||||
"relative flex items-center gap-2 bg-custom-background-90 h-10 rounded-lg w-full px-[30px] border",
|
||||
{
|
||||
"border-custom-primary-100": isInputFocused,
|
||||
"border-transparent": !isInputFocused,
|
||||
}
|
||||
)}
|
||||
className={cn("relative flex items-center gap-2 bg-surface-2 h-10 rounded-lg w-full px-[30px] border", {
|
||||
"border-accent-strong": isInputFocused,
|
||||
"border-transparent": !isInputFocused,
|
||||
})}
|
||||
onFocus={() => setIsInputFocused(true)}
|
||||
onBlur={() => setIsInputFocused(false)}
|
||||
>
|
||||
<Search className="absolute left-2.5 bottom-3 h-3.5 w-3.5 text-custom-text-400" />
|
||||
<Search className="absolute left-2.5 bottom-3 h-3.5 w-3.5 text-placeholder" />
|
||||
|
||||
<input
|
||||
placeholder="Search"
|
||||
value={query}
|
||||
onChange={(e) => setQuery(e.target.value)}
|
||||
className="block rounded-md bg-transparent placeholder-custom-text-400 focus:outline-none px-3 py-2 border-[0.5px] border-custom-border-200 text-[1rem] border-none p-0 h-full w-full"
|
||||
className="block rounded-md bg-transparent placeholder-custom-text-400 focus:outline-none px-3 py-2 border-[0.5px] border-subtle text-16 border-none p-0 h-full w-full"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -65,8 +62,8 @@ export function IconRoot(props: IconRootProps) {
|
|||
backgroundColor: `#${hexValue}`,
|
||||
}}
|
||||
/>
|
||||
<span className="text-xs text-custom-text-300 flex-shrink-0">HEX</span>
|
||||
<span className="text-xs text-custom-text-200 flex-shrink-0 -mr-1">#</span>
|
||||
<span className="text-11 text-tertiary flex-shrink-0">HEX</span>
|
||||
<span className="text-11 text-secondary flex-shrink-0 -mr-1">#</span>
|
||||
<input
|
||||
type="text"
|
||||
value={hexValue}
|
||||
|
|
@ -75,7 +72,7 @@ export function IconRoot(props: IconRootProps) {
|
|||
setHexValue(value);
|
||||
if (/^[0-9A-Fa-f]{6}$/.test(value)) setActiveColor(adjustColorForContrast(`#${value}`));
|
||||
}}
|
||||
className="block placeholder-custom-text-400 focus:outline-none px-3 py-2 border-[0.5px] border-custom-border-200 flex-grow pl-0 text-xs text-custom-text-200 rounded border-none bg-transparent ring-0"
|
||||
className="block placeholder-custom-text-400 focus:outline-none px-3 py-2 border-[0.5px] border-subtle flex-grow pl-0 text-11 text-secondary rounded-sm border-none bg-transparent ring-0"
|
||||
autoFocus
|
||||
/>
|
||||
</div>
|
||||
|
|
@ -97,7 +94,7 @@ export function IconRoot(props: IconRootProps) {
|
|||
<button
|
||||
type="button"
|
||||
className={cn("grid place-items-center h-4 w-4 rounded-full border border-transparent", {
|
||||
"border-custom-border-400": !showHexInput,
|
||||
"border-strong-1": !showHexInput,
|
||||
})}
|
||||
onClick={() => {
|
||||
setShowHexInput((prevData) => !prevData);
|
||||
|
|
@ -107,13 +104,13 @@ export function IconRoot(props: IconRootProps) {
|
|||
{showHexInput ? (
|
||||
<span className="conical-gradient h-4 w-4 rounded-full" />
|
||||
) : (
|
||||
<span className="text-custom-text-300 text-[0.6rem] grid place-items-center">#</span>
|
||||
<span className="text-tertiary text-10 grid place-items-center">#</span>
|
||||
)}
|
||||
</button>
|
||||
</div>
|
||||
<div className="flex items-center gap-2 w-full pl-4 pr-3 py-1 h-6">
|
||||
<InfoIcon className="h-3 w-3" />
|
||||
<p className="text-xs"> Colors will be adjusted to ensure sufficient contrast.</p>
|
||||
<p className="text-11"> Colors will be adjusted to ensure sufficient contrast.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="grid grid-cols-8 gap-1 px-2.5 justify-items-center mt-2">
|
||||
|
|
|
|||
|
|
@ -18,7 +18,7 @@ export function LucideIconsList(props: LucideIconsListProps) {
|
|||
<button
|
||||
key={icon.name}
|
||||
type="button"
|
||||
className="h-9 w-9 select-none text-lg grid place-items-center rounded hover:bg-custom-background-80"
|
||||
className="h-9 w-9 select-none text-16 grid place-items-center rounded-sm hover:bg-layer-1"
|
||||
onClick={() => {
|
||||
onChange({
|
||||
name: icon.name,
|
||||
|
|
|
|||
|
|
@ -1,4 +1,3 @@
|
|||
import React from "react";
|
||||
import useFontFaceObserver from "use-font-face-observer";
|
||||
import { MATERIAL_ICONS_LIST } from "../material-icons";
|
||||
|
||||
|
|
@ -28,7 +27,7 @@ export function MaterialIconList(props: MaterialIconListProps) {
|
|||
<button
|
||||
key={icon.name}
|
||||
type="button"
|
||||
className="h-9 w-9 select-none text-lg grid place-items-center rounded hover:bg-custom-background-80"
|
||||
className="h-9 w-9 select-none text-16 grid place-items-center rounded-sm hover:bg-layer-1"
|
||||
onClick={() => {
|
||||
onChange({
|
||||
name: icon.name,
|
||||
|
|
@ -37,14 +36,11 @@ export function MaterialIconList(props: MaterialIconListProps) {
|
|||
}}
|
||||
>
|
||||
{isMaterialSymbolsFontLoaded ? (
|
||||
<span
|
||||
style={{ color: activeColor }}
|
||||
className="material-symbols-rounded !text-[1.25rem] !leading-[1.25rem]"
|
||||
>
|
||||
<span style={{ color: activeColor }} className="material-symbols-rounded text-20! leading-5!">
|
||||
{icon.name}
|
||||
</span>
|
||||
) : (
|
||||
<span className="size-5 rounded animate-pulse bg-custom-background-80" />
|
||||
<span className="size-5 rounded-sm animate-pulse bg-layer-1" />
|
||||
)}
|
||||
</button>
|
||||
))}
|
||||
|
|
|
|||
|
|
@ -37,14 +37,14 @@ export function Logo(props: Props) {
|
|||
// if no value, return empty fragment
|
||||
if (!value) return <></>;
|
||||
|
||||
if (!isMaterialSymbolsFontLoaded) {
|
||||
if (!isMaterialSymbolsFontLoaded && type === "material") {
|
||||
return (
|
||||
<span
|
||||
style={{
|
||||
height: size,
|
||||
width: size,
|
||||
}}
|
||||
className="rounded animate-pulse bg-custom-background-80"
|
||||
className="rounded-sm animate-pulse bg-layer-1"
|
||||
/>
|
||||
);
|
||||
}
|
||||
|
|
|
|||
|
|
@ -37,15 +37,13 @@ export const Default: Story = {
|
|||
onChange={setSelectedEmoji}
|
||||
closeOnSelect
|
||||
label={
|
||||
<span className="flex items-center justify-center rounded-md px-2 size-8 text-xl">
|
||||
{selectedEmoji ? stringToEmoji(selectedEmoji) : <SmilePlus className="h-6 text-custom-text-100" />}
|
||||
<span className="flex items-center justify-center rounded-md px-2 size-8 text-18">
|
||||
{selectedEmoji ? stringToEmoji(selectedEmoji) : <SmilePlus className="h-6 text-primary" />}
|
||||
</span>
|
||||
}
|
||||
/>
|
||||
{selectedEmoji && (
|
||||
<div className="text-sm p-4 bg-custom-background-80 rounded border border-custom-border-200">
|
||||
Selected: {selectedEmoji}
|
||||
</div>
|
||||
<div className="text-13 p-4 bg-layer-1 rounded-sm border border-subtle">Selected: {selectedEmoji}</div>
|
||||
)}
|
||||
</div>
|
||||
);
|
||||
|
|
@ -71,13 +69,13 @@ export const WithCustomLabel: Story = {
|
|||
onChange={setSelectedEmoji}
|
||||
closeOnSelect
|
||||
label={
|
||||
<button className="px-4 py-2 bg-custom-background-80 border border-custom-border-200 rounded hover:bg-custom-background-90 flex items-center gap-2">
|
||||
<button className="px-4 py-2 bg-layer-1 border border-subtle rounded-sm hover:bg-surface-2 flex items-center gap-2">
|
||||
{selectedEmoji ? stringToEmoji(selectedEmoji) : <SmilePlus className="h-4 w-4" />}
|
||||
<span className="text-sm">Add Reaction</span>
|
||||
<span className="text-13">Add Reaction</span>
|
||||
</button>
|
||||
}
|
||||
/>
|
||||
{selectedEmoji && <div className="text-sm">Selected: {selectedEmoji}</div>}
|
||||
{selectedEmoji && <div className="text-13">Selected: {selectedEmoji}</div>}
|
||||
</div>
|
||||
);
|
||||
},
|
||||
|
|
@ -136,7 +134,7 @@ export const InlineReactions: Story = {
|
|||
onChange={handleReactionAdd}
|
||||
closeOnSelect
|
||||
label={
|
||||
<button className="inline-flex items-center justify-center rounded-full border border-dashed border-custom-border-300 bg-custom-background-100 text-custom-text-400 transition-all duration-200 hover:border-custom-primary-100 hover:text-custom-primary-100 hover:bg-custom-primary-100/5 h-7 w-7">
|
||||
<button className="inline-flex items-center justify-center rounded-full border border-dashed border-strong bg-surface-1 text-placeholder transition-all duration-200 hover:border-accent-strong hover:text-accent-primary hover:bg-accent-primary/5 h-7 w-7">
|
||||
<SmilePlus className="h-3.5 w-3.5" />
|
||||
</button>
|
||||
}
|
||||
|
|
@ -162,7 +160,7 @@ export const DifferentPlacements: Story = {
|
|||
return (
|
||||
<div className="p-8 space-y-8">
|
||||
<div className="flex gap-4 items-center">
|
||||
<span className="text-sm w-32">Bottom Start:</span>
|
||||
<span className="text-13 w-32">Bottom Start:</span>
|
||||
<EmojiReactionPicker
|
||||
isOpen={isOpen1}
|
||||
handleToggle={setIsOpen1}
|
||||
|
|
@ -172,7 +170,7 @@ export const DifferentPlacements: Story = {
|
|||
/>
|
||||
</div>
|
||||
<div className="flex gap-4 items-center">
|
||||
<span className="text-sm w-32">Bottom End:</span>
|
||||
<span className="text-13 w-32">Bottom End:</span>
|
||||
<EmojiReactionPicker
|
||||
isOpen={isOpen2}
|
||||
handleToggle={setIsOpen2}
|
||||
|
|
@ -182,7 +180,7 @@ export const DifferentPlacements: Story = {
|
|||
/>
|
||||
</div>
|
||||
<div className="flex gap-4 items-center">
|
||||
<span className="text-sm w-32">Top Start:</span>
|
||||
<span className="text-13 w-32">Top Start:</span>
|
||||
<EmojiReactionPicker
|
||||
isOpen={isOpen3}
|
||||
handleToggle={setIsOpen3}
|
||||
|
|
@ -192,7 +190,7 @@ export const DifferentPlacements: Story = {
|
|||
/>
|
||||
</div>
|
||||
<div className="flex gap-4 items-center">
|
||||
<span className="text-sm w-32">Top End:</span>
|
||||
<span className="text-13 w-32">Top End:</span>
|
||||
<EmojiReactionPicker
|
||||
isOpen={isOpen4}
|
||||
handleToggle={setIsOpen4}
|
||||
|
|
@ -226,12 +224,12 @@ export const SearchDisabled: Story = {
|
|||
closeOnSelect
|
||||
searchDisabled
|
||||
label={
|
||||
<button className="px-4 py-2 bg-custom-background-80 border border-custom-border-200 rounded hover:bg-custom-background-90">
|
||||
<button className="px-4 py-2 bg-layer-1 border border-subtle rounded-sm hover:bg-surface-2">
|
||||
No Search
|
||||
</button>
|
||||
}
|
||||
/>
|
||||
{selectedEmoji && <div className="text-sm">Selected: {selectedEmoji}</div>}
|
||||
{selectedEmoji && <div className="text-13">Selected: {selectedEmoji}</div>}
|
||||
</div>
|
||||
);
|
||||
},
|
||||
|
|
@ -257,12 +255,12 @@ export const CustomSearchPlaceholder: Story = {
|
|||
closeOnSelect
|
||||
searchPlaceholder="Find your emoji..."
|
||||
label={
|
||||
<button className="px-4 py-2 bg-custom-background-80 border border-custom-border-200 rounded hover:bg-custom-background-90">
|
||||
<button className="px-4 py-2 bg-layer-1 border border-subtle rounded-sm hover:bg-surface-2">
|
||||
Custom Search
|
||||
</button>
|
||||
}
|
||||
/>
|
||||
{selectedEmoji && <div className="text-sm">Selected: {selectedEmoji}</div>}
|
||||
{selectedEmoji && <div className="text-13">Selected: {selectedEmoji}</div>}
|
||||
</div>
|
||||
);
|
||||
},
|
||||
|
|
@ -292,24 +290,24 @@ export const CloseOnSelectDisabled: Story = {
|
|||
onChange={handleChange}
|
||||
closeOnSelect={false}
|
||||
label={
|
||||
<button className="px-4 py-2 bg-custom-background-80 border border-custom-border-200 rounded hover:bg-custom-background-90">
|
||||
<button className="px-4 py-2 bg-layer-1 border border-subtle rounded-sm hover:bg-surface-2">
|
||||
Select Multiple (Stays Open)
|
||||
</button>
|
||||
}
|
||||
/>
|
||||
<button
|
||||
className="px-3 py-1.5 text-sm bg-custom-background-80 rounded hover:bg-custom-background-90"
|
||||
className="px-3 py-1.5 text-13 bg-layer-1 rounded-sm hover:bg-surface-2"
|
||||
onClick={() => setSelectedEmojis([])}
|
||||
>
|
||||
Clear
|
||||
</button>
|
||||
</div>
|
||||
{selectedEmojis.length > 0 && (
|
||||
<div className="text-sm p-4 bg-custom-background-80 rounded border border-custom-border-200">
|
||||
<div className="text-13 p-4 bg-layer-1 rounded-sm border border-subtle">
|
||||
<div className="font-medium mb-2">Selected ({selectedEmojis.length}):</div>
|
||||
<div className="flex gap-2 flex-wrap">
|
||||
{selectedEmojis.map((emoji, idx) => (
|
||||
<span key={idx} className="text-xl">
|
||||
<span key={idx} className="text-18">
|
||||
{emoji}
|
||||
</span>
|
||||
))}
|
||||
|
|
@ -360,14 +358,14 @@ export const InMessageContext: Story = {
|
|||
};
|
||||
|
||||
return (
|
||||
<div className="max-w-md border border-custom-border-200 rounded-lg p-4 space-y-3">
|
||||
<div className="max-w-md border border-subtle rounded-lg p-4 space-y-3">
|
||||
<div className="flex items-start gap-3">
|
||||
<div className="w-8 h-8 rounded-full bg-custom-primary-100 flex items-center justify-center text-white text-sm">
|
||||
<div className="w-8 h-8 rounded-full bg-accent-primary flex items-center justify-center text-on-color text-13">
|
||||
AB
|
||||
</div>
|
||||
<div className="flex-1">
|
||||
<div className="font-medium text-sm">Alice Brown</div>
|
||||
<div className="text-sm text-custom-text-300 mt-1">
|
||||
<div className="font-medium text-13">Alice Brown</div>
|
||||
<div className="text-13 text-tertiary mt-1">
|
||||
Just finished the design for the new dashboard! Would love to hear your thoughts.
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -380,7 +378,7 @@ export const InMessageContext: Story = {
|
|||
onChange={handleReactionAdd}
|
||||
closeOnSelect
|
||||
label={
|
||||
<button className="inline-flex items-center justify-center rounded-full border border-dashed border-custom-border-300 bg-custom-background-100 text-custom-text-400 transition-all duration-200 hover:border-custom-primary-100 hover:text-custom-primary-100 hover:bg-custom-primary-100/5 h-7 w-7">
|
||||
<button className="inline-flex items-center justify-center rounded-full border border-dashed border-strong bg-surface-1 text-placeholder transition-all duration-200 hover:border-accent-strong hover:text-accent-primary hover:bg-accent-primary/5 h-7 w-7">
|
||||
<SmilePlus className="h-3.5 w-3.5" />
|
||||
</button>
|
||||
}
|
||||
|
|
|
|||
|
|
@ -64,10 +64,7 @@ export function EmojiReactionPicker(props: EmojiReactionPickerProps) {
|
|||
</Popover.Button>
|
||||
<Popover.Panel
|
||||
positionerClassName="z-50"
|
||||
className={cn(
|
||||
"w-80 bg-custom-background-100 rounded-md border-[0.5px] border-custom-border-300 overflow-hidden",
|
||||
dropdownClassName
|
||||
)}
|
||||
className={cn("w-80 bg-surface-1 rounded-md border-[0.5px] border-strong overflow-hidden", dropdownClassName)}
|
||||
side={finalSide}
|
||||
align={finalAlign}
|
||||
sideOffset={8}
|
||||
|
|
|
|||
|
|
@ -56,7 +56,7 @@ export const Interactive: Story = {
|
|||
users={["Alice", "Bob", "Charlie"]}
|
||||
onReactionClick={handleClick}
|
||||
/>
|
||||
<p className="text-sm text-custom-text-400">Click to toggle reaction</p>
|
||||
<p className="text-13 text-placeholder">Click to toggle reaction</p>
|
||||
</div>
|
||||
);
|
||||
},
|
||||
|
|
@ -207,14 +207,14 @@ export const InMessageContext: Story = {
|
|||
};
|
||||
|
||||
return (
|
||||
<div className="max-w-md border border-custom-border-200 rounded-lg p-4 space-y-3">
|
||||
<div className="max-w-md border border-subtle rounded-lg p-4 space-y-3">
|
||||
<div className="flex items-start gap-3">
|
||||
<div className="w-8 h-8 rounded-full bg-custom-primary-100 flex items-center justify-center text-white text-sm">
|
||||
<div className="w-8 h-8 rounded-full bg-accent-primary flex items-center justify-center text-on-color text-13">
|
||||
AB
|
||||
</div>
|
||||
<div className="flex-1">
|
||||
<div className="font-medium text-sm">Alice Brown</div>
|
||||
<div className="text-sm text-custom-text-300 mt-1">
|
||||
<div className="font-medium text-13">Alice Brown</div>
|
||||
<div className="text-13 text-tertiary mt-1">
|
||||
Hey everyone! Just wanted to share some exciting news about our project launch next week!
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -60,7 +60,7 @@ const EmojiReaction = React.forwardRef(function EmojiReaction(
|
|||
const remainingCount = users.length - displayUsers.length;
|
||||
|
||||
return (
|
||||
<div className="text-xs">
|
||||
<div className="text-11">
|
||||
<div className="font-medium mb-1">{stringToEmoji(emoji)}</div>
|
||||
<div>
|
||||
{displayUsers.join(", ")}
|
||||
|
|
@ -75,16 +75,16 @@ const EmojiReaction = React.forwardRef(function EmojiReaction(
|
|||
ref={ref}
|
||||
onClick={handleClick}
|
||||
className={cn(
|
||||
"inline-flex items-center rounded-full border px-1.5 text-xs gap-0.5 transition-all duration-200",
|
||||
"inline-flex items-center rounded-full border px-1.5 text-11 gap-0.5 transition-all duration-200",
|
||||
reacted
|
||||
? "bg-custom-primary-100/10 border-custom-primary-100 text-custom-primary-100"
|
||||
: "bg-custom-background-100 border-custom-border-200 text-custom-text-300 hover:border-custom-border-300 hover:bg-custom-background-90",
|
||||
? "bg-accent-primary/10 border-accent-strong text-accent-primary"
|
||||
: "bg-surface-1 border-subtle text-tertiary hover:border-strong hover:bg-surface-2",
|
||||
className
|
||||
)}
|
||||
{...props}
|
||||
>
|
||||
<span className="text-base leading-unset">{emoji}</span>
|
||||
{showCount && count > 0 && <AnimatedCounter count={count} size="sm" className="text-xs leading-normal" />}
|
||||
<span className="text-14 leading-unset">{emoji}</span>
|
||||
{showCount && count > 0 && <AnimatedCounter count={count} size="sm" className="text-11 leading-normal" />}
|
||||
</button>
|
||||
);
|
||||
|
||||
|
|
@ -104,9 +104,9 @@ const EmojiReactionButton = React.forwardRef(function EmojiReactionButton(
|
|||
ref={ref}
|
||||
onClick={onAddReaction}
|
||||
className={cn(
|
||||
"inline-flex items-center justify-center rounded-full border border-dashed border-custom-border-300",
|
||||
"bg-custom-background-100 text-custom-text-400 transition-all duration-200",
|
||||
"hover:border-custom-primary-100 hover:text-custom-primary-100 hover:bg-custom-primary-100/5",
|
||||
"inline-flex items-center justify-center rounded-full border border-dashed border-strong",
|
||||
"bg-surface-1 text-placeholder transition-all duration-200",
|
||||
"hover:border-accent-strong hover:text-accent-primary hover:bg-accent-primary/5",
|
||||
"focus:outline-none focus:ring-2 focus:ring-custom-primary-100/20 focus:ring-offset-1",
|
||||
"h-6 w-6",
|
||||
className
|
||||
|
|
|
|||
|
|
@ -31,18 +31,18 @@ export const HorizontalStackAssets: Story = {
|
|||
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>
|
||||
<h2 className="text-18 font-semibold text-primary">Horizontal Stack Assets</h2>
|
||||
<p className="text-13 text-tertiary">Used primarily in EmptyStateCompact component</p>
|
||||
</div>
|
||||
<div className="grid w-full grid-cols-12 gap-6">
|
||||
{HorizontalStackAssetsMap.map((item) => (
|
||||
<div
|
||||
key={item.title}
|
||||
className="col-span-6 flex flex-col items-center justify-center gap-3 rounded-lg border border-custom-border-200 bg-custom-background-100 p-6 sm:col-span-4 lg:col-span-3"
|
||||
className="col-span-6 flex flex-col items-center justify-center gap-3 rounded-lg border border-subtle bg-surface-1 p-6 sm:col-span-4 lg:col-span-3"
|
||||
>
|
||||
<div className="flex h-24 w-24 items-center justify-center">{item.asset}</div>
|
||||
<p className="text-center text-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">
|
||||
<p className="text-center text-11 font-medium text-secondary">{item.title}</p>
|
||||
<code className="rounded-sm bg-layer-1 px-2 py-1 text-11 text-tertiary">
|
||||
{item.title.toLowerCase().replace(/\s+/g, "-")}
|
||||
</code>
|
||||
</div>
|
||||
|
|
@ -64,20 +64,20 @@ export const VerticalStackAssets: Story = {
|
|||
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>
|
||||
<h2 className="text-18 font-semibold text-primary">Vertical Stack Assets</h2>
|
||||
<p className="text-13 text-tertiary">Used primarily in EmptyStateDetailed component</p>
|
||||
</div>
|
||||
<div className="grid w-full grid-cols-12 gap-6">
|
||||
{VerticalStackAssetsMap.map((item) => (
|
||||
<div
|
||||
key={item.title}
|
||||
className="col-span-6 flex flex-col items-center justify-center gap-3 rounded-lg border border-custom-border-200 bg-custom-background-100 p-6 sm:col-span-4 lg:col-span-3"
|
||||
className="col-span-6 flex flex-col items-center justify-center gap-3 rounded-lg border border-subtle bg-surface-1 p-6 sm:col-span-4 lg:col-span-3"
|
||||
>
|
||||
<div className="flex h-32 w-32 items-center justify-center">{item.asset}</div>
|
||||
<p className="text-center text-xs font-medium text-custom-text-200">
|
||||
<p className="text-center text-11 font-medium text-secondary">
|
||||
{item.title.replace(/VerticalStackIllustration$/, "")}
|
||||
</p>
|
||||
<code className="rounded bg-custom-background-80 px-2 py-1 text-xs text-custom-text-300">
|
||||
<code className="rounded-sm bg-layer-1 px-2 py-1 text-11 text-tertiary">
|
||||
{item.title
|
||||
.replace(/VerticalStackIllustration$/, "")
|
||||
.replace(/([A-Z])/g, "-$1")
|
||||
|
|
@ -102,20 +102,18 @@ export const IllustrationAssets: Story = {
|
|||
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>
|
||||
<h2 className="text-18 font-semibold text-primary">Illustration Assets</h2>
|
||||
<p className="text-13 text-tertiary">Available in both EmptyStateCompact and EmptyStateDetailed</p>
|
||||
</div>
|
||||
<div className="grid w-full grid-cols-12 gap-6">
|
||||
{IllustrationMap.map((item) => (
|
||||
<div
|
||||
key={item.title}
|
||||
className="col-span-6 flex flex-col items-center justify-center gap-3 rounded-lg border border-custom-border-200 bg-custom-background-100 p-6 sm:col-span-4 lg:col-span-3"
|
||||
className="col-span-6 flex flex-col items-center justify-center gap-3 rounded-lg border border-subtle bg-surface-1 p-6 sm:col-span-4 lg:col-span-3"
|
||||
>
|
||||
<div className="flex h-24 w-24 items-center justify-center">{item.asset}</div>
|
||||
<p className="text-center text-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>
|
||||
<p className="text-center text-11 font-medium text-secondary">{item.title}</p>
|
||||
<code className="rounded-sm bg-layer-1 px-2 py-1 text-11 text-tertiary">{item.title.toLowerCase()}</code>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
|
|
@ -136,19 +134,17 @@ export const AllAssets: Story = {
|
|||
{/* 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>
|
||||
<h2 className="text-18 font-semibold text-primary">Horizontal Stack Assets</h2>
|
||||
<p className="text-13 text-tertiary">For EmptyStateCompact - {HorizontalStackAssetsMap.length} assets</p>
|
||||
</div>
|
||||
<div className="grid w-full grid-cols-12 gap-4">
|
||||
{HorizontalStackAssetsMap.map((item) => (
|
||||
<div
|
||||
key={item.title}
|
||||
className="col-span-6 flex flex-col items-center justify-center gap-2 rounded border border-custom-border-200 bg-custom-background-100 p-4 sm:col-span-3 lg:col-span-2"
|
||||
className="col-span-6 flex flex-col items-center justify-center gap-2 rounded-sm border border-subtle bg-surface-1 p-4 sm:col-span-3 lg:col-span-2"
|
||||
>
|
||||
<div className="flex h-16 w-16 items-center justify-center">{item.asset}</div>
|
||||
<code className="text-[10px] text-custom-text-400">{item.title.toLowerCase().replace(/\s+/g, "-")}</code>
|
||||
<code className="text-10 text-placeholder">{item.title.toLowerCase().replace(/\s+/g, "-")}</code>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
|
|
@ -157,19 +153,17 @@ export const AllAssets: Story = {
|
|||
{/* 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>
|
||||
<h2 className="text-18 font-semibold text-primary">Vertical Stack Assets</h2>
|
||||
<p className="text-13 text-tertiary">For EmptyStateDetailed - {VerticalStackAssetsMap.length} assets</p>
|
||||
</div>
|
||||
<div className="grid w-full grid-cols-12 gap-4">
|
||||
{VerticalStackAssetsMap.map((item) => (
|
||||
<div
|
||||
key={item.title}
|
||||
className="col-span-6 flex flex-col items-center justify-center gap-2 rounded border border-custom-border-200 bg-custom-background-100 p-4 sm:col-span-3 lg:col-span-2"
|
||||
className="col-span-6 flex flex-col items-center justify-center gap-2 rounded-sm border border-subtle bg-surface-1 p-4 sm:col-span-3 lg:col-span-2"
|
||||
>
|
||||
<div className="flex h-20 w-20 items-center justify-center">{item.asset}</div>
|
||||
<code className="text-center text-[10px] text-custom-text-400">
|
||||
<code className="text-center text-10 text-placeholder">
|
||||
{item.title
|
||||
.replace(/VerticalStackIllustration$/, "")
|
||||
.replace(/([A-Z])/g, "-$1")
|
||||
|
|
@ -184,17 +178,17 @@ export const AllAssets: Story = {
|
|||
{/* 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>
|
||||
<h2 className="text-18 font-semibold text-primary">Illustration Assets</h2>
|
||||
<p className="text-13 text-tertiary">For both components - {IllustrationMap.length} assets</p>
|
||||
</div>
|
||||
<div className="grid w-full grid-cols-12 gap-4">
|
||||
{IllustrationMap.map((item) => (
|
||||
<div
|
||||
key={item.title}
|
||||
className="col-span-6 flex flex-col items-center justify-center gap-2 rounded border border-custom-border-200 bg-custom-background-100 p-4 sm:col-span-3 lg:col-span-2"
|
||||
className="col-span-6 flex flex-col items-center justify-center gap-2 rounded-sm border border-subtle bg-surface-1 p-4 sm:col-span-3 lg:col-span-2"
|
||||
>
|
||||
<div className="flex h-16 w-16 items-center justify-center">{item.asset}</div>
|
||||
<code className="text-[10px] text-custom-text-400">{item.title.toLowerCase()}</code>
|
||||
<code className="text-10 text-placeholder">{item.title.toLowerCase()}</code>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,12 +1,14 @@
|
|||
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
|
||||
primary: "var(--illustration-fill-primary)", // #FFFFFF
|
||||
secondary: "var(--illustration-fill-secondary)", // #F4F5F5
|
||||
tertiary: "var(--illustration-fill-tertiary)", // #eaebeb
|
||||
quaternary: "var(--illustration-fill-quaternary)", // #CFD2D3
|
||||
},
|
||||
stroke: {
|
||||
primary: "rgba(var(--color-text-200))", // #1D1F20
|
||||
secondary: "rgba(var(--color-border-400))", // #7A8185 or #CFD2D3
|
||||
primary: "var(--illustration-stroke-primary)", //#CFD2D3
|
||||
secondary: "var(--illustration-stroke-secondary)", // #8A9093
|
||||
tertiary: "var(--illustration-stroke-tertiary)", // #1d1f20
|
||||
},
|
||||
};
|
||||
|
||||
|
|
|
|||
|
|
@ -13,17 +13,17 @@ export function CustomerHorizontalStackIllustration({ className }: TIllustration
|
|||
>
|
||||
<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"
|
||||
d="M47.6282 2.35629C46.7128 1.89072 45.537 1.93039 44.2587 2.57746L9.017 20.5374C6.12097 22.0131 3.7695 26.0693 3.7695 29.5887V72.4766C3.7695 74.4415 4.49547 75.8226 5.63968 76.4145L2.12019 74.6232C0.975977 74.0392 0.25 72.6502 0.25 70.6853V27.7974C0.25 24.2701 2.60157 20.2218 5.4976 18.7462L40.7393 0.786161C42.0255 0.131199 43.2013 0.0994185 44.1088 0.564994L47.6282 2.35629Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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"
|
||||
d="M47.628 2.35601C48.7722 2.93995 49.4982 4.32897 49.4982 6.29386V49.1818C49.4982 52.7091 47.1466 56.7574 44.2506 58.233L9.00889 76.1934C7.72264 76.8484 6.54695 76.8798 5.63947 76.4142C4.49526 75.8303 3.76929 74.4412 3.76929 72.4763V29.5884C3.76929 26.0611 6.12076 22.0128 9.01679 20.5372L44.2585 2.57718C45.5447 1.92221 46.7205 1.89043 47.628 2.35601Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
|
|
@ -31,34 +31,34 @@ export function CustomerHorizontalStackIllustration({ className }: TIllustration
|
|||
</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"
|
||||
d="M63.0078 9.15121C62.0925 8.68564 60.9167 8.72531 59.6383 9.37238L24.3966 27.3324C21.5006 28.808 19.1491 32.8642 19.1491 36.3836V79.2719C19.1491 81.2368 19.8751 82.6176 21.0193 83.2094L17.4998 81.4181C16.3556 80.8342 15.6296 79.4455 15.6296 77.4806V34.5924C15.6296 31.065 17.9812 27.0167 20.8772 25.5411L56.1189 7.58108C57.4052 6.92612 58.5809 6.89434 59.4884 7.35992L63.0078 9.15121Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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"
|
||||
d="M63.0084 9.14898C64.1526 9.73292 64.8785 11.1219 64.8785 13.0868V55.9751C64.8785 59.5024 62.527 63.5504 59.6309 65.026L24.3894 82.9864C23.1031 83.6413 21.9273 83.6727 21.0198 83.2072C19.8756 82.6232 19.1497 81.2346 19.1497 79.2697V36.3814C19.1497 32.8541 21.5011 28.8058 24.3972 27.3301L59.6388 9.37015C60.9251 8.71518 62.1009 8.6834 63.0084 9.14898Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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"
|
||||
d="M78.3799 15.9463C77.4645 15.4807 76.2887 15.52 75.0104 16.1671L39.7688 34.1275C36.8728 35.6031 34.5212 39.6589 34.5212 43.1783V86.0666C34.5212 88.0315 35.2472 89.4126 36.3914 90.0045L32.872 88.2132C31.7278 87.6292 31.0017 86.2402 31.0017 84.2753V41.387C31.0017 37.8597 33.3533 33.8118 36.2493 32.3362L71.491 14.3758C72.7772 13.7208 73.953 13.6894 74.8605 14.155L78.3799 15.9463Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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"
|
||||
d="M78.3799 15.9441C79.5241 16.528 80.2501 17.9166 80.2501 19.8815V62.7698C80.2501 66.2971 77.8986 70.3454 75.0025 71.8211L39.7609 89.7811C38.4747 90.436 37.2989 90.4678 36.3914 90.0022C35.2472 89.4183 34.5212 88.0293 34.5212 86.0644V43.1761C34.5212 39.6488 36.8728 35.6009 39.7688 34.1252L75.0104 16.1648C76.2967 15.5099 77.4725 15.4785 78.3799 15.9441Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
|
|
@ -66,8 +66,8 @@ export function CustomerHorizontalStackIllustration({ className }: TIllustration
|
|||
<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}
|
||||
d="M46.3733 45.3247C46.3733 44.6855 46.7994 43.9515 47.3202 43.6832L62.5185 35.942C63.0393 35.6737 63.4654 35.9737 63.4654 36.6128C63.4654 37.252 63.0393 37.9859 62.5185 38.2542V42.8783L70.1176 39.0037C70.6384 38.7354 71.0645 39.0353 71.0645 39.6745C71.0645 40.3137 70.6384 41.0476 70.1176 41.3159V59.8126L71.0645 59.3314C71.5853 59.0631 72.0115 59.363 72.0115 60.0022C72.0115 60.6414 71.5853 61.3749 71.0645 61.6432L46.3654 74.2297C45.8446 74.498 45.4185 74.1981 45.4185 73.5589C45.4185 72.9197 45.8446 72.1858 46.3654 71.9175L47.3123 71.4362V46.0032C46.7915 46.2715 46.3654 45.9715 46.3654 45.3324L46.3733 45.3247ZM49.222 45.0249V70.4579L51.1237 69.4873V65.4389C51.1237 63.8449 52.189 62.0065 53.4989 61.3358L56.3477 59.8835C57.6576 59.2128 58.7228 59.9706 58.7228 61.5646V65.6127L60.6246 64.6421V39.209L49.2299 45.0168L49.222 45.0249ZM62.5264 45.1906V63.6873L68.2238 60.7832V42.2865L62.5264 45.1906ZM56.8212 66.5833V62.5352C56.8212 62.2196 56.6081 62.0695 56.3477 62.1958L53.4989 63.6476C53.2385 63.7818 53.0255 64.1527 53.0255 64.4683V68.5164L56.8212 66.5833ZM51.1237 48.6861C51.1237 48.0469 51.5499 47.313 52.0707 47.0447L53.0176 46.5634C53.5384 46.2951 53.9646 46.5951 53.9646 47.2342C53.9646 47.8734 53.5384 48.6074 53.0176 48.8757L52.0707 49.3569C51.5499 49.6252 51.1237 49.3253 51.1237 48.6861ZM55.8742 46.2636C55.8742 45.6245 56.3003 44.8905 56.8212 44.6222L57.768 44.141C58.2889 43.8727 58.715 44.1726 58.715 44.8118C58.715 45.451 58.2889 46.1845 57.768 46.4528L56.8212 46.9345C56.3003 47.2028 55.8742 46.9028 55.8742 46.2636ZM51.1237 53.3106C51.1237 52.6714 51.5499 51.9374 52.0707 51.6691L53.0176 51.1875C53.5384 50.9192 53.9646 51.2191 53.9646 51.8583C53.9646 52.4975 53.5384 53.2314 53.0176 53.4997L52.0707 53.981C51.5499 54.2493 51.1237 53.9497 51.1237 53.3106ZM55.8742 50.8877C55.8742 50.2486 56.3003 49.5146 56.8212 49.2463L57.768 48.7651C58.2889 48.4968 58.715 48.7967 58.715 49.4359C58.715 50.0751 58.2889 50.809 57.768 51.0773L56.8212 51.5586C56.3003 51.8269 55.8742 51.5269 55.8742 50.8877ZM64.4203 48.8441C64.4203 48.2049 64.8464 47.4709 65.3672 47.2026H65.3751C65.8959 46.9265 66.322 47.2341 66.322 47.8654V47.8812C66.322 48.5204 65.8959 49.2543 65.3751 49.5226H65.3672C64.8464 49.7988 64.4203 49.4911 64.4203 48.8599V48.8441ZM51.1237 57.9265C51.1237 57.2874 51.5499 56.5534 52.0707 56.2851L53.0176 55.8039C53.5384 55.5356 53.9646 55.8355 53.9646 56.4747C53.9646 57.1139 53.5384 57.8478 53.0176 58.1161L52.0707 58.5974C51.5499 58.8657 51.1237 58.5657 51.1237 57.9265ZM55.8742 55.5118C55.8742 54.8726 56.3003 54.1391 56.8212 53.8708L57.768 53.3892C58.2889 53.1209 58.715 53.4208 58.715 54.06C58.715 54.6992 58.2889 55.4331 57.768 55.7014L56.8212 56.1826C56.3003 56.4509 55.8742 56.151 55.8742 55.5118ZM64.4203 53.4681C64.4203 52.829 64.8464 52.095 65.3672 51.8267H65.3751C65.8959 51.5505 66.322 51.8586 66.322 52.4898V52.5056C66.322 53.1448 65.8959 53.8784 65.3751 54.1467H65.3672C64.8464 54.4229 64.4203 54.1152 64.4203 53.4839V53.4681ZM64.4203 58.0922C64.4203 57.453 64.8464 56.7195 65.3672 56.4512H65.3751C65.8959 56.175 66.322 56.4826 66.322 57.1139V57.1297C66.322 57.7689 65.8959 58.5028 65.3751 58.7711H65.3672C64.8464 59.0473 64.4203 58.7393 64.4203 58.108V58.0922Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
|
|
|
|||
|
|
@ -13,17 +13,17 @@ export function EpicHorizontalStackIllustration({ className }: TIllustrationAsse
|
|||
>
|
||||
<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"
|
||||
d="M47.6229 2.35611C46.7076 1.89059 45.532 1.93026 44.2538 2.57726L9.01602 20.5352C6.12031 22.0107 3.76901 26.0664 3.76901 29.5855V72.4685C3.76901 74.4332 4.4949 75.8141 5.63899 76.4059L2.11998 74.6148C0.975896 74.0309 0.25 72.6424 0.25 70.6778V27.7944C0.25 24.2674 2.6013 20.2196 5.49701 18.7441L40.7348 0.786161C42.0209 0.131273 43.1964 0.0994966 44.1038 0.56502L47.6229 2.35611Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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"
|
||||
d="M47.6222 2.35613C48.7663 2.94 49.4922 4.32887 49.4922 6.29353V49.1769C49.4922 52.7039 47.1409 56.7513 44.2452 58.2268L9.00743 76.1852C7.72132 76.84 6.54566 76.8714 5.63829 76.4059C4.49421 75.822 3.76831 74.4332 3.76831 72.4685V29.5855C3.76831 26.0585 6.11962 22.0107 9.01533 20.5352L44.2531 2.57727C45.5392 1.92238 46.7148 1.8906 47.6222 2.35613Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
|
|
@ -31,41 +31,41 @@ export function EpicHorizontalStackIllustration({ className }: TIllustrationAsse
|
|||
</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"
|
||||
d="M63.0011 9.14965C62.0858 8.68413 60.9102 8.7238 59.6319 9.37079L24.3942 27.3287C21.4985 28.8042 19.1472 32.86 19.1472 36.379V79.2624C19.1472 81.2271 19.8731 82.6077 21.0172 83.1994L17.4982 81.4083C16.3541 80.8245 15.6282 79.436 15.6282 77.4713V34.5879C15.6282 31.061 17.9795 27.0131 20.8752 25.5377L56.1129 7.5797C57.399 6.92481 58.5746 6.89342 59.482 7.35894L63.0011 9.14965Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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"
|
||||
d="M63.0019 9.14949C64.1459 9.73337 64.8718 11.1222 64.8718 13.0869V55.9703C64.8718 59.4972 62.5205 63.5447 59.6248 65.0202L24.3871 82.9785C23.101 83.6334 21.9253 83.6648 21.0179 83.1993C19.8738 82.6154 19.1479 81.2269 19.1479 79.2623V36.3788C19.1479 32.8519 21.4993 28.8041 24.395 27.3286L59.6327 9.37063C60.9188 8.71575 62.0945 8.68397 63.0019 9.14949Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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"
|
||||
d="M78.3793 15.9509C77.464 15.4854 76.2883 15.5251 75.0101 16.1721L39.7724 34.13C36.8767 35.6055 34.5255 39.6612 34.5255 43.1803V86.0637C34.5255 88.0284 35.2513 89.409 36.3954 90.0007L32.8763 88.2096C31.7322 87.6257 31.0063 86.2373 31.0063 84.2726V41.3892C31.0063 37.8623 33.3577 33.8144 36.2534 32.3389L71.4911 14.381C72.7772 13.7261 73.9529 13.6943 74.8602 14.1598L78.3793 15.9509Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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"
|
||||
d="M78.3799 15.9509C79.524 16.5348 80.2499 17.9237 80.2499 19.8883V62.7718C80.2499 66.2987 77.8986 70.3462 75.0029 71.8216L39.7651 89.78C38.479 90.4349 37.3035 90.4662 36.3961 90.0007C35.252 89.4168 34.5261 88.0284 34.5261 86.0637V43.1803C34.5261 39.6534 36.8773 35.6055 39.773 34.13L75.0108 16.1721C76.2969 15.5172 77.4725 15.4854 78.3799 15.9509Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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}
|
||||
d="M73.4865 50.9128V54.7473C73.4865 55.1418 73.3603 55.5758 73.1551 55.9624C72.9342 56.349 72.6501 56.657 72.3424 56.8069L47.1726 69.6362C46.5414 69.9597 46.0286 69.5572 46.0286 68.7366V62.6298L53.6584 46.0604C54.0845 45.2871 54.5815 44.6005 55.1891 44.2928C55.7966 43.985 56.2859 44.1665 56.712 44.5058L63.3082 53.8874L66.1565 49.327C66.5826 48.5538 67.1664 47.9459 67.774 47.6303C68.3815 47.3147 68.9654 47.3384 69.3836 47.6777L73.4865 50.9051V50.9128Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
|
|
|
|||
|
|
@ -13,17 +13,17 @@ export function EstimateHorizontalStackIllustration({ className }: TIllustration
|
|||
>
|
||||
<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"
|
||||
d="M47.6234 2.35621C46.7081 1.89069 45.5325 1.93014 44.2542 2.57714L9.01616 20.5355C6.12042 22.0109 3.76909 26.0666 3.76909 29.5856V72.4694C3.76909 74.4341 4.495 75.8149 5.63909 76.4067L2.12005 74.6155C0.975952 74.0317 0.25 72.643 0.25 70.6783V27.7945C0.25 24.2676 2.60133 20.2198 5.49707 18.7444L40.7351 0.78604C42.0213 0.131145 43.1969 0.0995852 44.1043 0.565113L47.6234 2.35621Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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"
|
||||
d="M47.6232 2.3553C48.7673 2.93919 49.4932 4.32788 49.4932 6.29257V49.1763C49.4932 52.7033 47.1419 56.751 44.2462 58.2265L9.00809 76.1848C7.72197 76.8397 6.5463 76.8713 5.63892 76.4057C4.49482 75.8219 3.76892 74.4332 3.76892 72.4685V29.5847C3.76892 26.0578 6.12025 22.01 9.01599 20.5345L44.2541 2.57623C45.5402 1.92134 46.7158 1.88978 47.6232 2.3553Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
|
|
@ -31,34 +31,34 @@ export function EstimateHorizontalStackIllustration({ className }: TIllustration
|
|||
</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"
|
||||
d="M63.0014 9.14949C62.0861 8.68396 60.9105 8.72341 59.6322 9.37041L24.3942 27.3287C21.4984 28.8042 19.1471 32.8598 19.1471 36.3789V79.2627C19.1471 81.2273 19.873 82.6081 21.0171 83.1999L17.498 81.4088C16.354 80.8249 15.6281 79.4363 15.6281 77.4716V34.5878C15.6281 31.0608 17.9793 27.0131 20.8751 25.5376L56.1132 7.57931C57.3993 6.92442 58.5749 6.89286 59.4823 7.35839L63.0014 9.14949Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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"
|
||||
d="M63.0014 9.14968C64.1455 9.73356 64.8714 11.1223 64.8714 13.0869V55.9707C64.8714 59.4977 62.5201 63.5454 59.6243 65.0209L24.3863 82.9792C23.1001 83.6341 21.9245 83.6656 21.0171 83.2001C19.873 82.6162 19.1471 81.2275 19.1471 79.2628V36.3791C19.1471 32.8521 21.4984 28.8044 24.3942 27.3289L59.6322 9.3706C60.9184 8.71571 62.094 8.68415 63.0014 9.14968Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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"
|
||||
d="M78.3801 15.9514C77.4648 15.4858 76.2891 15.5253 75.0109 16.1723L39.7728 34.1306C36.8771 35.6061 34.5258 39.6617 34.5258 43.1808V86.0645C34.5258 88.0292 35.2517 89.41 36.3958 90.0018L32.8767 88.2107C31.7326 87.6268 31.0067 86.2381 31.0067 84.2734V41.3897C31.0067 37.8627 33.358 33.815 36.2537 32.3395L71.4919 14.3812C72.778 13.7263 73.9536 13.6947 74.861 14.1603L78.3801 15.9514Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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"
|
||||
d="M78.3799 15.9516C79.524 16.5354 80.2499 17.9241 80.2499 19.8888V62.7726C80.2499 66.2995 77.8987 70.3473 75.0029 71.8228L39.7648 89.7811C38.4787 90.4359 37.303 90.4675 36.3956 90.002C35.2515 89.4181 34.5256 88.0294 34.5256 86.0647V43.181C34.5256 39.654 36.877 35.6063 39.7727 34.1308L75.0108 16.1725C76.2969 15.5176 77.4726 15.486 78.3799 15.9516Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
|
|
@ -66,8 +66,8 @@ export function EstimateHorizontalStackIllustration({ className }: TIllustration
|
|||
<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}
|
||||
d="M56.9895 40.0798C57.5024 39.4644 58.0783 38.9752 58.6701 38.6753C59.2619 38.3755 59.8379 38.2651 60.3508 38.3676C60.8636 38.4623 61.2897 38.7621 61.5816 39.2356L70.5529 53.7774C70.8449 54.2508 71.0027 54.8741 71.0027 55.5921C71.0027 56.3102 70.8449 57.0992 70.5529 57.8724C70.261 58.6457 69.8349 59.3795 69.322 60.0028C68.8092 60.6262 68.2332 61.1075 67.6414 61.4073L49.6831 70.5521C49.0913 70.852 48.5153 70.9546 48.0024 70.8599C47.4895 70.7573 47.0635 70.4575 46.7715 69.984C46.4796 69.5106 46.3218 68.8873 46.3218 68.1693C46.3218 67.4513 46.4796 66.6701 46.7715 65.8969L55.7507 42.2023C56.0505 41.4291 56.4687 40.6953 56.9816 40.0798H56.9895ZM58.6701 41.4054C58.4729 41.508 58.2835 41.6658 58.1099 41.8709C57.9442 42.0761 57.8022 42.3207 57.6996 42.5732L48.7205 66.2598C48.6258 66.5202 48.5705 66.7806 48.5705 67.0173C48.5705 67.254 48.6258 67.467 48.7205 67.6248C48.8151 67.7827 48.9571 67.8852 49.1307 67.9168C49.3043 67.9483 49.4937 67.9168 49.691 67.8142L67.6414 58.6694C67.8386 58.5668 68.028 58.409 68.2016 58.2038C68.3752 57.9987 68.5172 57.7541 68.6119 57.4937C68.7066 57.2333 68.7618 56.973 68.7618 56.7362C68.7618 56.4995 68.7066 56.2865 68.6119 56.1287L59.6406 41.5869C59.5459 41.4291 59.4039 41.3344 59.2303 41.3028C59.0567 41.2712 58.8674 41.3028 58.6701 41.4054Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
|
|
|
|||
|
|
@ -5,25 +5,25 @@ export function ExportHorizontalStackIllustration({ className }: TIllustrationAs
|
|||
return (
|
||||
<svg
|
||||
width="71"
|
||||
height="81"
|
||||
viewBox="0 0 71 81"
|
||||
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.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"
|
||||
d="M41.6519 2.04204C40.851 1.6347 39.8223 1.66941 38.7038 2.23554L7.87038 17.949C5.3366 19.24 3.27923 22.7888 3.27923 25.868V63.3912C3.27923 65.1103 3.91439 66.3187 4.91548 66.8365L1.83627 65.2692C0.83518 64.7584 0.200012 63.5431 0.200012 61.824V24.3008C0.200012 21.2147 2.25743 17.6728 4.79121 16.3817L35.6246 0.668313C36.75 0.095278 37.7787 0.0674731 38.5726 0.474811L41.6519 2.04204Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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"
|
||||
d="M41.6519 2.04317C42.653 2.55407 43.2881 3.76934 43.2881 5.48845V43.0116C43.2881 46.0977 41.2307 49.6396 38.6969 50.9307L7.86352 66.6444C6.73817 67.2175 5.70945 67.2449 4.91549 66.8376C3.9144 66.3267 3.27924 65.1114 3.27924 63.3923V25.8692C3.27924 22.7831 5.33661 19.2411 7.87039 17.9501L38.7038 2.23667C39.8292 1.66364 40.8579 1.63583 41.6519 2.04317Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
|
|
@ -31,34 +31,34 @@ export function ExportHorizontalStackIllustration({ className }: TIllustrationAs
|
|||
</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"
|
||||
d="M55.1078 7.9854C54.3069 7.57806 53.2782 7.61277 52.1598 8.1789L21.3264 23.8923C18.7926 25.1834 16.7352 28.7322 16.7352 31.8114V69.3349C16.7352 71.054 17.3703 72.262 18.3714 72.7798L15.2922 71.2126C14.2911 70.7017 13.6559 69.4868 13.6559 67.7677V30.2442C13.6559 27.1581 15.7134 23.6161 18.2471 22.3251L49.0805 6.61167C50.2059 6.03864 51.2346 6.01083 52.0286 6.41817L55.1078 7.9854Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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"
|
||||
d="M55.1079 7.98653C56.109 8.49743 56.7441 9.7127 56.7441 11.4318V48.9553C56.7441 52.0414 54.6867 55.583 52.1529 56.874L21.3195 72.5878C20.1942 73.1608 19.1654 73.1883 18.3715 72.781C17.3704 72.2701 16.7352 71.0551 16.7352 69.336V31.8125C16.7352 28.7264 18.7926 25.1845 21.3264 23.8935L52.1598 8.18003C53.2852 7.607 54.3139 7.57919 55.1079 7.98653Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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"
|
||||
d="M68.5637 13.9328C67.7629 13.5255 66.7342 13.5598 65.6157 14.126L34.7823 29.8397C32.2485 31.1308 30.1911 34.6793 30.1911 37.7585V75.282C30.1911 77.0011 30.8263 78.2094 31.8274 78.7272L28.7482 77.16C27.7471 76.6491 27.1119 75.4338 27.1119 73.7147V36.1912C27.1119 33.1051 29.1693 29.5636 31.7031 28.2725L62.5365 12.5587C63.6619 11.9857 64.6906 11.9582 65.4845 12.3656L68.5637 13.9328Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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"
|
||||
d="M68.5637 13.93C69.5648 14.4409 70.2 15.6559 70.2 17.375V54.8985C70.2 57.9846 68.1426 61.5265 65.6088 62.8175L34.7754 78.531C33.65 79.104 32.6213 79.1318 31.8274 78.7245C30.8263 78.2136 30.1911 76.9983 30.1911 75.2792V37.7557C30.1911 34.6696 32.2485 31.128 34.7823 29.837L65.6157 14.1232C66.7411 13.5502 67.7698 13.5227 68.5637 13.93Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
|
|
@ -66,14 +66,14 @@ export function ExportHorizontalStackIllustration({ className }: TIllustrationAs
|
|||
<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}
|
||||
d="M43.2881 40.2004C43.2881 39.51 43.7438 38.7229 44.3099 38.4329L58.6289 31.1355C59.195 30.8455 59.6507 31.1699 59.6507 31.8603C59.6507 32.5507 59.195 33.3378 58.6289 33.6277L44.3099 40.9255C43.7438 41.2155 43.2881 40.8908 43.2881 40.2004Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M58.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}
|
||||
d="M58.339 45.8623C57.9385 46.5527 57.2895 46.877 56.8891 46.6009L52.4981 43.494V57.9096C52.4981 58.6 52.0356 59.3871 51.4764 59.6771C50.9171 59.967 50.4546 59.6358 50.4546 58.9523V44.5297L46.0636 52.1103C45.6631 52.8007 45.0142 53.1319 44.6138 52.8489C44.2202 52.5658 44.2202 51.7789 44.6138 51.0885L50.7514 40.4978C50.7514 40.4978 50.7928 40.4356 50.8136 40.4011C50.8205 40.3941 50.8274 40.3874 50.8274 40.3805C50.9033 40.27 50.9862 40.1594 51.0759 40.0697C51.1104 40.0352 51.145 40.0005 51.1795 39.9729C51.2071 39.9453 51.2416 39.9178 51.2762 39.8971C51.3107 39.8695 51.3521 39.8418 51.3866 39.8141C51.4211 39.7934 51.4488 39.7796 51.4833 39.7589C51.5178 39.7381 51.5523 39.7245 51.5868 39.7106C51.718 39.6554 51.8492 39.6416 51.9666 39.6554C51.9942 39.6554 52.0218 39.6625 52.0494 39.6763C52.0494 39.6763 52.1046 39.6968 52.1323 39.7106C52.1737 39.7314 52.2082 39.7521 52.2427 39.7798L58.3459 44.0948C58.7394 44.3778 58.7394 45.1648 58.3459 45.8552L58.339 45.8623Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
|
|
|
|||
|
|
@ -13,17 +13,17 @@ export function IntakeHorizontalStackIllustration({ className }: TIllustrationAs
|
|||
>
|
||||
<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"
|
||||
d="M41.6519 2.04294C40.851 1.6356 39.8223 1.67014 38.7038 2.23627L7.87039 17.9499C5.33661 19.2409 3.27921 22.7896 3.27921 25.8688V63.3923C3.27921 65.1114 3.91438 66.3196 4.91547 66.8374L1.83625 65.2702C0.835165 64.7593 0.199997 63.5442 0.199997 61.8251V24.3015C0.199997 21.2154 2.25742 17.6737 4.7912 16.3826L35.6246 0.669039C36.75 0.0960034 37.7787 0.068367 38.5726 0.475705L41.6519 2.04294Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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"
|
||||
d="M41.6519 2.04327C42.653 2.55417 43.2882 3.76927 43.2882 5.48838V43.0119C43.2882 46.098 41.2308 49.6397 38.697 50.9308L7.86357 66.6444C6.73821 67.2174 5.70951 67.2451 4.91555 66.8377C3.91446 66.3268 3.2793 65.1117 3.2793 63.3926V25.8691C3.2793 22.783 5.3367 19.2413 7.87048 17.9502L38.7039 2.2366C39.8293 1.66357 40.858 1.63593 41.6519 2.04327Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
|
|
@ -31,34 +31,34 @@ export function IntakeHorizontalStackIllustration({ className }: TIllustrationAs
|
|||
</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"
|
||||
d="M55.1078 8.0216C54.307 7.61427 53.2783 7.64881 52.1598 8.21494L21.3264 23.9285C18.7926 25.2196 16.7352 28.7682 16.7352 31.8474V69.371C16.7352 71.0901 17.3704 72.2983 18.3714 72.8161L15.2923 71.2488C14.2912 70.7379 13.656 69.5228 13.656 67.8037V30.2802C13.656 27.1941 15.7134 23.6524 18.2472 22.3613L49.0806 6.64771C50.2059 6.07467 51.2347 6.04704 52.0286 6.45437L55.1078 8.0216Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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"
|
||||
d="M55.1079 8.02209C56.109 8.53299 56.7441 9.74809 56.7441 11.4672V48.9907C56.7441 52.0768 54.6867 55.6186 52.1529 56.9096L21.3195 72.6232C20.1942 73.1963 19.1655 73.2239 18.3715 72.8165C17.3704 72.3056 16.7352 71.0905 16.7352 69.3714V31.8479C16.7352 28.7618 18.7926 25.2201 21.3264 23.929L52.1599 8.21543C53.2852 7.64239 54.3139 7.61475 55.1079 8.02209Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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"
|
||||
d="M68.5638 13.973C67.7629 13.5657 66.7342 13.6002 65.6157 14.1663L34.7823 29.8799C32.2485 31.171 30.1911 34.7196 30.1911 37.7988V75.3222C30.1911 77.0413 30.8263 78.2495 31.8274 78.7673L28.7482 77.2002C27.7471 76.6893 27.1119 75.474 27.1119 73.7549V36.2316C27.1119 33.1455 29.1693 29.6037 31.7031 28.3127L62.5365 12.5991C63.6619 12.0261 64.6906 11.9984 65.4845 12.4058L68.5638 13.973Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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"
|
||||
d="M68.5636 13.9733C69.5647 14.4842 70.1999 15.6993 70.1999 17.4184V54.9418C70.1999 58.0279 68.1425 61.5698 65.6087 62.8609L34.7753 78.5744C33.6499 79.1475 32.6212 79.1749 31.8272 78.7676C30.8262 78.2567 30.191 77.0416 30.191 75.3225V37.7992C30.191 34.7131 32.2484 31.1713 34.7822 29.8803L65.6156 14.1667C66.741 13.5936 67.7697 13.566 68.5636 13.9733Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
|
|
@ -66,26 +66,26 @@ export function IntakeHorizontalStackIllustration({ className }: TIllustrationAs
|
|||
<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}
|
||||
d="M57.5519 34.9131C57.8349 34.9683 58.0075 35.2513 58.0075 35.6586V46.0631C58.0075 46.4566 57.8419 46.9053 57.5726 47.2505L51.8699 54.4376C51.5937 54.7897 51.2485 54.9693 50.9654 54.9141C50.6824 54.8589 50.5097 54.5757 50.5097 54.1684V43.7158C50.5097 43.3222 50.6754 42.8664 50.9516 42.5212L56.6543 35.3825C56.9305 35.0373 57.2757 34.8579 57.5588 34.9131H57.5519ZM52.2979 43.4395V51.2687L56.2056 46.3461V38.5514L52.2979 43.4395Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M55.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}
|
||||
d="M55.0249 34.4983C55.2804 34.9057 55.1354 35.6651 54.7073 36.1967L49.4395 42.7832V52.6007C49.4395 53.2221 49.0391 53.9332 48.542 54.1817C48.0449 54.4303 47.6445 54.1334 47.6445 53.519V43.0662C47.6445 42.6726 47.8102 42.217 48.0863 41.8718L53.7891 34.7331C54.2171 34.2015 54.7695 34.091 55.0249 34.4983Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M52.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}
|
||||
d="M52.1253 33.8013C52.3808 34.2087 52.2358 34.9681 51.8077 35.4997L46.54 42.0862V51.9037C46.54 52.5251 46.1395 53.2362 45.6424 53.4848C45.1454 53.7333 44.7449 53.4365 44.7449 52.822V42.3692C44.7449 41.9757 44.9106 41.52 45.1868 41.1748L50.8895 34.0361C51.3175 33.5045 51.8699 33.394 52.1253 33.8013Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="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}
|
||||
d="M41.7347 51.7794C42.2318 51.5239 42.6322 51.8277 42.6322 52.4421V60.444C42.6322 61.1965 43.1293 61.5624 43.73 61.2586L58.9465 53.5054C59.5471 53.2016 60.0442 52.3317 60.0442 51.5791V43.5773C60.0442 42.9559 60.4446 42.2448 60.9417 41.9963C61.4388 41.7477 61.8393 42.0447 61.8393 42.6592V50.6609C61.8393 52.6561 60.5413 54.9414 58.9465 55.7561L43.73 63.5093C42.1351 64.324 40.8372 63.3574 40.8372 61.369V53.3673C40.8372 52.746 41.2376 52.0348 41.7347 51.7863V51.7794Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
|
|
|
|||
|
|
@ -13,17 +13,17 @@ export function LabelHorizontalStackIllustration({ className }: TIllustrationAss
|
|||
>
|
||||
<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"
|
||||
d="M47.6237 2.3855C46.7085 1.9135 45.5328 1.9535 44.2545 2.6095L9.0162 20.8176C6.12044 22.3136 3.76909 26.4256 3.76909 29.9936V73.4738C3.76909 75.4658 4.495 76.8658 5.63911 77.4658L2.12001 75.6498C0.975909 75.0578 0.25 73.6498 0.25 71.6578V28.1776C0.25 24.6016 2.60132 20.4976 5.49708 19.0016L40.7354 0.793494C42.0216 0.129492 43.1972 0.0974924 44.1046 0.569494L47.6237 2.3855Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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"
|
||||
d="M47.6237 2.38514C48.7678 2.97714 49.4937 4.38515 49.4937 6.37716V49.8573C49.4937 53.4333 47.1424 57.5373 44.2466 59.0334L9.00828 77.2414C7.72216 77.9054 6.54648 77.9374 5.63909 77.4654C4.49498 76.8734 3.76907 75.4654 3.76907 73.4734V29.9932C3.76907 26.4172 6.12042 22.3132 9.01618 20.8172L44.2545 2.60914C45.5406 1.94513 46.7163 1.91314 47.6237 2.38514Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
|
|
@ -31,34 +31,34 @@ export function LabelHorizontalStackIllustration({ className }: TIllustrationAss
|
|||
</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"
|
||||
d="M63.0022 9.27381C62.087 8.80181 60.9113 8.84181 59.633 9.49781L24.3947 27.7059C21.499 29.2019 19.1476 33.3139 19.1476 36.8819V80.3621C19.1476 82.3541 19.8735 83.7541 21.0176 84.3541L17.4985 82.5381C16.3544 81.9461 15.6285 80.5381 15.6285 78.5461V35.0659C15.6285 31.4899 17.9799 27.3859 20.8756 25.8899L56.114 7.6818C57.4001 7.0178 58.5757 6.9858 59.4831 7.4578L63.0022 9.27381Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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"
|
||||
d="M63.0021 9.27344C64.1462 9.86545 64.8721 11.2735 64.8721 13.2655V56.7456C64.8721 60.3216 62.5208 64.4257 59.6251 65.9217L24.3867 84.1297C23.1005 84.7937 21.9249 84.8257 21.0175 84.3537C19.8734 83.7617 19.1475 82.3537 19.1475 80.3617V36.8815C19.1475 33.3055 21.4988 29.2015 24.3946 27.7055L59.6329 9.49744C60.919 8.83344 62.0947 8.80144 63.0021 9.27344Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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"
|
||||
d="M78.3803 16.1699C77.465 15.6979 76.2894 15.7379 75.0112 16.3939L39.7728 34.602C36.877 36.098 34.5257 40.21 34.5257 43.778V87.2582C34.5257 89.2502 35.2516 90.6502 36.3957 91.2502L32.8766 89.4342C31.7325 88.8422 31.0066 87.4342 31.0066 85.4422V41.962C31.0066 38.386 33.3579 34.282 36.2537 32.786L71.4921 14.5779C72.7782 13.9139 73.9539 13.8819 74.8613 14.3539L78.3803 16.1699Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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"
|
||||
d="M78.3801 16.1696C79.5242 16.7616 80.2501 18.1696 80.2501 20.1616V63.6417C80.2501 67.2178 77.8988 71.3218 75.0031 72.8178L39.7647 91.0258C38.4786 91.6898 37.3029 91.7218 36.3955 91.2498C35.2514 90.6578 34.5255 89.2498 34.5255 87.2578V43.7777C34.5255 40.2016 36.8768 36.0976 39.7726 34.6016L75.011 16.3936C76.2971 15.7296 77.4727 15.6976 78.3801 16.1696Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
|
|
@ -66,12 +66,12 @@ export function LabelHorizontalStackIllustration({ className }: TIllustrationAss
|
|||
<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}
|
||||
d="M49.5568 47.8738C50.1643 46.8178 50.977 45.9779 51.837 45.5379L59.538 41.5618C60.3902 41.1218 61.2108 41.1138 61.8184 41.5458L71.1606 48.2498C71.847 48.7459 72.2258 49.6979 72.2258 50.8979C72.2258 52.0979 71.8391 53.4419 71.1606 54.6499L64.0987 67.0179C63.4122 68.2259 62.4811 69.1779 61.5106 69.6819C60.5401 70.1859 59.6091 70.1939 58.9226 69.7059L49.5804 63.0019C48.9729 62.5699 48.6336 61.7379 48.6336 60.6819V51.1859C48.6336 50.1299 48.9729 48.9459 49.5804 47.8899L49.5568 47.8738ZM51.837 48.1859C51.553 48.3299 51.2769 48.6099 51.0796 48.9619C50.8823 49.3139 50.764 49.7059 50.764 50.0579V59.5539C50.764 59.9059 50.8745 60.1859 51.0796 60.3299L60.4218 67.0259C60.7058 67.2259 61.1003 67.2259 61.5027 67.0179C61.9051 66.8099 62.2918 66.4099 62.5838 65.9139L69.6456 53.5619C69.9296 53.0579 70.0875 52.4979 70.0875 52.0019C70.0875 51.5059 69.9296 51.1059 69.6456 50.8979L60.3034 44.2018C60.1062 44.0578 59.83 44.0578 59.5459 44.2018L51.8449 48.1779L51.837 48.1859Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M59.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}
|
||||
d="M59.5302 51.1618C59.5302 53.3538 58.0863 55.8818 56.311 56.7938C54.5357 57.7138 53.0917 56.6818 53.0917 54.4818C53.0917 52.2818 54.5357 49.7618 56.311 48.8498C58.0863 47.9298 59.5302 48.9618 59.5302 51.1618Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
|
|
|
|||
|
|
@ -4,26 +4,26 @@ import type { TIllustrationAssetProps } from "../helper";
|
|||
export function LinkHorizontalStackIllustration({ className }: TIllustrationAssetProps) {
|
||||
return (
|
||||
<svg
|
||||
width="52"
|
||||
height="59"
|
||||
viewBox="0 0 52 59"
|
||||
width="51"
|
||||
height="58"
|
||||
viewBox="0 0 51 58"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
className={className}
|
||||
>
|
||||
<g opacity="0.2">
|
||||
<path
|
||||
d="M30.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"
|
||||
d="M30.145 1.45971C29.565 1.16471 28.82 1.18971 28.01 1.59971L5.68 12.9797C3.845 13.9147 2.355 16.4847 2.355 18.7147V45.8897C2.355 47.1347 2.815 48.0097 3.54 48.3847L1.31 47.2497C0.584998 46.8797 0.125 45.9997 0.125 44.7547V17.5797C0.125 15.3447 1.615 12.7797 3.45 11.8447L25.78 0.464705C26.595 0.0497054 27.34 0.029706 27.915 0.324706L30.145 1.45971Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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"
|
||||
d="M30.145 1.45972C30.87 1.82972 31.33 2.70971 31.33 3.95471V31.1297C31.33 33.3647 29.84 35.9297 28.005 36.8647L5.67498 48.2447C4.85998 48.6597 4.11498 48.6797 3.53998 48.3847C2.81498 48.0147 2.35498 47.1347 2.35498 45.8897V18.7147C2.35498 16.4797 3.84498 13.9147 5.67998 12.9797L28.01 1.59972C28.825 1.18472 29.57 1.16472 30.145 1.45972Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.25"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
|
|
@ -31,34 +31,34 @@ export function LinkHorizontalStackIllustration({ className }: TIllustrationAsse
|
|||
</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"
|
||||
d="M39.89 5.79473C39.31 5.49973 38.565 5.52473 37.755 5.93473L15.425 17.3147C13.59 18.2497 12.1 20.8197 12.1 23.0497V50.2247C12.1 51.4697 12.56 52.3447 13.285 52.7197L11.055 51.5847C10.33 51.2147 9.87 50.3347 9.87 49.0897V21.9147C9.87 19.6797 11.36 17.1147 13.195 16.1797L35.525 4.79973C36.34 4.38473 37.085 4.36473 37.66 4.65973L39.89 5.79473Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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"
|
||||
d="M39.89 5.7948C40.615 6.1648 41.075 7.04479 41.075 8.28979V35.4648C41.075 37.6998 39.585 40.2648 37.75 41.1998L15.42 52.5798C14.605 52.9948 13.86 53.0148 13.285 52.7198C12.56 52.3498 12.1 51.4698 12.1 50.2248V23.0498C12.1 20.8148 13.59 18.2498 15.425 17.3148L37.755 5.9348C38.57 5.5198 39.315 5.4998 39.89 5.7948Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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"
|
||||
d="M49.635 10.0997C49.055 9.80472 48.31 9.82972 47.5 10.2397L25.17 21.6197C23.335 22.5547 21.845 25.1247 21.845 27.3547V54.5297C21.845 55.7747 22.305 56.6497 23.03 57.0247L20.8 55.8897C20.075 55.5197 19.615 54.6397 19.615 53.3947V26.2197C19.615 23.9847 21.105 21.4197 22.94 20.4847L45.27 9.10472C46.085 8.68972 46.83 8.66972 47.405 8.96472L49.635 10.0997Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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"
|
||||
d="M49.635 10.0997C50.36 10.4697 50.82 11.3497 50.82 12.5947V39.7697C50.82 42.0047 49.33 44.5697 47.495 45.5047L25.165 56.8847C24.35 57.2997 23.605 57.3197 23.03 57.0247C22.305 56.6547 21.845 55.7747 21.845 54.5297V27.3547C21.845 25.1197 23.335 22.5547 25.17 21.6197L47.5 10.2397C48.315 9.82473 49.06 9.80473 49.635 10.0997Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.25"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
|
|
@ -66,20 +66,20 @@ export function LinkHorizontalStackIllustration({ className }: TIllustrationAsse
|
|||
<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}
|
||||
d="M32.49 37.2048C31.935 38.1598 31.625 39.2347 31.625 40.1847C31.625 41.1347 31.935 41.8948 32.49 42.2848C33.045 42.6748 33.795 42.6747 34.575 42.2747C35.355 41.8747 36.11 41.1148 36.66 40.1598L37.705 38.3598C37.995 37.8598 38.46 37.6248 38.75 37.8298C39.04 38.0348 39.04 38.6047 38.75 39.0997L37.705 40.8997C36.875 42.3347 35.75 43.4747 34.575 44.0747C33.4 44.6747 32.275 44.6797 31.445 44.0897C30.615 43.5047 30.15 42.3698 30.15 40.9398C30.15 39.5098 30.615 37.9048 31.445 36.4698L32.49 34.6697C32.78 34.1697 33.245 33.9348 33.535 34.1398C33.825 34.3448 33.825 34.9098 33.535 35.4098L32.49 37.2097V37.2048Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="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}
|
||||
d="M35.62 30.5248C35.33 30.3198 35.33 29.7548 35.62 29.2548L36.665 27.4548C37.495 26.0198 38.62 24.8798 39.795 24.2798C40.97 23.6798 42.095 23.6748 42.925 24.2648C43.755 24.8498 44.22 25.9848 44.22 27.4148C44.22 28.8448 43.755 30.4498 42.925 31.8848L41.88 33.6848C41.59 34.1848 41.125 34.4198 40.835 34.2148C40.545 34.0098 40.545 33.4398 40.835 32.9448L41.88 31.1448C42.435 30.1898 42.745 29.1148 42.745 28.1648C42.745 27.2148 42.435 26.4548 41.88 26.0648C41.325 25.6748 40.575 25.6748 39.795 26.0748C39.01 26.4748 38.26 27.2348 37.71 28.1898L36.665 29.9898C36.375 30.4898 35.91 30.7248 35.62 30.5198V30.5248Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="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}
|
||||
d="M34.575 38.6798C34.285 38.4748 34.285 37.9098 34.575 37.4098L38.75 30.2048C39.04 29.7048 39.505 29.4698 39.795 29.6748C40.085 29.8798 40.085 30.4448 39.795 30.9448L35.62 38.1498C35.33 38.6448 34.865 38.8848 34.575 38.6798Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
|
|
|
|||
|
|
@ -13,17 +13,17 @@ export function MembersHorizontalStackIllustration({ className }: TIllustrationA
|
|||
>
|
||||
<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"
|
||||
d="M41.6017 1.99286C40.8009 1.58553 39.7722 1.62005 38.6537 2.18616L7.82029 17.8993C5.28651 19.1903 3.2291 22.7389 3.2291 25.818V63.3404C3.2291 65.0594 3.86428 66.2676 4.86536 66.7854L1.78616 65.2182C0.785076 64.7073 0.149902 63.4923 0.149902 61.7732V24.2508C0.149902 21.1648 2.20731 17.6232 4.74109 16.3321L35.5745 0.619001C36.6999 0.0459819 37.7286 0.0183569 38.5225 0.425683L41.6017 1.99286Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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"
|
||||
d="M41.6014 1.99319C42.6025 2.50408 43.2377 3.71916 43.2377 5.43821V42.9606C43.2377 46.0466 41.1803 49.5883 38.6465 50.8793L7.81304 66.5924C6.68768 67.1654 5.65898 67.1931 4.86502 66.7857C3.86393 66.2748 3.22876 65.0598 3.22876 63.3407V25.8183C3.22876 22.7323 5.28616 19.1907 7.81995 17.8996L38.6534 2.1865C39.7787 1.61348 40.8074 1.58587 41.6014 1.99319Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.3"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
|
|
@ -31,34 +31,34 @@ export function MembersHorizontalStackIllustration({ className }: TIllustrationA
|
|||
</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"
|
||||
d="M55.0576 7.9715C54.2567 7.56417 53.228 7.59869 52.1095 8.16481L21.2761 23.8779C18.7423 25.169 16.6849 28.7175 16.6849 31.7966V69.319C16.6849 71.0381 17.3201 72.2462 18.3212 72.764L15.242 71.1969C14.2409 70.686 13.6057 69.4709 13.6057 67.7519V30.2295C13.6057 27.1435 15.6631 23.6018 18.1969 22.3108L49.0303 6.59763C50.1557 6.02461 51.1844 5.997 51.9784 6.40433L55.0576 7.9715Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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"
|
||||
d="M55.0575 7.97183C56.0585 8.48271 56.6937 9.69779 56.6937 11.4169V48.9392C56.6937 52.0252 54.6363 55.5669 52.1025 56.8579L21.2691 72.5711C20.1437 73.1441 19.115 73.1717 18.3211 72.7644C17.32 72.2535 16.6848 71.0384 16.6848 69.3194V31.797C16.6848 28.711 18.7422 25.1693 21.276 23.8783L52.1094 8.16514C53.2348 7.59212 54.2635 7.5645 55.0575 7.97183Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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"
|
||||
d="M68.5136 13.9233C67.7127 13.5159 66.684 13.5505 65.5656 14.1166L34.7322 29.8297C32.1984 31.1207 30.141 34.6693 30.141 37.7484V75.2708C30.141 76.9899 30.7761 78.198 31.7772 78.7158L28.698 77.1486C27.6969 76.6378 27.0618 75.4227 27.0618 73.7036V36.1813C27.0618 33.0952 29.1192 29.5536 31.6529 28.2626L62.4864 12.5494C63.6117 11.9764 64.6404 11.9488 65.4344 12.3561L68.5136 13.9233Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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"
|
||||
d="M68.5138 13.9236C69.5148 14.4345 70.15 15.6496 70.15 17.3686V54.891C70.15 57.977 68.0926 61.5187 65.5588 62.8097L34.7254 78.5228C33.6 79.0959 32.5713 79.1235 31.7774 78.7161C30.7763 78.2053 30.1411 76.9902 30.1411 75.2711V37.7488C30.1411 34.6627 32.1985 31.1211 34.7323 29.8301L65.5657 14.1169C66.6911 13.5439 67.7198 13.5163 68.5138 13.9236Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.3"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
|
|
@ -66,26 +66,26 @@ export function MembersHorizontalStackIllustration({ className }: TIllustrationA
|
|||
<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}
|
||||
d="M47.256 51.7485C48.5195 49.5668 50.2386 47.8271 52.0198 46.9158C53.808 46.0045 55.5202 45.9976 56.7836 46.8882C58.0471 47.7857 58.7582 49.5047 58.7582 51.6794C58.7582 52.3284 58.3301 53.074 57.7916 53.3432C57.2531 53.6125 56.825 53.3087 56.825 52.6598C56.825 51.1064 56.321 49.8706 55.4166 49.2355C54.5122 48.5934 53.2902 48.6003 52.0129 49.2562C50.7357 49.9051 49.5137 51.1478 48.6092 52.7081C47.7048 54.2684 47.2008 56.015 47.2008 57.5684C47.2008 58.2174 46.7728 58.963 46.2412 59.2322C45.7095 59.5015 45.2815 59.1977 45.2815 58.5487C45.2815 56.374 45.9926 53.9232 47.256 51.7416V51.7485Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M52.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}
|
||||
d="M52.0265 39.8808C50.4317 40.6954 49.1407 42.9254 49.1407 44.8654C49.1407 46.8053 50.4317 47.7236 52.0265 46.9089C53.6214 46.0943 54.9124 43.8643 54.9124 41.9243C54.9124 39.9844 53.6214 39.0661 52.0265 39.8808ZM47.2075 45.8526C47.2075 42.6147 49.3616 38.8935 52.0196 37.5404C54.6777 36.1872 56.8317 37.713 56.8317 40.944C56.8317 44.175 54.6777 47.9031 52.0196 49.2562C49.3616 50.6094 47.2075 49.0836 47.2075 45.8526Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="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}
|
||||
d="M56.8389 37.4298C56.8389 36.7808 57.2669 36.0352 57.8054 35.766C58.9239 35.1999 59.9871 35.2137 60.7673 35.7867C61.5474 36.3666 61.9824 37.4574 61.9824 38.8244C61.9824 40.1913 61.5474 41.7309 60.7673 43.0979C60.7327 43.16 60.6982 43.2221 60.6637 43.2774C61.1125 43.3671 61.5336 43.5466 61.9064 43.8228C62.9904 44.6236 63.591 46.1424 63.591 48.041C63.591 48.69 63.163 49.4356 62.6245 49.7048C62.0859 49.9741 61.6648 49.6703 61.6648 49.0214C61.6648 47.7234 61.2506 46.6948 60.5256 46.1563C59.8007 45.6178 58.8272 45.6109 57.8123 46.1286C57.2807 46.3979 56.8458 46.0941 56.8458 45.4452C56.8458 44.7962 57.2738 44.0506 57.8123 43.7813C58.3992 43.4845 58.9653 42.8976 59.3934 42.152C59.8145 41.4064 60.0631 40.5503 60.0631 39.784C60.0631 39.0177 59.8214 38.4171 59.3934 38.0995C58.9722 37.7819 58.3992 37.7819 57.8123 38.0857C57.2807 38.3549 56.8458 38.0511 56.8458 37.4022L56.8389 37.4298Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M47.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}
|
||||
d="M47.2076 42.3389C47.2076 41.6899 46.7796 41.3861 46.248 41.6554C45.1295 42.2215 44.0663 43.3192 43.2862 44.6931C42.506 46.0669 42.071 47.6065 42.071 48.9665C42.071 50.3266 42.506 51.4312 43.2862 52.0042C43.3207 52.0319 43.3552 52.0526 43.3897 52.0802C42.9409 52.6325 42.5198 53.24 42.147 53.8959C41.063 55.8014 40.4624 57.9346 40.4624 59.8332C40.4624 60.4822 40.8905 60.7859 41.4221 60.5167C41.9537 60.2474 42.3817 59.5018 42.3817 58.8528C42.3817 57.5549 42.796 56.1051 43.5209 54.8279C44.2458 53.5507 45.2193 52.5496 46.2342 52.0318C46.7658 51.7626 47.1938 51.017 47.1938 50.368C47.1938 49.7191 46.7658 49.4153 46.2342 49.6845C45.6473 49.9814 45.0812 49.9814 44.6531 49.6707C44.232 49.3532 43.9835 48.7525 43.9835 47.9862C43.9835 47.2199 44.2251 46.3707 44.6531 45.6251C45.0743 44.8795 45.6473 44.2996 46.2342 43.9958C46.7658 43.7265 47.1938 42.9809 47.1938 42.332L47.2076 42.3389Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
|
|
|
|||
|
|
@ -4,26 +4,26 @@ import type { TIllustrationAssetProps } from "../helper";
|
|||
export function NoteHorizontalStackIllustration({ className }: TIllustrationAssetProps) {
|
||||
return (
|
||||
<svg
|
||||
width="52"
|
||||
height="59"
|
||||
viewBox="0 0 52 59"
|
||||
width="51"
|
||||
height="58"
|
||||
viewBox="0 0 51 58"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
className={className}
|
||||
>
|
||||
<g opacity="0.2">
|
||||
<path
|
||||
d="M30.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"
|
||||
d="M30.145 1.45968C29.565 1.16468 28.82 1.18968 28.01 1.59968L5.68001 12.9797C3.84501 13.9147 2.355 16.4847 2.355 18.7147V45.8897C2.355 47.1347 2.81501 48.0097 3.54001 48.3847L1.31 47.2497C0.584998 46.8797 0.125 45.9997 0.125 44.7547V17.5797C0.125 15.3447 1.615 12.7797 3.45 11.8447L25.78 0.464675C26.595 0.0496749 27.34 0.0296755 27.915 0.324675L30.145 1.45968Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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"
|
||||
d="M30.145 1.45965C30.87 1.82965 31.33 2.70965 31.33 3.95465V31.1296C31.33 33.3646 29.84 35.9296 28.005 36.8646L5.67499 48.2447C4.85999 48.6597 4.11499 48.6796 3.53999 48.3847C2.81499 48.0147 2.35498 47.1347 2.35498 45.8897V18.7147C2.35498 16.4797 3.84499 13.9147 5.67999 12.9797L28.01 1.59965C28.825 1.18465 29.57 1.16465 30.145 1.45965Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.25"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
|
|
@ -31,41 +31,41 @@ export function NoteHorizontalStackIllustration({ className }: TIllustrationAsse
|
|||
</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"
|
||||
d="M39.89 5.79467C39.31 5.49967 38.565 5.52467 37.755 5.93467L15.425 17.3147C13.59 18.2497 12.1 20.8197 12.1 23.0497V50.2247C12.1 51.4697 12.56 52.3447 13.285 52.7197L11.055 51.5847C10.33 51.2147 9.87 50.3347 9.87 49.0897V21.9147C9.87 19.6797 11.36 17.1147 13.195 16.1797L35.525 4.79967C36.34 4.38467 37.085 4.36467 37.66 4.65967L39.89 5.79467Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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"
|
||||
d="M39.89 5.79465C40.615 6.16465 41.075 7.04464 41.075 8.28964V35.4646C41.075 37.6996 39.585 40.2646 37.75 41.1996L15.42 52.5797C14.605 52.9947 13.86 53.0146 13.285 52.7197C12.56 52.3497 12.1 51.4696 12.1 50.2246V23.0497C12.1 20.8147 13.59 18.2496 15.425 17.3146L37.755 5.93465C38.57 5.51965 39.315 5.49965 39.89 5.79465Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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"
|
||||
d="M49.635 10.0997C49.055 9.80466 48.31 9.82966 47.5 10.2397L25.17 21.6197C23.335 22.5547 21.845 25.1247 21.845 27.3547V54.5297C21.845 55.7747 22.305 56.6497 23.03 57.0247L20.8 55.8897C20.075 55.5197 19.615 54.6397 19.615 53.3947V26.2197C19.615 23.9847 21.105 21.4197 22.94 20.4847L45.27 9.10466C46.085 8.68966 46.83 8.66966 47.405 8.96466L49.635 10.0997Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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"
|
||||
d="M49.635 10.0996C50.36 10.4696 50.82 11.3496 50.82 12.5946V39.7696C50.82 42.0046 49.33 44.5696 47.495 45.5046L25.165 56.8846C24.35 57.2996 23.605 57.3196 23.03 57.0246C22.305 56.6546 21.845 55.7746 21.845 54.5296V27.3546C21.845 25.1196 23.335 22.5546 25.17 21.6196L47.5 10.2396C48.315 9.82464 49.06 9.80464 49.635 10.0996Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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}
|
||||
d="M43.005 22.1696L31.91 27.8196C30.6 28.4896 29.535 30.3246 29.535 31.9196V45.4196C29.535 47.0146 30.6 47.7696 31.91 47.1046L40.625 42.6646C40.835 42.5546 41.04 42.3496 41.19 42.0947L45.15 35.2546C45.3 34.9996 45.38 34.7096 45.38 34.4496V23.8447C45.38 22.2497 44.31 21.4996 43 22.1646L43.005 22.1696ZM43.795 33.3346L41.42 34.5446C40.11 35.2146 39.04 37.0546 39.04 38.6496V41.5396L31.91 45.1747C31.475 45.3947 31.12 45.1496 31.12 44.6146V31.1146C31.12 30.5796 31.475 29.9696 31.91 29.7496L43.005 24.0996C43.445 23.8746 43.795 24.1247 43.795 24.6597V33.3396V33.3346Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
|
|
|
|||
|
|
@ -4,26 +4,26 @@ import type { TIllustrationAssetProps } from "../helper";
|
|||
export function PriorityHorizontalStackIllustration({ className }: TIllustrationAssetProps) {
|
||||
return (
|
||||
<svg
|
||||
width="72"
|
||||
height="81"
|
||||
viewBox="0 0 72 81"
|
||||
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="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"
|
||||
d="M41.5768 1.96789C40.776 1.56055 39.7472 1.59509 38.6288 2.16122L7.79538 17.8747C5.2616 19.1658 3.2042 22.7145 3.2042 25.7937V63.3171C3.2042 65.0362 3.83937 66.2444 4.84046 66.7622L1.76126 65.195C0.760173 64.6841 0.125 63.469 0.125 61.7499V24.2265C0.125 21.1404 2.1824 17.5986 4.71618 16.3076L35.5496 0.593996C36.6749 0.0209608 37.7037 -0.00667559 38.4976 0.400662L41.5768 1.96789Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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"
|
||||
d="M41.5769 1.9678C42.5779 2.4787 43.2131 3.6938 43.2131 5.41291V42.9363C43.2131 46.0224 41.1557 49.5642 38.6219 50.8552L7.7885 66.5688C6.66314 67.1418 5.63445 67.1695 4.84048 66.7621C3.8394 66.2512 3.20422 65.0361 3.20422 63.317V25.7936C3.20422 22.7075 5.26163 19.1657 7.79541 17.8746L38.6288 2.16113C39.7542 1.5881 40.7829 1.56046 41.5769 1.9678Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.25"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
|
|
@ -31,53 +31,53 @@ export function PriorityHorizontalStackIllustration({ className }: TIllustration
|
|||
</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"
|
||||
d="M55.0328 7.91223C54.2319 7.50489 53.2032 7.53943 52.0848 8.10556L21.2514 23.8191C18.7176 25.1102 16.6602 28.6589 16.6602 31.7381V69.2615C16.6602 70.9806 17.2954 72.1888 18.2965 72.7066L15.2173 71.1393C14.2162 70.6284 13.581 69.4133 13.581 67.6942V30.1708C13.581 27.0847 15.6384 23.543 18.1722 22.2519L49.0056 6.53833C50.131 5.9653 51.1597 5.93766 51.9536 6.345L55.0328 7.91223Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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"
|
||||
d="M55.0329 7.91214C56.034 8.42304 56.6691 9.63814 56.6691 11.3572V48.8806C56.6691 51.9668 54.6117 55.5085 52.0779 56.7996L21.2445 72.5131C20.1192 73.0862 19.0905 73.1138 18.2965 72.7065C17.2954 72.1956 16.6602 70.9805 16.6602 69.2614V31.738C16.6602 28.6519 18.7176 25.1101 21.2514 23.8191L52.0848 8.10547C53.2102 7.53244 54.2389 7.5048 55.0329 7.91214Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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"
|
||||
d="M68.4888 13.8636C67.6879 13.4563 66.6592 13.4908 65.5408 14.057L34.7073 29.7706C32.1736 31.0616 30.1162 34.6103 30.1162 37.6895V75.2129C30.1162 76.932 30.7513 78.1402 31.7524 78.658L28.6732 77.0908C27.6721 76.5798 27.037 75.3647 27.037 73.6456V36.1222C27.037 33.0361 29.0944 29.4944 31.6281 28.2033L62.4616 12.4897C63.5869 11.9167 64.6156 11.8891 65.4096 12.2964L68.4888 13.8636Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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"
|
||||
d="M68.4888 13.8636C69.4899 14.3745 70.1251 15.5896 70.1251 17.3087V54.8321C70.1251 57.9182 68.0677 61.4599 65.5339 62.751L34.7005 78.4646C33.5751 79.0376 32.5464 79.0652 31.7525 78.6579C30.7514 78.147 30.1162 76.9319 30.1162 75.2128V37.6894C30.1162 34.6033 32.1736 31.0615 34.7074 29.7705L65.5408 14.0569C66.6662 13.4839 67.6949 13.4562 68.4888 13.8636Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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}
|
||||
d="M41.0315 63.4071C40.3204 63.7662 39.7404 63.3657 39.7404 62.5027C39.7404 61.6397 40.3066 60.6455 41.0177 60.2865H41.0315C41.7426 59.9206 42.3156 60.328 42.3156 61.191C42.3156 62.054 41.7426 63.0481 41.0315 63.4071Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="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}
|
||||
d="M47.4453 60.1413C46.7342 60.5003 46.1612 60.0929 46.1612 59.2299V52.9749C46.1612 52.1119 46.7342 51.1176 47.4453 50.7586C48.1564 50.3996 48.7295 50.807 48.7295 51.67V57.925C48.7295 58.788 48.1564 59.7822 47.4453 60.1413Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="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}
|
||||
d="M53.873 56.8689C53.1619 57.2279 52.5888 56.8206 52.5888 55.9576V43.4474C52.5888 42.5844 53.1619 41.5903 53.873 41.2313C54.5841 40.8723 55.1571 41.2796 55.1571 42.1426V54.6527C55.1571 55.5157 54.5841 56.5099 53.873 56.8689Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="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}
|
||||
d="M60.2937 53.5896C59.5826 53.9486 59.0096 53.5412 59.0096 52.6782V33.9131C59.0096 33.0501 59.5826 32.0559 60.2937 31.6968C61.0048 31.3378 61.5779 31.7452 61.5779 32.6082V51.3733C61.5779 52.2363 61.0048 53.2306 60.2937 53.5896Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
|
|
|
|||
|
|
@ -13,17 +13,17 @@ export function ProjectHorizontalStackIllustration({ className }: TIllustrationA
|
|||
>
|
||||
<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"
|
||||
d="M60.2802 2.91941C59.1202 2.32941 57.6302 2.37941 56.0102 3.19941L11.3502 25.9594C7.68023 27.8294 4.70023 32.9694 4.70023 37.4294V91.7794C4.70023 94.2694 5.62023 96.0194 7.07023 96.7694L2.61023 94.4994C1.16023 93.7594 0.240234 91.9994 0.240234 89.5094V35.1594C0.240234 30.6894 3.22023 25.5594 6.89023 23.6894L51.5602 0.929412C53.1902 0.0994115 54.6802 0.0594115 55.8302 0.649411L60.2902 2.91941H60.2802Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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"
|
||||
d="M60.2812 2.91943C61.7312 3.65943 62.6512 5.41943 62.6512 7.90943V62.2594C62.6512 66.7294 59.6712 71.8594 56.0012 73.7294L11.3412 96.4894C9.71117 97.3194 8.22117 97.3594 7.07117 96.7694C5.62117 96.0294 4.70117 94.2694 4.70117 91.7794V37.4294C4.70117 32.9594 7.68117 27.8294 11.3512 25.9594L56.0112 3.19943C57.6412 2.36943 59.1312 2.32943 60.2812 2.91943Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
|
|
@ -31,41 +31,41 @@ export function ProjectHorizontalStackIllustration({ className }: TIllustrationA
|
|||
</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"
|
||||
d="M79.7705 11.5895C78.6105 10.9995 77.1205 11.0495 75.5005 11.8695L30.8405 34.6295C27.1705 36.4995 24.1905 41.6395 24.1905 46.0995V100.449C24.1905 102.939 25.1105 104.689 26.5605 105.439L22.1005 103.169C20.6505 102.429 19.7305 100.669 19.7305 98.1795V43.8295C19.7305 39.3595 22.7105 34.2295 26.3805 32.3595L71.0405 9.59946C72.6705 8.76946 74.1605 8.72946 75.3105 9.31946L79.7705 11.5895Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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"
|
||||
d="M79.7714 11.5895C81.2214 12.3295 82.1414 14.0895 82.1414 16.5795V70.9295C82.1414 75.3995 79.1614 80.5295 75.4914 82.3995L30.8314 105.159C29.2014 105.989 27.7114 106.029 26.5614 105.439C25.1114 104.699 24.1914 102.939 24.1914 100.449V46.0995C24.1914 41.6295 27.1714 36.4995 30.8414 34.6295L75.5014 11.8695C77.1314 11.0395 78.6214 10.9995 79.7714 11.5895Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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"
|
||||
d="M99.2607 20.1994C98.1007 19.6094 96.6107 19.6594 94.9907 20.4794L50.3307 43.2394C46.6607 45.1094 43.6807 50.2494 43.6807 54.7094V109.059C43.6807 111.549 44.6007 113.299 46.0507 114.049L41.5907 111.779C40.1407 111.039 39.2207 109.279 39.2207 106.789V52.4394C39.2207 47.9694 42.2007 42.8394 45.8707 40.9694L90.5307 18.2094C92.1607 17.3794 93.6507 17.3394 94.8007 17.9294L99.2607 20.1994Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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"
|
||||
d="M99.2616 20.1995C100.712 20.9395 101.632 22.6995 101.632 25.1895V79.5395C101.632 84.0095 98.6516 89.1395 94.9816 91.0095L50.3216 113.769C48.6916 114.599 47.2016 114.639 46.0516 114.049C44.6016 113.309 43.6816 111.549 43.6816 109.059V54.7095C43.6816 50.2395 46.6616 45.1095 50.3316 43.2395L94.9916 20.4795C96.6216 19.6495 98.1116 19.6095 99.2616 20.1995Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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}
|
||||
d="M85.8902 51.3394L81.9602 53.3394V51.7394C81.9602 49.0994 80.2002 47.8494 78.0302 48.9594L72.7802 51.6294C70.6102 52.7394 68.8502 55.7794 68.8502 58.4194V60.0194L64.9202 62.0194C62.7502 63.1294 60.9902 66.1694 60.9902 68.8094V84.7694C60.9902 87.4094 62.7502 88.6594 64.9202 87.5494L85.9002 76.8594C88.0702 75.7494 89.8302 72.7094 89.8302 70.0694V54.1094C89.8302 51.4694 88.0702 50.2194 85.9002 51.3294L85.8902 51.3394ZM71.4602 57.0894C71.4602 56.2094 72.0502 55.1894 72.7702 54.8294L78.0202 52.1594C78.7402 51.7894 79.3302 52.2094 79.3302 53.0894V54.6894L71.4602 58.6994V57.0994V57.0894ZM79.3302 57.8694V77.0194L71.4602 81.0294V61.8794L79.3302 57.8694ZM63.5902 83.4394V67.4794C63.5902 66.5994 64.1802 65.5794 64.9002 65.2194L68.8302 63.2194V82.3694L64.9002 84.3694C64.1802 84.7394 63.5902 84.3194 63.5902 83.4394ZM87.2002 71.4094C87.2002 72.2894 86.6102 73.3094 85.8902 73.6694L81.9602 75.6694V56.5194L85.8902 54.5194C86.6102 54.1494 87.2002 54.5694 87.2002 55.4494V71.4094Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
|
|
|
|||
|
|
@ -13,17 +13,17 @@ export function SettingsHorizontalStackIllustration({ className }: TIllustration
|
|||
>
|
||||
<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"
|
||||
d="M41.6268 2.01787C40.8259 1.61053 39.7972 1.64524 38.6788 2.21137L7.8454 17.9247C5.31163 19.2158 3.25421 22.7646 3.25421 25.8438V63.3669C3.25421 65.086 3.88938 66.2943 4.89046 66.8121L1.8113 65.2449C0.810215 64.734 0.175049 63.5191 0.175049 61.8V24.2766C0.175049 21.1905 2.23246 17.6486 4.76624 16.3575L35.5996 0.644142C36.725 0.0711084 37.7536 0.0433035 38.5475 0.450641L41.6268 2.01787Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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"
|
||||
d="M41.6269 2.01863C42.6279 2.52953 43.2631 3.7448 43.2631 5.4639V42.9873C43.2631 46.0734 41.2057 49.615 38.6719 50.906L7.83855 66.6197C6.7132 67.1928 5.68448 67.2202 4.89052 66.8129C3.88944 66.302 3.25427 65.0867 3.25427 63.3676V25.8446C3.25427 22.7585 5.31169 19.2166 7.84546 17.9255L38.6788 2.21214C39.8042 1.6391 40.8329 1.6113 41.6269 2.01863Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.35"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
|
|
@ -31,45 +31,45 @@ export function SettingsHorizontalStackIllustration({ className }: TIllustration
|
|||
</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"
|
||||
d="M55.0829 7.96176C54.282 7.55442 53.2533 7.58913 52.1348 8.15526L21.3015 23.8686C18.7677 25.1597 16.7103 28.7085 16.7103 31.7877V69.3111C16.7103 71.0302 17.3455 72.2382 18.3466 72.756L15.2674 71.1888C14.2663 70.6779 13.6311 69.463 13.6311 67.7439V30.2205C13.6311 27.1344 15.6885 23.5925 18.2223 22.3014L49.0557 6.58804C50.181 6.015 51.2097 5.98754 52.0037 6.39487L55.0829 7.96176Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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"
|
||||
d="M55.0829 7.96089C56.084 8.47179 56.7192 9.68706 56.7192 11.4062V48.9296C56.7192 52.0157 54.6617 55.5572 52.128 56.8483L21.2946 72.562C20.1693 73.135 19.1406 73.1625 18.3467 72.7552C17.3456 72.2443 16.7103 71.0293 16.7103 69.3102V31.7868C16.7103 28.7007 18.7677 25.1588 21.3015 23.8678L52.1349 8.1544C53.2602 7.58136 54.289 7.55356 55.0829 7.96089Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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"
|
||||
d="M68.5387 13.9136C67.7378 13.5063 66.7091 13.541 65.5906 14.1071L34.7573 29.8205C32.2235 31.1116 30.1662 34.6604 30.1662 37.7396V75.263C30.1662 76.9821 30.8013 78.1901 31.8024 78.7079L28.7232 77.1407C27.7221 76.6298 27.0869 75.4148 27.0869 73.6957V36.1723C27.0869 33.0862 29.1443 29.5443 31.6781 28.2533L62.5115 12.5399C63.6368 11.9669 64.6655 11.9391 65.4595 12.3464L68.5387 13.9136Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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"
|
||||
d="M68.5386 13.9145C69.5397 14.4254 70.1749 15.6407 70.1749 17.3598V54.8832C70.1749 57.9693 68.1175 61.5108 65.5837 62.8019L34.7503 78.5156C33.625 79.0887 32.5963 79.1161 31.8024 78.7088C30.8013 78.1979 30.1661 76.983 30.1661 75.2639V37.7404C30.1661 34.6544 32.2235 31.1124 34.7572 29.8214L65.5906 14.108C66.716 13.535 67.7447 13.5072 68.5386 13.9145Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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}
|
||||
d="M50.4432 61.4762C50.3396 61.5315 50.236 61.5799 50.1324 61.6144C48.5928 62.222 47.3639 61.3519 47.2189 59.55C47.1913 59.1357 47.0256 58.8387 46.7563 58.7075C46.494 58.5695 46.1626 58.6112 45.8105 58.8252C45.6586 58.9149 45.5136 59.0391 45.3755 59.191C43.7393 60.9308 41.82 61.0273 41.0813 59.4256C40.4461 58.0448 40.888 55.7873 42.1445 54.0544C42.4345 53.654 42.6278 53.1982 42.683 52.7495C42.7383 52.3007 42.6692 51.9211 42.469 51.6795C42.3792 51.5759 42.2757 51.4999 42.1514 51.4516C41.4403 51.1961 40.9777 50.5195 40.8396 49.553C40.7016 48.5864 40.9017 47.4402 41.4057 46.3356C42.3033 44.3611 43.9671 42.9664 45.3686 43.0285C46.0245 43.0631 46.7978 42.3313 47.1015 41.3855C47.1637 41.1853 47.2051 40.9919 47.2189 40.7986C47.2189 40.764 47.219 40.7296 47.2259 40.6951C47.3225 39.6319 47.7299 38.5133 48.3789 37.533C49.0485 36.525 49.8908 35.7795 50.7469 35.4412C52.2865 34.8337 53.5154 35.7034 53.6604 37.5053C53.6949 37.9196 53.8537 38.2166 54.123 38.3478C54.3922 38.479 54.7236 38.4376 55.0688 38.2305C55.2207 38.1338 55.3657 38.0164 55.5038 37.8714C57.1331 36.1385 59.0593 36.0351 59.798 37.6368C60.4332 39.0176 59.9845 41.2751 58.7349 43.008C58.1411 43.8158 58.003 44.8789 58.4103 45.3829C58.5001 45.4865 58.6037 45.5623 58.728 45.6037C59.4391 45.8592 59.9016 46.5359 60.0466 47.4956C60.1847 48.4622 59.9914 49.6014 59.4874 50.713C58.5899 52.6944 56.926 54.0889 55.5176 54.0268C55.1931 54.0061 54.8409 54.1719 54.5165 54.4825C54.192 54.7932 53.9297 55.2142 53.7847 55.6698C53.7225 55.8701 53.6811 56.0703 53.6673 56.2568C53.5844 57.3545 53.1702 58.5076 52.5074 59.5156C51.9206 60.3993 51.2026 61.0827 50.4501 61.4624L50.4432 61.4762ZM45.9279 56.4088C46.6873 56.0222 47.4123 55.9737 47.9991 56.2706C48.6619 56.6089 49.0693 57.3475 49.1452 58.3623C49.2004 59.0735 49.6975 59.4259 50.3119 59.1842C50.6571 59.053 50.9954 58.7493 51.2647 58.3489C51.5339 57.9415 51.6997 57.4789 51.7273 57.0439C51.7618 56.5813 51.8584 56.0843 52.0172 55.5873C52.3831 54.4481 53.0321 53.3916 53.8399 52.6183C54.6546 51.8451 55.5314 51.4445 56.3116 51.486C56.8639 51.5067 57.5335 50.9477 57.8925 50.1537C58.0927 49.705 58.1756 49.2492 58.1204 48.8626C58.0652 48.476 57.8788 48.2066 57.5957 48.1031C57.2988 47.9995 57.0296 47.8131 56.8155 47.5438C55.7938 46.2873 56.1459 43.6499 57.6026 41.6616C58.0997 40.9781 58.2792 40.0739 58.0238 39.5216C57.7269 38.8795 56.9536 38.9209 56.3047 39.6113C55.9733 39.9703 55.6073 40.2739 55.2345 40.5087C54.3784 41.0403 53.5361 41.1438 52.8733 40.8124C52.2105 40.4741 51.8032 39.7353 51.7273 38.7274C51.6721 38.0093 51.1749 37.6642 50.5605 37.9058C49.8494 38.1751 49.2142 39.1488 49.1452 40.0532C49.1452 40.0808 49.1452 40.1082 49.1383 40.1358C49.0969 40.5846 49.0071 41.0404 48.8552 41.5099C48.1027 43.8641 46.1695 45.7004 44.554 45.6037C44.0017 45.583 43.332 46.1425 42.973 46.9296C42.7727 47.3784 42.6899 47.8338 42.7452 48.2204C42.8004 48.607 42.9868 48.8763 43.2699 48.9799C43.5667 49.0835 43.836 49.2701 44.05 49.5324C44.5471 50.14 44.7404 51.0857 44.5885 52.1973C44.4366 53.3088 43.9672 54.455 43.263 55.4147C42.7659 56.0982 42.5864 57.0023 42.8418 57.5546C43.1387 58.1967 43.9119 58.1554 44.5609 57.465C44.8923 57.1059 45.2582 56.8023 45.6379 56.5676C45.7346 56.5054 45.8312 56.45 45.9279 56.4017V56.4088Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M50.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}
|
||||
d="M50.4363 53.2529C48.3029 54.3437 46.5631 53.115 46.5631 50.5122C46.5631 47.9093 48.3029 44.913 50.4363 43.8222C52.5696 42.7314 54.3094 43.9601 54.3094 46.5629C54.3094 49.1657 52.5696 52.162 50.4363 53.2529ZM50.4363 46.1833C49.3661 46.7287 48.4962 48.2268 48.4962 49.5248C48.4962 50.8227 49.3661 51.4372 50.4363 50.8917C51.5064 50.3463 52.3762 48.8483 52.3762 47.5503C52.3762 46.2524 51.5064 45.6379 50.4363 46.1833Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
|
|
|
|||
|
|
@ -13,17 +13,17 @@ export function StateHorizontalStackIllustration({ className }: TIllustrationAss
|
|||
>
|
||||
<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"
|
||||
d="M41.5768 1.96789C40.776 1.56055 39.7473 1.59509 38.6288 2.16123L7.7954 17.8747C5.26161 19.1658 3.20422 22.7145 3.20422 25.7937V63.3172C3.20422 65.0363 3.83936 66.2445 4.84045 66.7623L1.76125 65.195C0.760168 64.6841 0.125 63.469 0.125 61.7499V24.2265C0.125 21.1404 2.1824 17.5986 4.71618 16.3076L35.5496 0.593996C36.675 0.0209607 37.7037 -0.00667566 38.4976 0.400663L41.5768 1.96789Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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"
|
||||
d="M41.5769 1.9678C42.578 2.4787 43.2132 3.6938 43.2132 5.41291V42.9363C43.2132 46.0224 41.1557 49.5642 38.622 50.8552L7.78855 66.5688C6.6632 67.1419 5.63448 67.1695 4.84052 66.7622C3.83943 66.2513 3.20428 65.0362 3.20428 63.3171V25.7936C3.20428 22.7075 5.26168 19.1657 7.79546 17.8746L38.6289 2.16113C39.7542 1.5881 40.7829 1.56046 41.5769 1.9678Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.25"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
|
|
@ -31,41 +31,41 @@ export function StateHorizontalStackIllustration({ className }: TIllustrationAss
|
|||
</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"
|
||||
d="M55.0328 7.91223C54.2319 7.50489 53.2032 7.53943 52.0847 8.10556L21.2513 23.8192C18.7175 25.1102 16.6601 28.6589 16.6601 31.7381V69.2615C16.6601 70.9806 17.2953 72.1888 18.2964 72.7066L15.2172 71.1394C14.2161 70.6285 13.5809 69.4134 13.5809 67.6943V30.1708C13.5809 27.0847 15.6383 23.543 18.1721 22.2519L49.0055 6.53833C50.1309 5.9653 51.1596 5.93766 51.9536 6.345L55.0328 7.91223Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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"
|
||||
d="M55.0328 7.91214C56.0339 8.42304 56.6691 9.63814 56.6691 11.3572V48.8807C56.6691 51.9668 54.6117 55.5085 52.0779 56.7996L21.2444 72.5132C20.1191 73.0862 19.0904 73.1138 18.2965 72.7065C17.2954 72.1956 16.6602 70.9805 16.6602 69.2614V31.738C16.6602 28.6519 18.7176 25.1101 21.2514 23.8191L52.0848 8.10547C53.2101 7.53244 54.2388 7.5048 55.0328 7.91214Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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"
|
||||
d="M68.4888 13.8636C67.6879 13.4563 66.6592 13.4908 65.5408 14.057L34.7073 29.7706C32.1735 31.0616 30.1161 34.6103 30.1161 37.6895V75.2129C30.1161 76.932 30.7513 78.1402 31.7524 78.658L28.6732 77.0908C27.6721 76.5799 27.0369 75.3648 27.0369 73.6457V36.1223C27.0369 33.0361 29.0943 29.4944 31.6281 28.2033L62.4615 12.4897C63.5869 11.9167 64.6156 11.8891 65.4096 12.2964L68.4888 13.8636Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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"
|
||||
d="M68.4888 13.8636C69.4899 14.3745 70.1251 15.5896 70.1251 17.3087V54.8321C70.1251 57.9182 68.0677 61.4599 65.5339 62.751L34.7005 78.4646C33.5751 79.0376 32.5464 79.0653 31.7525 78.6579C30.7514 78.147 30.1162 76.9319 30.1162 75.2128V37.6894C30.1162 34.6033 32.1736 31.0615 34.7074 29.7705L65.5408 14.0569C66.6662 13.4839 67.6949 13.4562 68.4888 13.8636Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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}
|
||||
d="M51.1114 32.8219C44.3661 36.2601 38.905 45.6979 38.905 53.8999C38.905 62.1019 44.373 65.9682 51.1114 62.5369C57.8566 59.0987 63.3177 49.6609 63.3177 41.4589C63.3177 33.2569 57.8497 29.3906 51.1114 32.8219ZM46.0852 53.5065L43.9381 56.0057C43.3236 54.9287 42.9784 53.5133 42.9784 51.8287C42.9784 50.1441 43.3236 48.3698 43.9381 46.6714L46.0852 46.9821C45.6572 48.1696 45.4155 49.4054 45.4155 50.5929C45.4155 51.7804 45.6572 52.7607 46.0852 53.5202V53.5065ZM51.1114 57.5798C49.7236 58.284 48.4188 58.5325 47.2727 58.3737L48.4257 55.1703C49.2265 55.2807 50.131 55.1151 51.1114 54.618C52.0917 54.1209 53.0031 53.3614 53.797 52.4363L54.95 54.466C53.8108 55.7916 52.4991 56.8825 51.1114 57.5867V57.5798ZM53.797 40.1885C53.0031 40.0781 52.0917 40.2437 51.1114 40.7408C50.131 41.2379 49.2265 41.9974 48.4257 42.9225L47.2727 40.8928C48.4119 39.5672 49.7236 38.4763 51.1114 37.7721C52.4991 37.0679 53.8039 36.8193 54.95 36.9781L53.797 40.1816V40.1885ZM58.2984 48.6874L56.1444 48.3836C56.5724 47.1961 56.8141 45.9603 56.8141 44.7728C56.8141 43.5853 56.5724 42.5981 56.1444 41.8455L58.2984 39.3463C58.906 40.4233 59.2581 41.8386 59.2581 43.5301C59.2581 45.2147 58.9129 46.989 58.2984 48.6874Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
|
|
|
|||
|
|
@ -13,17 +13,17 @@ export function TemplateHorizontalStackIllustration({ className }: TIllustration
|
|||
>
|
||||
<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"
|
||||
d="M47.6283 2.38547C46.7129 1.91347 45.5371 1.95349 44.2588 2.60949L9.01704 20.8175C6.12099 22.3135 3.76943 26.4255 3.76943 29.9935V73.4734C3.76943 75.4654 4.49542 76.8654 5.63964 77.4654L2.12019 75.6494C0.975979 75.0574 0.25 73.6494 0.25 71.6574V28.1774C0.25 24.6014 2.60155 20.4975 5.49759 19.0015L40.7393 0.793477C42.0256 0.129478 43.2014 0.0975032 44.1088 0.569503L47.6283 2.38547Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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"
|
||||
d="M47.6284 2.3851C48.7726 2.97709 49.4986 4.38509 49.4986 6.37708V49.8571C49.4986 53.4331 47.147 57.537 44.251 59.033L9.00923 77.241C7.72298 77.905 6.54721 77.9371 5.63973 77.4651C4.49552 76.8731 3.76953 75.4651 3.76953 73.4731V29.9931C3.76953 26.4171 6.12109 22.3131 9.01713 20.8171L44.2589 2.60912C45.5451 1.94512 46.7209 1.9131 47.6284 2.3851Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
|
|
@ -31,34 +31,34 @@ export function TemplateHorizontalStackIllustration({ className }: TIllustration
|
|||
</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"
|
||||
d="M63.0087 9.32146C62.0933 8.84946 60.9175 8.88944 59.6391 9.54544L24.3974 27.7534C21.5014 29.2494 19.1498 33.3614 19.1498 36.9294V80.4094C19.1498 82.4014 19.8758 83.8014 21.02 84.4014L17.5006 82.5854C16.3564 81.9934 15.6304 80.5854 15.6304 78.5934V35.1134C15.6304 31.5374 17.9819 27.4334 20.878 25.9374L56.1197 7.72942C57.406 7.06542 58.5817 7.03345 59.4892 7.50545L63.0087 9.32146Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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"
|
||||
d="M63.0083 9.32185C64.1525 9.91385 64.8785 11.3218 64.8785 13.3138V56.7938C64.8785 60.3698 62.5269 64.4738 59.6309 65.9698L24.3891 84.1777C23.1029 84.8417 21.9271 84.8738 21.0196 84.4018C19.8754 83.8098 19.1494 82.4018 19.1494 80.4098V36.9298C19.1494 33.3538 21.501 29.2498 24.397 27.7538L59.6388 9.54583C60.925 8.88183 62.1008 8.84985 63.0083 9.32185Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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"
|
||||
d="M78.3797 16.2097C77.4644 15.7377 76.2886 15.7777 75.0102 16.4337L39.7685 34.6417C36.8725 36.1377 34.5209 40.2497 34.5209 43.8177V87.2976C34.5209 89.2896 35.2469 90.6896 36.3911 91.2896L32.8717 89.4737C31.7274 88.8817 31.0015 87.4736 31.0015 85.4816V42.0017C31.0015 38.4257 33.353 34.3217 36.2491 32.8257L71.4908 14.6177C72.7771 13.9537 73.9528 13.9217 74.8603 14.3937L78.3797 16.2097Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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"
|
||||
d="M78.3798 16.2093C79.5241 16.8013 80.25 18.2093 80.25 20.2013V63.6813C80.25 67.2573 77.8985 71.3613 75.0024 72.8573L39.7607 91.0653C38.4744 91.7293 37.2987 91.7613 36.3912 91.2893C35.247 90.6973 34.521 89.2893 34.521 87.2973V43.8173C34.521 40.2413 36.8726 36.1373 39.7686 34.6413L75.0103 16.4333C76.2966 15.7693 77.4724 15.7373 78.3798 16.2093Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
|
|
@ -66,20 +66,20 @@ export function TemplateHorizontalStackIllustration({ className }: TIllustration
|
|||
<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}
|
||||
d="M59.134 41.369L55.4489 50.497L62.7798 46.713L59.134 41.377V41.369ZM59.063 38.185C59.4023 37.993 59.7338 37.913 60.0336 37.953C60.3335 37.993 60.586 38.145 60.7675 38.393L60.7833 38.409L65.0287 44.617C65.2181 44.873 65.3365 45.225 65.3523 45.633C65.3759 46.057 65.297 46.537 65.1392 47.009C64.9735 47.481 64.7288 47.937 64.4211 48.329C64.1133 48.713 63.7661 49.017 63.411 49.201L54.8965 53.601C54.5493 53.793 54.2021 53.873 53.9022 53.825C53.5866 53.777 53.3183 53.601 53.1447 53.305C52.9632 53.017 52.8764 52.625 52.8843 52.177C52.8922 51.729 53.0026 51.249 53.192 50.777L57.4611 40.209C57.6268 39.777 57.8557 39.369 58.1319 39.017C58.416 38.649 58.7474 38.361 59.0867 38.169L59.063 38.185Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M47.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}
|
||||
d="M47.6289 63.0411C47.6289 61.4731 48.6548 59.6732 49.9252 59.0172L55.67 56.0492C56.9404 55.3932 57.9663 56.1292 57.9663 57.6971V64.7851C57.9663 66.3531 56.9404 68.1532 55.67 68.8092L49.9252 71.7771C48.6548 72.4331 47.6289 71.6971 47.6289 70.1291V63.0411ZM55.67 58.8811L49.9252 61.8491V68.9371L55.67 65.9692V58.8811Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M65.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}
|
||||
d="M65.4387 53.8327C63.8526 54.6487 62.5663 56.9047 62.5663 58.8647C62.5663 60.8247 63.8526 61.7447 65.4387 60.9287C67.0248 60.1127 68.3111 57.8567 68.3111 55.8967C68.3111 53.9367 67.0248 53.0167 65.4387 53.8327ZM60.27 60.0487C60.27 56.5287 62.5821 52.4727 65.4387 50.9927C68.2953 49.5207 70.6074 51.1767 70.6074 54.7047C70.6074 58.2247 68.2953 62.2807 65.4387 63.7607C62.5821 65.2327 60.27 63.5767 60.27 60.0487Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
|
|
|
|||
|
|
@ -13,17 +13,17 @@ export function TokenHorizontalStackIllustration({ className }: TIllustrationAss
|
|||
>
|
||||
<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"
|
||||
d="M47.6235 2.3563C46.7082 1.89077 45.5326 1.93022 44.2543 2.57724L9.01615 20.5358C6.1204 22.0113 3.76908 26.067 3.76908 29.5862V72.4706C3.76908 74.4353 4.49499 75.8161 5.63909 76.4079L2.12001 74.6168C0.97591 74.0329 0.25 72.6442 0.25 70.6795V27.795C0.25 24.268 2.60132 20.2202 5.49706 18.7447L40.7431 0.78611C42.0293 0.131205 43.2049 0.0996434 44.1123 0.565178L47.6314 2.3563H47.6235Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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"
|
||||
d="M47.6235 2.35583C48.7676 2.93972 49.4935 4.32843 49.4935 6.29315V49.1776C49.4935 52.7046 47.1422 56.7524 44.2465 58.2279L9.00828 76.1865C7.72216 76.8414 6.5465 76.873 5.63911 76.4075C4.49501 75.8236 3.7691 74.4348 3.7691 72.4701V29.5857C3.7691 26.0587 6.12042 22.0109 9.01617 20.5354L44.2544 2.57676C45.5405 1.92185 46.7161 1.89029 47.6235 2.35583Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
|
|
@ -31,49 +31,49 @@ export function TokenHorizontalStackIllustration({ className }: TIllustrationAss
|
|||
</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"
|
||||
d="M63.0017 9.1959C62.0865 8.73037 60.9108 8.76982 59.6326 9.41684L24.3944 27.3754C21.4986 28.851 19.1473 32.9066 19.1473 36.4258V79.3102C19.1473 81.2749 19.8732 82.6558 21.0173 83.2475L17.4982 81.4564C16.3541 80.8725 15.6282 79.4838 15.6282 77.5191V34.6346C15.6282 31.1076 17.9796 27.0598 20.8753 25.5843L56.1135 7.62571C57.3996 6.9708 58.5753 6.93924 59.4826 7.40478L63.0017 9.1959Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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"
|
||||
d="M63.0018 9.19543C64.1458 9.77932 64.8718 11.168 64.8718 13.1327V56.0172C64.8718 59.5442 62.5204 63.592 59.6247 65.0675L24.3865 83.0261C23.1004 83.681 21.9247 83.7126 21.0173 83.2471C19.8732 82.6632 19.1473 81.2744 19.1473 79.3097V36.4253C19.1473 32.8983 21.4987 28.8505 24.3944 27.375L59.6326 9.41636C60.9187 8.76145 62.0944 8.72989 63.0018 9.19543Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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"
|
||||
d="M78.38 15.9911C77.4647 15.5255 76.289 15.565 75.0108 16.212L39.7726 34.1706C36.8769 35.6461 34.5256 39.7018 34.5256 43.2209V86.1054C34.5256 88.0701 35.2515 89.4509 36.3956 90.0427L32.8765 88.2516C31.7324 87.6677 31.0065 86.279 31.0065 84.3142V41.4298C31.0065 37.9028 33.3578 33.855 36.2535 32.3795L71.4917 14.4209C72.7778 13.766 73.9535 13.7344 74.8609 14.1999L78.38 15.9911Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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"
|
||||
d="M78.38 15.9905C79.5241 16.5744 80.25 17.9631 80.25 19.9278V62.8122C80.25 66.3393 77.8987 70.3871 75.0029 71.8626L39.7647 89.8212C38.4786 90.4761 37.303 90.5076 36.3956 90.0421C35.2515 89.4582 34.5256 88.0695 34.5256 86.1048V43.2203C34.5256 39.6933 36.8769 35.6455 39.7726 34.17L75.0108 16.2114C76.2969 15.5565 77.4726 15.5249 78.38 15.9905Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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}
|
||||
d="M53.1704 71.7917L50.18 73.3146C49.0832 73.8748 48.1837 73.2436 48.1837 71.9022V69.2668C48.1837 68.2884 48.4993 67.2153 49.0595 66.2448L55.4349 55.2376C55.072 53.699 55.1351 51.829 55.6164 49.8958C56.9735 44.4672 61.2501 39.7724 65.1479 39.441C67.0337 39.2832 68.5565 40.1511 69.4245 41.9028C70.2924 43.6466 70.4108 46.0611 69.7559 48.6886C68.4697 53.841 64.564 58.3228 60.8398 59.0566L60.4453 59.7273C59.8772 60.7057 59.1276 61.4632 58.3307 61.8735L58.1571 61.9603V63.1754C58.1571 64.5168 57.2655 66.0633 56.1608 66.6235L55.1666 67.1285V68.3436C55.1666 69.685 54.275 71.2315 53.1704 71.7917ZM62.694 42.613C60.4216 43.7728 58.2912 46.5818 57.5101 49.738C57.1077 51.3634 57.1077 52.9178 57.5101 54.133C57.6363 54.5117 57.5416 55.0404 57.2734 55.5138L50.4719 67.2469C50.2825 67.5704 50.18 67.9333 50.18 68.2568V70.8922L53.1704 69.3694V68.1543C53.1704 66.8129 54.062 65.2664 55.1666 64.7061L56.1608 64.2012V62.986C56.1608 61.6447 57.0524 60.0981 58.1571 59.5379L58.3307 59.4511C58.5911 59.317 58.8514 59.0566 59.0329 58.7331L59.8456 57.3286C60.1139 56.8631 60.5163 56.5474 60.8792 56.5159C63.7355 56.2713 66.868 52.8311 67.8622 48.8464C68.3435 46.9132 68.2567 45.1458 67.6176 43.8675C66.9785 42.5893 65.8659 41.9423 64.4851 42.0685C63.8933 42.1159 63.2858 42.3052 62.6861 42.613H62.694Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M63.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}
|
||||
d="M63.6488 47.0309C63.9249 46.8889 64.1459 47.0467 64.1459 47.386C64.1459 47.7253 63.9249 48.104 63.6488 48.246C63.3726 48.3881 63.1517 48.2303 63.1517 47.891C63.1517 47.5517 63.3726 47.1729 63.6488 47.0309Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M63.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}
|
||||
d="M63.6487 49.4605C62.8202 49.8787 62.1495 49.4053 62.1495 48.4032C62.1495 47.4011 62.8202 46.2413 63.6487 45.8231C64.4772 45.4049 65.1479 45.8783 65.1479 46.8804C65.1479 47.8825 64.4772 49.0424 63.6487 49.4605ZM63.6487 47.0303C63.3725 47.1723 63.1516 47.559 63.1516 47.8904C63.1516 48.2217 63.3725 48.3796 63.6487 48.2454C63.9249 48.1113 64.1458 47.7168 64.1458 47.3854C64.1458 47.054 63.9249 46.8962 63.6487 47.0303Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
|
|
|
|||
|
|
@ -4,76 +4,76 @@ import type { TIllustrationAssetProps } from "../helper";
|
|||
export function UnknownHorizontalStackIllustration({ className }: TIllustrationAssetProps) {
|
||||
return (
|
||||
<svg
|
||||
width="101"
|
||||
height="114"
|
||||
viewBox="0 0 101 114"
|
||||
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="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"
|
||||
d="M41.6309 2.01885C40.8299 1.61147 39.8011 1.64599 38.6826 2.21218L7.84613 17.9273C5.3121 19.2185 3.2545 22.7675 3.2545 25.847V63.3741C3.2545 65.0934 3.88973 66.3017 4.89092 66.8196L1.81142 65.2522C0.810239 64.7412 0.174988 63.526 0.174988 61.8067V24.2796C0.174988 21.1932 2.23261 17.6511 4.76664 16.3599L35.6031 0.644812C36.7285 0.071721 37.7573 0.0441004 38.5514 0.451478L41.6309 2.01885Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.35"
|
||||
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"
|
||||
d="M41.6309 2.01984C42.6321 2.53079 43.2674 3.74602 43.2674 5.46529V42.9924C43.2674 46.0788 41.2098 49.6209 38.6757 50.9121L7.83929 66.6272C6.71383 67.2003 5.68503 67.2279 4.89099 66.8205C3.88981 66.3096 3.25458 65.0944 3.25458 63.3751V25.848C3.25458 22.7616 5.31218 19.2195 7.84621 17.9283L38.6826 2.21317C39.8081 1.64008 40.8369 1.61246 41.6309 2.01984Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.35"
|
||||
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"
|
||||
d="M55.0813 7.99932C54.2804 7.59194 53.2516 7.62646 52.133 8.19265L21.2966 23.9078C18.7625 25.1989 16.7049 28.748 16.7049 31.8275V69.3546C16.7049 71.0738 17.3402 72.2822 18.3414 72.8L15.2618 71.2327C14.2607 70.7217 13.6254 69.5065 13.6254 67.7872V30.2601C13.6254 27.1737 15.683 23.6316 18.2171 22.3404L49.0535 6.62528C50.179 6.05219 51.2078 6.02457 52.0018 6.43195L55.0813 7.99932Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.35"
|
||||
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"
|
||||
d="M55.0813 8.00031C56.0825 8.51126 56.7177 9.72649 56.7177 11.4458V48.9729C56.7177 52.0593 54.6601 55.6014 52.1261 56.8926L21.2896 72.6077C20.1642 73.1808 19.1354 73.2084 18.3413 72.801C17.3401 72.2901 16.7049 71.0748 16.7049 69.3556V31.8285C16.7049 28.7421 18.7625 25.1999 21.2965 23.9088L52.133 8.19364C53.2584 7.62055 54.2872 7.59293 55.0813 8.00031Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.35"
|
||||
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"
|
||||
d="M68.5386 13.9505C67.7376 13.5431 66.7089 13.5776 65.5903 14.1438L34.7538 29.8589C32.2198 31.1501 30.1622 34.6991 30.1622 37.7786V75.3057C30.1622 77.025 30.7974 78.2333 31.7986 78.7512L28.7191 77.1838C27.718 76.6729 27.0827 75.4576 27.0827 73.7384V36.2113C27.0827 33.1249 29.1403 29.5828 31.6744 28.2916L62.5108 12.5765C63.6362 12.0034 64.6651 11.9757 65.4591 12.3831L68.5386 13.9505Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.35"
|
||||
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"
|
||||
d="M68.5386 13.9515C69.5398 14.4624 70.175 15.6777 70.175 17.3969V54.924C70.175 58.0104 68.1174 61.5526 65.5834 62.8437L34.7469 78.5589C33.6215 79.132 32.5927 79.1596 31.7986 78.7522C30.7975 78.2412 30.1622 77.026 30.1622 75.3067V37.7796C30.1622 34.6932 32.2198 31.1511 34.7539 29.8599L65.5903 14.1448C66.7158 13.5717 67.7446 13.5441 68.5386 13.9515Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.35"
|
||||
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}
|
||||
d="M51.1524 53.1343C50.6553 53.3898 50.2548 53.1067 50.2548 52.506C50.2548 51.9053 50.6484 51.2148 51.1455 50.9593H51.1524C51.6496 50.7038 52.0501 50.9869 52.0501 51.5876C52.0501 52.1884 51.6496 52.8788 51.1524 53.1343Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="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}
|
||||
d="M56.5244 55.8546L45.7738 61.33C44.2892 62.0826 43.0878 61.2333 43.0878 59.4312V41.9899C43.0878 40.1878 44.2961 38.1026 45.7738 37.35L53.8384 33.2417C54.0732 33.1174 54.3011 33.1174 54.4737 33.2417L58.9548 36.4109C59.1206 36.5283 59.2172 36.7562 59.2172 37.0461V51.2146C59.2172 53.0167 58.0089 55.102 56.5313 55.8546H56.5244ZM45.7738 39.5249C45.2766 39.7735 44.8761 40.4709 44.8761 41.0716V58.5129C44.8761 59.1136 45.2766 59.3967 45.7738 59.1481L56.5244 53.6727C57.0215 53.4241 57.422 52.7267 57.422 52.126V38.4064L53.4656 35.61L45.7738 39.5318V39.5249Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="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}
|
||||
d="M51.0766 48.8175C50.7037 49.0108 50.3516 48.9003 50.2273 48.5068C50.0685 48.0165 50.324 47.2708 50.7935 46.8427C51.3321 46.3456 52.8718 44.6747 52.8718 43.5492C52.8718 42.6516 52.3885 42.0785 51.6911 42.1268C51.2423 42.1613 50.7521 42.4306 50.324 42.9001C49.889 43.3697 49.5645 43.9704 49.3987 44.6056C49.2261 45.2616 48.7152 45.807 48.2526 45.8416C47.7899 45.8761 47.5483 45.372 47.714 44.7161C48.3907 42.113 50.4483 39.8897 52.3056 39.7654C53.7073 39.6687 54.6532 40.8218 54.667 42.6309C54.667 45.5239 51.7049 48.3134 51.3666 48.6242C51.2699 48.7139 51.1802 48.7761 51.0835 48.8244L51.0766 48.8175Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
|
|
|
|||
|
|
@ -13,17 +13,17 @@ export function WebhookHorizontalStackIllustration({ className }: TIllustrationA
|
|||
>
|
||||
<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"
|
||||
d="M47.6236 2.35609C46.7083 1.89056 45.5326 1.93023 44.2544 2.57724L9.01615 20.5355C6.1204 22.011 3.76906 26.0669 3.76906 29.586V72.4698C3.76906 74.4345 4.49496 75.8155 5.63906 76.4073L2.12 74.6161C0.975907 74.0323 0.25 72.6434 0.25 70.6787V27.7948C0.25 24.2678 2.60134 20.2199 5.49709 18.7444L40.7353 0.786111C42.0215 0.13121 43.197 0.0994328 44.1044 0.564965L47.6236 2.35609Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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"
|
||||
d="M47.6236 2.35598C48.7677 2.93987 49.4936 4.32876 49.4936 6.29346V49.1773C49.4936 52.7043 47.1422 56.7522 44.2465 58.2277L9.00823 76.1864C7.72211 76.8413 6.54644 76.8727 5.63905 76.4072C4.49495 75.8233 3.76904 74.4344 3.76904 72.4697V29.5858C3.76904 26.0588 6.12038 22.0109 9.01613 20.5354L44.2544 2.57713C45.5405 1.92223 46.7162 1.89045 47.6236 2.35598Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
|
|
@ -31,41 +31,41 @@ export function WebhookHorizontalStackIllustration({ className }: TIllustrationA
|
|||
</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"
|
||||
d="M63.0015 9.15102C62.0862 8.68548 60.9106 8.72515 59.6323 9.37216L24.3941 27.3305C21.4983 28.806 19.147 32.8618 19.147 36.3809V79.2651C19.147 81.2298 19.8729 82.6104 21.017 83.2022L17.4979 81.4111C16.3538 80.8272 15.6279 79.4387 15.6279 77.474V34.5898C15.6279 31.0628 17.9793 27.0148 20.875 25.5393L56.1133 7.58103C57.3994 6.92613 58.575 6.89435 59.4824 7.35989L63.0015 9.15102Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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"
|
||||
d="M63.002 9.14895C64.1461 9.73284 64.872 11.1217 64.872 13.0864V55.9707C64.872 59.4977 62.5207 63.5452 59.6249 65.0207L24.3867 82.9794C23.1005 83.6343 21.9249 83.6657 21.0175 83.2001C19.8734 82.6162 19.1475 81.2277 19.1475 79.263V36.3788C19.1475 32.8518 21.4988 28.8039 24.3946 27.3284L59.6328 9.37009C60.9189 8.71519 62.0946 8.68342 63.002 9.14895Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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"
|
||||
d="M78.3804 15.9441C77.4651 15.4786 76.2895 15.5179 75.0112 16.1649L39.773 34.1236C36.8772 35.5991 34.5259 39.6545 34.5259 43.1736V86.0579C34.5259 88.0226 35.2519 89.4035 36.396 89.9953L32.8768 88.2042C31.7327 87.6203 31.0068 86.2314 31.0068 84.2667V41.3825C31.0068 37.8555 33.3582 33.808 36.2539 32.3325L71.4922 14.3738C72.7783 13.7189 73.954 13.6875 74.8614 14.153L78.3804 15.9441Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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"
|
||||
d="M78.3799 15.944C79.524 16.5279 80.2499 17.9164 80.2499 19.8811V62.7654C80.2499 66.2924 77.8986 70.3403 75.0028 71.8158L39.7646 89.7741C38.4785 90.429 37.3029 90.4607 36.3955 89.9952C35.2514 89.4113 34.5254 88.0224 34.5254 86.0577V43.1735C34.5254 39.6465 36.8767 35.599 39.7725 34.1235L75.0107 16.1648C76.2969 15.5099 77.4725 15.4785 78.3799 15.944Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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}
|
||||
d="M58.1968 43.8595C58.6939 43.2756 59.3094 43.1493 59.625 43.5517L59.6802 43.6388L63.1046 49.5168L63.1598 49.5958C63.4675 49.9746 64.2172 49.943 65.2824 49.3986L65.5506 49.2722C66.8999 48.6646 68.1859 48.7042 69.1486 49.3828C70.1743 50.1087 70.7503 51.5054 70.7503 53.2729C70.7503 55.0403 70.1743 57.0208 69.1486 58.7961C68.1228 60.5636 66.7342 61.9757 65.2824 62.7174C64.6748 63.0251 64.1856 62.678 64.1856 61.9442C64.1856 61.2104 64.6748 60.366 65.2824 60.0583C66.1503 59.6164 66.9866 58.7722 67.6021 57.707C68.2175 56.6418 68.5647 55.4505 68.5647 54.3932C68.5647 53.3359 68.2175 52.4996 67.6021 52.0577C67.0655 51.679 66.3554 51.6317 65.6058 51.9236L65.2824 52.0735C64.0515 52.7047 62.1893 53.2727 61.2661 51.9156L61.1793 51.7815L57.755 45.903L57.7076 45.8005C57.4945 45.2876 57.6919 44.4513 58.189 43.8753L58.1968 43.8595ZM47.5448 61.6128C47.8841 60.9027 48.5075 60.4373 48.9888 60.5557C49.5017 60.6819 49.6595 61.4156 49.3438 62.2046L49.2413 62.4809C49.0124 63.12 48.8941 63.7904 48.8862 64.4138C48.8862 65.2975 49.1308 66.0395 49.5806 66.505C50.0303 66.9785 50.6616 67.1518 51.3717 67.0097C52.0818 66.8598 52.8314 66.4024 53.5021 65.7002C54.1727 64.998 54.7172 64.0984 55.0643 63.1358V63.1119C55.6798 61.455 56.8949 58.9695 58.7413 58.0306L65.2903 54.693L65.4006 54.6456C65.953 54.4325 66.3791 54.7798 66.3791 55.4662C66.3791 56.1527 65.9451 56.9418 65.4006 57.2889L65.2903 57.3521L58.7413 60.6897C58.1889 60.9738 57.5341 61.9362 56.9896 63.4275C56.4136 65.0213 55.5062 66.5206 54.3937 67.6805C53.2811 68.8483 52.0266 69.6217 50.8509 69.8584C49.6674 70.103 48.6179 69.8032 47.8684 69.022C47.1188 68.233 46.7085 67.0021 46.7085 65.5187V65.5029L46.7243 65.061C46.7874 64.0195 47.0399 62.8831 47.4896 61.7627L47.5527 61.6206L47.5448 61.6128ZM58.0232 38.5177C58.7491 38.0285 59.4829 37.7128 60.1851 37.5865C60.8874 37.4603 61.5502 37.5313 62.1262 37.7838C62.6312 38.0047 63.0573 38.3679 63.3966 38.8571L63.5306 39.0702L63.6175 39.2752C63.7674 39.788 63.5623 40.5534 63.1046 41.0979C62.6391 41.6423 62.0788 41.7922 61.7474 41.4924L61.6212 41.3344L61.4477 41.0821C61.2583 40.8533 61.0373 40.6717 60.7769 40.5612C60.4297 40.4113 60.0353 40.364 59.6171 40.4429C59.191 40.5218 58.757 40.7035 58.323 40.9954C57.8891 41.2873 57.4709 41.6737 57.0922 42.1393C56.7135 42.6048 56.3821 43.1336 56.1217 43.6938C55.8613 44.2541 55.6719 44.8379 55.5693 45.406C55.4667 45.9741 55.451 46.5186 55.522 47.0157C55.593 47.5049 55.7429 47.9229 55.9717 48.2543C56.3426 48.7672 56.6976 49.446 56.8555 50.2824C57.0211 51.1267 57.0054 52.2076 56.5556 53.4385L53.1312 62.8754L53.076 63.0253C52.7603 63.7433 52.1528 64.2401 51.6557 64.1691C51.1271 64.0902 50.9298 63.3801 51.2138 62.5911L54.6383 53.1542L54.6777 53.0124C54.7724 52.6968 54.7961 52.3336 54.7172 51.9391C54.6462 51.5919 54.5121 51.2528 54.3306 50.9451L54.1333 50.6453C54.1333 50.6453 54.1333 50.6295 54.1254 50.6295C53.7388 50.0772 53.4784 49.3669 53.3601 48.5463C53.2417 47.7257 53.2733 46.8184 53.4469 45.8637C53.6205 44.909 53.936 43.9384 54.37 43.0073C54.8039 42.0762 55.3563 41.1927 55.9796 40.4194C56.6109 39.6462 57.3052 38.999 58.0311 38.5177H58.0232Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
|
|
|
|||
|
|
@ -4,26 +4,26 @@ import type { TIllustrationAssetProps } from "../helper";
|
|||
export function WorkItemHorizontalStackIllustration({ className }: TIllustrationAssetProps) {
|
||||
return (
|
||||
<svg
|
||||
width="72"
|
||||
width="71"
|
||||
height="80"
|
||||
viewBox="0 0 72 80"
|
||||
viewBox="0 0 71 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"
|
||||
d="M41.6017 1.99291C40.8009 1.58558 39.7722 1.6201 38.6537 2.18623L7.82029 17.8998C5.2865 19.1909 3.22911 22.7395 3.22911 25.8187V63.3422C3.22911 65.0613 3.86427 66.2695 4.86536 66.7873L1.78616 65.2201C0.78507 64.7092 0.149902 63.494 0.149902 61.7749V24.2515C0.149902 21.1654 2.2073 17.6237 4.74108 16.3326L35.5745 0.619008C36.6999 0.0459728 37.7286 0.0183575 38.5225 0.425696L41.6017 1.99291Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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"
|
||||
d="M41.6014 1.99296C42.6025 2.50385 43.2376 3.71897 43.2376 5.43807V42.9615C43.2376 46.0476 41.1802 49.5894 38.6465 50.8804L7.81304 66.594C6.68768 67.167 5.65898 67.1946 4.86501 66.7873C3.86393 66.2764 3.22876 65.0613 3.22876 63.3422V25.8188C3.22876 22.7327 5.28616 19.1909 7.81994 17.8998L38.6534 2.18627C39.7787 1.61323 40.8074 1.58562 41.6014 1.99296Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.3"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
|
|
@ -31,34 +31,34 @@ export function WorkItemHorizontalStackIllustration({ className }: TIllustration
|
|||
</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"
|
||||
d="M55.0575 7.93732C54.2567 7.52998 53.228 7.5645 52.1095 8.13063L21.2761 23.8442C18.7423 25.1353 16.6849 28.6839 16.6849 31.7631V69.2866C16.6849 71.0057 17.3201 72.2139 18.3212 72.7317L15.242 71.1645C14.2409 70.6536 13.6057 69.4385 13.6057 67.7194V30.1959C13.6057 27.1098 15.6631 23.5681 18.1969 22.277L49.0303 6.5634C50.1557 5.99037 51.1844 5.96275 51.9783 6.37009L55.0575 7.93732Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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"
|
||||
d="M55.0574 7.93729C56.0585 8.44819 56.6937 9.66329 56.6937 11.3824V48.9058C56.6937 51.9919 54.6363 55.5337 52.1025 56.8248L21.2691 72.5384C20.1437 73.1114 19.115 73.139 18.3211 72.7317C17.32 72.2208 16.6848 71.0056 16.6848 69.2865V31.7631C16.6848 28.677 18.7422 25.1352 21.276 23.8442L52.1094 8.1306C53.2348 7.55757 54.2635 7.52995 55.0574 7.93729Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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"
|
||||
d="M68.5136 13.8817C67.7127 13.4744 66.684 13.5089 65.5656 14.075L34.7322 29.7886C32.1984 31.0797 30.141 34.6283 30.141 37.7075V75.231C30.141 76.9501 30.7761 78.1583 31.7772 78.6761L28.698 77.1089C27.6969 76.598 27.0618 75.3828 27.0618 73.6637V36.1403C27.0618 33.0542 29.1192 29.5124 31.653 28.2214L62.4864 12.5078C63.6117 11.9348 64.6404 11.9072 65.4344 12.3145L68.5136 13.8817Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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"
|
||||
d="M68.5135 13.8817C69.5146 14.3926 70.1497 15.6077 70.1497 17.3268V54.8502C70.1497 57.9363 68.0924 61.4781 65.5586 62.7692L34.7251 78.4827C33.5998 79.0558 32.5711 79.0834 31.7771 78.6761C30.776 78.1652 30.1409 76.9501 30.1409 75.231V37.7075C30.1409 34.6214 32.1983 31.0796 34.732 29.7886L65.5655 14.075C66.6908 13.502 67.7195 13.4744 68.5135 13.8817Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.3"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
|
|
@ -66,20 +66,20 @@ export function WorkItemHorizontalStackIllustration({ className }: TIllustration
|
|||
<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}
|
||||
d="M52.6893 39.9859C52.8757 40.4071 53.2899 40.559 53.7801 40.3173C54.4429 39.9859 54.9883 39.0401 54.9952 38.2047V36.672C55.009 36.1749 54.8157 35.8021 54.4843 35.6847C54.1598 35.5673 53.7387 35.7192 53.3659 36.0851L45.5367 43.8384C45.0741 44.3009 44.7634 45.0121 44.7634 45.6403V56.1897C44.7634 56.7144 44.9844 57.0941 45.3434 57.1839C45.7024 57.2736 46.1511 57.0596 46.524 56.6316L47.6424 55.3336C48.2293 54.6501 48.4571 53.6214 48.1533 53.0414C47.9531 52.6617 47.5734 52.5651 47.1729 52.7377V45.4608L52.6893 39.9997V39.9859Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="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}
|
||||
d="M47.8773 37.9215C48.0637 38.3427 48.4779 38.4946 48.9681 38.2529C49.6309 37.9215 50.1763 36.9757 50.1832 36.1403V34.6076C50.197 34.1105 50.0037 33.7377 49.6723 33.6203C49.3409 33.503 48.9267 33.6549 48.5538 34.0208L40.7247 41.774C40.2621 42.2366 39.9514 42.9477 39.9514 43.5759V54.1253C39.9514 54.65 40.1724 55.0297 40.5314 55.1195C40.8904 55.2092 41.3391 55.0021 41.7119 54.5672L42.8304 53.2692C43.4173 52.5857 43.6451 51.557 43.3413 50.9771C43.1411 50.5974 42.7614 50.5007 42.3609 50.6733V43.3964L47.8773 37.9353V37.9215Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="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}
|
||||
d="M60.3324 48.9818C60.3324 49.6032 60.0286 50.3212 59.5591 50.7769L51.7368 58.5301C51.364 58.896 50.9498 59.0479 50.6253 58.9306C50.3008 58.8132 50.1006 58.4542 50.1006 57.9571V47.4077C50.1006 46.7864 50.4044 46.0683 50.8738 45.6058L58.703 37.8525C59.0758 37.4866 59.4901 37.3347 59.8146 37.4521C60.139 37.5695 60.3393 37.9354 60.3393 38.4256V48.9749L60.3324 48.9818ZM57.9298 41.8569L52.5101 47.2213V54.5396L57.9229 49.1751V41.8569H57.9298Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
|
|
|
|||
|
|
@ -13,17 +13,17 @@ export function WorklogHorizontalStackIllustration({ className }: TIllustrationA
|
|||
>
|
||||
<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"
|
||||
d="M47.6236 2.3561C46.7083 1.89056 45.5326 1.93023 44.2544 2.57724L9.01614 20.5356C6.12039 22.0111 3.76915 26.0669 3.76915 29.586V72.4699C3.76915 74.4346 4.49506 75.8156 5.63915 76.4074L2.12 74.6163C0.975906 74.0324 0.25 72.6435 0.25 70.6788V27.7949C0.25 24.2679 2.60134 20.2199 5.49709 18.7444L40.7353 0.786111C42.0214 0.13121 43.1971 0.0994326 44.1045 0.564965L47.6236 2.3561Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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"
|
||||
d="M47.6237 2.35598C48.7678 2.93987 49.4937 4.32876 49.4937 6.29346V49.1774C49.4937 52.7044 47.1424 56.7523 44.2466 58.2278L9.00838 76.1865C7.72226 76.8414 6.54668 76.8728 5.63929 76.4073C4.49519 75.8234 3.76929 74.4345 3.76929 72.4698V29.5859C3.76929 26.0589 6.12053 22.0109 9.01628 20.5354L44.2545 2.57713C45.5406 1.92223 46.7163 1.89045 47.6237 2.35598Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
|
|
@ -31,49 +31,49 @@ export function WorklogHorizontalStackIllustration({ className }: TIllustrationA
|
|||
</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"
|
||||
d="M63.002 9.15102C62.0867 8.68549 60.911 8.72515 59.6328 9.37216L24.3946 27.3305C21.4988 28.806 19.1476 32.8618 19.1476 36.3809V79.2652C19.1476 81.2299 19.8735 82.6105 21.0176 83.2023L17.4984 81.4112C16.3543 80.8273 15.6284 79.4388 15.6284 77.4741V34.5898C15.6284 31.0628 17.9798 27.0149 20.8755 25.5394L56.1137 7.58103C57.3999 6.92613 58.5755 6.89435 59.4829 7.35989L63.002 9.15102Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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"
|
||||
d="M63.0021 9.14895C64.1462 9.73284 64.8721 11.1217 64.8721 13.0864V55.9707C64.8721 59.4977 62.5208 63.5453 59.625 65.0208L24.3869 82.9795C23.1008 83.6344 21.9251 83.6658 21.0177 83.2002C19.8736 82.6163 19.1477 81.2278 19.1477 79.2631V36.3788C19.1477 32.8518 21.4989 28.8039 24.3947 27.3284L59.6329 9.3701C60.919 8.71519 62.0947 8.68342 63.0021 9.14895Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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"
|
||||
d="M78.3799 15.9441C77.4646 15.4786 76.2889 15.5179 75.0107 16.1649L39.7726 34.1236C36.8768 35.5991 34.5255 39.6546 34.5255 43.1737V86.0579C34.5255 88.0226 35.2514 89.4036 36.3955 89.9954L32.8764 88.2043C31.7323 87.6204 31.0063 86.2315 31.0063 84.2668V41.3825C31.0063 37.8555 33.3577 33.808 36.2534 32.3325L71.4917 14.3738C72.7778 13.7189 73.9535 13.6875 74.8608 14.153L78.3799 15.9441Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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"
|
||||
d="M78.38 15.944C79.5241 16.5279 80.25 17.9164 80.25 19.8811V62.7654C80.25 66.2924 77.8987 70.3403 75.003 71.8158L39.7648 89.7742C38.4787 90.4291 37.303 90.4608 36.3956 89.9953C35.2515 89.4114 34.5256 88.0225 34.5256 86.0578V43.1735C34.5256 39.6465 36.877 35.599 39.7727 34.1235L75.0109 16.1648C76.297 15.5099 77.4726 15.4785 78.38 15.944Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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}
|
||||
d="M61.4946 39.3628L57.1313 41.5881C56.5317 41.8958 56.0425 41.5487 56.0425 40.8149C56.0425 40.0811 56.5317 39.2367 57.1313 38.929L61.4946 36.704C62.0943 36.3963 62.5835 36.7434 62.5835 37.4772C62.5835 38.211 62.0943 39.055 61.4946 39.3628Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M59.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}
|
||||
d="M59.3091 56.3957C59.0329 56.5377 58.7489 56.5535 58.5359 56.3957C58.1098 56.0958 58.1098 55.2513 58.5359 54.5175L61.8104 48.8682C62.2364 48.1344 62.9309 47.7794 63.349 48.0792C63.7751 48.379 63.7751 49.2232 63.349 49.957L60.0745 55.6066C59.8615 55.9775 59.5854 56.2456 59.3013 56.3876L59.3091 56.3957Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M59.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}
|
||||
d="M59.3092 67.0181C53.8964 69.7798 49.4937 66.6628 49.4937 60.0744C49.4937 53.4859 53.8964 45.8875 59.3092 43.1258C64.7219 40.3642 69.1248 43.4811 69.1248 50.0696C69.1248 56.6581 64.7219 64.2565 59.3092 67.0181ZM59.3092 45.785C55.0957 47.9312 51.6714 53.8412 51.6714 58.9621C51.6714 64.0829 55.0957 66.5052 59.3092 64.359C63.5226 62.2128 66.9471 56.3028 66.9471 51.1819C66.9471 46.061 63.5226 43.6388 59.3092 45.785Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
import { ILLUSTRATION_COLOR_TOKEN_MAP } from "../helper";
|
||||
import type { TIllustrationAssetProps } from "../helper";
|
||||
|
||||
export function InboxIllustration({ className, ...rest }: TIllustrationAssetProps) {
|
||||
export function InboxIllustration({ className }: TIllustrationAssetProps) {
|
||||
return (
|
||||
<svg
|
||||
width="100"
|
||||
|
|
@ -10,42 +10,17 @@ export function InboxIllustration({ className, ...rest }: TIllustrationAssetProp
|
|||
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"
|
||||
d="M47.9704 90.4361C45.6096 90.4361 43.3812 89.9603 41.6888 89.0991L3.42092 69.6038C1.60208 68.6823 0.602325 67.3995 0.602325 66.0022V46.0853C0.602325 44.6941 1.60208 43.4173 3.42092 42.4898L45.7481 20.9227C47.4344 20.0615 49.6628 19.5857 52.0237 19.5857C54.3845 19.5857 56.6129 20.0615 58.2993 20.9227L96.5732 40.424C98.392 41.3455 99.3918 42.6283 99.3918 44.0256V63.9425C99.3918 65.3337 98.392 66.6105 96.5732 67.538L54.246 89.1051C52.5597 89.9663 50.3313 90.4421 47.9644 90.4421L47.9704 90.4361Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
/>
|
||||
<path
|
||||
d="M52.0296 20.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"
|
||||
d="M52.0296 20.1939C54.2038 20.1939 56.372 20.6155 58.0282 21.4647L96.3021 40.9661C97.9643 41.8092 98.7895 42.9174 98.7895 44.0316V63.9485C98.7895 65.0566 97.9583 66.1648 96.3021 67.008L53.9749 88.5751C52.3187 89.4243 50.1445 89.8458 47.9704 89.8458C45.7962 89.8458 43.622 89.4243 41.9658 88.5751L3.69188 69.0677C2.02963 68.2246 1.20453 67.1164 1.20453 66.0082V46.0913C1.20453 44.9832 2.03565 43.881 3.69188 43.0318L46.019 21.4647C47.6753 20.6155 49.8494 20.1939 52.0236 20.1939M52.0296 18.9894C49.5724 18.9894 47.2477 19.4893 45.477 20.3927L3.14984 41.9538C1.12021 42.9897 0 44.4532 0 46.0853V66.0022C0 66.9477 0.40954 68.7485 3.14984 70.1398L41.4177 89.6411C43.1884 90.5445 45.5131 91.0443 47.9704 91.0443C50.4276 91.0443 52.7523 90.5445 54.523 89.6411L96.8502 68.074C98.8798 67.0381 100 65.5746 100 63.9424V44.0256C100 43.08 99.5905 41.2792 96.8502 39.888L58.5762 20.3867C56.8116 19.4833 54.4809 18.9834 52.0296 18.9834V18.9894Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
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"
|
||||
d="M86.7923 45.9528C86.6838 46.019 86.5754 46.0853 86.455 46.1455L79.4085 49.735L79.3844 49.7531L79.3964 49.735L86.7983 45.9588L86.7923 45.9528Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.3024"
|
||||
|
|
@ -53,7 +28,7 @@ export function InboxIllustration({ className, ...rest }: TIllustrationAssetProp
|
|||
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"
|
||||
d="M76.6561 56.1069L76.1141 57.3717L75.1504 59.6121C74.6807 60.7082 73.9098 61.6116 73.0606 62.0453L64.3699 66.4779L62.6595 64.2255L56.8115 61.2443H56.7934L51.7766 63.7979C49.0724 65.0084 44.9589 64.9482 42.3812 63.6353L28.216 56.4141L47.8618 46.4105C50.5479 45.0433 54.9083 45.0433 57.5944 46.4105L71.7597 53.6316L76.6441 56.113L76.6561 56.1069Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.3024"
|
||||
|
|
@ -61,7 +36,15 @@ export function InboxIllustration({ className, ...rest }: TIllustrationAssetProp
|
|||
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"
|
||||
d="M88.4665 43.6643C88.4665 44.4833 87.9064 45.2964 86.7923 45.9529L79.3904 49.7291L79.3784 49.7471L76.6561 56.107L71.7718 53.6257L57.6065 46.4046C54.9204 45.0374 50.56 45.0374 47.8739 46.4046L28.228 56.4082L13.5448 48.9281C12.2018 48.2415 11.5273 47.3441 11.5273 46.4467C11.5273 45.5493 12.2018 44.652 13.5448 43.9654L47.8679 26.4817C50.554 25.1145 54.9144 25.1145 57.6005 26.4817L86.449 41.1769C87.792 41.8635 88.4665 42.7609 88.4665 43.6582V43.6643Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.tertiary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.3024"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M98.7954 44.0256C98.7954 45.1217 97.9763 46.2118 96.3562 47.055L88.4666 51.0721L85.2505 52.7103L79.4025 49.7291L86.449 46.1396C86.5694 46.0793 86.6839 46.0191 86.7863 45.9468C87.9065 45.2964 88.4606 44.4773 88.4606 43.6582C88.4606 42.7548 87.786 41.8575 86.443 41.1769L57.5945 26.4817C54.9084 25.1145 50.548 25.1145 47.8619 26.4817L13.5389 43.9654C12.1958 44.652 11.5213 45.5493 11.5213 46.4467C11.5213 47.3441 12.1958 48.2475 13.5389 48.928L28.2221 56.4082L42.3873 63.6293C44.965 64.9483 49.0785 65.0025 51.7827 63.7919C51.9031 63.7377 52.0175 63.6835 52.1259 63.6293L56.8116 61.2383L62.6596 64.2195L53.9689 68.6462C53.0956 69.0919 52.0838 69.4231 50.9997 69.6279C49.2833 69.9652 47.4042 70.0073 45.6576 69.7544C44.3025 69.5556 43.0257 69.1943 41.9597 68.6462L23.0787 59.028L11.5213 53.1379L3.68581 49.1449C2.02356 48.3017 1.19846 47.1935 1.19846 46.0793C1.19846 44.9652 2.02958 43.869 3.68581 43.0198L46.013 21.4527C49.3314 19.7604 54.7097 19.7604 58.0161 21.4527L96.29 40.9541C97.9522 41.7972 98.7773 42.9054 98.7773 44.0196L98.7954 44.0256Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.3024"
|
||||
|
|
@ -69,7 +52,7 @@ export function InboxIllustration({ className, ...rest }: TIllustrationAssetProp
|
|||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M79.4025 50.2067L79.3783 50.2249L79.3904 50.2007L79.4025 50.2067Z"
|
||||
d="M86.7922 45.9528C86.6838 46.019 86.5754 46.0853 86.4549 46.1455L79.4084 49.735H79.3904L86.7922 45.9588V45.9528Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.3024"
|
||||
|
|
@ -77,15 +60,55 @@ export function InboxIllustration({ className, ...rest }: TIllustrationAssetProp
|
|||
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"
|
||||
d="M85.2504 52.7162L82.5161 59.0941L81.0165 62.5993C80.5467 63.6954 79.7758 64.5988 78.9266 65.0325L68.9651 70.1096C68.387 70.4047 67.8269 70.4348 67.3872 70.2059C67.2005 70.1156 67.0379 69.9771 66.8994 69.7964L64.3759 66.4719L73.0666 62.0392C73.9158 61.6116 74.6867 60.7022 75.1564 59.6061L76.12 57.3656L76.6621 56.1009L79.3843 49.741L79.4084 49.7229L85.2564 52.7041L85.2504 52.7162Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.3024"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M79.4025 49.7289L79.3783 49.7471L79.3904 49.7229L79.4025 49.7289Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.3024"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M98.7954 44.0256V63.9425C98.7954 65.0507 97.9643 66.1589 96.308 67.002L53.9809 88.5691C50.6624 90.2615 45.2842 90.2615 41.9717 88.5691L3.69179 69.0678C2.02954 68.2246 1.20444 67.1165 1.20444 66.0083V46.0914C1.20444 47.1996 2.02954 48.3077 3.69179 49.1569L11.5273 53.1499L23.0847 59.0401L41.9657 68.6583C43.0317 69.2063 44.3145 69.5737 45.6636 69.7664C47.4162 70.0133 49.2953 69.9712 51.0057 69.6399C52.0898 69.4352 53.1016 69.1039 53.9749 68.6583L62.6655 64.2316L64.376 66.4841L66.8995 69.8086C67.038 69.9893 67.2006 70.1278 67.3873 70.2181C67.8269 70.447 68.387 70.4229 68.9652 70.1218L78.9267 65.0447C79.7759 64.6171 80.5468 63.7076 81.0165 62.6115L82.5162 59.1063L85.2505 52.7284L88.4665 51.0902L96.3562 47.0731C97.9763 46.2299 98.7954 45.1398 98.7954 44.0437V44.0256Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.tertiary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.3024"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M56.8176 61.2383L52.132 63.6293C52.0175 63.6895 51.9091 63.7437 51.7887 63.7919L56.8055 61.2323H56.8236L56.8176 61.2383Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.3024"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M43.333 50.3074C42.8211 50.3074 42.3453 50.193 41.9116 49.9761L36.5455 47.2419C35.3168 46.6155 34.6062 45.1942 34.6062 43.3512V23.3922C34.6062 23.3922 34.6062 23.3561 34.6062 23.332V21.5493C34.6062 18.3452 36.7623 14.6413 39.4062 13.2922L63.2679 1.13249C63.9485 0.783177 64.623 0.608521 65.2675 0.608521C65.7794 0.608521 66.2552 0.722951 66.6828 0.939766L72.049 3.67405C73.2776 4.3004 73.9822 5.72175 73.9822 7.5707V9.36545C73.9822 9.36545 73.9822 9.40158 73.9822 9.42567V29.3727C73.9822 32.5767 71.8261 36.2806 69.1822 37.6297L45.3205 49.7894C44.6399 50.1327 43.9714 50.3134 43.333 50.3134V50.3074Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
/>
|
||||
<path
|
||||
d="M65.2734 1.21067C65.689 1.21067 66.0744 1.30101 66.4177 1.47567L71.7839 4.20995C72.7656 4.70983 73.3859 5.89629 73.3859 7.57059V9.36534C73.3859 9.36534 73.3859 9.38943 73.3859 9.40147V29.3605C73.3859 32.3538 71.3744 35.8288 68.9111 37.0815L45.0494 49.2413C44.4411 49.5484 43.8629 49.699 43.3329 49.699C42.9113 49.699 42.5259 49.6087 42.1826 49.434L36.8164 46.6997C35.8347 46.1998 35.2084 45.0194 35.2084 43.3451V23.3861C35.2084 23.3861 35.2084 23.368 35.2084 23.362V21.5491C35.2084 18.5559 37.2199 15.0808 39.6832 13.8281L63.5449 1.66839C64.1592 1.35522 64.7374 1.21067 65.2674 1.21067M65.2734 0.00614485C64.5326 0.00614485 63.7738 0.204892 63.0029 0.596364L39.1411 12.7561C36.2623 14.2196 34.0099 18.0861 34.0099 21.5552V23.3138C34.0099 23.3138 34.0099 23.368 34.0099 23.3921V43.3511C34.0099 45.4289 34.835 47.043 36.2744 47.7778L41.6405 50.512C42.1585 50.777 42.7306 50.9095 43.3389 50.9095C44.0737 50.9095 44.8386 50.7108 45.6035 50.3253L69.4652 38.1656C72.344 36.7021 74.5965 32.8356 74.5965 29.3665V9.44363C74.5965 9.44363 74.5965 9.38943 74.5965 9.35931V7.56457C74.5965 5.48073 73.7714 3.86666 72.332 3.1319L66.9658 0.397617C66.4478 0.13262 65.8817 0.00012207 65.2734 0.00012207V0.00614485Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
/>
|
||||
<path
|
||||
d="M72.85 8.28736C72.3682 8.04043 71.6576 8.3235 71.0854 9.05224L70.3988 9.92552L57.7392 26.1927C57.2755 26.7528 56.6973 27.0539 56.2938 26.9636L43.5559 23.5969L42.8693 23.4223C42.1707 23.2356 41.2432 23.9583 40.8096 25.0122C40.647 25.4037 40.5687 25.7892 40.5687 26.1144V46.0734C40.5687 47.7417 41.195 48.9282 42.1767 49.4281L36.8105 46.6938C35.8288 46.1939 35.2025 45.0135 35.2025 43.3392V23.3801C35.2025 23.0549 35.2748 22.6694 35.4434 22.278C35.877 21.224 36.7985 20.4953 37.5031 20.688L38.1897 20.8626L50.9276 24.2293C51.3311 24.3136 51.9093 24.0185 52.373 23.4584L65.0326 7.19124L65.7192 6.31796C66.2854 5.58922 67.0021 5.30615 67.4839 5.55308L72.85 8.28736Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.tertiary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.3024"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="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"
|
||||
d="M72.85 8.28729C72.9644 8.34752 73.0608 8.43183 73.1451 8.54627C73.3077 8.7691 73.386 9.07626 73.386 9.4075V29.3665C73.386 32.3598 71.3744 35.8349 68.9112 37.0876L45.0494 49.2473C43.9593 49.8014 42.9596 49.8315 42.1827 49.434C41.201 48.9341 40.5746 47.7537 40.5746 46.0794V26.1203C40.5746 25.7951 40.6469 25.4097 40.8155 25.0182C41.2491 23.9642 42.1706 23.2355 42.8753 23.4282L43.5618 23.6029L56.2997 26.9695C56.7033 27.0539 57.2814 26.7587 57.7452 26.1986L70.4048 9.93147L71.0914 9.05819C71.6575 8.32945 72.3742 8.04639 72.856 8.29331L72.85 8.28729Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.3024"
|
||||
|
|
@ -93,39 +116,15 @@ export function InboxIllustration({ className, ...rest }: TIllustrationAssetProp
|
|||
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}
|
||||
d="M71.784 4.21002C71.0071 3.81253 70.0073 3.84866 68.9172 4.40275L45.0555 16.5625C42.5922 17.8152 40.5807 21.2902 40.5807 24.2835V26.0963C40.5807 26.6143 40.7674 27.0238 41.1106 27.1985L35.7445 24.4642C35.4012 24.2895 35.2145 23.88 35.2145 23.362V21.5492C35.2145 18.556 37.226 15.0809 39.6893 13.8282L63.551 1.66847C64.6411 1.11438 65.6409 1.07825 66.4178 1.47574L71.784 4.21002Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.tertiary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.3024"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="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"
|
||||
d="M71.784 4.20999C72.7657 4.70987 73.386 5.89634 73.386 7.56461V9.35936C73.386 9.97367 73.1451 10.6783 72.6994 11.2505L70.4048 14.2016L59.293 28.4813C58.5643 29.3606 57.7693 30.017 56.9803 30.4205C56.1914 30.8241 55.4265 30.9746 54.7459 30.8361L43.5619 27.8609L41.2793 27.2647C41.2191 27.2466 41.1649 27.2285 41.1107 27.1984C40.7674 27.0238 40.5807 26.6142 40.5807 26.0963V24.2835C40.5807 21.2902 42.5922 17.8152 45.0555 16.5624L68.9172 4.40272C70.0073 3.84864 71.0071 3.8125 71.784 4.20999Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.3024"
|
||||
|
|
|
|||
|
|
@ -13,39 +13,39 @@ export function SearchIllustration({ className, ...rest }: TIllustrationAssetPro
|
|||
{...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"
|
||||
d="M144.09 4.41578C141.874 3.28812 139.018 3.38046 135.906 4.96974L19.6972 64.1819C12.6543 67.7693 6.94345 77.6281 6.94345 86.1944V156.321C6.94345 161.102 8.71737 164.471 11.5069 165.889L4.8134 162.48C2.02391 161.055 0.25 157.686 0.25 152.911V82.7851C0.25 74.2122 5.96087 64.36 13.0038 60.7726L129.212 1.56034C132.332 -0.0289381 135.18 -0.121239 137.396 1.00642L144.09 4.41578Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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"
|
||||
d="M144.09 4.4158C146.879 5.84022 148.653 9.21002 148.653 13.9845V84.1106C148.653 92.6834 142.942 102.536 135.899 106.123L19.6907 165.335C16.5715 166.925 13.7226 167.017 11.5069 165.889C8.7174 164.465 6.94348 161.095 6.94348 156.321V86.1945C6.94348 77.6216 12.6543 67.7694 19.6973 64.1819L135.906 4.96976C139.025 3.38048 141.874 3.28814 144.09 4.4158Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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"
|
||||
d="M151.093 141.028C150.269 141.028 149.53 140.797 148.891 140.342L146.358 138.555C146.022 138.627 145.686 138.667 145.362 138.667C144.545 138.667 143.8 138.436 143.16 137.988L120.369 121.864C112.502 131.182 102.861 136.728 94.4726 136.728C91.0303 136.728 87.911 135.818 85.1941 134.024C82.952 133.576 80.8747 132.686 79.0282 131.373C67.4021 123.15 67.3163 100.274 78.837 80.378C87.3439 65.6854 100.071 56.1959 111.249 56.1959C114.698 56.1959 117.824 57.106 120.541 58.9063C122.789 59.3613 124.86 60.2515 126.707 61.5507C137.014 68.8442 138.465 87.4737 130.228 106.004L157.668 125.412C160.194 127.199 160.279 131.875 157.859 136.049C156.725 138.008 155.208 139.544 153.579 140.368C152.729 140.804 151.891 141.021 151.087 141.021L151.093 141.028ZM90.1136 123.44C90.5752 123.493 91.0566 123.519 91.5314 123.519C99.5372 123.519 108.717 116.602 114.916 105.899C123.027 91.8986 123.324 75.6168 115.621 69.4773C115.16 69.4245 114.678 69.3981 114.197 69.3981C106.191 69.3981 97.0115 76.3158 90.8126 87.0121C82.7014 101.012 82.4046 117.294 90.107 123.434L90.1136 123.44Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
/>
|
||||
<path
|
||||
d="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"
|
||||
d="M111.256 56.8554C114.527 56.8554 117.6 57.7127 120.29 59.5261C122.447 59.9416 124.484 60.7857 126.331 62.0914C136.559 69.3256 137.594 88.2123 129.41 106.235L157.299 125.959C159.521 127.529 159.521 131.894 157.299 135.726C156.191 137.638 154.74 139.049 153.289 139.788C152.544 140.171 151.799 140.368 151.093 140.368C150.434 140.368 149.814 140.19 149.273 139.808L146.497 137.843C146.114 137.948 145.732 138.008 145.362 138.008C144.703 138.008 144.083 137.829 143.542 137.447L120.257 120.974C112.357 130.536 102.775 136.069 94.4792 136.069C91.2149 136.069 88.1485 135.211 85.4579 133.405C83.2949 132.989 81.2638 132.145 79.4173 130.839C68.0417 122.794 68.0417 100.353 79.4173 80.7143C88.0297 65.8503 100.685 56.862 111.262 56.862M91.538 124.179C99.491 124.179 109.014 117.413 115.496 106.229C123.917 91.6942 124.042 75.1288 115.892 68.8442C115.338 68.7717 114.777 68.7387 114.21 68.7387C106.257 68.7387 96.7345 75.5047 90.2587 86.6824C81.8375 101.217 81.7122 117.782 89.863 124.067C90.417 124.139 90.9775 124.172 91.5446 124.172M111.256 55.5365C99.8405 55.5365 86.8955 65.1579 78.2698 80.0483C72.6513 89.7422 69.5585 100.425 69.5585 110.119C69.5585 120.024 72.7832 127.766 78.6457 131.914C80.5384 133.253 82.6552 134.169 84.9369 134.644C87.733 136.464 90.9379 137.388 94.466 137.388C102.9 137.388 112.555 131.934 120.468 122.748L142.764 138.522C143.509 139.049 144.4 139.326 145.343 139.326C145.62 139.326 145.903 139.3 146.187 139.254L148.488 140.883C149.233 141.41 150.124 141.687 151.073 141.687C152.023 141.687 152.92 141.443 153.863 140.962C155.604 140.078 157.219 138.449 158.413 136.385C161.005 131.914 160.833 126.863 158.031 124.878L131.026 105.78C139.144 87.1308 137.535 68.4222 127.063 61.0165C125.183 59.6844 123.066 58.7678 120.772 58.2864C117.969 56.4663 114.757 55.5365 111.223 55.5365H111.256ZM90.3774 122.807C83.0706 116.767 83.4861 100.986 91.3864 87.3484C97.3742 77.0082 106.547 70.0576 114.197 70.0576C114.586 70.0576 114.975 70.0774 115.357 70.1103C122.664 76.1443 122.242 91.925 114.342 105.569C108.354 115.909 99.1811 122.86 91.5248 122.86C91.1357 122.86 90.7467 122.84 90.3708 122.807H90.3774Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
/>
|
||||
<path
|
||||
d="M151.561 123.598L123.673 103.874C131.857 85.8515 130.822 66.9713 120.593 59.7306C109.218 51.6852 90.7796 61.0758 79.4041 80.7143C68.0285 100.353 68.0285 122.794 79.4041 130.839C89.164 137.744 104.147 131.795 115.384 117.538L143.529 137.447C144.637 138.232 146.094 138.166 147.545 137.427C148.996 136.689 150.447 135.271 151.555 133.365C153.777 129.534 153.777 125.168 151.555 123.598H151.561ZM84.5215 122.022C75.9684 115.969 75.9684 99.0998 84.5215 84.3281C93.0745 69.563 106.943 62.4937 115.496 68.5474C124.049 74.5946 124.049 91.47 115.496 106.235C106.943 121 93.0745 128.07 84.5281 122.022H84.5215Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.tertiary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="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"
|
||||
d="M157.292 125.959L129.404 106.235C137.588 88.2123 136.552 69.3322 126.324 62.0914C114.949 54.0461 96.5103 63.4367 85.1347 83.0752C73.7592 102.714 73.7592 125.155 85.1347 133.2C94.8946 140.105 109.877 134.156 121.114 119.899L149.26 139.808C150.368 140.593 151.825 140.527 153.276 139.788C154.727 139.049 156.178 137.632 157.285 135.726C159.508 131.894 159.508 127.529 157.285 125.959H157.292ZM90.2521 124.383C81.699 118.329 81.699 101.461 90.2521 86.6889C98.8052 71.9238 112.673 64.8545 121.227 70.9083C129.78 76.9554 129.78 93.8308 121.227 108.596C112.673 123.361 98.8052 130.43 90.2587 124.383H90.2521Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
|
|
@ -53,8 +53,8 @@ export function SearchIllustration({ className, ...rest }: TIllustrationAssetPro
|
|||
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}
|
||||
d="M36.3748 108.767C27.9404 113.067 21.0756 108.213 21.0756 97.9458C21.0756 87.6781 27.9404 75.8277 36.3748 71.5281C44.8092 67.2285 51.6741 72.082 51.6741 82.3497C51.6741 92.6174 44.8092 104.468 36.3748 108.767ZM36.3748 74.3901C29.2329 78.0303 23.4298 88.054 23.4298 96.7456C23.4298 105.437 29.2395 109.539 36.3748 105.905C43.5167 102.265 49.3199 92.2415 49.3199 83.5499C49.3199 74.8649 43.5101 70.7565 36.3748 74.3901ZM36.388 101.612C35.7352 101.942 35.201 101.579 35.201 100.788C35.201 99.9967 35.7286 99.0734 36.3748 98.7437H36.388C37.0409 98.4074 37.5619 98.7767 37.5619 99.568C37.5619 100.359 37.0343 101.283 36.388 101.612ZM36.3748 95.8751C35.722 96.2048 35.201 95.8355 35.201 95.0442V93.6132C35.201 91.7073 36.3023 89.3597 38.1422 87.3352C38.4389 87.012 38.7027 86.6691 38.9269 86.3064C39.56 85.3041 39.9095 84.2555 39.9095 83.3323C39.9095 82.4091 39.56 81.71 38.9335 81.3605C37.5486 80.589 35.2076 81.7826 33.8293 83.9654C33.3413 84.7303 32.5962 85.0535 32.1675 84.6776C31.7389 84.3017 31.7916 83.3719 32.2796 82.6003C34.5482 79.0393 38.2213 77.1599 40.4898 78.4194C41.6373 79.0591 42.2703 80.3779 42.2703 82.1387C42.2703 83.8994 41.6373 85.858 40.4898 87.6649C40.1073 88.2716 39.6655 88.8585 39.1775 89.3927C38.3993 90.2499 37.5685 91.4897 37.5685 92.413V93.844C37.5685 94.6353 37.0409 95.5454 36.3946 95.8751H36.3748Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -4,9 +4,9 @@ import type { TIllustrationAssetProps } from "../helper";
|
|||
export function ArchivedModuleVerticalStackIllustration({ className }: TIllustrationAssetProps) {
|
||||
return (
|
||||
<svg
|
||||
width="162"
|
||||
height="183"
|
||||
viewBox="0 0 162 183"
|
||||
width="161"
|
||||
height="182"
|
||||
viewBox="0 0 161 182"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
className={className}
|
||||
|
|
@ -14,9 +14,9 @@ export function ArchivedModuleVerticalStackIllustration({ className }: TIllustra
|
|||
<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"
|
||||
d="M25.1952 33.908C23.7266 33.1603 22.792 31.3926 22.792 28.8773C22.792 24.3753 25.7933 19.195 29.4889 17.3152L54.2687 4.68502C55.9028 3.8519 57.3982 3.7985 58.5624 4.39129L56.1805 3.17901C55.0163 2.58622 53.521 2.63962 51.8868 3.47273L27.1071 16.1029C23.4062 17.9881 20.4102 23.1683 20.4102 27.665C20.4102 30.1804 21.3447 31.9481 22.8134 32.6957L25.1952 33.908Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
|
|
@ -24,41 +24,41 @@ export function ArchivedModuleVerticalStackIllustration({ className }: TIllustra
|
|||
<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"
|
||||
d="M25.1952 33.9072C26.3594 34.5 27.8547 34.4466 29.4889 33.6134L54.2687 20.9886C57.9696 19.1034 60.9656 13.9232 60.9656 9.42651C60.9656 6.91116 60.031 5.14347 58.5624 4.3958C57.3982 3.80301 55.9028 3.85642 54.2687 4.68953L29.4889 17.3144C25.788 19.1996 22.792 24.3798 22.792 28.8765C22.792 31.3918 23.7266 33.1595 25.1952 33.9072Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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}
|
||||
d="M32.8749 22.1654C32.9657 22.0266 33.0992 21.9678 33.1846 22.0266C33.2701 22.0853 33.2754 22.2455 33.2006 22.395L33.1846 22.4271L29.9483 28.0186C29.8575 28.1734 29.7133 28.2482 29.6225 28.1841C29.5317 28.12 29.5317 27.9438 29.6225 27.7836L32.8589 22.1921L32.8749 22.1654Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="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}
|
||||
d="M30.477 24.0293C30.477 23.7943 30.3221 23.6875 30.1299 23.7836C29.9376 23.8797 29.7827 24.1468 29.7827 24.3817C29.7827 24.6167 29.9376 24.7235 30.1299 24.6274C30.3221 24.5313 30.477 24.2643 30.477 24.0293ZM30.9416 23.7943C30.9416 24.339 30.5785 24.9639 30.1299 25.1935C29.6813 25.4231 29.3181 25.1668 29.3181 24.6221C29.3181 24.0773 29.6813 23.4525 30.1299 23.2229C30.5785 22.9932 30.9416 23.2496 30.9416 23.7943Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M33.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}
|
||||
d="M33.0243 25.8281C33.0243 25.5931 32.8695 25.4863 32.6772 25.5824C32.4849 25.6786 32.3301 25.9456 32.3301 26.1806C32.3301 26.4156 32.4849 26.5224 32.6772 26.4262C32.8695 26.3301 33.0243 26.0631 33.0243 25.8281ZM33.4836 25.5931C33.4836 26.1379 33.1205 26.7627 32.6719 26.9923C32.2233 27.222 31.8601 26.9656 31.8601 26.4209C31.8601 25.8762 32.2233 25.2513 32.6719 25.0217C33.1205 24.7921 33.4836 25.0484 33.4836 25.5931Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="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}
|
||||
d="M31.326 20.1197C31.326 19.9702 31.4275 19.7993 31.5503 19.7406C32.2713 19.4201 32.9709 19.3133 33.5957 19.4468C34.2846 19.591 34.8454 20.0129 35.2352 20.6645C35.6197 21.316 35.812 22.1812 35.7906 23.1585C35.7693 24.1411 35.529 25.2039 35.1071 26.2399C34.6798 27.276 34.0817 28.2479 33.3768 29.0543C32.6665 29.8607 31.8761 30.4695 31.0804 30.8167C30.2846 31.1638 29.5156 31.2439 28.8534 31.041C28.2553 30.8541 27.7586 30.4482 27.4168 29.8501C27.3581 29.7486 27.4061 29.5617 27.5183 29.4388C27.6304 29.316 27.7639 29.3053 27.8227 29.4068C28.1324 29.9355 28.5703 30.2933 29.1044 30.4589C29.7025 30.6404 30.3914 30.571 31.1071 30.2559C31.8227 29.9408 32.5383 29.3961 33.1738 28.6698C33.8093 27.9435 34.3487 27.073 34.7332 26.1384C35.1177 25.2039 35.326 24.2479 35.3474 23.3614C35.3687 22.4802 35.1979 21.7005 34.8507 21.1131C34.5036 20.5256 33.9962 20.1464 33.3768 20.0183C32.8213 19.9008 32.2019 19.9916 31.561 20.2746C31.4382 20.328 31.3367 20.2586 31.3367 20.1091L31.326 20.1197Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M51.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}
|
||||
d="M51.1338 17.2449L42.0657 21.8644C41.3181 22.2436 40.7146 21.8164 40.7146 20.9085C40.7146 20.0006 41.3181 18.9592 42.0657 18.58L51.1338 13.9605C51.8815 13.5814 52.485 14.0086 52.485 14.9165C52.485 15.8244 51.8815 16.8658 51.1338 17.2449Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="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"
|
||||
d="M156.886 38.8691C157.484 38.5647 157.863 37.8437 157.863 36.8183V23.7235C157.863 21.8864 156.64 19.7716 155.129 19.0026L121.249 1.7422C120.581 1.40041 119.967 1.38439 119.492 1.62471L121.874 0.41243C122.349 0.17211 122.963 0.188131 123.631 0.52992L157.516 17.7956C159.027 18.5646 160.25 20.6795 160.25 22.5166V35.6114C160.25 36.6368 159.871 37.3577 159.273 37.6621L156.891 38.8744L156.886 38.8691Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
|
|
@ -66,9 +66,9 @@ export function ArchivedModuleVerticalStackIllustration({ className }: TIllustra
|
|||
<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"
|
||||
d="M156.886 38.8697C156.41 39.11 155.796 39.094 155.129 38.7522L121.243 21.4865C119.732 20.7175 118.509 18.6026 118.509 16.7655V3.67606C118.509 2.65069 118.888 1.92973 119.486 1.62532C119.962 1.385 120.576 1.40102 121.243 1.74281L155.129 19.0085C156.64 19.7775 157.863 21.8924 157.863 23.7295V36.8243C157.863 37.8496 157.484 38.5706 156.886 38.875V38.8697Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
|
|
@ -76,46 +76,46 @@ export function ArchivedModuleVerticalStackIllustration({ className }: TIllustra
|
|||
<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}
|
||||
d="M132.955 16.1293L140.816 20.1347C141.462 20.4658 141.986 20.0919 141.986 19.3069C141.986 18.5219 141.462 17.614 140.816 17.2882L132.955 13.2829C132.309 12.9518 131.785 13.3256 131.785 14.1106C131.785 14.8957 132.309 15.8036 132.955 16.1293Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="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}
|
||||
d="M133.516 22.7095L144.538 28.3276C145.446 28.7869 146.178 28.2689 146.178 27.1687C146.178 26.0633 145.441 24.7976 144.538 24.3383L133.516 18.7201C132.608 18.2609 131.876 18.7789 131.876 19.879C131.876 20.9845 132.613 22.2502 133.516 22.7095Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="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}
|
||||
d="M126.354 12.067C126.408 12.2433 126.53 12.4142 126.669 12.4836C126.862 12.585 127.022 12.4676 127.022 12.2272V11.784C127.022 11.6398 126.968 11.4742 126.872 11.3461C126.776 11.2179 126.659 11.1378 126.546 11.1324L124.277 11.0684C124.143 11.0684 124.052 11.1805 124.052 11.3621V14.4168C124.052 14.5717 124.117 14.7426 124.218 14.8761C124.325 15.0096 124.453 15.079 124.56 15.063L124.886 15.015C125.056 14.9883 125.121 14.7586 125.035 14.5023C124.976 14.3314 124.87 14.1925 124.752 14.1231V12.0136L126.349 12.0563L126.354 12.067Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="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}
|
||||
d="M124.96 10.0475C125.014 10.2237 125.137 10.3946 125.276 10.464C125.468 10.5655 125.628 10.448 125.628 10.2077V9.76445C125.628 9.62026 125.575 9.4547 125.478 9.32653C125.382 9.19836 125.265 9.11825 125.153 9.11291L122.883 9.04883C122.749 9.04883 122.659 9.16098 122.659 9.34255V12.3973C122.659 12.5522 122.723 12.7231 122.824 12.8566C122.931 12.9901 123.059 13.0595 123.166 13.0435L123.492 12.9954C123.663 12.9687 123.727 12.7391 123.641 12.4827C123.583 12.3118 123.476 12.173 123.358 12.1036V9.99409L124.955 10.0368L124.96 10.0475Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="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}
|
||||
d="M128.421 13.4379C128.325 13.3043 128.207 13.2242 128.101 13.2242L125.831 13.1602C125.697 13.1602 125.607 13.2776 125.607 13.4485V16.5086C125.607 16.6528 125.66 16.813 125.756 16.9412C125.858 17.0747 125.975 17.1548 126.082 17.1548L128.346 17.2189C128.485 17.2296 128.576 17.1121 128.576 16.9305V13.8704C128.576 13.7262 128.523 13.566 128.421 13.4379ZM127.876 16.279L126.306 16.2309V14.1108L127.876 14.1588V16.279Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<g opacity="0.2">
|
||||
<path
|
||||
d="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"
|
||||
d="M0.25 147.083C0.25 149.102 1.76135 151.116 4.77871 152.659L43.6305 172.456C49.6706 175.532 59.4597 175.532 65.4997 172.456L147.139 130.859C150.157 129.321 151.668 127.308 151.668 125.289V131.735C151.668 133.754 150.157 135.767 147.139 137.305L65.4997 178.902C59.4597 181.978 49.6706 181.978 43.6305 178.902L4.77871 159.105C1.75601 157.567 0.25 155.548 0.25 153.529V147.083Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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"
|
||||
d="M0.25 147.083C0.25 145.065 1.76135 143.051 4.77871 141.513L86.4183 99.9165C92.4583 96.8403 102.247 96.8403 108.287 99.9165L147.139 119.714C150.162 121.252 151.668 123.27 151.668 125.289C151.668 127.308 150.157 129.321 147.139 130.859L65.4997 172.456C59.4597 175.532 49.6706 175.532 43.6305 172.456L4.77871 152.659C1.75601 151.121 0.25 149.102 0.25 147.083Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
|
|
@ -123,50 +123,50 @@ export function ArchivedModuleVerticalStackIllustration({ className }: TIllustra
|
|||
</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"
|
||||
d="M0.25 126.72C0.25 128.739 1.76135 130.752 4.77871 132.296L43.6305 152.093C49.6706 155.169 59.4597 155.169 65.4997 152.093L147.139 110.496C150.157 108.958 151.668 106.944 151.668 104.926V111.372C151.668 113.39 150.157 115.404 147.139 116.942L65.4997 158.539C59.4597 161.615 49.6706 161.615 43.6305 158.539L4.77871 138.742C1.75601 137.204 0.25 135.185 0.25 133.166V126.72Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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"
|
||||
d="M0.25 126.72C0.25 124.701 1.76135 122.688 4.77871 121.15L86.4183 79.5532C92.4583 76.4771 102.247 76.4771 108.287 79.5532L147.139 99.3503C150.162 100.888 151.668 102.907 151.668 104.926C151.668 106.944 150.157 108.958 147.139 110.496L65.4997 152.093C59.4597 155.169 49.6706 155.169 43.6305 152.093L4.77871 132.296C1.75601 130.757 0.25 128.739 0.25 126.72Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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"
|
||||
d="M0.25 106.357C0.25 108.376 1.76135 110.389 4.77871 111.932L43.6305 131.729C49.6706 134.806 59.4597 134.806 65.4997 131.729L147.139 90.1326C150.157 88.5945 151.668 86.5812 151.668 84.5625V91.0084C151.668 93.0271 150.157 95.0405 147.139 96.5785L65.4997 138.175C59.4597 141.251 49.6706 141.251 43.6305 138.175L4.77871 118.373C1.75601 116.835 0.25 114.816 0.25 112.797V106.352V106.357Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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"
|
||||
d="M0.25 106.357C0.25 104.338 1.76135 102.325 4.77871 100.787L86.4183 59.1899C92.4583 56.1138 102.247 56.1138 108.287 59.1899L147.139 78.987C150.162 80.525 151.668 82.5437 151.668 84.5624C151.668 86.5811 150.157 88.5944 147.139 90.1325L65.4997 131.729C59.4597 134.805 49.6706 134.805 43.6305 131.729L4.77871 111.927C1.75601 110.389 0.25 108.37 0.25 106.351V106.357Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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"
|
||||
d="M64.3462 103.287C63.5772 103.287 62.8616 103.121 62.2207 102.79L57.4624 100.366C55.7374 99.4899 54.68 97.5033 54.5518 94.9132L53.2274 68.2002C53.2167 67.9919 53.3289 67.7943 53.5158 67.6982L56.0098 66.4272L51.2674 64.0133C50.0338 63.3831 49.3289 61.9519 49.3289 60.0881V57.8504C49.3289 54.582 51.5238 50.8063 54.2207 49.4338L96.5278 27.8744C97.2167 27.5219 97.895 27.3457 98.5465 27.3457C99.0592 27.3457 99.5345 27.4579 99.9671 27.6768L104.725 30.1014C105.959 30.7316 106.664 32.1628 106.664 34.032V36.2696C106.664 39.538 104.469 43.3083 101.772 44.6862L99.0218 46.0854L102.477 47.8477C102.664 47.9438 102.776 48.1414 102.765 48.3497L101.441 76.4138C101.201 81.4339 97.8469 86.9772 93.7988 89.0333L67.417 102.475C66.3596 103.015 65.3235 103.287 64.3355 103.287H64.3462Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
/>
|
||||
<path
|
||||
d="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}
|
||||
d="M98.5464 27.8845C98.9736 27.8845 99.3742 27.9806 99.7213 28.1569L104.48 30.5814C105.489 31.0941 106.125 32.3117 106.125 34.0314V36.269C106.125 39.3558 104.063 42.9125 101.526 44.2103L97.8415 46.0901L102.231 48.3278L100.907 76.3919C100.677 81.241 97.457 86.5815 93.5584 88.5628L67.1766 102.005C66.1726 102.517 65.2166 102.758 64.3408 102.758C63.6519 102.758 63.0217 102.608 62.4556 102.32L57.6972 99.8952C56.1966 99.1315 55.2033 97.3852 55.0804 94.8966L53.756 68.1836L57.5744 66.2397C57.5317 66.2397 57.4836 66.2397 57.4409 66.2397C57.0137 66.2397 56.6185 66.1489 56.266 65.9673L51.5077 63.5427C50.4983 63.0301 49.8628 61.8124 49.8628 60.0928V57.8552C49.8628 54.7684 51.9189 51.2116 54.4609 49.9139L96.768 28.3545C97.3982 28.034 97.9963 27.8845 98.5411 27.8845M98.5464 26.8164C97.8148 26.8164 97.0511 27.014 96.2874 27.4039L53.9803 48.9633C51.0751 50.4426 48.8 54.3465 48.8 57.8552V60.0928C48.8 62.1702 49.6118 63.7724 51.0324 64.4987L54.8401 66.4373L53.2807 67.233C52.9069 67.4253 52.6772 67.8151 52.6986 68.237L54.023 94.95C54.1565 97.7324 55.3261 99.8846 57.2219 100.851L61.9803 103.276C62.7013 103.644 63.497 103.831 64.3461 103.831C65.4142 103.831 66.5357 103.537 67.6679 102.961L94.0497 89.5187C98.3221 87.3505 101.729 81.727 101.98 76.4453L103.305 48.3812C103.326 47.9593 103.096 47.5694 102.723 47.3772L100.202 46.0901L102.018 45.1662C104.923 43.6869 107.198 39.7777 107.198 36.2744V34.0367C107.198 31.9593 106.386 30.3571 104.966 29.6308L100.207 27.2063C99.6999 26.9499 99.1392 26.8164 98.5464 26.8164Z"
|
||||
fill="var(--illustration-stroke-tertiary)"
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M102.987 49.073L59.2698 71.3534L54.5115 68.9288L98.2285 46.6484L102.987 49.073Z"
|
||||
d="M102.237 48.323L58.5198 70.6034L53.7615 68.1788L97.4785 45.8984L102.237 48.323Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.tertiary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
|
|
@ -176,7 +176,7 @@ export function ArchivedModuleVerticalStackIllustration({ className }: TIllustra
|
|||
<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"
|
||||
d="M58.5198 70.6043L59.8443 97.3172C59.9671 99.8059 60.9604 101.552 62.4611 102.316L57.7027 99.8913C56.2021 99.1276 55.2087 97.3813 55.0859 94.8927L53.7615 68.1797L58.5198 70.6043Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.tertiary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
|
|
@ -186,7 +186,7 @@ export function ArchivedModuleVerticalStackIllustration({ className }: TIllustra
|
|||
<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"
|
||||
d="M102.237 48.3223L100.912 76.3864C100.683 81.2355 97.4624 86.576 93.5639 88.5573L67.182 101.999C65.3929 102.912 63.7427 102.971 62.461 102.314C60.9604 101.551 59.967 99.8043 59.8442 97.3156L58.5198 70.6027L102.237 48.3223Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
|
|
@ -194,7 +194,7 @@ export function ArchivedModuleVerticalStackIllustration({ className }: TIllustra
|
|||
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"
|
||||
d="M104.485 30.5824C103.684 30.1765 102.659 30.2085 101.532 30.78L59.2246 52.3394C56.6826 53.6318 54.6265 57.1885 54.6265 60.2806V62.5183C54.6265 64.2433 55.2674 65.4555 56.2714 65.9682L51.513 63.5437C50.5037 63.031 49.8682 61.8134 49.8682 60.0937V57.8561C49.8682 54.7693 51.9242 51.2125 54.4663 49.9148L96.7734 28.3554C97.8949 27.784 98.9256 27.7466 99.7267 28.1578L104.485 30.5824Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.tertiary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
|
|
@ -202,7 +202,7 @@ export function ArchivedModuleVerticalStackIllustration({ className }: TIllustra
|
|||
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"
|
||||
d="M104.485 30.5816C105.494 31.0943 106.13 32.3119 106.13 34.0316V36.2692C106.13 39.356 104.068 42.9127 101.532 44.2105L59.2246 65.7699C58.1031 66.3413 57.0724 66.3787 56.2713 65.9675C55.262 65.4548 54.6265 64.2372 54.6265 62.5176V60.2799C54.6265 57.1931 56.6825 53.6364 59.2246 52.3386L101.532 30.7792C102.653 30.2078 103.684 30.1704 104.485 30.5816Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
|
|
@ -212,17 +212,17 @@ export function ArchivedModuleVerticalStackIllustration({ className }: TIllustra
|
|||
<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"
|
||||
d="M85.3447 91.0075C85.0884 91.0075 84.8534 90.9541 84.6344 90.8419C84.581 90.8152 84.5329 90.7885 84.4849 90.7511L79.7586 88.3426C79.7586 88.3426 79.7158 88.3159 79.6945 88.3052L72.3353 83.1036C71.3634 82.4948 71.2405 80.8125 72.0843 79.2905C72.7038 78.1583 73.6918 77.4267 74.605 77.4267C74.8614 77.4267 75.1017 77.4854 75.3207 77.5976L78.9255 79.4347V66.42C78.9255 64.9781 79.86 63.376 81.0563 62.7671C81.3767 62.6069 81.6972 62.5215 82.0069 62.5215C82.2632 62.5215 82.5089 62.5802 82.7279 62.6924L87.4862 65.1169C88.0897 65.4267 88.4368 66.0996 88.4368 66.9701V70.153C88.7626 69.9821 89.099 69.886 89.4195 69.886C89.6758 69.886 89.9108 69.9394 90.1297 70.0515L94.8881 72.4761C94.9255 72.4975 94.9682 72.5188 95.0056 72.5402C95.9989 73.1597 96.1164 74.8419 95.2779 76.3693C95.2512 76.4227 95.2085 76.4975 95.1658 76.5615L87.8227 89.2345C87.1925 90.3292 86.2472 91.0075 85.35 91.0075H85.3447Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
/>
|
||||
<path
|
||||
d="M82.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}
|
||||
d="M82.0016 63.0505C82.1778 63.0505 82.3381 63.0879 82.4822 63.1627L87.2406 65.5872C87.6411 65.7902 87.8975 66.2762 87.8975 66.9651V71.2374C88.3728 70.7141 88.9282 70.415 89.4142 70.415C89.5797 70.415 89.7399 70.4524 89.8788 70.5218L94.6371 72.9464C94.6371 72.9464 94.6852 72.9731 94.7119 72.9891C95.4542 73.4537 95.4969 74.8476 94.8027 76.1079C94.776 76.1613 94.7439 76.2147 94.7119 76.2628L87.3527 88.9678C86.808 89.9077 86.0123 90.4738 85.3447 90.4738C85.1792 90.4738 85.019 90.4364 84.8748 90.367C84.8321 90.3456 84.7947 90.3242 84.7573 90.2922L79.9989 87.8676L72.6398 82.666C71.8975 82.2014 71.8547 80.8022 72.549 79.5472C73.0884 78.5645 73.9108 77.9611 74.6051 77.9611C74.7706 77.9611 74.9362 77.9985 75.0804 78.0732L79.4596 80.3055V66.4203C79.4596 65.1867 80.282 63.7608 81.2967 63.2428C81.5477 63.1146 81.7826 63.0559 82.0016 63.0559M82.0016 61.9824C81.6064 61.9824 81.2112 62.0839 80.816 62.2815C79.4328 62.9864 78.3915 64.7648 78.3915 66.415V78.5592L75.5664 77.1173C75.2726 76.9677 74.9469 76.893 74.6051 76.893C73.4836 76.893 72.3354 77.7154 71.6144 79.0345C70.6264 80.8182 70.8134 82.7515 72.047 83.5525L79.3848 88.7381C79.4275 88.7702 79.4702 88.7969 79.5183 88.8182L84.2179 91.2161C84.2766 91.2535 84.3354 91.2855 84.3941 91.3176C84.6879 91.4671 85.0083 91.5419 85.3447 91.5419C86.4288 91.5419 87.5503 90.7622 88.2766 89.5018L95.6198 76.8236C95.6678 76.7488 95.7106 76.6794 95.7479 76.6046C96.7306 74.8049 96.5277 72.8663 95.278 72.0812C95.2299 72.0492 95.1765 72.0225 95.1231 71.9958L90.3648 69.5712C90.071 69.4217 89.7506 69.3469 89.4142 69.3469C89.2646 69.3469 89.1151 69.3629 88.9656 69.3896V66.9651C88.9656 65.8863 88.5116 65.0372 87.7266 64.6366L82.9682 62.2121C82.6692 62.0625 82.3487 61.9824 82.0016 61.9824Z"
|
||||
fill="var(--illustration-stroke-tertiary)"
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="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"
|
||||
d="M94.6423 72.9474C93.9 72.5682 92.7838 73.2091 92.1163 74.4267L87.9026 81.7111L83.1443 79.2865L87.3579 72.0021C88.0308 70.7845 89.1416 70.1436 89.8839 70.5228L94.6423 72.9474Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.tertiary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
|
|
@ -232,7 +232,7 @@ export function ArchivedModuleVerticalStackIllustration({ className }: TIllustra
|
|||
<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"
|
||||
d="M79.8387 80.4986C79.091 80.1141 77.9748 80.755 77.3073 81.978C76.613 83.233 76.6557 84.6322 77.3981 85.0968L84.7572 90.2984L79.9989 87.8738L72.6397 82.6722C71.8974 82.2076 71.8547 80.8084 72.5489 79.5534C73.2165 78.3304 74.3273 77.6949 75.0803 78.0741L79.8387 80.4986Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.tertiary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
|
|
@ -242,7 +242,7 @@ export function ArchivedModuleVerticalStackIllustration({ className }: TIllustra
|
|||
<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"
|
||||
d="M87.2405 65.5879C86.9201 65.4223 86.5035 65.433 86.0549 65.6627C85.0402 66.1807 84.2178 67.6066 84.2178 68.8402V83.5852L79.4595 81.1607V66.4157C79.4595 65.182 80.2819 63.7561 81.2966 63.2381C81.7452 63.0085 82.1617 62.9978 82.4822 63.1633L87.2405 65.5879Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.tertiary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
|
|
@ -252,7 +252,7 @@ export function ArchivedModuleVerticalStackIllustration({ className }: TIllustra
|
|||
<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"
|
||||
d="M87.2405 65.5872C87.641 65.7901 87.8974 66.2761 87.8974 66.965V81.71L92.111 74.4256C92.7839 73.208 93.8947 72.5671 94.637 72.9463C94.6637 72.957 94.6851 72.973 94.7118 72.989C95.4541 73.4537 95.4968 74.8475 94.8026 76.1079C94.7759 76.1613 94.7438 76.2147 94.7118 76.2627L87.3526 88.9677C86.6744 90.1372 85.5956 90.73 84.8747 90.3669C84.8319 90.3455 84.7946 90.3242 84.7572 90.2921L77.398 85.0905C76.6557 84.6259 76.613 83.2267 77.3072 81.9717C77.9748 80.7487 79.0856 80.1132 79.8386 80.4924C79.8653 80.5031 79.8867 80.5191 79.908 80.5351C79.9347 80.5565 79.9668 80.5778 79.9988 80.5992L84.2178 83.5845V68.8395C84.2178 67.6059 85.0402 66.18 86.0549 65.6619C86.5035 65.4323 86.9201 65.4216 87.2405 65.5872Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
|
|
@ -262,9 +262,9 @@ export function ArchivedModuleVerticalStackIllustration({ className }: TIllustra
|
|||
<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"
|
||||
d="M21.1845 49.0417C20.0203 48.4489 18.5249 48.497 16.8854 49.3354C13.1845 51.2206 10.1885 56.4008 10.1885 60.8975C10.1885 63.4075 11.1231 65.1805 12.5917 65.9282L10.2098 64.7159C8.74122 63.9683 7.80664 62.1952 7.80664 59.6852C7.80664 55.1832 10.808 50.003 14.5036 48.1231C16.1378 47.29 17.6384 47.2366 18.8026 47.8294L21.1845 49.0417Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
|
|
@ -272,24 +272,24 @@ export function ArchivedModuleVerticalStackIllustration({ className }: TIllustra
|
|||
<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"
|
||||
d="M21.1845 49.0423C22.6531 49.79 23.5877 51.563 23.5877 54.073C23.5877 58.575 20.5863 63.7552 16.8908 65.6351C15.2566 66.4682 13.7559 66.5216 12.5917 65.9288C11.1231 65.1811 10.1885 63.4081 10.1885 60.8981C10.1885 56.3961 13.1898 51.2159 16.8854 49.336C18.5196 48.5029 20.0203 48.4495 21.1845 49.0423Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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}
|
||||
d="M19.1979 58.0346L18.8241 57.9438V57.2869C18.8241 57.068 18.6745 56.9612 18.493 57.0519C18.3114 57.1427 18.1619 57.3991 18.1619 57.618V58.4992C18.1619 58.6381 18.2206 58.7342 18.3167 58.7609L18.8454 58.8944C18.8988 58.9104 18.9576 58.8944 19.0217 58.8677C19.1338 58.8143 19.2406 58.6915 19.2994 58.5366C19.3955 58.3016 19.3474 58.0773 19.1926 58.0399L19.1979 58.0346Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M16.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}
|
||||
d="M16.031 61.512L14.8774 62.0995C14.6958 62.1903 14.5463 62.0888 14.5463 61.8645V58.2597L15.8601 57.5868C16.0416 57.496 16.1912 57.2397 16.1912 57.0207C16.1912 56.8017 16.0416 56.6949 15.8601 56.7857L14.5463 57.4586V56.257C14.5463 56.0381 14.6958 55.7817 14.8774 55.6909L15.5343 55.3545V55.755C15.5343 55.974 15.6838 56.0808 15.8654 55.99C16.047 55.8992 16.1965 55.6429 16.1965 55.4239V55.0234L18.1725 54.0194V54.4199C18.1725 54.6389 18.322 54.7457 18.5036 54.6549C18.6852 54.5641 18.8347 54.3078 18.8347 54.0888V53.6883L19.4916 53.3518C19.6732 53.261 19.8227 53.3625 19.8227 53.5868V54.1849C19.8227 54.4039 19.9722 54.5107 20.1538 54.4199C20.3354 54.3291 20.4849 54.0728 20.4849 53.8538V53.2557C20.4849 52.5935 20.0416 52.2784 19.4969 52.5561L18.84 52.8925V52.492C18.84 52.273 18.6905 52.1662 18.5089 52.257C18.3274 52.3478 18.1778 52.6041 18.1778 52.8231V53.2236L16.2019 54.2276V53.8271C16.2019 53.6082 16.0523 53.5013 15.8707 53.5921C15.6892 53.6829 15.5396 53.9393 15.5396 54.1582V54.5588L14.8828 54.8952C14.338 55.1729 13.8948 55.9366 13.8948 56.5988V62.201C13.8948 62.8632 14.338 63.1783 14.8828 62.9005L16.0363 62.3131C16.2179 62.2223 16.3674 61.966 16.3674 61.747C16.3674 61.5281 16.2179 61.4212 16.0363 61.512H16.031Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="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}
|
||||
d="M18.4983 55.45C17.2272 56.0962 16.1965 57.8799 16.1965 59.4233C16.1965 60.9667 17.2272 61.6984 18.4983 61.0522C19.7693 60.406 20.8 58.6223 20.8 57.0789C20.8 55.5355 19.7693 54.8038 18.4983 55.45ZM18.4983 60.2564C17.5904 60.7211 16.8534 60.1977 16.8534 59.0922C16.8534 57.9867 17.5904 56.7157 18.4983 56.2511C19.4061 55.7865 20.1431 56.3098 20.1431 57.4153C20.1431 58.5208 19.4061 59.7918 18.4983 60.2564Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
|
@ -96,7 +96,7 @@ export function ChangelogVerticalStackIllustration({ className, ...rest }: TIllu
|
|||
/>
|
||||
<path
|
||||
d="M94.5717 1.39958L99.5854 3.95427L114.672 14.6232V62.3576C114.672 66.4147 111.971 71.0796 108.634 72.7789L72.4235 91.2301C71.5964 91.6521 70.8086 91.8491 70.0939 91.8491C69.5312 91.8491 69.0135 91.7253 68.5521 91.4889L63.5384 88.9342C62.216 88.259 61.3776 86.6665 61.3776 84.4045V25.6579C61.3776 21.6008 64.0786 16.9359 67.4098 15.2365L94.5661 1.39958M94.5717 0.27417C94.3972 0.27417 94.2228 0.313559 94.0596 0.397965L66.9034 14.2349C63.1726 16.1369 60.2522 21.1506 60.2522 25.6579V84.4045C60.2522 87.021 61.2651 89.0412 63.032 89.9359L68.0457 92.4906C68.6703 92.8113 69.3624 92.9689 70.0995 92.9689C71.0168 92.9689 71.9734 92.7213 72.9412 92.2261L109.151 73.7749C112.882 71.873 115.803 66.8593 115.803 62.352V14.6288C115.803 14.2631 115.628 13.9198 115.324 13.7116L100.238 3.04269C100.193 3.00892 100.148 2.98079 100.097 2.95828L95.0837 0.403592C94.9206 0.319186 94.7461 0.279797 94.5717 0.279797V0.27417Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
/>
|
||||
<path
|
||||
d="M99.5855 3.95386L72.4292 17.7908C69.098 19.4902 66.397 24.155 66.397 28.2122V86.9587C66.397 89.2208 67.2355 90.8133 68.5578 91.4885L63.5441 88.9338C62.2217 88.2586 61.3833 86.6661 61.3833 84.4041V25.6575C61.3833 21.6003 64.0843 16.9355 67.4155 15.2361L94.5717 1.39917L99.5855 3.95386Z"
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
|
@ -14,17 +14,17 @@ export function CycleVerticalStackIllustration({ className }: TIllustrationAsset
|
|||
<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"
|
||||
d="M10.364 131.09C10.364 133.03 11.8174 134.964 14.7191 136.447L52.0819 155.467C57.8905 158.423 67.3043 158.423 73.1129 155.467L151.624 115.502C154.525 114.025 155.979 112.09 155.979 110.151V116.344C155.979 118.283 154.525 120.218 151.624 121.695L73.1129 161.66C67.3043 164.616 57.8905 164.616 52.0819 161.66L14.7191 142.64C11.8123 141.162 10.364 139.223 10.364 137.283V131.09Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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"
|
||||
d="M10.364 131.09C10.364 129.151 11.8174 127.216 14.7191 125.739L93.2298 85.7737C99.0383 82.8183 108.452 82.8183 114.261 85.7737L151.624 104.794C154.53 106.272 155.979 108.211 155.979 110.151C155.979 112.09 154.525 114.025 151.624 115.502L73.1129 155.467C67.3043 158.423 57.8905 158.423 52.0819 155.467L14.7191 136.447C11.8123 134.969 10.364 133.03 10.364 131.09Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
|
|
@ -32,34 +32,34 @@ export function CycleVerticalStackIllustration({ className }: TIllustrationAsset
|
|||
</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"
|
||||
d="M10.364 111.521C10.364 113.46 11.8174 115.395 14.7191 116.877L52.0819 135.898C57.8905 138.853 67.3043 138.853 73.1129 135.898L151.624 95.933C154.525 94.4553 155.979 92.5209 155.979 90.5814V96.7745C155.979 98.714 154.525 100.648 151.624 102.126L73.1129 142.091C67.3043 145.046 57.8905 145.046 52.0819 142.091L14.7191 123.07C11.8123 121.593 10.364 119.653 10.364 117.714V111.521Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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"
|
||||
d="M10.364 111.521C10.364 109.581 11.8174 107.647 14.7191 106.169L93.2298 66.2044C99.0383 63.2489 108.452 63.2489 114.261 66.2044L151.624 85.2247C154.53 86.7024 155.979 88.6419 155.979 90.5814C155.979 92.5209 154.525 94.4553 151.624 95.933L73.1129 135.898C67.3043 138.853 57.8905 138.853 52.0819 135.898L14.7191 116.877C11.8123 115.4 10.364 113.46 10.364 111.521Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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"
|
||||
d="M10.364 91.9565C10.364 93.896 11.8174 95.8304 14.7191 97.3132L52.0819 116.334C57.8905 119.289 67.3043 119.289 73.1129 116.334L151.624 76.3688C154.525 74.8911 155.979 72.9567 155.979 71.0172V77.2102C155.979 79.1497 154.525 81.0841 151.624 82.5618L73.1129 122.527C67.3043 125.482 57.8905 125.482 52.0819 122.527L14.7191 103.506C11.8123 102.029 10.364 100.089 10.364 98.1496V91.9565Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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"
|
||||
d="M10.364 91.9565C10.364 90.0171 11.8174 88.0827 14.7191 86.605L93.2298 46.6401C99.0383 43.6847 108.452 43.6847 114.261 46.6401L151.624 65.6605C154.53 67.1382 155.979 69.0777 155.979 71.0172C155.979 72.9567 154.525 74.8911 151.624 76.3688L73.1129 116.334C67.3043 119.289 57.8905 119.289 52.0819 116.334L14.7191 97.3132C11.8123 95.8355 10.364 93.896 10.364 91.9565Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
|
|
@ -67,17 +67,17 @@ export function CycleVerticalStackIllustration({ className }: TIllustrationAsset
|
|||
<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"
|
||||
d="M75.3829 84.9324C72.8304 84.9324 70.4628 84.368 68.3418 83.2597C68.3418 83.2597 68.3212 83.2494 68.3109 83.2443L64.1818 81.1457C58.0548 78.0261 54.5419 70.7197 54.5419 61.0992C54.5419 43.4231 66.3799 23.0174 80.9347 15.6083C84.4989 13.792 87.9707 12.8735 91.2473 12.8735C93.7433 12.8735 96.0698 13.4123 98.1601 14.4795L102.253 16.5627C102.294 16.5832 102.325 16.6037 102.361 16.6242C108.529 19.6772 112.088 27.0041 112.088 36.7016C112.088 54.3777 100.25 74.7885 85.6956 82.1976C82.1313 84.0139 78.6647 84.9324 75.388 84.9324H75.3829Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
/>
|
||||
<path
|
||||
d="M91.2422 13.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}
|
||||
d="M91.2422 13.3867C93.6766 13.3867 95.926 13.9203 97.9187 14.9362L102.012 17.0194C102.043 17.0348 102.063 17.0501 102.089 17.0604C107.882 19.9286 111.57 26.8554 111.57 36.7016C111.57 54.234 99.8754 74.3986 85.4593 81.741C81.8899 83.5573 78.4849 84.4193 75.388 84.4193C72.9023 84.4193 70.6066 83.8652 68.5831 82.8082C68.5677 82.8082 68.5575 82.7979 68.5421 82.7877L64.4129 80.6891C58.6916 77.7747 55.0555 70.8788 55.0555 61.1043C55.0555 43.5719 66.7497 23.4125 81.1658 16.0701C84.7352 14.2538 88.1402 13.3918 91.2422 13.3918M91.2422 12.3605C87.8834 12.3605 84.3346 13.2994 80.6984 15.1517C73.5494 18.7895 66.8421 25.5726 61.8142 34.249C56.7914 42.91 54.0284 52.4433 54.0284 61.0992C54.0284 70.9198 57.6439 78.3904 63.9507 81.6024L68.049 83.6856C68.0798 83.7061 68.1158 83.7215 68.1466 83.7369C70.3293 84.8708 72.7688 85.4455 75.388 85.4455C78.7468 85.4455 82.2905 84.5065 85.9267 82.6543C93.0757 79.0164 99.783 72.2333 104.811 63.5569C109.834 54.8959 112.597 45.3575 112.597 36.7016C112.597 26.8194 108.945 19.3334 102.582 16.1574C102.546 16.1368 102.51 16.1163 102.469 16.0958L98.3861 14.0178C96.2239 12.9146 93.8204 12.3605 91.2422 12.3605Z"
|
||||
fill="var(--illustration-stroke-tertiary)"
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M102.012 17.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"
|
||||
d="M102.012 17.0193C100.677 16.3677 99.2283 15.9265 97.6876 15.7212C97.5489 15.7007 97.4103 15.6802 97.2613 15.6699C95.7668 15.5057 94.185 15.557 92.5364 15.8341C92.1615 15.8957 91.7866 15.9675 91.4014 16.0547C91.3244 16.0752 91.2473 16.0906 91.1651 16.106C90.8365 16.1881 90.5026 16.2754 90.1688 16.3728C89.4909 16.5678 88.7976 16.8038 88.094 17.0706C87.6625 17.24 87.2209 17.4247 86.7792 17.6197C86.3427 17.8146 85.8958 18.0301 85.449 18.2559C71.0278 25.5983 59.3387 45.7577 59.3387 63.2901C59.3387 63.9058 59.3541 64.5112 59.3798 65.1116C59.3952 65.3938 59.4106 65.6811 59.4312 65.9582V65.9735C59.4466 66.2096 59.4671 66.4405 59.4877 66.6662C59.4877 66.7586 59.5031 66.8509 59.5185 66.9382C59.539 67.1639 59.5596 67.3846 59.5904 67.6052C59.6263 67.8976 59.6674 68.1901 59.7085 68.4774C59.7393 68.6776 59.7701 68.8777 59.8061 69.0726V69.088C59.8318 69.2266 59.8523 69.3651 59.8831 69.5036C59.9242 69.714 59.9602 69.9295 60.0064 70.1347C60.0475 70.3554 60.104 70.5811 60.1553 70.8018C60.2272 71.1045 60.2991 71.4021 60.3813 71.6945C60.4378 71.8998 60.4994 72.105 60.5611 72.3051C60.633 72.5463 60.7049 72.7823 60.787 73.0132C60.8487 73.2082 60.9103 73.3877 60.9822 73.5776C61.0079 73.6443 61.0284 73.7059 61.0541 73.7726C61.1311 73.9727 61.2133 74.1728 61.2955 74.3678C61.3828 74.5884 61.4752 74.8039 61.5728 75.0245C61.6498 75.2041 61.732 75.3785 61.8193 75.5479C61.8655 75.6556 61.9169 75.7531 61.9734 75.8557C62.035 75.9943 62.1069 76.1277 62.1788 76.2662C62.4664 76.8101 62.7746 77.3232 63.1084 77.8106C63.1649 77.9081 63.2317 78.0056 63.3036 78.0928C63.4217 78.2673 63.5449 78.4366 63.6682 78.6008C63.7504 78.7137 63.8325 78.8111 63.9198 78.9189C64.2023 79.2832 64.5053 79.6321 64.8186 79.9656C64.9162 80.0682 65.0138 80.1708 65.1113 80.2683C65.1524 80.3042 65.1884 80.3402 65.2295 80.3812C65.3065 80.4582 65.3835 80.53 65.4606 80.6018C65.5838 80.7198 65.7122 80.8327 65.8406 80.9456C66.005 81.0893 66.1693 81.2278 66.3388 81.3612C66.4415 81.4433 66.5391 81.5254 66.6469 81.6024C66.8062 81.7204 66.9654 81.8384 67.1348 81.9564C67.2684 82.0488 67.407 82.136 67.5406 82.2232C67.6279 82.2796 67.7203 82.3412 67.8076 82.3874C68.0439 82.5311 68.2853 82.6696 68.5318 82.7979L64.4026 80.6993C58.6814 77.785 55.0452 70.889 55.0452 61.1146C55.0452 43.5822 66.7394 23.4227 81.1555 16.0804C87.5342 12.8376 93.3787 12.6375 97.9136 14.9464L102.007 17.0296L102.012 17.0193Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.tertiary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
|
|
@ -87,7 +87,7 @@ export function CycleVerticalStackIllustration({ className }: TIllustrationAsset
|
|||
<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"
|
||||
d="M111.57 36.7016C111.57 54.234 99.8754 74.3986 85.4593 81.7409C79.0242 85.0145 73.1334 85.1838 68.5831 82.8031C68.5677 82.8031 68.5575 82.7928 68.542 82.7825C68.2955 82.6594 68.0541 82.5157 67.8179 82.372C67.7306 82.3207 67.6381 82.2643 67.5508 82.2079C67.4173 82.1206 67.2786 82.0334 67.1451 81.9411C66.9756 81.823 66.8164 81.7102 66.6572 81.587C66.5494 81.5101 66.4518 81.428 66.3491 81.3459C66.1796 81.2176 66.0152 81.0739 65.8509 80.9303C65.7225 80.8174 65.5941 80.7096 65.4708 80.5865C65.3938 80.5146 65.3168 80.4428 65.2397 80.3659C65.1986 80.3248 65.1627 80.2889 65.1216 80.253C65.024 80.1555 64.9265 80.0529 64.8289 79.9502C64.5156 79.6167 64.2126 79.273 63.9301 78.9035C63.8428 78.7958 63.7606 78.6983 63.6785 78.5854C63.5552 78.4212 63.4319 78.2519 63.3138 78.0775C63.2471 77.9851 63.1854 77.8876 63.1187 77.7953C62.7848 77.3078 62.4767 76.7947 62.1891 76.2508C62.1172 76.1174 62.0453 75.9789 61.9837 75.8404C61.9272 75.7378 61.8758 75.6403 61.8296 75.5325C61.7423 75.3581 61.6601 75.1836 61.5831 75.0092C61.4803 74.7937 61.3879 74.5782 61.3057 74.3524C61.2236 74.1574 61.1414 73.9573 61.0644 73.7572C61.0387 73.6905 61.0181 73.6289 60.9924 73.5622C60.9257 73.3724 60.8641 73.1928 60.7973 72.9978C60.7151 72.7669 60.6432 72.5309 60.5713 72.2898C60.5097 72.0897 60.4532 71.8844 60.3916 71.6792C60.3094 71.3918 60.2375 71.0943 60.1656 70.7864C60.1142 70.5658 60.0577 70.34 60.0167 70.1194C59.9704 69.9141 59.9293 69.6986 59.8934 69.4883C59.8626 69.3549 59.842 69.2163 59.8164 69.0727V69.0573C59.7804 68.8623 59.7496 68.6622 59.7188 68.4621C59.6777 68.1799 59.6315 67.8823 59.6007 67.5898C59.5698 67.3692 59.5493 67.1486 59.5288 66.9228C59.5133 66.8304 59.5031 66.7381 59.4979 66.6509C59.4723 66.4251 59.4569 66.1942 59.4414 65.9582V65.9428C59.4158 65.6657 59.4004 65.3784 59.3901 65.0962C59.3593 64.501 59.349 63.8904 59.349 63.2747C59.349 45.7423 71.0432 25.5829 85.4593 18.2405C85.9061 18.0148 86.3529 17.8044 86.7895 17.6043C87.2311 17.4093 87.6728 17.2246 88.1042 17.0553C88.8027 16.7833 89.496 16.5473 90.1791 16.3575C90.518 16.26 90.8467 16.1728 91.1754 16.0907C91.2576 16.0701 91.3346 16.0547 91.4117 16.0393C91.7917 15.9521 92.1666 15.8803 92.5467 15.8187C94.1952 15.5468 95.7771 15.4903 97.2716 15.6545C97.4154 15.6699 97.554 15.6904 97.6978 15.7058C99.2334 15.9111 100.687 16.3575 102.022 17.004C102.053 17.0194 102.074 17.0348 102.099 17.045C107.892 19.9132 111.58 26.84 111.58 36.6862L111.57 36.7016Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
|
|
@ -95,23 +95,23 @@ export function CycleVerticalStackIllustration({ className }: TIllustrationAsset
|
|||
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"
|
||||
d="M89.1108 69.2574C88.9618 69.2574 88.8232 69.2266 88.6999 69.1599L84.4064 66.9741C84.0726 66.8048 83.8826 66.4559 83.8826 66.0095V29.6158C83.8826 28.9437 84.3345 28.2099 84.9046 27.9534C86.81 27.0914 88.6742 26.6553 90.4461 26.6553C91.9817 26.6553 93.4094 26.9837 94.6882 27.6353L98.9817 29.8211C99.3515 30.0109 99.7162 30.2315 100.065 30.4727C103.162 32.6636 104.872 36.7632 104.872 42.0224C104.872 47.2816 103.219 52.9051 100.214 58.0822C97.3999 62.9361 93.6559 66.8459 89.6655 69.0984C89.4857 69.201 89.2957 69.2523 89.1108 69.2523V69.2574Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
/>
|
||||
<path
|
||||
d="M90.4461 27.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}
|
||||
d="M90.4461 27.1633C91.8893 27.1633 93.24 27.4711 94.452 28.0868L98.7455 30.2726C99.0999 30.4522 99.4389 30.6574 99.7624 30.8883C102.7 32.9664 104.354 36.9685 104.354 42.0225C104.354 47.0764 102.705 52.7564 99.7624 57.8257C96.9942 62.5975 93.3016 66.4559 89.4087 68.6571C89.3008 68.7187 89.1981 68.7443 89.1057 68.7443C89.0389 68.7443 88.9773 68.729 88.9259 68.7033L84.6324 66.5175C84.4835 66.4406 84.391 66.2661 84.391 66.0096V29.6159C84.391 29.1387 84.7197 28.5948 85.1152 28.4204C86.9641 27.584 88.7616 27.1633 90.4461 27.1633ZM90.4461 26.1371C88.6024 26.1371 86.6662 26.5886 84.694 27.4814C83.9391 27.8252 83.369 28.7385 83.369 29.6107V66.0044C83.369 66.6407 83.6669 67.1692 84.1702 67.4257L88.4637 69.6115C88.664 69.7141 88.8797 69.7654 89.1108 69.7654C89.3881 69.7654 89.6552 69.6884 89.9171 69.5448C93.9847 67.2461 97.8006 63.2645 100.656 58.3388C103.707 53.0796 105.381 47.2868 105.381 42.0225C105.381 36.7581 103.599 32.3404 100.358 30.052C99.9935 29.7954 99.6083 29.5594 99.2129 29.3593L94.9194 27.1735C93.5687 26.486 92.0588 26.1371 90.4461 26.1371Z"
|
||||
fill="var(--illustration-stroke-tertiary)"
|
||||
/>
|
||||
<path
|
||||
d="M98.7455 30.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"
|
||||
d="M98.7455 30.2725C96.1212 28.9385 92.8394 29.0462 89.4087 30.6009C89.0184 30.7805 88.6846 31.3192 88.6846 31.7964V68.1901C88.6846 68.4467 88.777 68.6211 88.9259 68.6981L84.6324 66.5123C84.4835 66.4353 84.3911 66.2609 84.3911 66.0043V29.6158C84.3911 29.1386 84.7197 28.5947 85.1152 28.4203C88.5459 26.8656 91.8277 26.7578 94.452 28.0919L98.7455 30.2777V30.2725Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.tertiary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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"
|
||||
d="M98.7456 30.2725C99.0999 30.4521 99.4389 30.6574 99.7624 30.8882C102.7 32.9663 104.349 36.9684 104.349 42.0224C104.349 47.0763 102.7 52.7563 99.7624 57.8256C96.9943 62.5974 93.3016 66.4559 89.4087 68.657C89.2238 68.7597 89.0595 68.7699 88.926 68.7032C88.777 68.6263 88.6846 68.4518 88.6846 68.1953V31.8016C88.6846 31.3244 89.0133 30.7805 89.4087 30.606C92.8394 29.0514 96.1212 28.9436 98.7456 30.2777V30.2725Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
|
|
@ -121,9 +121,9 @@ export function CycleVerticalStackIllustration({ className }: TIllustrationAsset
|
|||
<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"
|
||||
d="M52.5236 1.67268C51.404 1.10315 49.966 1.14933 48.3893 1.95488C44.8302 3.7661 41.949 8.74311 41.949 13.0634C41.949 15.4749 42.8478 17.1784 44.2601 17.8967L41.9695 16.732C40.5572 16.0136 39.6584 14.3102 39.6584 11.8986C39.6584 7.57326 42.5448 2.59625 46.0987 0.790162C47.6703 -0.0102638 49.1134 -0.0615732 50.233 0.507961L52.5236 1.67268Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
|
|
@ -131,23 +131,23 @@ export function CycleVerticalStackIllustration({ className }: TIllustrationAsset
|
|||
<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"
|
||||
d="M52.5236 1.67263C53.9359 2.39096 54.8347 4.09443 54.8347 6.50597C54.8347 10.8313 51.9484 15.8084 48.3944 17.6144C46.8229 18.4149 45.3797 18.4662 44.2601 17.8966C42.8478 17.1783 41.949 15.4748 41.949 13.0633C41.949 8.73793 44.8353 3.76092 48.3893 1.95483C49.9608 1.15441 51.404 1.1031 52.5236 1.67263Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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}
|
||||
d="M49.0158 6.51632C50.7363 5.63894 52.1332 6.62407 52.1332 8.71749C52.1332 10.8109 50.7363 13.2173 49.0158 14.0896C47.2953 14.9618 45.8984 13.9818 45.8984 11.8884C45.8984 9.79499 47.2953 7.38858 49.0158 6.51632ZM49.0158 7.3578C47.6754 8.04021 46.5917 9.913 46.5917 11.5395C46.5917 13.166 47.6754 13.9357 49.0158 13.2532C50.3563 12.5708 51.4399 10.698 51.4399 9.07153C51.4399 7.44502 50.3563 6.67538 49.0158 7.3578ZM49.8427 8.3532C49.9814 8.10691 50.2073 7.99403 50.3511 8.09665C50.4898 8.19927 50.4898 8.47634 50.3511 8.72263L49.2777 10.5954C49.1391 10.8417 48.908 10.9546 48.7693 10.852C48.6306 10.7493 48.6306 10.4723 48.7693 10.226L49.8478 8.3532H49.8427ZM49.7092 4.60249C49.8992 4.505 50.0532 4.61275 50.0532 4.84877C50.0532 5.08479 49.8992 5.3516 49.7092 5.44396L48.3225 6.1469C48.1325 6.24439 47.9784 6.1315 47.9784 5.90061C47.9784 5.66972 48.1325 5.40291 48.3225 5.30542L49.7092 4.60249Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M156.646 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"
|
||||
d="M156.646 38.6513C157.222 38.3588 157.586 37.6661 157.586 36.681V24.0999C157.586 22.3349 156.41 20.3031 154.957 19.5642L122.375 2.98102C121.733 2.65264 121.143 2.63725 120.686 2.86814L122.976 1.70342C123.433 1.47253 124.024 1.48792 124.666 1.8163L157.252 18.4046C158.706 19.1435 159.882 21.1753 159.882 22.9404V35.5214C159.882 36.5065 159.517 37.1992 158.942 37.4917L156.651 38.6564L156.646 38.6513Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
|
|
@ -155,9 +155,9 @@ export function CycleVerticalStackIllustration({ className }: TIllustrationAsset
|
|||
<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"
|
||||
d="M156.646 38.6512C156.189 38.8821 155.599 38.8667 154.957 38.5383L122.37 21.95C120.917 21.2112 119.741 19.1793 119.741 17.4143V4.83837C119.741 3.85323 120.105 3.16056 120.68 2.86809C121.138 2.6372 121.728 2.65259 122.37 2.98097L154.957 19.5693C156.41 20.3081 157.586 22.34 157.586 24.105V36.6861C157.586 37.6712 157.222 38.3639 156.646 38.6563V38.6512Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
|
|
@ -165,39 +165,39 @@ export function CycleVerticalStackIllustration({ className }: TIllustrationAsset
|
|||
<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}
|
||||
d="M133.628 16.8038L141.188 20.652C141.809 20.9701 142.312 20.611 142.312 19.8567C142.312 19.1025 141.809 18.2302 141.188 17.9172L133.628 14.069C133.006 13.7509 132.503 14.1101 132.503 14.8643C132.503 15.6186 133.006 16.4908 133.628 16.8038Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M134.167 23.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}
|
||||
d="M134.167 23.1251L144.767 28.5229C145.64 28.9641 146.344 28.4664 146.344 27.4094C146.344 26.3473 145.635 25.1313 144.767 24.6901L134.167 19.2923C133.294 18.851 132.59 19.3488 132.59 20.4057C132.59 21.4678 133.299 22.6839 134.167 23.1251Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M127.285 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}
|
||||
d="M127.285 12.8991C127.336 13.0684 127.455 13.2326 127.588 13.2993C127.773 13.3968 127.927 13.2839 127.927 13.053V12.6271C127.927 12.4886 127.876 12.3295 127.783 12.2064C127.691 12.0832 127.578 12.0063 127.47 12.0011L125.287 11.9396C125.159 11.9396 125.072 12.0473 125.072 12.2218V15.1567C125.072 15.3055 125.133 15.4697 125.231 15.5979C125.333 15.7262 125.457 15.7929 125.559 15.7775L125.873 15.7313C126.037 15.7057 126.099 15.485 126.017 15.2388C125.96 15.0746 125.857 14.9412 125.744 14.8745V12.8478L127.28 12.8888L127.285 12.8991Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M125.939 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}
|
||||
d="M125.939 10.9596C125.991 11.1289 126.109 11.2931 126.242 11.3598C126.427 11.4573 126.581 11.3444 126.581 11.1135V10.6877C126.581 10.5491 126.53 10.3901 126.438 10.2669C126.345 10.1438 126.232 10.0668 126.124 10.0617L123.942 10.0001C123.813 10.0001 123.726 10.1079 123.726 10.2823V13.2172C123.726 13.366 123.788 13.5302 123.885 13.6585C123.988 13.7868 124.111 13.8535 124.214 13.8381L124.527 13.7919C124.691 13.7662 124.753 13.5456 124.671 13.2993C124.614 13.1351 124.512 13.0017 124.399 12.935V10.9083L125.934 10.9493L125.939 10.9596Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M129.267 14.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}
|
||||
d="M129.267 14.2177C129.175 14.0895 129.062 14.0125 128.959 14.0125L126.777 13.9509C126.648 13.9509 126.561 14.0638 126.561 14.228V17.168C126.561 17.3066 126.612 17.4605 126.705 17.5836C126.802 17.7119 126.915 17.7889 127.018 17.7889L129.196 17.8504C129.329 17.8607 129.416 17.7478 129.416 17.5734V14.6333C129.416 14.4948 129.365 14.3409 129.267 14.2177ZM128.744 16.9474L127.234 16.9012V14.8642L128.744 14.9104V16.9474Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M4.73004 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"
|
||||
d="M4.73004 54.5521C3.3177 53.8338 2.41894 52.1354 2.41894 49.7188C2.41894 45.3934 5.30525 40.4164 8.85921 38.6103L32.6892 26.4808C34.2608 25.6803 35.6988 25.629 36.8184 26.1986L34.5278 25.0338C33.4082 24.4643 31.9702 24.5156 30.3987 25.316L6.56865 37.4456C3.01469 39.2517 0.128387 44.2287 0.128387 48.554C0.128387 50.9707 1.02715 52.669 2.43949 53.3874L4.73004 54.5521Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
|
|
@ -205,44 +205,39 @@ export function CycleVerticalStackIllustration({ className }: TIllustrationAsset
|
|||
<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"
|
||||
d="M4.73004 54.552C5.84964 55.1216 7.28766 55.0703 8.85921 54.2698L32.6892 42.1403C36.2483 40.3291 39.1295 35.3521 39.1295 31.0318C39.1295 28.6152 38.2307 26.9168 36.8184 26.1985C35.6988 25.629 34.2608 25.6803 32.6892 26.4807L8.85921 38.6102C5.30012 40.4215 2.41895 45.3985 2.41895 49.7187C2.41895 52.1354 3.31771 53.8337 4.73004 54.552Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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}
|
||||
d="M12.1153 43.2692C12.2026 43.1358 12.331 43.0793 12.4132 43.1358C12.4953 43.1922 12.5005 43.3461 12.4286 43.4898L12.4132 43.5206L9.30088 48.8927C9.21357 49.0415 9.07491 49.1133 8.9876 49.0517C8.90029 48.9902 8.90029 48.8208 8.9876 48.6669L12.0999 43.2948L12.1153 43.2692Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M9.80932 45.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}
|
||||
d="M9.80932 45.0548C9.80932 44.829 9.66038 44.7264 9.47549 44.8187C9.29061 44.9111 9.14167 45.1676 9.14167 45.3934C9.14167 45.6192 9.29061 45.7218 9.47549 45.6294C9.66038 45.5371 9.80932 45.2805 9.80932 45.0548ZM10.2561 44.829C10.2561 45.3524 9.9069 45.9527 9.47549 46.1733C9.04409 46.3939 8.69485 46.1476 8.69485 45.6243C8.69485 45.1009 9.04409 44.5006 9.47549 44.28C9.9069 44.0594 10.2561 44.3056 10.2561 44.829Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M12.2591 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}
|
||||
d="M12.2591 46.7839C12.2591 46.5581 12.1102 46.4555 11.9253 46.5479C11.7404 46.6402 11.5914 46.8968 11.5914 47.1225C11.5914 47.3483 11.7404 47.4509 11.9253 47.3586C12.1102 47.2662 12.2591 47.0096 12.2591 46.7839ZM12.7008 46.5581C12.7008 47.0815 12.3515 47.6818 11.9201 47.9024C11.4887 48.1231 11.1395 47.8768 11.1395 47.3534C11.1395 46.8301 11.4887 46.2297 11.9201 46.0091C12.3515 45.7885 12.7008 46.0348 12.7008 46.5581Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M10.6259 41.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}
|
||||
d="M10.6259 41.2989C10.6259 41.1552 10.7235 40.991 10.8416 40.9346C11.5349 40.6267 12.2077 40.5241 12.8086 40.6524C13.4711 40.7909 14.0104 41.1963 14.3853 41.8223C14.7551 42.4482 14.94 43.2794 14.9194 44.2184C14.8989 45.1625 14.6678 46.1835 14.262 47.1789C13.8512 48.1743 13.276 49.1082 12.5981 49.8829C11.915 50.6577 11.1549 51.2426 10.3897 51.5762C9.62443 51.9097 8.88488 51.9866 8.24805 51.7917C7.67284 51.6121 7.19521 51.2221 6.86652 50.6475C6.81003 50.55 6.85625 50.3704 6.9641 50.2524C7.07195 50.1344 7.20035 50.1241 7.25684 50.2216C7.55472 50.7295 7.97585 51.0733 8.48943 51.2324C9.06464 51.4068 9.72715 51.3401 10.4153 51.0374C11.1035 50.7347 11.7917 50.2113 12.4029 49.5135C13.014 48.8157 13.5328 47.9794 13.9025 47.0815C14.2723 46.1835 14.4726 45.2651 14.4932 44.4134C14.5137 43.5668 14.3494 42.8177 14.0155 42.2532C13.6817 41.6888 13.1938 41.3246 12.5981 41.2014C12.0639 41.0885 11.4682 41.1758 10.8519 41.4477C10.7338 41.499 10.6362 41.4323 10.6362 41.2886L10.6259 41.2989Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M29.6745 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}
|
||||
d="M29.6745 38.5385L20.954 42.9768C20.2349 43.3411 19.6546 42.9306 19.6546 42.0583C19.6546 41.1861 20.2349 40.1855 20.954 39.8212L29.6745 35.383C30.3935 35.0187 30.9739 35.4292 30.9739 36.3014C30.9739 37.1737 30.3935 38.1742 29.6745 38.5385Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0_446_128653">
|
||||
<rect
|
||||
width="160"
|
||||
height="164"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
transform="translate(0 0.5)"
|
||||
/>
|
||||
<rect width="160" height="164" fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary} />
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
|
|
|||
|
|
@ -13,17 +13,17 @@ export function DashboardVerticalStackIllustration({ className }: TIllustrationA
|
|||
>
|
||||
<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"
|
||||
d="M14.2806 131.177C14.2806 133.122 15.737 135.062 18.6448 136.55L56.0858 155.628C61.9065 158.592 71.3401 158.592 77.1608 155.628L155.836 115.542C158.744 114.06 160.2 112.119 160.2 110.174V116.386C160.2 118.331 158.744 120.271 155.836 121.754L77.1608 161.84C71.3401 164.804 61.9065 164.804 56.0858 161.84L18.6448 142.762C15.7319 141.279 14.2806 139.334 14.2806 137.389V131.177Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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"
|
||||
d="M14.2806 131.177C14.2806 129.232 15.737 127.292 18.6448 125.81L97.3197 85.7233C103.14 82.7589 112.574 82.7589 118.395 85.7233L155.836 104.802C158.749 106.284 160.2 108.229 160.2 110.174C160.2 112.12 158.744 114.06 155.836 115.542L77.1608 155.629C71.3401 158.593 61.9065 158.593 56.0858 155.629L18.6448 136.55C15.7319 135.068 14.2806 133.123 14.2806 131.177Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
|
|
@ -31,72 +31,72 @@ export function DashboardVerticalStackIllustration({ className }: TIllustrationA
|
|||
</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"
|
||||
d="M14.2806 111.554C14.2806 113.499 15.737 115.439 18.6448 116.927L56.0858 136.005C61.9065 138.969 71.3401 138.969 77.1608 136.005L155.836 95.9186C158.744 94.4364 160.2 92.4962 160.2 90.5508V96.7627C160.2 98.7081 158.744 100.648 155.836 102.13L77.1608 142.217C71.3401 145.181 61.9065 145.181 56.0858 142.217L18.6448 123.139C15.7319 121.656 14.2806 119.711 14.2806 117.766V111.554Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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"
|
||||
d="M14.2806 111.554C14.2806 109.609 15.737 107.669 18.6448 106.186L97.3197 66.1003C103.14 63.1359 112.574 63.1359 118.395 66.1003L155.836 85.1785C158.749 86.6607 160.2 88.606 160.2 90.5514C160.2 92.4968 158.744 94.437 155.836 95.9192L77.1608 136.006C71.3401 138.97 61.9065 138.97 56.0858 136.006L18.6448 116.927C15.7319 115.445 14.2806 113.5 14.2806 111.554Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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"
|
||||
d="M14.2806 91.9307C14.2806 93.8761 15.737 95.8163 18.6448 97.3037L56.0858 116.382C61.9065 119.346 71.3401 119.346 77.1608 116.382L155.836 76.2957C158.744 74.8135 160.2 72.8731 160.2 70.9277V77.1396C160.2 79.085 158.744 81.0252 155.836 82.5074L77.1608 122.594C71.3401 125.558 61.9065 125.558 56.0858 122.594L18.6448 103.516C15.7319 102.033 14.2806 100.088 14.2806 98.1426V91.9307Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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"
|
||||
d="M14.2806 91.9314C14.2806 89.986 15.737 88.0458 18.6448 86.5636L97.3197 46.4772C103.14 43.5128 112.574 43.5128 118.395 46.4772L155.836 65.5554C158.749 67.0376 160.2 68.983 160.2 70.9284C160.2 72.8737 158.744 74.8141 155.836 76.2963L77.1608 116.383C71.3401 119.347 61.9065 119.347 56.0858 116.383L18.6448 97.3043C15.7319 95.8221 14.2806 93.8767 14.2806 91.9314Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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"
|
||||
d="M98.6889 81.9835C98.0198 81.9835 97.3971 81.8395 96.831 81.5513L92.2454 79.2148C90.6242 78.3862 89.6927 76.4871 89.6927 73.9911V63.698C89.6927 59.2669 92.6623 54.146 96.3163 52.2881L104.777 47.9805C105.698 47.5122 106.599 47.2754 107.459 47.2754C108.128 47.2754 108.75 47.4195 109.316 47.7077L113.902 50.0443C115.523 50.8729 116.455 52.7719 116.455 55.268V65.561C116.455 69.9922 113.485 75.1078 109.831 76.9708L101.37 81.2785C100.449 81.7468 99.5483 81.9835 98.6889 81.9835Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
/>
|
||||
<path
|
||||
d="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}
|
||||
d="M107.459 47.7852C108.05 47.7852 108.596 47.9138 109.08 48.1609L113.665 50.4974C115.055 51.2076 115.94 52.8802 115.94 55.2579V65.551C115.94 69.8123 113.099 74.717 109.594 76.5028L101.133 80.8105C100.264 81.2531 99.4402 81.464 98.6837 81.464C98.0918 81.464 97.5463 81.3353 97.0625 81.0883L92.477 78.7519C91.0874 78.0417 90.2022 76.369 90.2022 73.9914V63.6983C90.2022 59.437 93.0431 54.5323 96.5479 52.7465L105.009 48.4388C105.879 47.9962 106.702 47.7852 107.459 47.7852ZM107.459 46.7559C106.517 46.7559 105.539 47.0132 104.54 47.5175L96.0796 51.8252C92.2094 53.7964 89.1729 59.0098 89.1729 63.6932V73.9862C89.1729 76.6778 90.2074 78.7466 92.0087 79.6679L96.5942 82.0044C97.2324 82.3286 97.9323 82.4933 98.6837 82.4933C99.6255 82.4933 100.603 82.236 101.597 81.7316L110.057 77.424C113.928 75.4529 116.964 70.2395 116.964 65.5561V55.2631C116.964 52.5714 115.93 50.5025 114.128 49.5813L109.543 47.2448C108.905 46.9205 108.205 46.7559 107.453 46.7559H107.459Z"
|
||||
fill="var(--illustration-stroke-tertiary)"
|
||||
/>
|
||||
<path
|
||||
d="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"
|
||||
d="M98.6889 43.4986C98.0198 43.4986 97.3971 43.3544 96.831 43.0662L92.2454 40.7297C90.6242 39.9011 89.6927 38.0021 89.6927 35.506V25.2129C89.6927 20.7818 92.6623 15.6609 96.3163 13.803L104.777 9.49544C105.698 9.02711 106.599 8.78516 107.459 8.78516C108.128 8.78516 108.75 8.9293 109.316 9.21751L113.902 11.5541C115.523 12.3826 116.455 14.2817 116.455 16.7777V27.0708C116.455 31.5019 113.485 36.6228 109.831 38.4807L101.37 42.7883C100.449 43.2566 99.5483 43.4934 98.6889 43.4934V43.4986Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
/>
|
||||
<path
|
||||
d="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}
|
||||
d="M107.459 9.3047C108.05 9.3047 108.596 9.43335 109.08 9.68038L113.665 12.0169C115.055 12.7271 115.94 14.3998 115.94 16.7775V27.0705C115.94 31.3318 113.099 36.2365 109.594 38.0223L101.133 42.33C100.264 42.7726 99.4402 42.9837 98.6837 42.9837C98.0918 42.9837 97.5463 42.8549 97.0625 42.6078L92.477 40.2714C91.0874 39.5612 90.2022 37.8886 90.2022 35.5109V25.2178C90.2022 20.9565 93.0431 16.0519 96.5479 14.266L105.009 9.95831C105.879 9.51571 106.702 9.3047 107.459 9.3047ZM107.459 8.27539C106.517 8.27539 105.539 8.53271 104.54 9.03707L96.0796 13.3448C92.2094 15.3159 89.1729 20.5293 89.1729 25.2127V35.5057C89.1729 38.1974 90.2074 40.2662 92.0087 41.1874L96.5942 43.5239C97.2324 43.8482 97.9323 44.013 98.6837 44.013C99.6255 44.013 100.603 43.7555 101.602 43.2512L110.063 38.9436C113.933 36.9725 116.969 31.759 116.969 27.0757V16.7826C116.969 14.091 115.935 12.0221 114.134 11.1008L109.548 8.76429C108.91 8.44005 108.21 8.27539 107.459 8.27539Z"
|
||||
fill="var(--illustration-stroke-tertiary)"
|
||||
/>
|
||||
<path
|
||||
d="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"
|
||||
d="M67.6862 96.1417C67.0171 96.1417 66.3944 95.9977 65.8283 95.7095L61.2427 93.373C59.6216 92.5444 58.6901 90.6452 58.6901 88.1492V77.8561C58.6901 73.425 61.6596 68.3042 65.3136 66.4463L73.7745 62.1387C74.6957 61.6704 75.5964 61.4336 76.4559 61.4336C77.1249 61.4336 77.7476 61.5777 78.3138 61.8659L82.8993 64.2025C84.5205 65.0311 85.452 66.9352 85.452 69.4262V79.7192C85.452 84.1504 82.4825 89.266 78.8284 91.129L70.3675 95.4367C69.4463 95.9051 68.5456 96.1417 67.6862 96.1417Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
/>
|
||||
<path
|
||||
d="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}
|
||||
d="M76.4559 61.9492C77.0478 61.9492 77.5933 62.0779 78.0771 62.3249L82.6626 64.6615C84.0521 65.3717 84.9374 67.0443 84.9374 69.422V79.715C84.9374 83.9764 82.0965 88.881 78.5917 90.6669L70.1308 94.9744C69.261 95.417 68.4376 95.6281 67.6811 95.6281C67.0892 95.6281 66.5437 95.4994 66.0599 95.2524L61.4744 92.9158C60.0848 92.2056 59.1996 90.533 59.1996 88.1553V77.8622C59.1996 73.6009 62.0405 68.6964 65.5452 66.9105L74.0062 62.6028C74.8759 62.1602 75.6994 61.9492 76.4559 61.9492ZM76.4559 60.9199C75.5141 60.9199 74.5362 61.1772 73.5378 61.6816L65.0769 65.9893C61.2068 67.9604 58.1703 73.1738 58.1703 77.8571V88.1501C58.1703 90.8418 59.2047 92.9107 61.006 93.8319L65.5916 96.1685C66.2298 96.4927 66.9297 96.6574 67.6811 96.6574C68.6229 96.6574 69.6007 96.4 70.594 95.8957L79.0549 91.5881C82.9251 89.617 85.9615 84.4035 85.9615 79.7202V69.4271C85.9615 66.7355 84.9271 64.6666 83.1258 63.7454L78.5402 61.4088C77.902 61.0846 77.2021 60.9199 76.4508 60.9199H76.4559Z"
|
||||
fill="var(--illustration-stroke-tertiary)"
|
||||
/>
|
||||
<path
|
||||
d="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"
|
||||
d="M67.6862 57.6625C67.0171 57.6625 66.3944 57.5185 65.8283 57.2303L61.2427 54.8937C59.6216 54.0651 58.6901 52.1661 58.6901 49.6701V39.377C58.6901 34.9459 61.6596 29.8301 65.3136 27.9671L73.7745 23.6595C74.6957 23.1912 75.5964 22.9492 76.4559 22.9492C77.1249 22.9492 77.7476 23.0934 78.3138 23.3816L82.8993 25.7181C84.5205 26.5467 85.452 28.4509 85.452 30.9418V41.2348C85.452 45.666 82.4825 50.7816 78.8284 52.6446L70.3675 56.9523C69.4463 57.4207 68.5456 57.6574 67.6862 57.6574V57.6625Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
/>
|
||||
<path
|
||||
d="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}
|
||||
d="M76.4559 23.4688C77.0478 23.4688 77.5933 23.5974 78.0771 23.8444L82.6626 26.181C84.0521 26.8912 84.9374 28.5638 84.9374 30.9415V41.2346C84.9374 45.4959 82.0965 50.4005 78.5917 52.1864L70.1308 56.4941C69.261 56.9367 68.4376 57.1476 67.6811 57.1476C67.0892 57.1476 66.5437 57.0189 66.0599 56.7719L61.4744 54.4355C60.0848 53.7253 59.1996 52.0526 59.1996 49.6749V39.3819C59.1996 35.1206 62.0405 30.2159 65.5452 28.4301L74.0062 24.1224C74.8759 23.6798 75.6994 23.4688 76.4559 23.4688ZM76.4559 22.4395C75.5141 22.4395 74.5362 22.6968 73.5378 23.2011L65.0769 27.5088C61.2068 29.4799 58.1703 34.6934 58.1703 39.3767V49.6698C58.1703 52.3614 59.2047 54.4302 61.006 55.3515L65.5916 57.688C66.2298 58.0122 66.9297 58.1769 67.6811 58.1769C68.6229 58.1769 69.6007 57.9196 70.5992 57.4152L79.06 53.1076C82.9302 51.1365 85.9667 45.9231 85.9667 41.2397V30.9467C85.9667 28.255 84.9322 26.1861 83.1309 25.2649L78.5454 22.9283C77.9072 22.6041 77.2073 22.4395 76.4559 22.4395Z"
|
||||
fill="var(--illustration-stroke-tertiary)"
|
||||
/>
|
||||
<path
|
||||
d="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"
|
||||
d="M113.665 50.4979C112.564 49.9369 111.144 49.9833 109.594 50.7758L101.133 55.0834C97.6287 56.8693 94.7878 61.7739 94.7878 66.0352V76.3283C94.7878 78.706 95.673 80.3837 97.0626 81.0888L92.4771 78.7524C91.0875 78.0422 90.2023 76.3696 90.2023 73.9919V63.6988C90.2023 59.4375 93.0431 54.5328 96.5479 52.747L105.009 48.4393C106.558 47.6519 107.978 47.6004 109.08 48.1614L113.665 50.4979Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.tertiary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
|
|
@ -104,7 +104,7 @@ export function DashboardVerticalStackIllustration({ className }: TIllustrationA
|
|||
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"
|
||||
d="M113.665 50.4973C115.055 51.2075 115.94 52.8801 115.94 55.2578V65.5509C115.94 69.8122 113.099 74.7169 109.594 76.5027L101.133 80.8104C99.5844 81.5978 98.1639 81.6492 97.0626 81.0882C95.673 80.378 94.7878 78.7054 94.7878 76.3277V66.0346C94.7878 61.7733 97.6287 56.8687 101.133 55.0828L109.594 50.7752C111.144 49.9878 112.564 49.9363 113.665 50.4973Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
|
|
@ -112,7 +112,7 @@ export function DashboardVerticalStackIllustration({ className }: TIllustrationA
|
|||
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"
|
||||
d="M113.665 12.0174C112.564 11.4565 111.144 11.5028 109.594 12.2954L101.133 16.6031C97.6287 18.3889 94.7878 23.2934 94.7878 27.5548V37.8478C94.7878 40.2255 95.673 41.9033 97.0626 42.6083L92.4771 40.2719C91.0875 39.5617 90.2023 37.8891 90.2023 35.5114V25.2183C90.2023 20.957 93.0431 16.0524 96.5479 14.2665L105.009 9.95883C106.558 9.17141 107.978 9.11992 109.08 9.68089L113.665 12.0174Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
|
|
@ -120,7 +120,7 @@ export function DashboardVerticalStackIllustration({ className }: TIllustrationA
|
|||
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"
|
||||
d="M113.665 12.0168C115.055 12.7271 115.94 14.3997 115.94 16.7774V27.0704C115.94 31.3317 113.099 36.2364 109.594 38.0222L101.133 42.3299C99.5844 43.1174 98.1639 43.1687 97.0626 42.6077C95.673 41.8975 94.7878 40.2249 94.7878 37.8472V27.5542C94.7878 23.2928 97.6287 18.3883 101.133 16.6025L109.594 12.2948C111.144 11.5073 112.564 11.4559 113.665 12.0168Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
|
|
@ -128,7 +128,7 @@ export function DashboardVerticalStackIllustration({ className }: TIllustrationA
|
|||
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"
|
||||
d="M113.665 12.0174C112.564 11.4565 111.144 11.5028 109.594 12.2954L101.133 16.6031C97.6287 18.3889 94.7878 23.2934 94.7878 27.5548V37.8478C94.7878 40.2255 95.673 41.9033 97.0626 42.6083L92.4771 40.2719C91.0875 39.5617 90.2023 37.8891 90.2023 35.5114V25.2183C90.2023 20.957 93.0431 16.0524 96.5479 14.2665L105.009 9.95883C106.558 9.17141 107.978 9.11992 109.08 9.68089L113.665 12.0174Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.tertiary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
|
|
@ -136,7 +136,7 @@ export function DashboardVerticalStackIllustration({ className }: TIllustrationA
|
|||
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"
|
||||
d="M113.665 12.0168C115.055 12.7271 115.94 14.3997 115.94 16.7774V27.0704C115.94 31.3317 113.099 36.2364 109.594 38.0222L101.133 42.3299C99.5844 43.1174 98.1639 43.1687 97.0626 42.6077C95.673 41.8975 94.7878 40.2249 94.7878 37.8472V27.5542C94.7878 23.2928 97.6287 18.3883 101.133 16.6025L109.594 12.2948C111.144 11.5073 112.564 11.4559 113.665 12.0168Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
|
|
@ -144,7 +144,7 @@ export function DashboardVerticalStackIllustration({ className }: TIllustrationA
|
|||
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"
|
||||
d="M82.6626 64.662C81.5612 64.101 80.1408 64.1473 78.5917 64.9399L70.1308 69.2475C66.626 71.0333 63.7852 75.938 63.7852 80.1993V90.4923C63.7852 92.87 64.6703 94.5478 66.0599 95.2529L61.4744 92.9163C60.0848 92.2061 59.1996 90.5335 59.1996 88.1558V77.8628C59.1996 73.6014 62.0404 68.6969 65.5452 66.9111L74.0061 62.6034C75.5553 61.8159 76.9757 61.7645 78.0771 62.3254L82.6626 64.662Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.tertiary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
|
|
@ -152,7 +152,7 @@ export function DashboardVerticalStackIllustration({ className }: TIllustrationA
|
|||
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"
|
||||
d="M82.6626 64.6614C84.0521 65.3716 84.9374 67.0442 84.9374 69.4219V79.7149C84.9374 83.9763 82.0965 88.8809 78.5917 90.6668L70.1308 94.9743C68.5817 95.7618 67.1612 95.8132 66.0599 95.2523C64.6703 94.5421 63.7852 92.8694 63.7852 90.4917V80.1987C63.7852 75.9374 66.626 71.0327 70.1308 69.2469L78.5917 64.9393C80.1408 64.1519 81.5612 64.1004 82.6626 64.6614Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
|
|
@ -160,7 +160,7 @@ export function DashboardVerticalStackIllustration({ className }: TIllustrationA
|
|||
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"
|
||||
d="M82.6626 26.1815C81.5612 25.6205 80.1408 25.6669 78.5917 26.4594L70.1308 30.767C66.626 32.5529 63.7852 37.4575 63.7852 41.7188V52.0119C63.7852 54.3896 64.6703 56.0673 66.0599 56.7724L61.4744 54.436C60.0848 53.7258 59.1996 52.0532 59.1996 49.6755V39.3824C59.1996 35.1211 62.0404 30.2164 65.5452 28.4306L74.0061 24.1229C75.5553 23.3355 76.9757 23.284 78.0771 23.845L82.6626 26.1815Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
|
|
@ -168,7 +168,7 @@ export function DashboardVerticalStackIllustration({ className }: TIllustrationA
|
|||
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"
|
||||
d="M82.6626 26.1809C84.0521 26.8911 84.9374 28.5637 84.9374 30.9414V41.2345C84.9374 45.4958 82.0965 50.4005 78.5917 52.1863L70.1308 56.494C68.5817 57.2814 67.1612 57.3328 66.0599 56.7718C64.6703 56.0616 63.7852 54.389 63.7852 52.0113V41.7182C63.7852 37.4569 66.626 32.5522 70.1308 30.7664L78.5917 26.4588C80.1408 25.6714 81.5612 25.6199 82.6626 26.1809Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
|
|
@ -176,7 +176,7 @@ export function DashboardVerticalStackIllustration({ className }: TIllustrationA
|
|||
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"
|
||||
d="M82.6626 26.1815C81.5612 25.6205 80.1408 25.6669 78.5917 26.4594L70.1308 30.767C66.626 32.5529 63.7852 37.4575 63.7852 41.7188V52.0119C63.7852 54.3896 64.6703 56.0673 66.0599 56.7724L61.4744 54.436C60.0848 53.7258 59.1996 52.0532 59.1996 49.6755V39.3824C59.1996 35.1211 62.0404 30.2164 65.5452 28.4306L74.0061 24.1229C75.5553 23.3355 76.9757 23.284 78.0771 23.845L82.6626 26.1815Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.tertiary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
|
|
@ -184,7 +184,7 @@ export function DashboardVerticalStackIllustration({ className }: TIllustrationA
|
|||
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"
|
||||
d="M82.6626 26.1809C84.0521 26.8911 84.9374 28.5637 84.9374 30.9414V41.2345C84.9374 45.4958 82.0965 50.4005 78.5917 52.1863L70.1308 56.494C68.5817 57.2814 67.1612 57.3328 66.0599 56.7718C64.6703 56.0616 63.7852 54.389 63.7852 52.0113V41.7182C63.7852 37.4569 66.626 32.5522 70.1308 30.7664L78.5917 26.4588C80.1408 25.6714 81.5612 25.6199 82.6626 26.1809Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
|
|
@ -194,9 +194,9 @@ export function DashboardVerticalStackIllustration({ className }: TIllustrationA
|
|||
<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"
|
||||
d="M4.81131 65.6072C3.39602 64.8867 2.49537 63.1831 2.49537 60.7591C2.49537 56.4206 5.38771 51.4285 8.9491 49.6169L35.5515 36.0867C37.1264 35.2838 38.5673 35.2323 39.6893 35.8036L37.394 34.6353C36.272 34.0641 34.831 34.1156 33.2561 34.9184L6.65377 48.4486C3.08723 50.2654 0.200012 55.2574 0.200012 59.5908C0.200012 62.0148 1.10065 63.7184 2.51595 64.4389L4.81131 65.6072Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
|
|
@ -204,63 +204,63 @@ export function DashboardVerticalStackIllustration({ className }: TIllustrationA
|
|||
<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"
|
||||
d="M4.8113 65.6069C5.93324 66.1782 7.37426 66.1267 8.94909 65.3238L35.5515 51.7936C39.1181 49.9769 42.0052 44.9848 42.0052 40.6514C42.0052 38.2274 41.1046 36.5238 39.6893 35.8033C38.5673 35.232 37.1264 35.2835 35.5515 36.0864L8.94909 49.6166C5.38255 51.4333 2.49536 56.4254 2.49536 60.7588C2.49536 63.1828 3.396 64.8864 4.8113 65.6069Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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}
|
||||
d="M12.6083 55.7262C12.2635 55.9011 11.9804 55.7056 11.9804 55.2836V52.2266C11.9804 52.0105 12.0525 51.7686 12.1811 51.5627C12.3046 51.362 12.4693 51.2127 12.6391 51.1458C14.2654 50.5128 15.5675 51.434 15.7322 53.3331C15.7477 53.5286 15.6962 53.7551 15.583 53.9661C15.4646 54.1822 15.2999 54.3572 15.1249 54.4447L12.6134 55.7262H12.6083ZM12.6083 51.9229V54.9593L15.1044 53.6882C14.9602 52.1751 13.9155 51.434 12.6083 51.9229Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="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}
|
||||
d="M12.2892 59.7039C11.8415 59.9303 11.3886 60.0589 10.946 60.0538C10.0968 60.0538 9.43804 59.57 9.08808 58.7053C8.73812 57.8407 8.7484 56.693 9.10865 55.4785C9.45347 54.3051 10.0916 53.1935 10.9099 52.3443C11.0695 52.1796 11.2547 52.1745 11.3217 52.3289C11.3886 52.4832 11.3217 52.7508 11.157 52.9155C10.4931 53.6103 9.96812 54.5212 9.68506 55.4785C9.39171 56.4717 9.38658 57.4136 9.66964 58.1187C9.9527 58.8238 10.4931 59.2148 11.1879 59.22C12.6238 59.2251 14.2861 57.5577 14.8933 55.5042C14.9602 55.2778 15.1455 55.0925 15.3051 55.0925C15.4646 55.0925 15.5418 55.2778 15.4698 55.5094C14.9139 57.393 13.6324 59.0142 12.2841 59.6987L12.2892 59.7039Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="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}
|
||||
d="M22.644 49.7053C22.469 49.7928 22.3249 49.695 22.3249 49.4789V47.9349C22.3249 47.7239 22.469 47.4768 22.644 47.3893C22.819 47.3018 22.9631 47.3997 22.9631 47.6159V49.1598C22.9631 49.3708 22.819 49.6178 22.644 49.7053Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="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}
|
||||
d="M22.9579 51.8611L22.3249 52.1852C21.9749 52.3654 21.6919 52.1646 21.6919 51.7374V50.1935C21.6919 49.7663 21.9749 49.2774 22.3249 49.0973L22.9579 48.7731C23.3079 48.593 23.5909 48.7937 23.5909 49.2208V50.7648C23.5909 51.1919 23.3079 51.6809 22.9579 51.8611ZM22.3249 49.8693V51.4132L22.9579 51.0891V49.5451L22.3249 49.8693Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="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}
|
||||
d="M22.644 52.7927C22.469 52.8802 22.3249 52.7824 22.3249 52.5663V51.7943C22.3249 51.5833 22.469 51.3362 22.644 51.2487C22.819 51.1612 22.9631 51.2591 22.9631 51.4753V52.2472C22.9631 52.4582 22.819 52.7052 22.644 52.7927Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M25.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}
|
||||
d="M25.1761 46.8747C25.0011 46.9622 24.857 46.8644 24.857 46.6483V45.8763C24.857 45.6653 25.0011 45.4182 25.1761 45.3307C25.3511 45.2433 25.4952 45.3411 25.4952 45.5573V46.3293C25.4952 46.5403 25.3511 46.7872 25.1761 46.8747Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="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}
|
||||
d="M25.4952 49.7978L24.8621 50.122C24.5122 50.3021 24.2291 50.1015 24.2291 49.6743V47.3634C24.2291 46.9362 24.5122 46.4474 24.8621 46.2672L25.4952 45.9431C25.8451 45.7629 26.1282 45.9636 26.1282 46.3907V48.7015C26.1282 49.1287 25.8451 49.6177 25.4952 49.7978ZM24.8621 47.0341V49.3448L25.4952 49.0207V46.7099L24.8621 47.0341Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M25.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}
|
||||
d="M25.1761 51.1162C25.0011 51.2036 24.857 51.1059 24.857 50.8897V49.7318C24.857 49.5208 25.0011 49.2737 25.1761 49.1862C25.3511 49.0987 25.4952 49.1966 25.4952 49.4128V50.5707C25.4952 50.7817 25.3511 51.0287 25.1761 51.1162Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="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}
|
||||
d="M26.4421 52.3961L21.3728 54.9796C20.8479 55.2472 20.4207 54.9437 20.4207 54.3055V48.1399C20.4207 47.9289 20.5648 47.6819 20.7398 47.5944C20.9148 47.5069 21.0589 47.6047 21.0589 47.8209V53.9864C21.0589 54.1974 21.203 54.3003 21.378 54.2128L26.4473 51.6292C26.6223 51.5417 26.7664 51.6396 26.7664 51.8558C26.7664 52.0719 26.6223 52.3137 26.4473 52.4012L26.4421 52.3961Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="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}
|
||||
d="M35.8139 47.8108L31.0586 50.2348C30.5696 50.4869 30.1682 50.2039 30.1682 49.6069V43.8222C30.1682 43.6215 30.3021 43.3951 30.4668 43.3076C30.6314 43.2201 30.7652 43.3178 30.7652 43.5185V49.3032C30.7652 49.5039 30.899 49.5966 31.0637 49.5143L35.8191 47.0903C35.9838 47.008 36.1176 47.1006 36.1176 47.3013C36.1176 47.502 35.9838 47.7284 35.8191 47.8159L35.8139 47.8108Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="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}
|
||||
d="M31.6556 48.1256C31.6556 48.1256 31.6092 48.1461 31.5835 48.1512C31.424 48.1821 31.3262 48.038 31.3674 47.8219L31.4034 47.6211C31.5835 46.6124 31.9232 44.734 32.8444 44.2657C33.3025 44.0341 33.5238 44.3273 33.6833 44.5383C33.8326 44.7339 33.9046 44.806 34.0281 44.7443C34.4759 44.5178 35.0369 42.8966 35.2273 41.8776C35.2685 41.6615 35.428 41.466 35.5875 41.4299C35.7471 41.3991 35.8449 41.5431 35.8037 41.7593C35.7985 41.7901 35.1964 44.8729 34.0281 45.4647C33.5701 45.6963 33.3488 45.403 33.1892 45.192C33.04 44.9964 32.968 44.9244 32.8444 44.9861C32.3915 45.2177 32.093 46.8749 31.9798 47.4976L31.9438 47.7035C31.9078 47.8837 31.7894 48.0587 31.6556 48.1256Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="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"
|
||||
d="M143.232 28.2533C144.452 27.6306 146.027 27.6821 147.746 28.557C151.631 30.5384 154.781 35.9731 154.781 40.6976C154.781 43.3326 153.803 45.1957 152.259 45.9779L154.755 44.7068C156.294 43.9193 157.277 42.0614 157.277 39.4264C157.277 34.7019 154.127 29.2621 150.242 27.2858C148.523 26.4109 146.953 26.3594 145.728 26.9822L143.232 28.2533Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
|
|
@ -268,9 +268,9 @@ export function DashboardVerticalStackIllustration({ className }: TIllustrationA
|
|||
<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"
|
||||
d="M143.232 28.2536C141.693 29.0411 140.71 30.899 140.71 33.534C140.71 38.2585 143.86 43.6984 147.746 45.6747C149.464 46.5496 151.034 46.601 152.259 45.9782C153.798 45.1908 154.781 43.3329 154.781 40.6979C154.781 35.9734 151.631 30.5336 147.746 28.5573C146.027 27.6824 144.457 27.6309 143.232 28.2536Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
|
|
@ -278,21 +278,21 @@ export function DashboardVerticalStackIllustration({ className }: TIllustrationA
|
|||
<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}
|
||||
d="M143.973 35.9737C143.973 38.2227 145.471 40.8114 147.323 41.7532C149.176 42.6951 150.674 41.6348 150.674 39.3858C150.674 37.1368 149.176 34.5481 147.323 33.6062C145.476 32.6644 143.973 33.7247 143.973 35.9737ZM147.323 42.659C145.064 41.5062 143.232 38.3411 143.232 35.5929C143.232 32.8446 145.064 31.5476 147.323 32.6953C149.583 33.843 151.415 37.0134 151.415 39.7616C151.415 42.5098 149.583 43.8067 147.323 42.659Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="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}
|
||||
d="M145.46 36.7301C145.46 37.9807 146.294 39.4166 147.318 39.9415C148.348 40.4665 149.181 39.8746 149.181 38.624C149.181 37.3734 148.348 35.9375 147.318 35.4125C146.289 34.8876 145.46 35.4795 145.46 36.7301ZM147.323 40.8473C145.882 40.1165 144.719 38.0991 144.719 36.3492C144.719 34.5994 145.888 33.7759 147.323 34.5067C148.759 35.2376 149.928 37.255 149.928 39.0048C149.928 40.7546 148.759 41.5781 147.323 40.8473Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="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"
|
||||
d="M47.2959 1.74891C46.1739 1.17765 44.7329 1.22399 43.1529 2.03199C39.5864 3.84872 36.6992 8.8408 36.6992 13.1742C36.6992 15.593 37.5998 17.3018 39.0151 18.0223L36.7197 16.854C35.3045 16.1335 34.4038 14.4248 34.4038 12.0059C34.4038 7.66738 37.2962 2.6753 40.8576 0.863723C42.4324 0.0608651 43.8786 0.00937468 45.0005 0.580639L47.2959 1.74891Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
|
|
@ -300,20 +300,20 @@ export function DashboardVerticalStackIllustration({ className }: TIllustrationA
|
|||
<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"
|
||||
d="M47.2959 1.74861C48.7112 2.46912 49.6118 4.17773 49.6118 6.59659C49.6118 10.9351 46.7195 15.9273 43.1581 17.7389C41.5832 18.5418 40.1371 18.5932 39.0152 18.022C37.5999 17.3015 36.6992 15.5927 36.6992 13.1739C36.6992 8.83535 39.5915 3.84327 43.1529 2.03169C44.7278 1.22883 46.174 1.17734 47.2959 1.74861Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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}
|
||||
d="M46.7915 8.91855C46.5908 9.02148 46.4262 8.90826 46.4262 8.66122V6.44819L44.6043 7.37459C44.4036 7.47752 44.2389 7.3643 44.2389 7.11726C44.2389 6.87023 44.4036 6.59233 44.6043 6.4894L46.7864 5.3778C46.9871 5.27487 47.1518 5.38809 47.1518 5.63513V8.29069C47.1518 8.53772 46.9871 8.81562 46.7864 8.91855H46.7915Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="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}
|
||||
d="M39.5144 14.4006C39.4218 14.447 39.3291 14.4521 39.2571 14.4006C39.113 14.2977 39.113 14.0198 39.2571 13.7728L41.6245 9.69149C41.7686 9.44446 41.995 9.33123 42.1391 9.42901L43.7037 10.5356L46.5394 5.64124C46.6835 5.39421 46.91 5.28098 47.0541 5.37876C47.1982 5.48169 47.1982 5.75959 47.0541 6.00662L43.961 11.3487C43.8169 11.5957 43.5904 11.7089 43.4463 11.6111L41.8818 10.5047L39.7717 14.1433C39.6997 14.2668 39.607 14.3543 39.5144 14.4058V14.4006Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
|
|
|
|||
|
|
@ -13,17 +13,17 @@ export function DraftVerticalStackIllustration({ className }: TIllustrationAsset
|
|||
>
|
||||
<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"
|
||||
d="M13.9752 140.966C13.9752 142.915 15.4347 144.86 18.3486 146.35L55.8679 165.468C61.7008 168.439 71.1541 168.439 76.987 165.468L155.827 125.298C158.741 123.813 160.2 121.868 160.2 119.919V126.144C160.2 128.093 158.741 130.038 155.827 131.523L76.987 171.693C71.1541 174.664 61.7008 174.664 55.8679 171.693L18.3486 152.575C15.4295 151.09 13.9752 149.14 13.9752 147.191V140.966Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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"
|
||||
d="M13.9752 140.966C13.9752 139.016 15.4347 137.072 18.3486 135.587L97.1882 95.4164C103.021 92.4458 112.474 92.4458 118.307 95.4164L155.827 114.535C158.746 116.02 160.2 117.969 160.2 119.919C160.2 121.868 158.741 123.812 155.827 125.298L76.987 165.468C71.1541 168.439 61.7008 168.439 55.8679 165.468L18.3486 146.35C15.4295 144.865 13.9752 142.915 13.9752 140.966Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
|
|
@ -31,48 +31,48 @@ export function DraftVerticalStackIllustration({ className }: TIllustrationAsset
|
|||
</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"
|
||||
d="M13.9752 121.301C13.9752 123.25 15.4347 125.195 18.3486 126.685L55.8679 145.803C61.7008 148.774 71.1541 148.774 76.987 145.803L155.827 105.633C158.741 104.148 160.2 102.203 160.2 100.254V106.479C160.2 108.428 158.741 110.373 155.827 111.858L76.987 152.028C71.1541 154.999 61.7008 154.999 55.8679 152.028L18.3486 132.91C15.4295 131.425 13.9752 129.475 13.9752 127.526V121.301Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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"
|
||||
d="M13.9752 121.301C13.9752 119.351 15.4347 117.407 18.3486 115.922L97.1882 75.7514C103.021 72.7808 112.474 72.7808 118.307 75.7514L155.827 94.8695C158.746 96.3548 160.2 98.3042 160.2 100.254C160.2 102.203 158.741 104.147 155.827 105.633L76.987 145.803C71.1541 148.774 61.7008 148.774 55.8679 145.803L18.3486 126.685C15.4295 125.2 13.9752 123.25 13.9752 121.301Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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"
|
||||
d="M13.9752 101.636C13.9752 103.585 15.4347 105.53 18.3486 107.02L55.8679 126.138C61.7008 129.109 71.1541 129.109 76.987 126.138L155.827 85.9679C158.741 84.4826 160.2 82.5383 160.2 80.5889V86.8137C160.2 88.7632 158.741 90.7075 155.827 92.1928L76.987 132.363C71.1541 135.334 61.7008 135.334 55.8679 132.363L18.3486 113.245C15.4295 111.76 13.9752 109.81 13.9752 107.861V101.636Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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"
|
||||
d="M13.9752 101.636C13.9752 99.6861 15.4347 97.7418 18.3486 96.2565L97.1882 56.0864C103.021 53.1157 112.474 53.1157 118.307 56.0864L155.827 75.2045C158.746 76.6898 160.2 78.6392 160.2 80.5887C160.2 82.5381 158.741 84.4824 155.827 85.9677L76.987 126.138C71.1541 129.109 61.7008 129.109 55.8679 126.138L18.3486 107.02C15.4295 105.535 13.9752 103.585 13.9752 101.636Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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"
|
||||
d="M71.5151 94.7146C70.6126 94.7146 69.7668 94.5186 69.0087 94.1318L64.7023 91.9348C62.5002 90.8105 61.2366 88.2112 61.2366 84.8022V52.2597C61.2366 46.1225 65.3521 39.0312 70.4063 36.4526L97.1521 22.827C98.4156 22.1823 99.6482 21.8574 100.819 21.8574C101.721 21.8574 102.567 22.0534 103.325 22.4402L107.632 24.6372C109.834 25.7615 111.097 28.3608 111.097 31.7697V64.3123C111.097 70.4495 106.982 77.5408 101.928 80.1194L75.182 93.745C73.9184 94.3897 72.6858 94.7146 71.5151 94.7146Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
/>
|
||||
<path
|
||||
d="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}
|
||||
d="M100.814 22.3733C101.644 22.3733 102.407 22.5538 103.088 22.8993L107.394 25.0963C109.339 26.0865 110.582 28.4382 110.582 31.7699V64.3124C110.582 70.2897 106.6 77.1592 101.69 79.6605L74.9448 93.2861C73.7276 93.905 72.5672 94.1989 71.5151 94.1989C70.6848 94.1989 69.9216 94.0184 69.2408 93.6729L64.9344 91.4759C62.985 90.4857 61.7472 88.134 61.7472 84.8023V52.2598C61.7472 46.2825 65.7286 39.413 70.6384 36.9117L97.3841 23.2861C98.6013 22.6672 99.7565 22.3733 100.814 22.3733ZM100.814 21.3418C99.5605 21.3418 98.2506 21.6873 96.9148 22.3681L70.1691 35.9937C64.9551 38.6497 60.7158 45.9473 60.7158 52.2598V84.8023C60.7158 88.4125 62.0825 91.1819 64.4651 92.3939L68.7715 94.5909C69.6069 95.0138 70.5249 95.2304 71.5151 95.2304C72.7684 95.2304 74.0783 94.8849 75.4141 94.2041L102.16 80.5785C107.374 77.9225 111.613 70.6249 111.613 64.3124V31.7699C111.613 28.1597 110.246 25.3903 107.864 24.1783L103.557 21.9813C102.722 21.5584 101.804 21.3418 100.814 21.3418Z"
|
||||
fill="var(--illustration-stroke-tertiary)"
|
||||
/>
|
||||
<path
|
||||
d="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"
|
||||
d="M107.394 25.0964C105.852 24.3074 103.862 24.3744 101.69 25.4832L74.9447 39.1088C70.035 41.6101 66.0535 48.4796 66.0535 54.4569V86.9995C66.0535 90.3311 67.2913 92.6828 69.2408 93.673L64.9344 91.476C62.9849 90.4858 61.7472 88.1341 61.7472 84.8025V52.2599C61.7472 46.2826 65.7286 39.4131 70.6384 36.9118L97.3841 23.2862C99.5553 22.1774 101.546 22.1155 103.088 22.8994L107.394 25.0964Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.tertiary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
|
|
@ -80,7 +80,7 @@ export function DraftVerticalStackIllustration({ className }: TIllustrationAsset
|
|||
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"
|
||||
d="M107.394 25.0957C109.344 26.0859 110.582 28.4376 110.582 31.7693V64.3118C110.582 70.2891 106.6 77.1586 101.69 79.6599L74.9447 93.2855C72.7735 94.3943 70.7828 94.4562 69.2408 93.6723C67.2913 92.6821 66.0535 90.3304 66.0535 86.9988V54.4562C66.0535 48.4789 70.035 41.6094 74.9447 39.1081L101.69 25.4825C103.862 24.3737 105.852 24.3118 107.394 25.0957Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
|
|
@ -88,23 +88,23 @@ export function DraftVerticalStackIllustration({ className }: TIllustrationAsset
|
|||
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"
|
||||
d="M124.697 22.6885C124.62 22.6885 124.537 22.6679 124.465 22.6318L119.643 20.1769C119.643 20.1769 119.602 20.1511 119.581 20.1408L111.237 14.2357C111.02 14.081 110.953 13.787 111.087 13.5549L113.686 9.06291C114.852 7.05156 116.409 5.47859 118.07 4.63279C118.931 4.19442 119.777 3.97266 120.582 3.97266C121.211 3.97266 121.799 4.1119 122.33 4.38008L127.152 6.83496C127.302 6.91232 127.451 7.00515 127.596 7.10314C128.849 7.99019 129.54 9.63021 129.54 11.7241C129.54 13.8179 128.9 15.9376 127.74 17.9438L125.141 22.4358C125.048 22.6008 124.873 22.6936 124.692 22.6936L124.697 22.6885Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
/>
|
||||
<path
|
||||
d="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}
|
||||
d="M120.582 4.48849C121.128 4.48849 121.639 4.60711 122.093 4.83919L126.915 7.29406C127.049 7.36111 127.173 7.43846 127.296 7.52614C128.405 8.31005 129.024 9.82114 129.024 11.7242C129.024 13.6272 128.4 15.7727 127.296 17.6809L124.697 22.1729L119.875 19.718L111.531 13.8129L114.13 9.32088C115.239 7.41268 116.739 5.89127 118.302 5.09189C119.091 4.68962 119.865 4.48849 120.582 4.48849ZM120.582 3.45703C119.689 3.45703 118.766 3.69942 117.833 4.1739C116.079 5.06611 114.45 6.71128 113.238 8.80515L110.638 13.2972C110.37 13.7613 110.499 14.3492 110.938 14.6587L119.282 20.5638C119.323 20.5947 119.365 20.6205 119.411 20.6411L124.233 23.096C124.383 23.1734 124.542 23.2095 124.702 23.2095C125.058 23.2095 125.404 23.0238 125.595 22.6938L128.194 18.2017C129.395 16.1234 130.061 13.8232 130.061 11.7242C130.061 9.46013 129.292 7.67054 127.895 6.6855C127.73 6.56688 127.559 6.46373 127.384 6.37606L122.562 3.92119C121.959 3.61691 121.293 3.45703 120.582 3.45703Z"
|
||||
fill="var(--illustration-stroke-tertiary)"
|
||||
/>
|
||||
<path
|
||||
d="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"
|
||||
d="M91.2727 71.3378C91.0303 71.3378 90.8086 71.2811 90.6023 71.1728C90.592 71.1728 90.5455 71.1418 90.4991 71.116L85.6771 68.656C85.6771 68.656 85.6358 68.6302 85.6152 68.6199C85.3006 68.3981 85.0685 68.032 84.9705 67.5884C84.8777 67.2016 84.8828 66.7375 84.986 66.263L86.7859 58.001C87.3583 55.3708 88.4053 52.7045 89.8081 50.2805L108.699 17.671C108.792 17.5059 108.967 17.4131 109.148 17.4131C109.225 17.4131 109.308 17.4337 109.38 17.4698L114.202 19.9298C114.202 19.9298 114.243 19.9556 114.264 19.9659L122.608 25.8659C122.825 26.0206 122.892 26.3146 122.758 26.5467L115.729 38.6921L103.872 59.1562C102.459 61.5905 100.705 63.7617 98.7869 65.4327L92.7477 70.6983C92.3867 71.0077 91.9947 71.214 91.6182 71.2965C91.4996 71.3223 91.3862 71.3326 91.2727 71.3326V71.3378Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
/>
|
||||
<path
|
||||
d="M109.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}
|
||||
d="M109.143 17.9328L113.965 20.3929L122.309 26.2928L115.28 38.4382L110.546 46.6074L103.423 58.9024C102.036 61.2954 100.324 63.4099 98.4466 65.0499L92.4074 70.3155C92.1134 70.5682 91.804 70.7332 91.51 70.7951C91.4275 70.8106 91.3449 70.8209 91.2676 70.8209C91.1129 70.8209 90.9685 70.7848 90.8396 70.7178C90.8035 70.7023 90.7673 70.6765 90.7312 70.6559L85.9091 68.1959C85.6977 68.0463 85.543 67.7936 85.4708 67.4738C85.3934 67.1541 85.3986 66.7724 85.4863 66.3753L87.2862 58.1133C87.8483 55.5398 88.8643 52.9354 90.2516 50.5424L109.143 17.9328ZM109.143 16.9014C108.787 16.9014 108.441 17.087 108.251 17.4171L89.3594 50.0267C87.9308 52.4919 86.8633 55.2149 86.2805 57.8967L84.4806 66.1587C84.362 66.7054 84.3568 67.2469 84.4703 67.7214C84.594 68.2681 84.8932 68.7425 85.3161 69.0417C85.3573 69.0726 85.3986 69.0984 85.445 69.119L90.2361 71.5636C90.2722 71.5842 90.3238 71.6203 90.3908 71.6512C90.6642 71.7905 90.9582 71.8575 91.2727 71.8575C91.4223 71.8575 91.5719 71.8421 91.7214 71.8111C92.1856 71.7131 92.6549 71.4707 93.083 71.1046L99.1273 65.8338C101.087 64.1216 102.882 61.9091 104.321 59.4284L111.443 47.1335L116.177 38.9643L123.207 26.8189C123.475 26.3547 123.346 25.7668 122.908 25.4625L114.563 19.5625C114.522 19.5316 114.481 19.511 114.434 19.4852L109.612 17.0251C109.463 16.9478 109.303 16.9117 109.143 16.9117V16.9014Z"
|
||||
fill="var(--illustration-stroke-tertiary)"
|
||||
/>
|
||||
<path
|
||||
d="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"
|
||||
d="M126.915 7.29419C125.858 6.75268 124.517 6.84035 123.124 7.5469C121.556 8.34628 120.056 9.86769 118.952 11.7759L116.353 16.2679L111.531 13.813L114.13 9.32101C115.239 7.41281 116.739 5.89141 118.302 5.09202C119.695 4.38032 121.035 4.2978 122.093 4.83932L126.915 7.29419Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.tertiary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
|
|
@ -112,7 +112,7 @@ export function DraftVerticalStackIllustration({ className }: TIllustrationAsset
|
|||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M117.153 16.712L125.497 22.6119L120.675 20.1571L112.331 14.252L117.153 16.712Z"
|
||||
d="M116.353 16.2725L124.697 22.1725L119.875 19.7176L111.531 13.8125L116.353 16.2725Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.tertiary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
|
|
@ -120,7 +120,7 @@ export function DraftVerticalStackIllustration({ className }: TIllustrationAsset
|
|||
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"
|
||||
d="M126.915 7.29342C127.049 7.36046 127.173 7.43782 127.296 7.5255C128.405 8.30941 129.024 9.82049 129.024 11.7235C129.024 13.6266 128.4 15.772 127.296 17.6802L124.697 22.1722L116.353 16.2671L118.952 11.7751C120.061 9.86691 121.562 8.34551 123.124 7.54613C124.517 6.83442 125.858 6.7519 126.915 7.29342Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
|
|
@ -128,7 +128,7 @@ export function DraftVerticalStackIllustration({ className }: TIllustrationAsset
|
|||
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"
|
||||
d="M113.965 20.3885L95.0788 52.9981C93.6915 55.3911 92.6704 57.9955 92.1082 60.569L90.3083 68.831C90.2206 69.2281 90.2155 69.6097 90.2877 69.9295C90.3599 70.2492 90.5146 70.5019 90.7312 70.6515L85.9091 68.1966C85.6925 68.0419 85.543 67.7944 85.4656 67.4746C85.3934 67.1549 85.3986 66.7732 85.4863 66.3761L87.2862 58.1141C87.8483 55.5406 88.8643 52.9362 90.2568 50.5432L109.143 17.9336L113.965 20.3885Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.tertiary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
|
|
@ -136,7 +136,7 @@ export function DraftVerticalStackIllustration({ className }: TIllustrationAsset
|
|||
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"
|
||||
d="M113.965 20.3877L122.309 26.2928L103.423 58.9024C102.036 61.3005 100.324 63.4099 98.4466 65.0499L92.4073 70.3155C92.1185 70.5682 91.8091 70.7332 91.51 70.7951C91.2624 70.8467 91.0355 70.8209 90.8395 70.7178C90.8034 70.6971 90.7673 70.6765 90.7312 70.6507C90.5146 70.496 90.3651 70.2485 90.2877 69.9287C90.2155 69.6089 90.2206 69.2273 90.3083 68.8302L92.1082 60.5682C92.6704 57.9947 93.6864 55.3903 95.0788 52.9973L113.965 20.3877Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
|
|
@ -146,9 +146,9 @@ export function DraftVerticalStackIllustration({ className }: TIllustrationAsset
|
|||
<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"
|
||||
d="M146.136 37.3352C147.26 36.7627 148.704 36.8091 150.288 37.6188C153.862 39.4393 156.755 44.4419 156.755 48.7844C156.755 51.2083 155.852 52.9205 154.434 53.6425L156.734 52.4718C158.153 51.7498 159.055 50.0376 159.055 47.6137C159.055 43.2661 156.157 38.2635 152.588 36.4481C151.01 35.6436 149.561 35.592 148.436 36.1645L146.136 37.3352Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
|
|
@ -156,9 +156,9 @@ export function DraftVerticalStackIllustration({ className }: TIllustrationAsset
|
|||
<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"
|
||||
d="M146.136 37.3344C144.718 38.0564 143.815 39.7686 143.815 42.1926C143.815 46.5402 146.714 51.5427 150.283 53.3581C151.861 54.1626 153.31 54.2142 154.434 53.6418C155.852 52.9197 156.755 51.2075 156.755 48.7836C156.755 44.436 153.857 39.4334 150.288 37.618C148.71 36.8135 147.26 36.7619 146.136 37.3344Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
|
|
@ -166,15 +166,15 @@ export function DraftVerticalStackIllustration({ className }: TIllustrationAsset
|
|||
<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}
|
||||
d="M152.067 43.6067C151.886 43.2972 151.644 43.0497 151.386 42.9207C151.133 42.7918 150.886 42.7918 150.705 42.9207L147.967 44.8547C147.668 45.0662 147.498 45.4736 147.498 45.9893C147.498 46.5051 147.668 47.0827 147.967 47.6036C148.266 48.1193 148.673 48.5319 149.096 48.7485C149.519 48.9651 149.927 48.9651 150.226 48.7536L153.16 46.6804C153.284 46.5927 153.485 46.6959 153.614 46.9125C153.738 47.1291 153.738 47.3715 153.614 47.4643L150.68 49.5376C150.262 49.8367 149.689 49.8315 149.096 49.5272C148.503 49.223 147.936 48.6505 147.513 47.9233C147.095 47.2013 146.858 46.3864 146.858 45.6644C146.858 44.9424 147.095 44.3699 147.513 44.076L150.246 42.142C150.546 41.9305 150.953 41.9305 151.376 42.142C151.799 42.3586 152.206 42.7712 152.505 43.2869C152.804 43.8026 152.975 44.3854 152.975 44.9011C152.975 45.4169 152.804 45.8243 152.505 46.0409L149.762 47.9749C149.581 48.1038 149.339 48.0987 149.086 47.9749C148.833 47.8511 148.586 47.5984 148.41 47.289C148.235 46.9795 148.132 46.6288 148.132 46.3194C148.132 46.01 148.235 45.7676 148.41 45.6386L151.123 43.7253C151.247 43.6376 151.448 43.7407 151.577 43.9574C151.701 44.174 151.701 44.4164 151.577 44.504L148.864 46.4174C148.802 46.4586 148.771 46.5412 148.771 46.6443C148.771 46.7475 148.808 46.8609 148.864 46.9692C148.926 47.0724 149.004 47.1549 149.091 47.1961C149.179 47.2374 149.256 47.2374 149.318 47.1961L152.062 45.2622C152.242 45.1332 152.34 44.8908 152.34 44.5814C152.34 44.272 152.237 43.9213 152.057 43.6118L152.067 43.6067Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M23.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"
|
||||
d="M23.0262 37.4999C22.4486 37.206 22.0825 36.5097 22.0825 35.5195V22.8738C22.0825 21.0997 23.2635 19.0574 24.723 18.3148L57.446 1.64122C58.0907 1.31115 58.6838 1.29569 59.1428 1.52776L56.8426 0.357054C56.3836 0.124976 55.7905 0.140449 55.1459 0.470516L22.4228 17.1441C20.9633 17.8867 19.7823 19.929 19.7823 21.7031V34.3488C19.7823 35.339 20.1485 36.0353 20.7261 36.3292L23.0262 37.4999Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
|
|
@ -182,9 +182,9 @@ export function DraftVerticalStackIllustration({ className }: TIllustrationAsset
|
|||
<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"
|
||||
d="M23.0262 37.4991C23.4852 37.7312 24.0783 37.7157 24.723 37.3857L57.4461 20.7121C58.9056 19.9695 60.0866 17.9272 60.0866 16.1531V3.50738C60.0866 2.51718 59.7204 1.82094 59.1428 1.52698C58.6838 1.2949 58.0907 1.31037 57.4461 1.64044L24.723 18.314C23.2635 19.0566 22.0825 21.0989 22.0825 22.873V35.5187C22.0825 36.5089 22.4486 37.2052 23.0262 37.4991Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
|
|
@ -192,39 +192,39 @@ export function DraftVerticalStackIllustration({ className }: TIllustrationAsset
|
|||
<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}
|
||||
d="M46.6982 15.1994L39.1067 19.0674C38.4826 19.3872 37.9772 19.0262 37.9772 18.268C37.9772 17.5099 38.4826 16.6332 39.1067 16.3186L46.6982 12.4506C47.3222 12.1308 47.8277 12.4919 47.8277 13.25C47.8277 14.0081 47.3222 14.8848 46.6982 15.1994Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="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}
|
||||
d="M50.2052 19.7798L39.5605 25.2053C38.6838 25.6488 37.9772 25.1485 37.9772 24.0861C37.9772 23.0186 38.6889 21.7963 39.5605 21.3528L50.2052 15.9273C51.0819 15.4838 51.7885 15.984 51.7885 17.0464C51.7885 18.114 51.0768 19.3363 50.2052 19.7798Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="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}
|
||||
d="M30.659 23.2715C30.726 23.4211 30.8704 23.4727 31.0406 23.3902C31.2727 23.2715 31.4635 22.9415 31.4635 22.6527V22.1163C31.4635 21.941 31.4016 21.812 31.2882 21.7708C31.1747 21.7295 31.0251 21.7811 30.8962 21.91L28.1628 24.6176C28.003 24.7775 27.8947 25.0302 27.8947 25.2468V28.9291C27.8947 29.1148 27.972 29.2437 28.0958 29.2746C28.2196 29.3056 28.3794 29.2334 28.5084 29.0787L28.9003 28.6248C29.1066 28.3876 29.184 28.0266 29.0809 27.8254C29.0087 27.6913 28.8797 27.6604 28.7353 27.7171V25.1746L30.6641 23.2664L30.659 23.2715Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="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}
|
||||
d="M28.9778 22.5489C29.0448 22.6984 29.1892 22.75 29.3594 22.6675C29.5915 22.5489 29.7823 22.2188 29.7823 21.93V21.3936C29.7823 21.2183 29.7204 21.0894 29.607 21.0481C29.4935 21.0068 29.3439 21.0584 29.215 21.1874L26.4816 23.8949C26.3218 24.0548 26.2134 24.3075 26.2134 24.5241V28.2064C26.2134 28.3921 26.2908 28.521 26.4146 28.552C26.5384 28.5829 26.6982 28.5107 26.8272 28.356L27.2191 27.9022C27.4254 27.6649 27.5028 27.3039 27.3996 27.1028C27.3274 26.9687 27.1985 26.9377 27.0541 26.9945V24.4519L28.9829 22.5437L28.9778 22.5489Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="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}
|
||||
d="M33.3305 26.4116C33.3305 26.6282 33.2222 26.8809 33.0623 27.0408L30.3289 29.7484C30.2 29.8773 30.0556 29.9289 29.9421 29.8876C29.8287 29.8464 29.7616 29.7226 29.7616 29.5473V25.8649C29.7616 25.6483 29.8699 25.3956 30.0298 25.2358L32.7631 22.5282C32.8921 22.3992 33.0365 22.3477 33.1499 22.3889C33.2634 22.4302 33.3305 22.5591 33.3305 22.7293V26.4168V26.4116ZM32.4898 23.9206L30.5971 25.7979V28.3559L32.4898 26.4838V23.9258V23.9206Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="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"
|
||||
d="M4.82095 81.0229C3.40269 80.3009 2.50016 78.5938 2.50016 76.1647C2.50016 71.8171 5.39857 66.8145 8.96742 64.9991L32.8973 52.8073C34.4754 52.0028 35.9194 51.9512 37.0437 52.5236L34.7436 51.3529C33.6193 50.7805 32.1752 50.832 30.5971 51.6366L6.66727 63.8284C3.09326 65.649 0.200012 70.6515 0.200012 74.994C0.200012 77.4231 1.10254 79.1301 2.5208 79.8522L4.82095 81.0229Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
|
|
@ -232,9 +232,9 @@ export function DraftVerticalStackIllustration({ className }: TIllustrationAsset
|
|||
<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"
|
||||
d="M4.82097 81.0221C5.94526 81.5945 7.38931 81.543 8.96744 80.7384L32.8973 68.5466C36.4713 66.7261 39.3645 61.7235 39.3645 57.381C39.3645 54.9519 38.462 53.2449 37.0438 52.5229C35.9195 51.9504 34.4754 52.002 32.8973 52.8065L8.96744 64.9984C5.39343 66.8189 2.50018 71.8215 2.50018 76.1639C2.50018 78.593 3.40271 80.3001 4.82097 81.0221Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
|
|
@ -242,26 +242,26 @@ export function DraftVerticalStackIllustration({ className }: TIllustrationAsset
|
|||
<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}
|
||||
d="M29.8699 64.9313L21.1129 69.3923C20.3908 69.7585 19.808 69.3459 19.808 68.4692C19.808 67.5924 20.3908 66.5867 21.1129 66.2206L29.8699 61.7595C30.592 61.3933 31.1747 61.8059 31.1747 62.6827C31.1747 63.5594 30.592 64.5651 29.8699 64.9313Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M9.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}
|
||||
d="M9.07576 73.5138C8.82821 73.947 8.68382 74.4267 8.68382 74.8599C8.68382 75.2879 8.82305 75.6283 9.07576 75.8088C9.32331 75.9842 9.6637 75.9842 10.0196 75.8088C10.3754 75.6335 10.7106 75.2879 10.9633 74.8547L11.4326 74.0399C11.5616 73.8129 11.773 73.7098 11.902 73.7975C12.0309 73.8903 12.0309 74.1482 11.902 74.3699L11.4326 75.1848C11.0562 75.8294 10.5508 76.3452 10.0196 76.6185C9.48835 76.8867 8.98293 76.8919 8.60644 76.6237C8.22996 76.3607 8.02368 75.8501 8.02368 75.2054C8.02368 74.5608 8.23512 73.8336 8.60644 73.1889L9.07576 72.3741C9.20469 72.1471 9.41614 72.044 9.54508 72.1317C9.67401 72.2193 9.67401 72.4824 9.54508 72.7041L9.07576 73.519V73.5138Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="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}
|
||||
d="M10.4889 70.5062C10.3599 70.4134 10.3599 70.1555 10.4889 69.9337L10.9582 69.1189C11.3346 68.4742 11.8401 67.9585 12.3713 67.6851C12.9025 67.4118 13.4079 67.4118 13.7844 67.68C14.1608 67.943 14.3671 68.4536 14.3671 69.0982C14.3671 69.7429 14.1557 70.4701 13.7844 71.1148L13.315 71.9296C13.1861 72.1565 12.9747 72.2597 12.8457 72.172C12.7168 72.0792 12.7168 71.8213 12.8457 71.5995L13.315 70.7847C13.5626 70.3515 13.707 69.8718 13.707 69.4386C13.707 69.0054 13.5677 68.6702 13.315 68.4897C13.0675 68.3143 12.7271 68.3143 12.3713 68.4897C12.0206 68.6702 11.6802 69.0106 11.4275 69.4438L10.9582 70.2586C10.8292 70.4856 10.6178 70.5887 10.4889 70.501V70.5062Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M10.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}
|
||||
d="M10.0196 74.179C9.89062 74.0862 9.89062 73.8283 10.0196 73.6066L11.902 70.3575C12.0309 70.1305 12.2423 70.0274 12.3713 70.1151C12.5002 70.2079 12.5002 70.4658 12.3713 70.6875L10.4889 73.9366C10.3599 74.1635 10.1485 74.2667 10.0196 74.179Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
|
|
|
|||
|
|
@ -14,9 +14,9 @@ export function EpicVerticalStackIllustration({ className }: TIllustrationAssetP
|
|||
<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"
|
||||
d="M145.537 35.1375C146.08 34.862 146.424 34.2094 146.424 33.2812V21.4279C146.424 19.765 145.314 17.8506 143.941 17.1545L113.176 1.5258C112.57 1.21641 112.012 1.20189 111.581 1.41943L113.743 0.322073C114.175 0.104537 114.732 0.119055 115.338 0.428439L146.104 16.0572C147.476 16.7533 148.586 18.6676 148.586 20.3306V32.1839C148.586 33.112 148.242 33.7646 147.699 34.0402L145.537 35.1375Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.35"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
|
|
@ -24,9 +24,9 @@ export function EpicVerticalStackIllustration({ className }: TIllustrationAssetP
|
|||
<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"
|
||||
d="M145.537 35.1375C145.105 35.355 144.547 35.3406 143.941 35.0312L113.176 19.4024C111.804 18.7063 110.693 16.792 110.693 15.129V3.27574C110.693 2.34759 111.038 1.69497 111.581 1.41942C112.012 1.20189 112.57 1.21641 113.176 1.52579L143.941 17.1545C145.314 17.8506 146.424 19.765 146.424 21.4279V33.2812C146.424 34.2093 146.08 34.862 145.537 35.1375Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.35"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
|
|
@ -34,46 +34,46 @@ export function EpicVerticalStackIllustration({ className }: TIllustrationAssetP
|
|||
<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}
|
||||
d="M123.809 14.5538L130.947 18.1794C131.533 18.4791 132.008 18.1407 132.008 17.4301C132.008 16.7195 131.533 15.8977 130.947 15.6028L123.809 11.9772C123.223 11.6775 122.747 12.0159 122.747 12.7265C122.747 13.4371 123.223 14.2589 123.809 14.5538Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="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}
|
||||
d="M124.318 20.5094L134.326 25.5949C135.151 26.0107 135.815 25.5418 135.815 24.5459C135.815 23.5453 135.146 22.3996 134.326 21.9838L124.318 16.8983C123.494 16.4826 122.83 16.9515 122.83 17.9473C122.83 18.948 123.499 20.0937 124.318 20.5094Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="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}
|
||||
d="M117.816 10.875C117.865 11.0345 117.976 11.1892 118.102 11.2521C118.277 11.3439 118.422 11.2375 118.422 11.02V10.6188C118.422 10.4883 118.374 10.3384 118.286 10.2224C118.199 10.1064 118.093 10.0338 117.991 10.029L115.93 9.97101C115.809 9.97101 115.726 10.0725 115.726 10.2369V13.002C115.726 13.1422 115.784 13.2969 115.877 13.4177C115.974 13.5386 116.09 13.6014 116.187 13.5869L116.483 13.5434C116.638 13.5193 116.696 13.3114 116.618 13.0794C116.565 12.9247 116.468 12.799 116.361 12.7361V10.8267L117.811 10.8653L117.816 10.875Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="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}
|
||||
d="M116.551 9.04772C116.599 9.20724 116.711 9.36192 116.837 9.42476C117.011 9.51661 117.157 9.41027 117.157 9.19274V8.79149C117.157 8.66097 117.108 8.51111 117.021 8.39509C116.934 8.27907 116.827 8.20658 116.725 8.20174L114.664 8.14371C114.543 8.14371 114.461 8.24525 114.461 8.40961V11.1747C114.461 11.3149 114.519 11.4696 114.611 11.5904C114.708 11.7113 114.824 11.7742 114.921 11.7597L115.217 11.7161C115.372 11.692 115.431 11.4841 115.353 11.2521C115.3 11.0974 115.203 10.9717 115.096 10.9088V8.99936L116.546 9.03804L116.551 9.04772Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="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}
|
||||
d="M119.693 12.1174C119.605 11.9965 119.499 11.924 119.402 11.924L117.341 11.866C117.22 11.866 117.137 11.9724 117.137 12.1271V14.897C117.137 15.0275 117.186 15.1726 117.273 15.2886C117.365 15.4094 117.472 15.4819 117.569 15.4819L119.625 15.54C119.751 15.5496 119.833 15.4433 119.833 15.2789V12.5089C119.833 12.3784 119.785 12.2334 119.693 12.1174ZM119.198 14.6891L117.772 14.6456V12.7265L119.198 12.77V14.6891Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<g opacity="0.2">
|
||||
<path
|
||||
d="M7.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"
|
||||
d="M7.0992 133.285C7.0992 135.112 8.4714 136.935 11.211 138.332L46.4857 156.252C51.9697 159.036 60.8575 159.036 66.3414 156.252L140.465 118.599C143.204 117.207 144.576 115.384 144.576 113.557V119.392C144.576 121.219 143.204 123.041 140.465 124.434L66.3414 162.087C60.8575 164.871 51.9697 164.871 46.4857 162.087L11.211 144.167C8.46655 142.774 7.0992 140.947 7.0992 139.12V133.285Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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"
|
||||
d="M7.09919 133.285C7.09919 131.458 8.47139 129.635 11.2109 128.243L85.3341 90.5899C90.818 87.8054 99.7058 87.8054 105.19 90.5899L140.465 108.51C143.209 109.902 144.576 111.73 144.576 113.557C144.576 115.384 143.204 117.207 140.465 118.599L66.3414 156.252C60.8575 159.036 51.9697 159.036 46.4857 156.252L11.2109 138.332C8.46654 136.94 7.09919 135.112 7.09919 133.285Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.35"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
|
|
@ -81,48 +81,48 @@ export function EpicVerticalStackIllustration({ className }: TIllustrationAssetP
|
|||
</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"
|
||||
d="M7.0992 114.852C7.0992 116.68 8.4714 118.502 11.211 119.899L46.4857 137.819C51.9697 140.604 60.8575 140.604 66.3414 137.819L140.465 100.166C143.204 98.774 144.576 96.9516 144.576 95.1243V100.959C144.576 102.786 143.204 104.609 140.465 106.001L66.3414 143.654C60.8575 146.439 51.9697 146.439 46.4857 143.654L11.211 125.734C8.46655 124.342 7.0992 122.514 7.0992 120.687V114.852Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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"
|
||||
d="M7.09919 114.852C7.09919 113.025 8.47139 111.203 11.2109 109.81L85.3341 72.1573C90.818 69.3729 99.7058 69.3729 105.19 72.1573L140.465 90.0775C143.209 91.4697 144.576 93.297 144.576 95.1243C144.576 96.9516 143.204 98.7741 140.465 100.166L66.3414 137.819C60.8575 140.604 51.9697 140.604 46.4857 137.819L11.2109 119.899C8.46654 118.507 7.09919 116.68 7.09919 114.852Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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"
|
||||
d="M7.09919 96.415C7.09919 98.2423 8.47139 100.065 11.2109 101.462L46.4857 119.382C51.9697 122.166 60.8575 122.166 66.3414 119.382L140.465 81.7289C143.204 80.3367 144.576 78.5142 144.576 76.6869V82.5217C144.576 84.349 143.204 86.1715 140.465 87.5637L66.3414 125.217C60.8575 128.001 51.9697 128.001 46.4857 125.217L11.2109 107.297C8.46654 105.904 7.09919 104.077 7.09919 102.25V96.415Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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"
|
||||
d="M7.09918 96.415C7.09918 94.5877 8.47138 92.7652 11.2109 91.373L85.3341 53.7199C90.818 50.9355 99.7058 50.9355 105.19 53.7199L140.465 71.6401C143.209 73.0323 144.576 74.8596 144.576 76.6869C144.576 78.5142 143.204 80.3367 140.465 81.7289L66.3414 119.382C60.8575 122.166 51.9697 122.166 46.4857 119.382L11.2109 101.462C8.46653 100.07 7.09918 98.2423 7.09918 96.415Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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"
|
||||
d="M44.7984 105.75C44.4445 105.75 44.1147 105.672 43.8141 105.518L39.4939 103.323C38.5871 102.864 38.0683 101.795 38.0683 100.403V84.2668C38.0683 84.1991 38.0829 84.1266 38.112 84.0638L58.3168 40.3197C59.7617 37.7141 61.1145 36.172 62.5789 35.4275C63.1898 35.1182 63.8056 34.9586 64.4068 34.9586C65.0081 34.9586 65.5754 35.1085 66.1475 35.3985L70.4678 37.5933C70.7927 37.7576 71.1127 37.9655 71.4521 38.2362C71.4909 38.2652 71.52 38.299 71.5491 38.3377L85.5814 58.2398L91.4339 48.9003C92.6121 46.7781 94.2074 45.1248 95.9093 44.2595C96.7384 43.8389 97.5579 43.6262 98.3434 43.6262C98.9737 43.6262 99.5604 43.7616 100.094 44.0371L104.414 46.2319C104.627 46.343 104.836 46.4736 105.03 46.6234L115.901 55.1508C116.017 55.2427 116.085 55.3829 116.085 55.5327V65.6651C116.085 66.7914 115.75 68.0193 115.135 69.1215C114.519 70.2333 113.685 71.0986 112.788 71.553L46.1221 105.421C45.6712 105.648 45.2251 105.764 44.7936 105.764L44.7984 105.75Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
/>
|
||||
<path
|
||||
d="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}
|
||||
d="M64.4068 35.4372C64.9499 35.4372 65.4542 35.5822 65.9293 35.824L70.2496 38.0187C70.5648 38.1782 70.8654 38.3812 71.1563 38.6084L85.6057 59.1052L91.846 49.1468C92.9806 47.102 94.5225 45.4971 96.1275 44.6801C96.8936 44.2934 97.6451 44.1 98.3434 44.1C98.8913 44.1 99.4101 44.2209 99.8756 44.4577L104.196 46.6524C104.38 46.7491 104.559 46.8603 104.729 46.9957L115.6 55.523V65.6554C115.6 66.6947 115.285 67.8501 114.713 68.8798C114.146 69.8998 113.375 70.7022 112.57 71.1131L45.9039 104.981C45.5112 105.179 45.1378 105.271 44.7936 105.271C44.5172 105.271 44.2602 105.208 44.0275 105.092L39.7072 102.898C38.9993 102.54 38.5484 101.655 38.5484 100.408V84.2717L58.7532 40.5276C59.8878 38.4827 61.1872 36.6796 62.7922 35.8626C63.3643 35.5726 63.8977 35.4469 64.402 35.4469M64.4068 34.4704C63.728 34.4704 63.0395 34.6444 62.3558 34.9925C60.3145 36.0318 58.8405 38.3764 57.9095 40.049C57.8998 40.0683 57.8852 40.0925 57.8755 40.1118L37.6707 83.8559C37.6125 83.9816 37.5834 84.1218 37.5834 84.262V100.398C37.5834 101.984 38.1992 103.207 39.2708 103.753L43.5911 105.948C43.9644 106.136 44.3669 106.233 44.7984 106.233C45.3075 106.233 45.8264 106.098 46.3452 105.837L113.011 71.9688C113.99 71.4709 114.897 70.5379 115.561 69.3438C116.211 68.174 116.57 66.8591 116.57 65.6506V55.5182C116.57 55.2233 116.434 54.943 116.201 54.7593L105.33 46.2319C105.112 46.0627 104.88 45.9128 104.637 45.7871L100.317 43.5924C99.7156 43.2879 99.0513 43.1284 98.3434 43.1284C97.4803 43.1284 96.5881 43.3604 95.6862 43.8148C93.9068 44.7188 92.2436 46.4349 91.0072 48.6489L85.5523 57.3504L71.9418 38.0428C71.8885 37.9655 71.8206 37.8978 71.7479 37.8398C71.3842 37.5546 71.0351 37.3274 70.6811 37.1485L66.3609 34.9538C65.716 34.6251 65.0566 34.4607 64.3971 34.4607L64.4068 34.4704Z"
|
||||
fill="var(--illustration-stroke-tertiary)"
|
||||
/>
|
||||
<path
|
||||
d="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"
|
||||
d="M104.201 46.6524C103.139 46.111 101.82 46.1835 100.453 46.8796C98.8476 47.6966 97.3057 49.3016 96.1711 51.3464L88.6264 63.3834L84.3062 61.1887L91.8508 49.1517C92.9854 47.1068 94.5273 45.5019 96.1323 44.6849C97.4996 43.9937 98.8185 43.9212 99.8804 44.4578L104.201 46.6524Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.tertiary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.35"
|
||||
|
|
@ -130,7 +130,7 @@ export function EpicVerticalStackIllustration({ className }: TIllustrationAssetP
|
|||
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"
|
||||
d="M70.2496 38.0235C69.338 37.5594 68.3101 37.4482 67.1173 38.0525C65.5075 38.8695 64.2129 40.6726 63.0783 42.7174L42.8735 86.4615L38.5532 84.2668L58.758 40.5227C59.8926 38.4779 61.1921 36.6748 62.797 35.8578C63.9898 35.2535 65.0129 35.3647 65.9293 35.8288L70.2496 38.0235Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.tertiary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.35"
|
||||
|
|
@ -138,7 +138,7 @@ export function EpicVerticalStackIllustration({ className }: TIllustrationAssetP
|
|||
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"
|
||||
d="M42.8734 86.4615V102.598C42.8734 103.845 43.3292 104.73 44.0323 105.087L39.712 102.893C39.0041 102.535 38.5532 101.65 38.5532 100.403V84.2668L42.8734 86.4615Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.tertiary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.35"
|
||||
|
|
@ -146,7 +146,7 @@ export function EpicVerticalStackIllustration({ className }: TIllustrationAssetP
|
|||
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"
|
||||
d="M104.201 46.6524C104.385 46.7491 104.564 46.8603 104.734 46.9957L115.605 55.5231V65.6554C115.605 66.6948 115.29 67.8501 114.718 68.8798C114.15 69.8998 113.379 70.7022 112.574 71.1131L45.9087 104.981C45.2008 105.339 44.5511 105.358 44.0371 105.097C43.3292 104.739 42.8783 103.855 42.8783 102.608V86.4712L63.0831 42.7271C64.2177 40.6823 65.5172 38.8791 67.1221 38.0622C68.3149 37.4579 69.338 37.5691 70.2544 38.0332C70.5696 38.1927 70.8702 38.3957 71.1611 38.623L88.6264 63.3979L96.1711 51.3609C97.3057 49.316 98.8476 47.7111 100.453 46.8941C101.82 46.2029 103.139 46.1303 104.201 46.6669V46.6524Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.35"
|
||||
|
|
@ -156,9 +156,9 @@ export function EpicVerticalStackIllustration({ className }: TIllustrationAssetP
|
|||
<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"
|
||||
d="M4.5195 56.7122C3.18608 56.0355 2.33755 54.4354 2.33755 52.1585C2.33755 48.0833 5.06256 43.3942 8.41791 41.6926L30.9162 30.2647C32.3999 29.5106 33.7576 29.4622 34.8146 29.9988L32.6521 28.9015C31.595 28.3649 30.2374 28.4132 28.7536 29.1674L6.25536 40.5952C2.89516 42.3017 0.175003 46.9908 0.175003 51.0611C0.175003 53.338 1.02354 54.9381 2.35695 55.6149L4.5195 56.7122Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.35"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
|
|
@ -166,41 +166,41 @@ export function EpicVerticalStackIllustration({ className }: TIllustrationAssetP
|
|||
<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"
|
||||
d="M4.51949 56.7122C5.57652 57.2488 6.93418 57.2005 8.41791 56.4464L30.9162 45.0185C34.2764 43.312 36.9966 38.6229 36.9966 34.5526C36.9966 32.2757 36.148 30.6756 34.8146 29.9988C33.7576 29.4622 32.3999 29.5106 30.9162 30.2647L8.41791 41.6926C5.05771 43.399 2.33755 48.0882 2.33755 52.1585C2.33755 54.4354 3.18608 56.0355 4.51949 56.7122Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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}
|
||||
d="M11.492 46.082C11.5745 45.9563 11.6957 45.9031 11.7733 45.9563C11.8508 46.0095 11.8557 46.1545 11.7878 46.2899L11.7733 46.3189L8.83491 51.3802C8.75248 51.5204 8.62156 51.588 8.53913 51.53C8.4567 51.472 8.4567 51.3125 8.53913 51.1675L11.4775 46.1062L11.492 46.082Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="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}
|
||||
d="M9.31494 47.7691C9.31494 47.5564 9.17432 47.4597 8.99976 47.5467C8.82521 47.6337 8.6846 47.8754 8.6846 48.0881C8.6846 48.3008 8.82521 48.3975 8.99976 48.3105C9.17432 48.2235 9.31494 47.9818 9.31494 47.7691ZM9.73678 47.5515C9.73678 48.0446 9.40706 48.6102 8.99976 48.8181C8.59247 49.0259 8.26275 48.7939 8.26275 48.3008C8.26275 47.8077 8.59247 47.2422 8.99976 47.0343C9.40706 46.8264 9.73678 47.0585 9.73678 47.5515Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="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}
|
||||
d="M11.6278 49.3982C11.6278 49.1855 11.4872 49.0888 11.3126 49.1759C11.1381 49.2629 10.9975 49.5046 10.9975 49.7173C10.9975 49.93 11.1381 50.0267 11.3126 49.9397C11.4872 49.8526 11.6278 49.6109 11.6278 49.3982ZM12.0448 49.1807C12.0448 49.6738 11.7151 50.2394 11.3078 50.4472C10.9005 50.6551 10.5708 50.4231 10.5708 49.93C10.5708 49.4369 10.9005 48.8713 11.3078 48.6634C11.7151 48.4556 12.0448 48.6876 12.0448 49.1807Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M10.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}
|
||||
d="M10.0859 44.2305C10.0859 44.0951 10.178 43.9404 10.2895 43.8873C10.9441 43.5972 11.5793 43.5005 12.1466 43.6214C12.7721 43.7519 13.2812 44.1338 13.6352 44.7236C13.9843 45.3133 14.1589 46.0965 14.1395 46.9811C14.1201 47.8706 13.9019 48.8326 13.5188 49.7704C13.1309 50.7082 12.5879 51.588 11.9478 52.318C11.3029 53.0479 10.5853 53.5991 9.86285 53.9133C9.14038 54.2275 8.44216 54.3 7.84091 54.1163C7.29785 53.9471 6.84691 53.5797 6.53659 53.0383C6.48326 52.9464 6.5269 52.7772 6.62872 52.6661C6.73054 52.5549 6.85177 52.5452 6.9051 52.6371C7.18633 53.1156 7.58393 53.4395 8.06881 53.5894C8.61187 53.7537 9.23736 53.6909 9.88709 53.4057C10.5368 53.1205 11.1866 52.6274 11.7636 51.9699C12.3406 51.3125 12.8303 50.5245 13.1794 49.6786C13.5285 48.8326 13.7176 47.9673 13.737 47.1648C13.7564 46.3672 13.6012 45.6614 13.2861 45.1296C12.9709 44.5979 12.5103 44.2547 11.9478 44.1386C11.4435 44.0323 10.8811 44.1145 10.2992 44.3707C10.1877 44.419 10.0956 44.3562 10.0956 44.2208L10.0859 44.2305Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M28.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}
|
||||
d="M28.07 41.6298L19.8368 45.8113C19.1579 46.1545 18.61 45.7678 18.61 44.946C18.61 44.1242 19.1579 43.1815 19.8368 42.8383L28.07 38.6568C28.7488 38.3136 29.2967 38.7003 29.2967 39.5221C29.2967 40.3439 28.7488 41.2865 28.07 41.6298Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M148.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"
|
||||
d="M148.029 47.0827C149.086 46.5461 150.444 46.5896 151.932 47.3486C155.292 49.055 158.012 53.7441 158.012 57.8144C158.012 60.0865 157.164 61.6914 155.83 62.3682L157.993 61.2709C159.326 60.5941 160.175 58.9892 160.175 56.7171C160.175 52.6419 157.45 47.9528 154.095 46.2512C152.611 45.4971 151.248 45.4487 150.191 45.9853L148.029 47.0827Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.35"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
|
|
@ -208,9 +208,9 @@ export function EpicVerticalStackIllustration({ className }: TIllustrationAssetP
|
|||
<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"
|
||||
d="M148.029 47.0827C146.695 47.7595 145.847 49.3644 145.847 51.6365C145.847 55.7116 148.572 60.4007 151.927 62.1024C153.411 62.8565 154.773 62.9048 155.83 62.3682C157.164 61.6915 158.012 60.0865 158.012 57.8145C158.012 53.7393 155.287 49.0502 151.932 47.3486C150.448 46.5945 149.086 46.5461 148.029 47.0827Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.35"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
|
|
@ -218,8 +218,8 @@ export function EpicVerticalStackIllustration({ className }: TIllustrationAssetP
|
|||
<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}
|
||||
d="M151.326 50.805C151.471 50.8775 151.593 51.0854 151.593 51.2642V51.5881L153.188 52.4003V52.0764C153.188 51.8975 153.309 51.8153 153.455 51.8878C153.6 51.9604 153.721 52.1682 153.721 52.3471V52.671L154.255 52.9417C154.468 53.048 154.672 53.2559 154.817 53.5121C154.967 53.7683 155.05 54.0583 155.05 54.3146V55.6053V56.896C155.05 57.0749 154.929 57.157 154.783 57.0845C154.638 57.012 154.516 56.8042 154.516 56.6253V55.6585L150.259 53.4928V56.3981C150.259 56.4851 150.288 56.5818 150.337 56.664C150.385 56.751 150.453 56.8186 150.526 56.8525L152.655 57.9353C152.8 58.0078 152.921 58.2157 152.921 58.3946C152.921 58.5734 152.8 58.6556 152.655 58.5831L150.526 57.5003C150.313 57.3939 150.109 57.186 149.963 56.9298C149.813 56.6736 149.731 56.3836 149.731 56.1274V51.6075C149.731 51.3512 149.813 51.1482 149.963 51.0419C150.114 50.9355 150.317 50.9355 150.526 51.0419L151.059 51.3126V50.9887C151.059 50.8098 151.181 50.7276 151.326 50.8002V50.805ZM154.521 54.039V55.0058L150.264 52.8402V51.8733C150.264 51.7863 150.293 51.7186 150.342 51.6848C150.39 51.6509 150.458 51.6509 150.531 51.6848L151.064 51.9555V52.2794C151.064 52.4583 151.185 52.6613 151.331 52.7386C151.476 52.816 151.598 52.729 151.598 52.5501V52.2262L153.193 53.0384V53.3622C153.193 53.5411 153.314 53.7441 153.459 53.8215C153.605 53.8988 153.726 53.8118 153.726 53.633V53.3091L154.259 53.5798C154.332 53.6136 154.4 53.6861 154.449 53.7683C154.497 53.8553 154.526 53.952 154.526 54.0342L154.521 54.039ZM155.239 58.5106C155.341 58.4381 155.341 58.235 155.239 58.0562C155.137 57.8773 154.967 57.7903 154.861 57.8628L153.983 58.4816L153.639 57.887C153.537 57.7081 153.367 57.6211 153.261 57.6936C153.159 57.7661 153.159 57.9692 153.261 58.148L153.794 59.0665C153.896 59.2454 154.066 59.3324 154.172 59.2599L155.239 58.5106Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
|
|
|
|||
|
|
@ -13,17 +13,17 @@ export function InitiativeVerticalStackIllustration({ className }: TIllustration
|
|||
>
|
||||
<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"
|
||||
d="M10.414 138.624C10.414 140.491 11.8117 142.353 14.6023 143.78L50.5337 162.089C56.1198 164.934 65.173 164.934 70.7591 162.089L146.262 123.619C149.053 122.197 150.45 120.335 150.45 118.468V124.429C150.45 126.296 149.053 128.158 146.262 129.581L70.7591 168.051C65.173 170.896 56.1198 170.896 50.5337 168.051L14.6023 149.742C11.8068 148.319 10.414 146.452 10.414 144.585V138.624Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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"
|
||||
d="M10.414 138.623C10.414 136.756 11.8117 134.894 14.6023 133.472L90.1053 95.0018C95.6913 92.1569 104.745 92.1569 110.331 95.0018L146.262 113.311C149.058 114.733 150.45 116.6 150.45 118.467C150.45 120.334 149.053 122.196 146.262 123.619L70.7591 162.089C65.173 164.934 56.1198 164.934 50.5337 162.089L14.6023 143.78C11.8068 142.357 10.414 140.49 10.414 138.623Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
|
|
@ -31,34 +31,34 @@ export function InitiativeVerticalStackIllustration({ className }: TIllustration
|
|||
</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"
|
||||
d="M10.414 119.786C10.414 121.653 11.8117 123.515 14.6023 124.942L50.5337 143.251C56.1198 146.096 65.173 146.096 70.7591 143.251L146.262 104.781C149.053 103.359 150.45 101.497 150.45 99.6299V105.591C150.45 107.458 149.053 109.32 146.262 110.743L70.7591 149.213C65.173 152.058 56.1198 152.058 50.5337 149.213L14.6023 130.904C11.8068 129.481 10.414 127.614 10.414 125.747V119.786Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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"
|
||||
d="M10.4139 119.786C10.4139 117.92 11.8117 116.057 14.6022 114.635L90.1053 76.1649C95.6913 73.32 104.745 73.32 110.331 76.1649L146.262 94.4739C149.058 95.8963 150.45 97.7633 150.45 99.6303C150.45 101.497 149.053 103.359 146.262 104.782L70.7591 143.252C65.173 146.097 56.1198 146.097 50.5337 143.252L14.6022 124.943C11.8067 123.52 10.4139 121.653 10.4139 119.786Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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"
|
||||
d="M10.414 100.954C10.414 102.821 11.8117 104.683 14.6023 106.11L50.5337 124.419C56.1198 127.264 65.173 127.264 70.7591 124.419L146.262 85.9493C149.053 84.5268 150.45 82.6648 150.45 80.7979V86.7593C150.45 88.6262 149.053 90.4882 146.262 91.9107L70.7591 130.381C65.173 133.226 56.1198 133.226 50.5337 130.381L14.6023 112.072C11.8068 110.649 10.414 108.782 10.414 106.915V100.954Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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"
|
||||
d="M10.414 100.954C10.414 99.0875 11.8117 97.2255 14.6023 95.803L90.1053 57.3329C95.6913 54.488 104.745 54.488 110.331 57.3329L146.262 75.6419C149.058 77.0643 150.45 78.9313 150.45 80.7982C150.45 82.6652 149.053 84.5272 146.262 85.9496L70.7591 124.42C65.173 127.265 56.1198 127.265 50.5337 124.42L14.6023 106.111C11.8068 104.688 10.414 102.821 10.414 100.954Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
|
|
@ -66,8 +66,42 @@ export function InitiativeVerticalStackIllustration({ className }: TIllustration
|
|||
<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"
|
||||
d="M147.828 48.7138C148.904 48.1655 150.287 48.21 151.804 48.9854C155.226 50.7289 157.997 55.5198 157.997 59.6784C157.997 61.9998 157.133 63.6395 155.775 64.331L157.977 63.2098C159.336 62.5184 160.2 60.8786 160.2 58.5573C160.2 54.3937 157.424 49.6028 154.006 47.8643C152.495 47.0938 151.107 47.0444 150.031 47.5926L147.828 48.7138Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M147.828 48.7137C146.469 49.4052 145.605 51.0449 145.605 53.3663C145.605 57.5299 148.381 62.3207 151.799 64.0593C153.31 64.8298 154.698 64.8792 155.775 64.3309C157.133 63.6395 157.997 61.9997 157.997 59.6784C157.997 55.5148 155.221 50.7239 151.804 48.9854C150.292 48.2149 148.904 48.1655 147.828 48.7137Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M153.508 54.7235C153.335 54.4272 153.103 54.1901 152.856 54.0666C152.614 53.9431 152.377 53.9431 152.204 54.0666L149.581 55.9187C149.295 56.1212 149.132 56.5114 149.132 57.0053C149.132 57.4992 149.295 58.0524 149.581 58.5513C149.868 59.0452 150.258 59.4403 150.663 59.6477C151.068 59.8552 151.458 59.8552 151.744 59.6527L154.555 57.6672C154.673 57.5832 154.866 57.682 154.989 57.8894C155.108 58.0969 155.108 58.329 154.989 58.4179L152.179 60.4034C151.779 60.6899 151.231 60.6849 150.663 60.3935C150.095 60.1021 149.551 59.5539 149.146 58.8575C148.746 58.166 148.519 57.3856 148.519 56.6942C148.519 56.0027 148.746 55.4545 149.146 55.173L151.764 53.3208C152.051 53.1183 152.441 53.1183 152.846 53.3208C153.251 53.5283 153.641 53.9234 153.927 54.4173C154.214 54.9112 154.377 55.4693 154.377 55.9632C154.377 56.4571 154.214 56.8473 153.927 57.0547L151.3 58.9069C151.127 59.0303 150.895 59.0254 150.653 58.9069C150.411 58.7883 150.174 58.5463 150.006 58.25C149.838 57.9536 149.739 57.6178 149.739 57.3214C149.739 57.0251 149.838 56.793 150.006 56.6695L152.604 54.8371C152.722 54.7531 152.915 54.8519 153.038 55.0594C153.157 55.2668 153.157 55.4989 153.038 55.5829L150.44 57.4153C150.381 57.4548 150.352 57.5338 150.352 57.6326C150.352 57.7314 150.386 57.84 150.44 57.9438C150.5 58.0425 150.574 58.1216 150.658 58.1611C150.742 58.2006 150.816 58.2006 150.875 58.1611L153.503 56.3089C153.676 56.1855 153.769 55.9533 153.769 55.657C153.769 55.3606 153.671 55.0248 153.498 54.7284L153.508 54.7235Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M78.0145 95.1603C77.9256 95.1603 77.8416 95.1553 77.7576 95.1405C77.6095 95.1208 77.4514 95.0714 77.2934 95.0022L72.8828 92.755C72.7495 92.6858 72.6309 92.5969 72.5124 92.4883C72.2704 92.2364 72.1123 91.9499 72.0234 91.619C71.9345 91.3078 71.9049 90.9572 71.9345 90.5769C71.9691 90.1916 72.0531 89.8163 72.1913 89.4458C72.3346 89.0655 72.5124 88.7099 72.7297 88.3889C72.9371 88.0728 73.189 87.7863 73.4706 87.5344L70.9516 86.2503C70.764 86.1614 70.5862 86.0132 70.433 85.8156C70.0577 85.3464 69.9145 84.6402 70.0281 83.8351C70.0774 83.4745 70.1812 83.0992 70.3441 82.7139C70.4923 82.3534 70.6948 82.0076 70.9368 81.6817C71.164 81.3656 71.4357 81.089 71.732 80.8667C72.0234 80.6395 72.3346 80.4765 72.6507 80.3926C72.8532 80.3333 73.0606 80.274 73.273 80.2098L70.9467 79.0245C70.8282 78.9701 70.7047 78.8812 70.5763 78.7627C70.2059 78.3972 70.0034 77.8687 69.9836 77.2217C69.9688 76.634 69.8404 76.1104 69.6082 75.6511C69.2773 75.5177 68.981 75.3844 68.7093 75.2461L64.3086 73.0038C61.5823 71.6159 59.419 69.1365 58.0608 65.8372C56.2481 61.4069 55.9222 55.5591 57.1471 49.3705C58.3769 43.1967 61.1082 36.8303 64.847 31.4418C68.5908 26.0336 73.2631 21.7317 78.0046 19.3214C80.9186 17.8348 83.7635 17.0791 86.4652 17.0791C88.2185 17.0791 89.878 17.4051 91.3943 18.0472C91.6462 18.1558 91.8981 18.2743 92.1401 18.3978L96.5408 20.6401C100.047 22.4281 102.522 25.8755 103.697 30.6022C104.927 35.5412 104.616 41.7002 102.808 47.9431C101.006 54.1663 97.7706 60.3154 93.691 65.2643C91.9771 67.3486 90.9251 69.7045 90.8757 71.5616C90.8609 72.1592 90.6831 72.8161 90.3818 73.4088C90.0855 74.0113 89.6755 74.5299 89.1964 74.9102C88.8458 75.1868 88.4704 75.4733 88.0456 75.7894L89.962 76.7673C90.1694 76.876 90.3522 77.0242 90.5003 77.2168C90.6979 77.4835 90.8263 77.7946 90.8905 78.1552C90.9449 78.5157 90.9449 78.8812 90.8806 79.2615C90.8214 79.632 90.7028 80.0172 90.53 80.3975C90.362 80.7729 90.1546 81.1236 89.9077 81.4347C89.6459 81.7607 89.3644 82.0274 89.0779 82.225C88.1148 82.9411 87.0924 83.6375 86.0305 84.2994L87.9567 85.2822C88.5 85.5539 88.8507 86.1416 88.9199 86.8973C88.9841 87.5789 88.8161 88.3642 88.4506 89.105C88.0802 89.8459 87.5517 90.4534 86.964 90.8288C84.2376 92.5673 81.4668 93.9799 78.7207 95.0269C78.4837 95.1208 78.2417 95.1652 78.0046 95.1652L78.0145 95.1603Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
/>
|
||||
<path
|
||||
d="M86.4701 17.5631C88.1494 17.5631 89.7447 17.8693 91.2066 18.4917C91.4487 18.5954 91.6907 18.709 91.9228 18.8275L96.3235 21.0698C99.6721 22.7787 102.087 26.1373 103.223 30.7108C104.443 35.6005 104.127 41.6113 102.339 47.7949C100.546 53.9885 97.3755 60.0141 93.3156 64.9383C91.5425 67.0967 90.4411 69.5761 90.3868 71.5369C90.372 72.0604 90.2188 72.6383 89.9472 73.1766C89.6805 73.715 89.3101 74.1842 88.8952 74.5151C88.3074 74.9843 87.7098 75.4239 87.1073 75.8536L89.7447 77.197C89.8879 77.2711 90.0114 77.3748 90.1151 77.5082C90.2584 77.7008 90.3571 77.9428 90.4065 78.2293C90.451 78.5157 90.451 78.8368 90.3966 79.1726C90.3423 79.5085 90.2337 79.8542 90.0855 80.1851C89.9373 80.521 89.7496 80.8371 89.5274 81.1186C89.3051 81.3952 89.0631 81.6322 88.8063 81.8101C87.5567 82.7386 86.2923 83.5733 85.0279 84.329L87.7394 85.7119C88.1346 85.9095 88.3815 86.349 88.4358 86.9318C88.4902 87.5245 88.3371 88.2259 88.016 88.8778C87.6901 89.5298 87.2208 90.078 86.7072 90.404C84.0006 92.1277 81.2644 93.5205 78.5528 94.5577C78.3701 94.6318 78.1874 94.6664 78.0145 94.6664C77.9503 94.6664 77.891 94.6664 77.8317 94.6515C77.7181 94.6367 77.6095 94.6022 77.5058 94.5528L73.1051 92.3104C73.0112 92.2611 72.9273 92.1968 72.8483 92.1228C72.6902 91.9598 72.5667 91.7474 72.4976 91.4856C72.4235 91.2239 72.3988 90.9275 72.4235 90.6065C72.4531 90.2805 72.5272 89.9446 72.6507 89.6088C72.7742 89.2779 72.9372 88.9519 73.1347 88.6556C73.3323 88.3592 73.5595 88.1024 73.8015 87.8851C74.0139 87.7073 74.2312 87.569 74.4485 87.4751L71.169 85.8008C71.0356 85.7366 70.9171 85.6329 70.8183 85.5045C70.5269 85.139 70.4183 84.5562 70.5121 83.8943C70.5565 83.5684 70.6553 83.2276 70.7936 82.8966C70.9319 82.5657 71.1147 82.2546 71.327 81.973C71.5345 81.6866 71.7715 81.4446 72.0234 81.2569C72.2704 81.0643 72.5272 80.9309 72.7791 80.8618C73.3619 80.6988 73.9546 80.5062 74.5424 80.2938L71.169 78.575C71.0751 78.5305 70.9912 78.4663 70.9122 78.3922C70.6405 78.1255 70.4923 77.7057 70.4775 77.197C70.4578 76.4561 70.275 75.7943 69.9589 75.2461C69.6132 75.1127 69.2675 74.9646 68.9365 74.7966L64.5359 72.5543C61.9132 71.2208 59.8438 68.855 58.5201 65.6397C56.7322 61.2736 56.421 55.5887 57.636 49.4545C58.856 43.3202 61.5329 37.0822 65.257 31.7134C68.9761 26.3447 73.5397 22.1367 78.2318 19.7511C81.0767 18.299 83.8771 17.5631 86.4701 17.5631ZM86.4701 16.5753C83.6894 16.5753 80.7655 17.3458 77.7824 18.872C72.9717 21.3168 68.2352 25.6779 64.447 31.1504C60.6735 36.5932 57.9077 43.0238 56.668 49.2618C55.4233 55.5492 55.7543 61.4958 57.6064 66.015C59.014 69.4279 61.2514 71.9962 64.0864 73.4335L68.4871 75.6758C68.7242 75.7943 68.9711 75.9079 69.2428 76.0215C69.3959 76.3771 69.4749 76.7772 69.4897 77.2217C69.5144 78.0021 69.7663 78.6491 70.2207 79.0936C70.3985 79.2615 70.5615 79.3751 70.7294 79.4591L71.9987 80.1061C71.8012 80.2049 71.6036 80.3283 71.4159 80.4765C71.0949 80.7136 70.7936 81.0248 70.5269 81.3902C70.2701 81.731 70.0478 82.1163 69.8799 82.5114C69.7021 82.9312 69.5836 83.351 69.5292 83.756C69.3959 84.6945 69.5786 85.5341 70.0429 86.1169C70.2306 86.3589 70.4676 86.5565 70.7393 86.6898L72.6458 87.6628C72.5272 87.806 72.4136 87.9542 72.3148 88.1073C72.0778 88.4629 71.8802 88.8482 71.7271 89.2631C71.574 89.6779 71.4802 90.0978 71.4406 90.5176C71.4061 90.972 71.4406 91.3819 71.5493 91.7573C71.653 92.1573 71.8555 92.5179 72.142 92.8142C72.1519 92.8241 72.1667 92.8389 72.1765 92.8488C72.3297 92.992 72.4828 93.1007 72.6458 93.1896L77.0563 95.4369C77.0563 95.4369 77.0711 95.4467 77.081 95.4467C77.2786 95.5406 77.486 95.6048 77.6934 95.6295C77.7972 95.6443 77.9058 95.6542 78.0145 95.6542C78.3108 95.6542 78.6171 95.5949 78.9134 95.4764C81.6793 94.4194 84.4846 92.992 87.2357 91.2337C87.8975 90.8139 88.4902 90.1323 88.8952 89.3174C89.3002 88.4926 89.4879 87.6134 89.4138 86.838C89.3249 85.9095 88.8754 85.1735 88.1741 84.8229L87.0282 84.2351C87.8382 83.7116 88.6235 83.1634 89.3792 82.6052C89.7002 82.383 90.0065 82.0866 90.2929 81.731C90.5695 81.3804 90.8016 80.9951 90.9844 80.5753C91.1721 80.1604 91.3005 79.7357 91.3647 79.3208C91.4338 78.8911 91.4388 78.4713 91.3746 78.0712C91.2956 77.6168 91.1375 77.2316 90.9004 76.9105C90.6979 76.6488 90.4609 76.4512 90.1892 76.3129L88.9742 75.6955C89.157 75.5523 89.3348 75.4189 89.5027 75.2807C90.0361 74.8559 90.4905 74.278 90.8214 73.6063C91.1573 72.9445 91.3449 72.2333 91.3647 71.5566C91.4141 69.828 92.4513 67.5313 94.0713 65.5557C98.1904 60.5623 101.46 54.349 103.283 48.0616C105.11 41.7347 105.431 35.4869 104.177 30.4639C102.966 25.594 100.403 22.0379 96.768 20.1808L92.3673 17.9385C92.1154 17.8101 91.8537 17.6866 91.5919 17.573C90.0114 16.9062 88.2877 16.5654 86.4652 16.5654L86.4701 16.5753Z"
|
||||
fill="var(--illustration-stroke-tertiary)"
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M87.7394 85.7114C87.3295 85.5138 86.8208 85.5879 86.3071 85.9139C83.8623 87.4697 81.4026 88.7242 78.9578 89.6626C78.7059 89.7565 78.4491 89.9145 78.2071 90.1269C77.9601 90.3442 77.7329 90.601 77.5354 90.8974C77.3428 91.1937 77.1748 91.5197 77.0563 91.8506C76.9328 92.1865 76.8587 92.5223 76.8291 92.8483C76.8044 93.1693 76.8291 93.4657 76.8982 93.7275C76.9723 93.9892 77.0909 94.2016 77.2489 94.3646C77.3279 94.4387 77.4168 94.5029 77.5107 94.5523L73.11 92.31C73.0162 92.2606 72.9273 92.1964 72.8482 92.1223C72.6902 91.9593 72.5717 91.7469 72.4976 91.4851C72.4235 91.2234 72.4037 90.927 72.4284 90.606C72.4581 90.28 72.5321 89.9442 72.6556 89.6083C72.7742 89.2774 72.9421 88.9514 73.1347 88.6551C73.3323 88.3587 73.5595 88.1019 73.8064 87.8846C74.0138 87.7018 74.2312 87.5586 74.4485 87.4697C74.4831 87.4499 74.5226 87.4351 74.5571 87.4203C74.6954 87.366 74.8337 87.3116 74.972 87.2573C77.2786 86.3387 79.5999 85.1385 81.9064 83.6716C82.4201 83.3456 82.9288 83.2715 83.3387 83.4691L85.0378 84.3334L87.7394 85.7114Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.tertiary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
|
|
@ -76,7 +110,7 @@ export function InitiativeVerticalStackIllustration({ className }: TIllustration
|
|||
<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"
|
||||
d="M87.7394 85.7116C88.1346 85.9141 88.3815 86.3487 88.4358 86.9315C88.4902 87.5291 88.3371 88.2255 88.016 88.8775C87.6901 89.5294 87.2208 90.0777 86.7121 90.4036C84.0006 92.1274 81.2693 93.5251 78.5578 94.5574C78.3059 94.6561 78.0589 94.6858 77.8367 94.6512C77.7231 94.6314 77.6144 94.5969 77.5156 94.5475C77.4218 94.4981 77.3329 94.4388 77.2539 94.3598C77.0958 94.2017 76.9724 93.9844 76.9032 93.7227C76.8291 93.4658 76.8094 93.1646 76.8341 92.8435C76.8637 92.5225 76.9378 92.1866 77.0613 91.8508C77.1798 91.5149 77.3477 91.1939 77.5403 90.8975C77.7379 90.6012 77.9651 90.3394 78.212 90.127C78.459 89.9147 78.7109 89.7566 78.9677 89.6578C81.4125 88.7244 83.8722 87.4698 86.317 85.914C86.8307 85.5881 87.3394 85.514 87.7493 85.7066L87.7394 85.7116Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
|
|
@ -86,21 +120,7 @@ export function InitiativeVerticalStackIllustration({ className }: TIllustration
|
|||
<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"
|
||||
d="M75.5697 80.8173L74.5522 80.2987C74.7054 80.2493 74.8535 80.1901 75.0066 80.1357C75.0264 80.1851 75.0462 80.2345 75.0659 80.279C75.1104 80.3679 75.1647 80.4518 75.224 80.5259C75.2536 80.5654 75.2832 80.6 75.3178 80.6346C75.3919 80.7087 75.4808 80.7729 75.5697 80.8173Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.tertiary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
|
|
@ -110,7 +130,49 @@ export function InitiativeVerticalStackIllustration({ className }: TIllustration
|
|||
<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"
|
||||
d="M75.5746 88.0431L74.4485 87.4702C74.4831 87.4504 74.5226 87.4356 74.5571 87.4208C74.6954 87.3665 74.8337 87.3121 74.972 87.2578C74.9868 87.3023 75.0017 87.3467 75.0165 87.3862C75.0313 87.4257 75.051 87.4653 75.0659 87.5048C75.1103 87.5937 75.1597 87.6727 75.219 87.7468C75.3178 87.8752 75.4412 87.9789 75.5746 88.0431Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.tertiary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M90.3967 79.1725C90.3423 79.5083 90.2386 79.8541 90.0904 80.185C89.9373 80.5208 89.7496 80.8369 89.5323 81.1185C89.3101 81.3951 89.0631 81.6321 88.8112 81.8099C87.5617 82.7335 86.3022 83.5781 85.0378 84.3338C82.1732 86.0476 79.2888 87.3169 76.4587 88.1072C76.1278 88.1961 75.8265 88.1714 75.5746 88.043C75.4413 87.9788 75.3178 87.8751 75.219 87.7466C75.1597 87.6726 75.1104 87.5935 75.0659 87.5046C75.0511 87.4651 75.0313 87.4256 75.0165 87.3861C75.0017 87.3466 74.9869 87.3021 74.9721 87.2577C74.9671 87.2429 74.9622 87.228 74.9622 87.2132C74.9474 87.1737 74.9375 87.1342 74.9325 87.0947C74.9177 87.0453 74.9128 86.991 74.9029 86.9366C74.8733 86.6946 74.8733 86.423 74.9177 86.1365C74.9622 85.8105 75.056 85.4698 75.1993 85.1388C75.3376 84.8079 75.5154 84.4968 75.7277 84.2152C75.9401 83.9288 76.1722 83.6868 76.4241 83.4991C76.676 83.3065 76.9329 83.1731 77.1847 83.104C80.7853 82.1013 84.4846 80.2146 88.0852 77.5475C88.3371 77.35 88.5989 77.2117 88.8557 77.1425C89.1125 77.0685 89.3545 77.0635 89.5718 77.1277C89.6015 77.1376 89.6311 77.1475 89.6608 77.1574C89.6904 77.1722 89.7151 77.1821 89.7447 77.1969C89.8879 77.271 90.0114 77.3747 90.1151 77.508C90.2584 77.7007 90.3572 77.9427 90.4065 78.2291C90.4559 78.5156 90.451 78.8366 90.3967 79.1725Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M75.5697 80.8172L74.5522 80.2986L71.169 78.5749C71.0801 78.5304 70.9912 78.4662 70.9171 78.3921C70.6455 78.1254 70.4923 77.7056 70.4775 77.1969C70.4578 76.456 70.28 75.8041 69.9639 75.2559C70.5961 75.5028 71.2628 75.6954 71.9494 75.8288C72.3198 75.9029 72.6655 76.0214 72.9767 76.1795C74.1423 76.7721 74.8387 77.9328 74.8782 79.4392C74.8782 79.617 74.9078 79.785 74.9424 79.9381C74.9622 80.0072 74.9819 80.0714 75.0066 80.1356C75.0264 80.185 75.0461 80.2344 75.0659 80.2789C75.1103 80.3678 75.1647 80.4517 75.2239 80.5258C75.2536 80.5653 75.2832 80.5999 75.3178 80.6345C75.3919 80.7086 75.4808 80.7728 75.5697 80.8172Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.tertiary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M89.6608 77.1574C89.6311 77.1475 89.6015 77.1376 89.5719 77.1277C89.3545 77.0635 89.1125 77.0685 88.8557 77.1426C88.5989 77.2117 88.3371 77.35 88.0852 77.5476C84.4847 80.2146 80.7853 82.1014 77.1848 83.104C76.9329 83.1731 76.676 83.3065 76.4242 83.4991C76.1723 83.6868 75.9401 83.9288 75.7277 84.2153C75.5154 84.4968 75.3376 84.8079 75.1993 85.1389C75.056 85.4698 74.9622 85.8106 74.9177 86.1365C74.8733 86.4181 74.8684 86.6947 74.9029 86.9367C74.9128 86.991 74.9177 87.0453 74.9326 87.0947C74.9326 87.1342 74.9474 87.1737 74.9622 87.2133C74.9622 87.2281 74.9622 87.2429 74.9721 87.2577C74.8338 87.312 74.6955 87.3664 74.5572 87.4207C74.5226 87.4355 74.4831 87.4503 74.4485 87.4701L71.174 85.8007C71.0406 85.7365 70.9171 85.6328 70.8183 85.5044C70.5269 85.1389 70.4183 84.5561 70.5171 83.8942C70.5615 83.5682 70.6554 83.2275 70.7986 82.8965C70.9369 82.5656 71.1147 82.2545 71.3271 81.9729C71.5394 81.6865 71.7716 81.4445 72.0235 81.2568C72.2754 81.0642 72.5322 80.9308 72.7791 80.8617C73.3669 80.6987 73.9596 80.511 74.5523 80.2986L75.5697 80.8172C75.8018 80.9357 76.0735 80.9654 76.3698 80.9012C77.2786 80.6987 78.2071 80.432 79.1456 80.101C79.9803 79.8047 80.6964 78.6243 80.6964 77.597V62.9428C80.5235 63.0071 80.3507 63.0713 80.1729 63.1305C79.5357 63.3429 78.8986 63.5158 78.2714 63.6392C78.0293 63.6837 77.7972 63.6689 77.5898 63.5849C77.57 63.58 77.5453 63.5701 77.5256 63.5553C77.5157 63.5503 77.5009 63.5454 77.491 63.5355C77.3329 63.4516 77.1946 63.3182 77.0909 63.1552C76.9576 62.9577 76.8736 62.7058 76.839 62.4144C76.8045 62.1279 76.8143 61.8069 76.8835 61.4759C76.9082 61.3377 76.9427 61.1944 76.9872 61.0561C77.0465 60.8635 77.1206 60.6659 77.2095 60.4783C77.3626 60.1523 77.5502 59.8461 77.7725 59.5794C77.9898 59.3077 78.2318 59.0805 78.4837 58.9126C78.7406 58.7397 78.9924 58.6261 79.2394 58.5767C79.8963 58.4483 80.5631 58.2557 81.2348 57.9939C82.835 57.3815 84.46 56.4134 86.0256 55.1194C86.2775 54.9021 86.5393 54.744 86.7961 54.6502C87.053 54.5564 87.2999 54.5317 87.5222 54.5761C87.6259 54.5909 87.7197 54.6255 87.8086 54.67C87.9173 54.7243 88.0161 54.8033 88.105 54.8972C88.263 55.0651 88.3766 55.2923 88.4408 55.5639C88.505 55.8405 88.5198 56.1517 88.4803 56.4826C88.4408 56.8135 88.3519 57.1592 88.2186 57.4951C88.0803 57.8359 87.9074 58.1569 87.695 58.4483C87.4826 58.7397 87.2456 58.9916 86.9937 59.1941C86.1985 59.8461 85.3885 60.4388 84.5736 60.9672V75.6213C84.5736 76.1597 84.7662 76.54 85.0773 76.6981C85.3589 76.8413 85.7244 76.8067 86.1244 76.5449C86.4553 76.3227 86.7862 76.0955 87.1172 75.8584L89.6608 77.1574Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.tertiary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M96.3284 21.0701C96.0914 20.9516 95.8543 20.838 95.6073 20.7342C91.8882 19.1587 87.3246 19.5983 82.6325 21.9937C77.9404 24.3793 73.3817 28.5873 69.6577 33.956C65.9336 39.3248 63.2616 45.5628 62.0417 51.697C60.8217 57.8313 61.1329 63.5162 62.9257 67.8823C64.2445 71.0976 66.3189 73.4634 68.9415 74.7969L64.5408 72.5546C61.9182 71.2211 59.8438 68.8553 58.5251 65.6399C56.7322 61.2738 56.421 55.589 57.641 49.4547C58.8609 43.3204 61.5329 37.0824 65.257 31.7137C68.981 26.345 73.5397 22.1369 78.2318 19.7514C82.9239 17.3559 87.4876 16.9164 91.2066 18.4919C91.4536 18.5956 91.6907 18.7092 91.9278 18.8278L96.3284 21.0701Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.tertiary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M102.344 47.7951C100.551 53.9886 97.3805 60.0143 93.3206 64.9385C91.5475 67.0968 90.4411 69.5762 90.3868 71.537C90.3769 72.0606 90.2238 72.6384 89.9522 73.1768C89.6805 73.7151 89.315 74.1843 88.8952 74.5153C88.3075 74.9845 87.7148 75.4339 87.1172 75.8587C86.7862 76.0957 86.4553 76.3229 86.1244 76.5452C85.7243 76.807 85.3589 76.8415 85.0773 76.6983C84.7662 76.5403 84.5736 76.16 84.5736 75.6216V60.9675C85.3885 60.439 86.1985 59.8463 86.9937 59.1944C87.2456 58.9919 87.4826 58.74 87.695 58.4486C87.9074 58.1572 88.0803 57.8361 88.2186 57.4953C88.3519 57.1595 88.4408 56.8138 88.4803 56.4828C88.5198 56.1519 88.505 55.8408 88.4408 55.5642C88.3766 55.2925 88.263 55.0653 88.105 54.8974C88.0161 54.8036 87.9173 54.7245 87.8086 54.6702C87.7197 54.6258 87.6259 54.5912 87.5222 54.5764C87.2999 54.5319 87.0529 54.5566 86.7961 54.6505C86.5393 54.7443 86.2775 54.9024 86.0256 55.1197C84.46 56.4137 82.835 57.3817 81.2348 57.9942C80.5631 58.256 79.8963 58.4486 79.2394 58.577C78.9924 58.6264 78.7406 58.74 78.4837 58.9128C78.2318 59.0808 77.9898 59.308 77.7725 59.5796C77.5502 59.8463 77.3626 60.1525 77.2094 60.4785C77.1205 60.6662 77.0465 60.8638 76.9872 61.0564C76.9427 61.1947 76.9082 61.3379 76.8835 61.4762C76.8143 61.8071 76.8044 62.1282 76.839 62.4146C76.8736 62.706 76.9576 62.9579 77.0909 63.1555C77.1946 63.3185 77.3329 63.4518 77.491 63.5358C77.5009 63.5457 77.5157 63.5506 77.5255 63.5555C77.5453 63.5704 77.57 63.5802 77.5898 63.5852C77.7972 63.6691 78.0293 63.684 78.2713 63.6395C78.8986 63.516 79.5357 63.3432 80.1729 63.1308C80.3507 63.0715 80.5235 63.0073 80.6964 62.9431V77.5972C80.6964 78.6245 79.9802 79.805 79.1455 80.1013C78.2071 80.4322 77.2786 80.6989 76.3698 80.9014C76.0735 80.9656 75.8018 80.936 75.5697 80.8175C75.4808 80.773 75.3919 80.7088 75.3178 80.6347C75.2832 80.6001 75.2536 80.5656 75.224 80.5261C75.1647 80.452 75.1104 80.368 75.0659 80.2791C75.0462 80.2347 75.0264 80.1853 75.0066 80.1359C74.9819 80.0717 74.9622 80.0075 74.9424 79.9383C74.9079 79.7852 74.8832 79.6173 74.8782 79.4395C74.8387 77.9331 74.1423 76.7724 72.9767 76.1797C72.6655 76.0217 72.3198 75.9031 71.9494 75.829C71.2629 75.6957 70.5961 75.5031 69.9639 75.2561C69.6132 75.1178 69.2724 74.9647 68.9415 74.7968C66.3189 73.4632 64.2445 71.0974 62.9258 67.8821C61.1329 63.516 60.8217 57.8312 62.0417 51.6969C63.2616 45.5626 65.9336 39.3246 69.6577 33.9559C73.3817 28.5872 77.9404 24.3791 82.6325 21.9936C87.3246 19.5981 91.8883 19.1586 95.6073 20.7341C95.8543 20.8378 96.0914 20.9514 96.3285 21.07C99.6771 22.7789 102.092 26.1374 103.228 30.711C104.443 35.6006 104.132 41.6114 102.344 47.7951Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
|
|
@ -120,71 +182,9 @@ export function InitiativeVerticalStackIllustration({ className }: TIllustration
|
|||
<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"
|
||||
d="M4.62539 63.9805C3.26715 63.289 2.40282 61.6542 2.40282 59.3279C2.40282 55.1643 5.17856 50.3735 8.59637 48.6349L31.5135 36.9591C33.0248 36.1886 34.4078 36.1392 35.4845 36.6874L33.2817 35.5662C32.205 35.018 30.822 35.0674 29.3107 35.8379L6.39356 47.5138C2.97575 49.2523 0.200012 54.0432 0.200012 58.2068C0.200012 60.5331 1.06434 62.1679 2.42258 62.8593L4.62539 63.9805Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
|
|
@ -192,58 +192,58 @@ export function InitiativeVerticalStackIllustration({ className }: TIllustration
|
|||
<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"
|
||||
d="M4.6254 63.9804C5.70211 64.5287 7.08504 64.4793 8.59638 63.7088L31.5135 52.0329C34.9362 50.2894 37.707 45.4986 37.707 41.3399C37.707 39.0136 36.8427 37.3788 35.4845 36.6873C34.4078 36.1391 33.0248 36.1885 31.5135 36.959L8.59638 48.6349C5.17363 50.3783 2.40283 55.1692 2.40283 59.3279C2.40283 61.6542 3.26716 63.289 4.6254 63.9804Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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}
|
||||
d="M11.7277 53.1191C11.8117 52.9907 11.9351 52.9363 12.0142 52.9907C12.0932 53.045 12.0981 53.1932 12.029 53.3315L12.0142 53.3611L9.02111 58.5323C8.93715 58.6755 8.8038 58.7447 8.71983 58.6854C8.63587 58.6261 8.63587 58.4631 8.71983 58.315L11.7129 53.1438L11.7277 53.1191Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="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}
|
||||
d="M9.51009 54.8432C9.51009 54.6259 9.36686 54.5271 9.18906 54.616C9.01125 54.7049 8.86802 54.9519 8.86802 55.1692C8.86802 55.3865 9.01125 55.4853 9.18906 55.3964C9.36686 55.3075 9.51009 55.0605 9.51009 54.8432ZM9.93979 54.6259C9.93979 55.1297 9.60394 55.7075 9.18906 55.9199C8.77418 56.1323 8.43832 55.8952 8.43832 55.3914C8.43832 54.8876 8.77418 54.3098 9.18906 54.0974C9.60394 53.885 9.93979 54.1221 9.93979 54.6259Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="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}
|
||||
d="M11.866 56.5082C11.866 56.2909 11.7228 56.1921 11.5449 56.281C11.3671 56.3699 11.2239 56.6169 11.2239 56.8342C11.2239 57.0515 11.3671 57.1503 11.5449 57.0614C11.7228 56.9725 11.866 56.7256 11.866 56.5082ZM12.2907 56.2909C12.2907 56.7947 11.9549 57.3726 11.54 57.5849C11.1251 57.7973 10.7893 57.5602 10.7893 57.0565C10.7893 56.5527 11.1251 55.9748 11.54 55.7624C11.9549 55.5501 12.2907 55.7871 12.2907 56.2909Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="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}
|
||||
d="M10.2954 51.228C10.2954 51.0897 10.3892 50.9317 10.5028 50.8773C11.1696 50.581 11.8166 50.4822 12.3944 50.6057C13.0316 50.7391 13.5502 51.1292 13.9107 51.7318C14.2663 52.3344 14.4441 53.1345 14.4244 54.0383C14.4046 54.9471 14.1824 55.93 13.7922 56.8881C13.3971 57.8463 12.8439 58.7452 12.1919 59.491C11.5351 60.2368 10.8041 60.7999 10.0682 61.1209C9.33225 61.4419 8.62103 61.516 8.00859 61.3283C7.45541 61.1555 6.99608 60.7801 6.67999 60.2269C6.62566 60.1331 6.67011 59.9602 6.77383 59.8466C6.87755 59.733 7.00102 59.7232 7.05535 59.817C7.34182 60.306 7.74682 60.6369 8.24072 60.79C8.79389 60.9579 9.43103 60.8937 10.0929 60.6023C10.7547 60.3109 11.4165 59.8071 12.0043 59.1354C12.592 58.4637 13.0909 57.6586 13.4465 56.7943C13.8021 55.93 13.9947 55.0459 14.0145 54.226C14.0342 53.4111 13.8762 52.69 13.5551 52.1467C13.2341 51.6034 12.7649 51.2527 12.1919 51.1342C11.6783 51.0255 11.1054 51.1095 10.5127 51.3712C10.3991 51.4206 10.3052 51.3564 10.3052 51.2181L10.2954 51.228Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="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}
|
||||
d="M28.6143 48.5707L20.2278 52.8429C19.5364 53.1936 18.9782 52.7985 18.9782 51.9588C18.9782 51.1192 19.5364 50.1561 20.2278 49.8054L28.6143 45.5332C29.3058 45.1825 29.8639 45.5776 29.8639 46.4172C29.8639 47.2569 29.3058 48.22 28.6143 48.5707Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="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"
|
||||
d="M112.83 1.71858C113.99 1.1259 115.492 1.17529 117.127 2.00998L148.425 17.9581C152.12 19.8399 155.118 25.0111 155.118 29.5105C155.118 32.0196 154.184 33.7877 152.722 34.5335L154.925 33.4124C156.392 32.6666 157.321 30.8984 157.321 28.3894C157.321 23.8948 154.323 18.7187 150.628 16.837L119.325 0.888823C117.69 0.0541267 116.193 0.00473632 115.028 0.59742L112.825 1.71858H112.83Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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"
|
||||
d="M112.83 1.71851C111.363 2.46431 110.434 4.23248 110.434 6.74151C110.434 11.236 113.432 16.4121 117.127 18.2939L148.425 34.242C150.06 35.0767 151.557 35.1261 152.722 34.5335C154.189 33.7877 155.118 32.0195 155.118 29.5105C155.118 25.0159 152.12 19.8398 148.425 17.9581L117.122 2.00992C115.487 1.17522 113.99 1.12583 112.825 1.71851H112.83Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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}
|
||||
d="M119.379 10.0411V14.7233C119.379 15.4987 119.893 16.3927 120.535 16.7187L126.694 19.8549C127.331 20.1809 127.849 19.8154 127.849 19.04V14.3578C127.849 13.5873 127.331 12.6884 126.694 12.3624L125.538 11.7747V11.3055C125.538 10.535 125.019 9.63609 124.382 9.31011L122.841 8.5248C122.204 8.19883 121.685 8.56925 121.685 9.33974V9.80895L120.53 9.22121C119.893 8.89523 119.374 9.26566 119.374 10.0361L119.379 10.0411ZM126.694 18.9215L125.538 18.3337V12.7131L126.694 13.3008C126.906 13.4095 127.079 13.7058 127.079 13.9676V18.6498C127.079 18.9067 126.906 19.0301 126.694 18.9215ZM122.461 11.1425L124.772 12.318V17.9386L122.461 16.7631V11.1425ZM122.461 9.73487C122.461 9.47804 122.634 9.35456 122.846 9.46322L124.387 10.2485C124.599 10.3572 124.772 10.6535 124.772 10.9153V11.3845L122.461 10.209V9.73981V9.73487ZM120.149 10.4313C120.149 10.1744 120.322 10.051 120.535 10.1596L121.69 10.7474V16.368L120.535 15.7802C120.322 15.6716 120.149 15.3752 120.149 15.1135V10.4313Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="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}
|
||||
d="M144.598 26.2316V27.6541C144.598 27.8022 144.553 27.9158 144.474 27.98C144.395 28.0393 144.286 28.0442 144.178 27.985L134.853 23.2336C134.621 23.1151 134.433 22.7694 134.433 22.4681V20.206L137.258 16.9462C137.416 16.8228 137.599 16.7536 137.821 16.8672C138.044 16.9808 138.226 17.2376 138.384 17.5241L140.829 23.4905L141.886 22.878C142.044 22.7496 142.261 22.7447 142.484 22.8583C142.706 22.9719 142.923 23.199 143.081 23.4905L144.603 26.2316H144.598Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
|
|
|
|||
|
|
@ -13,17 +13,17 @@ export function InvalidLinkVerticalStackIllustration({ className }: TIllustratio
|
|||
>
|
||||
<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"
|
||||
d="M0.25 113.58C0.25 115.713 1.84703 117.84 5.03541 119.471L46.0893 140.39C52.4717 143.641 62.8156 143.641 69.1979 140.39L155.465 96.4359C158.653 94.8106 160.25 92.6832 160.25 90.55V97.3613C160.25 99.4944 158.653 101.622 155.465 103.247L69.1979 147.202C62.8156 150.452 52.4717 150.452 46.0893 147.202L5.03541 126.282C1.84139 124.657 0.25 122.524 0.25 120.391V113.58Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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"
|
||||
d="M0.25 113.58C0.25 111.446 1.84703 109.319 5.03541 107.694L91.3021 63.7394C97.6845 60.4889 108.028 60.4889 114.411 63.7394L155.465 84.6585C158.659 86.2837 160.25 88.4168 160.25 90.5499C160.25 92.683 158.653 94.8105 155.465 96.4357L69.1979 140.39C62.8156 143.641 52.4717 143.641 46.0893 140.39L5.03541 119.471C1.84139 117.846 0.25 115.713 0.25 113.58Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
|
|
@ -31,32 +31,64 @@ export function InvalidLinkVerticalStackIllustration({ className }: TIllustratio
|
|||
</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"
|
||||
d="M0.25 92.0624C0.25 94.1955 1.84703 96.323 5.03541 97.9538L46.0893 118.873C52.4717 122.123 62.8156 122.123 69.1979 118.873L155.465 74.9185C158.653 73.2933 160.25 71.1658 160.25 69.0327V75.844C160.25 77.9771 158.653 80.1046 155.465 81.7298L69.1979 125.684C62.8156 128.935 52.4717 128.935 46.0893 125.684L5.03541 104.765C1.84139 103.14 0.25 101.007 0.25 98.8736V92.0624Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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"
|
||||
d="M0.25 92.0623C0.25 89.9291 1.84703 87.8017 5.03541 86.1765L91.3021 42.222C97.6845 38.9716 108.028 38.9716 114.411 42.222L155.465 63.1411C158.659 64.7664 160.25 66.8995 160.25 69.0326C160.25 71.1657 158.653 73.2932 155.465 74.9184L69.1979 118.873C62.8156 122.123 52.4717 122.123 46.0893 118.873L5.03541 97.9537C1.84139 96.3285 0.25 94.1954 0.25 92.0623Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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"
|
||||
d="M0.25 70.545C0.25 72.6782 1.84703 74.8056 5.03541 76.4365L46.0893 97.3556C52.4717 100.606 62.8156 100.606 69.1979 97.3556L155.465 53.4012C158.653 51.776 160.25 49.6485 160.25 47.5154V54.3267C160.25 56.4598 158.653 58.5872 155.465 60.2125L69.1979 104.167C62.8156 107.417 52.4717 107.417 46.0893 104.167L5.03541 83.2478C1.84139 81.6225 0.25 79.4894 0.25 77.3563V70.545Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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"
|
||||
d="M0.25 70.5449C0.25 68.4118 1.84703 66.2843 5.03541 64.6591L91.3021 20.7047C97.6845 17.4542 108.028 17.4542 114.411 20.7047L155.465 41.6238C158.659 43.249 160.25 45.3821 160.25 47.5153C160.25 49.6484 158.653 51.7758 155.465 53.4011L69.1979 97.3555C62.8156 100.606 52.4717 100.606 46.0893 97.3555L5.03541 76.4364C1.84139 74.8111 0.25 72.678 0.25 70.5449Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M110.33 39.7446C110.014 39.7446 109.709 39.6881 109.433 39.5753C109.371 39.5527 109.314 39.5245 109.258 39.4963L104.23 36.9343C102.627 36.116 102.3 33.6218 103.468 31.1275C105.082 27.6852 105.974 23.9889 105.974 20.7215C105.974 17.7307 105.257 15.2364 103.903 13.487C103.835 13.487 103.761 13.487 103.688 13.487C102.215 13.487 100.641 13.9046 99.0156 14.7342L92.6163 17.9959C92.1084 18.2555 91.6062 18.3853 91.1265 18.3853C90.7371 18.3853 90.3759 18.3006 90.0486 18.1313L85.0206 15.5694C84.1008 15.101 83.5703 14.0401 83.5703 12.6631C83.5703 10.2874 85.1109 7.64074 87.0804 6.63626L93.4797 3.37452C96.1207 2.03145 98.6939 1.34863 101.126 1.34863C102.994 1.34863 104.738 1.75494 106.301 2.55062L111.329 5.11261C115.9 7.44323 118.524 12.8776 118.524 20.0218C118.524 25.1288 117.141 30.8848 114.63 36.2402C113.97 37.651 112.943 38.7909 111.814 39.3665C111.306 39.6261 110.81 39.7559 110.33 39.7559V39.7446Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
/>
|
||||
<path
|
||||
d="M101.132 1.90744C102.926 1.90744 104.58 2.29681 106.053 3.04735L111.081 5.60934C115.291 7.75373 117.965 12.8269 117.965 20.0163C117.965 25.0387 116.6 30.7157 114.122 35.992C113.496 37.3294 112.531 38.3565 111.56 38.8531C111.143 39.0675 110.725 39.1804 110.33 39.1804C110.093 39.1804 109.862 39.1409 109.642 39.0506C109.597 39.0337 109.551 39.0111 109.506 38.9885L104.478 36.4265C103.18 35.7663 102.949 33.5485 103.976 31.359C105.624 27.8433 106.538 24.0624 106.538 20.7104C106.538 17.3584 105.663 14.7117 104.185 12.9229C104.021 12.9116 103.857 12.9059 103.694 12.9059C102.176 12.9059 100.511 13.3235 98.7674 14.2151L92.3681 17.4769C91.9279 17.7026 91.5159 17.8042 91.1322 17.8042C90.8331 17.8042 90.5566 17.7365 90.3083 17.6123L85.2803 15.0503C84.5805 14.6948 84.1403 13.8483 84.1403 12.652C84.1403 10.5019 85.5737 8.03025 87.34 7.12735L93.7393 3.86561C96.3578 2.53383 98.852 1.90179 101.132 1.90179M101.132 0.778809C98.6094 0.778809 95.9458 1.4842 93.2258 2.86677L86.8265 6.12851C84.6877 7.21764 83.0117 10.0844 83.0117 12.6576C83.0117 14.2546 83.655 15.4961 84.7724 16.0661L89.8004 18.6281C90.2067 18.8369 90.6582 18.9441 91.1378 18.9441C91.7078 18.9441 92.2947 18.7917 92.8872 18.4926L99.2865 15.2309C100.805 14.4578 102.266 14.0571 103.626 14.0458C104.8 15.6823 105.415 17.9735 105.415 20.716C105.415 23.9044 104.546 27.516 102.96 30.885C101.657 33.6614 102.097 36.4773 103.976 37.4367L109.004 39.9986C109.077 40.0382 109.151 40.072 109.23 40.1002C109.58 40.2413 109.952 40.309 110.336 40.309C110.906 40.309 111.493 40.1567 112.08 39.8576C113.315 39.2255 114.438 37.9897 115.149 36.4717C117.694 31.0486 119.094 25.2023 119.094 20.0163C119.094 12.652 116.357 7.03705 111.589 4.60486L106.561 2.04287C104.913 1.20204 103.084 0.778809 101.126 0.778809H101.132Z"
|
||||
fill="var(--illustration-stroke-tertiary)"
|
||||
/>
|
||||
<path
|
||||
d="M59.3729 71.9951C57.505 71.9951 55.7613 71.5888 54.1982 70.7931L49.1701 68.2311C44.5992 65.9005 41.9751 60.4661 41.9751 53.3219C41.9751 40.2467 50.7276 25.1513 61.4834 19.6718C61.9913 19.4123 62.4936 19.2825 62.9732 19.2825C63.3626 19.2825 63.7238 19.3671 64.0511 19.5364L69.0791 22.0984C69.999 22.5668 70.5294 23.6277 70.5294 25.0046C70.5294 27.3804 68.9888 30.027 67.0194 31.0315C60.1291 34.5415 54.5255 44.2308 54.5255 52.6278C54.5255 55.6187 55.2421 58.1129 56.5965 59.8623C56.6642 59.8623 56.7376 59.8623 56.8109 59.8623C58.2838 59.8623 59.8582 59.4447 61.4834 58.6152L67.8828 55.3534C68.3907 55.0939 68.8929 54.9641 69.3726 54.9641C69.762 54.9641 70.1231 55.0487 70.4504 55.218L75.4784 57.78C76.3983 58.2484 76.9287 59.3093 76.9287 60.6806C76.9287 63.0563 75.3882 65.703 73.4187 66.7074L67.0194 69.9692C64.3784 71.3122 61.8051 71.9951 59.3729 71.9951Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
/>
|
||||
<path
|
||||
d="M62.9731 19.8525C63.2722 19.8525 63.5487 19.9203 63.797 20.0444L68.825 22.6064C69.5248 22.9619 69.9706 23.8084 69.9706 25.0047C69.9706 27.1548 68.5372 29.6265 66.7709 30.5294C59.7114 34.124 53.9723 44.039 53.9723 52.6279C53.9723 55.9743 54.847 58.6266 56.3255 60.4154C56.4892 60.4267 56.6528 60.4324 56.8165 60.4324C58.3345 60.4324 59.9992 60.0148 61.7429 59.1232L68.1422 55.8614C68.5824 55.6357 68.9943 55.5341 69.3781 55.5341C69.6771 55.5341 69.9537 55.6018 70.202 55.726L75.23 58.288C75.9298 58.6435 76.3756 59.49 76.3756 60.6863C76.3756 62.8363 74.9422 65.308 73.1759 66.2109L66.7766 69.4727C64.1582 70.8045 61.6639 71.4365 59.3841 71.4365C57.5896 71.4365 55.9361 71.0471 54.4632 70.2966L49.4352 67.7346C45.2254 65.5902 42.5506 60.517 42.5506 53.3277C42.5506 40.4444 51.162 25.5747 61.7486 20.1798C62.1887 19.9541 62.6007 19.8525 62.9844 19.8525M62.9731 18.7239C62.4031 18.7239 61.8163 18.8763 61.2237 19.1754C50.2986 24.7451 41.4106 40.0606 41.4106 53.3277C41.4106 60.692 44.1476 66.3069 48.9161 68.7391L53.9441 71.3011C55.5919 72.1419 57.4203 72.5651 59.3784 72.5651C61.9009 72.5651 64.5645 71.8597 67.2845 70.4772L73.6838 67.2154C75.8225 66.1263 77.4985 63.2539 77.4985 60.6863C77.4985 59.0893 76.8552 57.8478 75.7379 57.2779L70.7099 54.7159C70.3036 54.5071 69.8521 54.3999 69.3724 54.3999C68.8025 54.3999 68.2156 54.5522 67.623 54.8513L61.2237 58.113C59.7057 58.8861 58.2442 59.2868 56.8842 59.2981C55.7104 57.6616 55.0953 55.3705 55.0953 52.6279C55.0953 44.4228 60.5635 34.9592 67.2788 31.5338C69.4176 30.4447 71.0936 27.5724 71.0936 25.0047C71.0936 23.4077 70.4503 22.1662 69.3329 21.5963L64.3049 19.0343C63.8986 18.8255 63.4471 18.7183 62.9675 18.7183L62.9731 18.7239Z"
|
||||
fill="var(--illustration-stroke-tertiary)"
|
||||
/>
|
||||
<path
|
||||
d="M68.7349 49.259C68.3455 49.259 67.9843 49.1744 67.657 49.0051L62.629 46.4431C61.7092 45.9747 61.1787 44.9138 61.1787 43.5369C61.1787 41.1611 62.7193 38.5145 64.6887 37.51L77.4874 30.9865C77.9953 30.727 78.4975 30.5972 78.9772 30.5972C79.3665 30.5972 79.7277 30.6818 80.055 30.8511L85.0831 33.4131C86.0029 33.8815 86.5333 34.9424 86.5333 36.3193C86.5333 38.6951 84.9928 41.3417 83.0233 42.3462L70.2247 48.8697C69.7168 49.1293 69.2146 49.259 68.7349 49.259Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
/>
|
||||
<path
|
||||
d="M78.9717 31.167C79.2707 31.167 79.5473 31.2347 79.7956 31.3588L84.8236 33.9208C85.5234 34.2763 85.9635 35.1228 85.9635 36.3191C85.9635 38.4692 84.5302 40.9409 82.7639 41.8438L69.9652 48.3673C69.5251 48.593 69.1131 48.6946 68.7294 48.6946C68.4303 48.6946 68.1538 48.6268 67.9055 48.5027L62.8774 45.9407C62.1777 45.5852 61.7375 44.7387 61.7375 43.5424C61.7375 41.3923 63.1709 38.9206 64.9372 38.0177L77.7358 31.4943C78.176 31.2685 78.5879 31.167 78.9717 31.167ZM78.9717 30.0383C78.4017 30.0383 77.8148 30.1907 77.2223 30.4898L64.4237 37.0133C62.2849 38.1024 60.6089 40.9691 60.6089 43.5424C60.6089 45.1394 61.2522 46.3809 62.3695 46.9508L67.3976 49.5128C67.8039 49.7216 68.2554 49.8288 68.735 49.8288C69.305 49.8288 69.8919 49.6765 70.4844 49.3774L83.283 42.8539C85.4218 41.7648 87.0978 38.8981 87.0978 36.3248C87.0978 34.7278 86.4545 33.4863 85.3371 32.9163L80.3091 30.3543C79.9028 30.1455 79.4513 30.0383 78.9717 30.0383Z"
|
||||
fill="var(--illustration-stroke-tertiary)"
|
||||
/>
|
||||
<path
|
||||
d="M106.972 13.6731C109.777 15.1008 111.566 18.4867 111.566 23.2777C111.566 26.6297 110.657 30.4106 109.004 33.9263C107.977 36.1158 108.214 38.3336 109.506 38.9939L104.478 36.4319C103.18 35.7716 102.949 33.5539 103.976 31.3643C105.624 27.8486 106.538 24.0677 106.538 20.7157C106.538 15.9247 104.749 12.5388 101.944 11.1111L106.972 13.6731Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
|
|
@ -64,87 +96,7 @@ export function InvalidLinkVerticalStackIllustration({ className }: TIllustratio
|
|||
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"
|
||||
d="M111.081 5.61473C107.745 3.91615 103.451 4.05158 98.7672 6.43863L92.3678 9.70037C90.6015 10.6033 89.1682 13.075 89.1682 15.225C89.1682 16.4213 89.614 17.2678 90.3137 17.6233L85.2857 15.0614C84.5859 14.7058 84.1401 13.8594 84.1401 12.663C84.1401 10.513 85.5735 8.04128 87.3398 7.13838L93.7391 3.87664C98.4229 1.48959 102.717 1.35416 106.052 3.05274L111.081 5.61473Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
|
|
@ -152,23 +104,71 @@ export function InvalidLinkVerticalStackIllustration({ className }: TIllustratio
|
|||
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"
|
||||
d="M111.081 5.61478C115.29 7.75918 117.965 12.8324 117.965 20.0217C117.965 25.0441 116.6 30.7211 114.122 35.9975C113.496 37.3349 112.531 38.3619 111.56 38.8585C110.894 39.1971 110.217 39.2874 109.642 39.056C109.596 39.0391 109.551 39.0165 109.506 38.994C108.208 38.3337 107.977 36.116 109.004 33.9264C110.652 30.4108 111.566 26.6298 111.566 23.2778C111.566 18.4868 109.777 15.1009 106.972 13.6732C104.749 12.5389 101.888 12.6349 98.7672 14.2206L92.3679 17.4823C91.5835 17.883 90.8668 17.9055 90.3082 17.6177C89.6084 17.2622 89.1626 16.4158 89.1626 15.2194C89.1626 13.0694 90.596 10.5977 92.3623 9.69478L98.7616 6.43304C103.445 4.04599 107.74 3.91055 111.075 5.60914L111.081 5.61478Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
/>
|
||||
<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"
|
||||
d="M75.224 58.2822C74.6653 58.0001 73.9486 58.0226 73.1642 58.4177L66.7649 61.6794C63.6443 63.2708 60.7832 63.361 58.5598 62.2268L53.5317 59.6648C55.7551 60.7991 58.6162 60.7031 61.7369 59.1174L68.1362 55.8557C68.9206 55.455 69.6372 55.4324 70.1959 55.7202L75.224 58.2822Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M68.8248 22.6064C68.2662 22.3243 67.5495 22.3469 66.7651 22.7419C56.1786 28.1367 47.5671 43.0064 47.5671 55.8897C47.5671 63.0734 50.2476 68.1522 54.4518 70.2966L49.4237 67.7347C45.2139 65.5903 42.5391 60.5171 42.5391 53.3277C42.5391 40.4444 51.1505 25.5747 61.737 20.1799C62.5214 19.7792 63.2381 19.7567 63.7968 20.0445L68.8248 22.6064Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M68.825 22.6065C69.5248 22.962 69.9706 23.8085 69.9706 25.0048C69.9706 27.1548 68.5372 29.6265 66.7709 30.5294C59.7113 34.1241 53.9723 44.0391 53.9723 52.628C53.9723 57.419 55.7612 60.8049 58.5658 62.2326C60.7892 63.3669 63.6503 63.271 66.7709 61.6852L73.1702 58.4235C73.9546 58.0228 74.6713 58.0003 75.23 58.2881C75.9298 58.6436 76.3756 59.49 76.3756 60.6864C76.3756 62.8364 74.9422 65.3081 73.1759 66.211L66.7766 69.4728C62.0928 71.8598 57.7983 71.9952 54.4632 70.2967C50.2534 68.1523 47.5786 63.0791 47.5786 55.8897C47.5786 43.0064 56.19 28.1367 66.7766 22.7419C67.561 22.3412 68.2777 22.3187 68.8363 22.6065H68.825Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M84.8229 33.9209C84.2643 33.6387 83.5476 33.6613 82.7632 34.0563L69.9645 40.5798C68.1982 41.4827 66.7649 43.9544 66.7649 46.1044C66.7649 47.3008 67.2107 48.1473 67.9104 48.5028L62.8824 45.9408C62.1826 45.5853 61.7368 44.7388 61.7368 43.5425C61.7368 41.3924 63.1702 38.9207 64.9365 38.0178L77.7351 31.4943C78.5195 31.0937 79.2362 31.0711 79.7949 31.3589L84.8229 33.9209Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M84.8227 33.9209C85.5225 34.2764 85.9682 35.1229 85.9682 36.3193C85.9682 38.4693 84.5349 40.941 82.7686 41.8439L69.9699 48.3674C69.1856 48.768 68.4689 48.7906 67.9102 48.5028C67.2104 48.1473 66.7646 47.3008 66.7646 46.1045C66.7646 43.9544 68.198 41.4827 69.9643 40.5798L82.7629 34.0564C83.5473 33.6557 84.264 33.6331 84.8227 33.9209Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M111.019 57.9663C110.635 57.9663 110.268 57.8816 109.941 57.7123L104.913 55.1503C104.817 55.0995 104.727 55.0487 104.636 54.981L40.6376 9.71174C39.1308 8.64519 39.0631 5.90262 40.4739 3.46478C41.4953 1.70412 43.0585 0.564209 44.4636 0.564209C44.8474 0.564209 45.2085 0.648855 45.5358 0.81815L50.5639 3.38014C50.6598 3.43093 50.7501 3.48736 50.8404 3.54943L114.839 48.8187C116.346 49.8853 116.414 52.6278 115.003 55.0657C114.343 56.2 113.457 57.0972 112.509 57.5769C112.001 57.8365 111.498 57.9663 111.019 57.9663Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
/>
|
||||
<path
|
||||
d="M44.4638 1.12863C44.7516 1.12863 45.0281 1.1907 45.282 1.3205L50.31 3.88248C50.3834 3.91634 50.4511 3.96149 50.5188 4.00663L114.518 49.2759C115.771 50.1619 115.771 52.6223 114.518 54.7836C113.891 55.8615 113.073 56.6628 112.255 57.0747C111.832 57.2892 111.414 57.402 111.019 57.402C110.726 57.402 110.449 57.34 110.201 57.2102L105.173 54.6482C105.099 54.6143 105.032 54.5692 104.964 54.524L40.965 9.25475C39.7122 8.36878 39.7122 5.90837 40.965 3.74705C41.9131 2.11053 43.3013 1.12863 44.4638 1.12863ZM44.4638 0C42.8385 0 41.123 1.21892 39.9888 3.18273C38.4312 5.87451 38.5723 8.94438 40.316 10.1746L104.315 55.4439C104.428 55.5229 104.541 55.5906 104.659 55.6527L109.687 58.2147C110.093 58.4235 110.545 58.5307 111.019 58.5307C111.589 58.5307 112.181 58.3783 112.768 58.0792C113.812 57.5488 114.783 56.5781 115.494 55.3479C117.051 52.6562 116.91 49.5863 115.167 48.3561L51.1678 3.0868C51.055 3.00779 50.9421 2.94008 50.8236 2.878L45.7955 0.316016C45.3892 0.107219 44.9434 0.00564327 44.4638 0.00564327V0Z"
|
||||
fill="var(--illustration-stroke-tertiary)"
|
||||
/>
|
||||
<path
|
||||
d="M50.31 3.88255C49.0516 3.23924 47.1781 4.27193 45.993 6.31475C44.7402 8.47043 44.7402 10.9365 45.993 11.8225L109.992 57.0917C110.06 57.1369 110.127 57.182 110.201 57.2159L105.173 54.6539C105.099 54.6201 105.032 54.5749 104.964 54.5298L40.965 9.26047C39.7122 8.3745 39.7122 5.91409 40.965 3.75276C42.15 1.70994 44.0236 0.677249 45.282 1.32057L50.31 3.88255Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M50.3098 3.88236C50.3832 3.91622 50.4509 3.96137 50.5186 4.00651L114.518 49.2758C115.77 50.1618 115.77 52.6222 114.518 54.7835C113.891 55.8614 113.073 56.6627 112.255 57.0746C111.521 57.4471 110.793 57.5148 110.201 57.2101C110.127 57.1762 110.059 57.1311 109.992 57.0859L45.9928 11.8166C44.74 10.9306 44.74 8.47024 45.9928 6.30892C47.1779 4.2661 49.0514 3.2334 50.3098 3.87672V3.88236Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
|
|
|
|||
|
|
@ -13,17 +13,17 @@ export function ModuleVerticalStackIllustration({ className }: TIllustrationAsse
|
|||
>
|
||||
<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"
|
||||
d="M12.7461 135.993C12.7461 137.824 14.1171 139.651 16.8542 141.051L52.0981 159.009C57.5773 161.8 66.4573 161.8 71.9364 159.009L145.995 121.275C148.732 119.88 150.103 118.054 150.103 116.223V122.07C150.103 123.901 148.732 125.728 145.995 127.123L71.9364 164.857C66.4573 167.647 57.5773 167.647 52.0981 164.857L16.8542 146.898C14.1122 145.503 12.7461 143.672 12.7461 141.84V135.993Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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"
|
||||
d="M12.7461 135.993C12.7461 134.162 14.1171 132.335 16.8542 130.94L90.9124 93.2063C96.3916 90.4159 105.272 90.4159 110.751 93.2063L145.995 111.165C148.737 112.56 150.103 114.391 150.103 116.223C150.103 118.054 148.732 119.88 145.995 121.275L71.9364 159.009C66.4573 161.8 57.5773 161.8 52.0981 159.009L16.8542 141.051C14.1122 139.656 12.7461 137.824 12.7461 135.993Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.35"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
|
|
@ -31,52 +31,52 @@ export function ModuleVerticalStackIllustration({ className }: TIllustrationAsse
|
|||
</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"
|
||||
d="M12.7461 117.521C12.7461 119.352 14.1171 121.179 16.8542 122.579L52.0981 140.537C57.5773 143.328 66.4573 143.328 71.9364 140.537L145.995 102.803C148.732 101.408 150.103 99.5817 150.103 97.7505V103.598C150.103 105.429 148.732 107.255 145.995 108.651L71.9364 146.385C66.4573 149.175 57.5773 149.175 52.0981 146.385L16.8542 128.426C14.1122 127.031 12.7461 125.2 12.7461 123.368V117.521Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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"
|
||||
d="M12.7461 117.521C12.7461 115.69 14.1171 113.863 16.8542 112.468L90.9124 74.7341C96.3916 71.9437 105.272 71.9437 110.751 74.7341L145.995 92.6928C148.737 94.088 150.103 95.9192 150.103 97.7504C150.103 99.5817 148.732 101.408 145.995 102.803L71.9364 140.537C66.4573 143.328 57.5773 143.328 52.0981 140.537L16.8542 122.579C14.1122 121.183 12.7461 119.352 12.7461 117.521Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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"
|
||||
d="M12.7461 99.0489C12.7461 100.88 14.1171 102.706 16.8542 104.107L52.0981 122.065C57.5773 124.856 66.4573 124.856 71.9364 122.065L145.995 84.3312C148.732 82.936 150.103 81.1096 150.103 79.2784V85.1256C150.103 86.9569 148.732 88.7833 145.995 90.1785L71.9364 127.912C66.4573 130.703 57.5773 130.703 52.0981 127.912L16.8542 109.954C14.1122 108.559 12.7461 106.727 12.7461 104.896V99.0489Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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"
|
||||
d="M12.7461 99.0489C12.7461 97.2176 14.1171 95.3912 16.8542 93.9959L90.9124 56.262C96.3916 53.4716 105.272 53.4716 110.751 56.262L145.995 74.2207C148.737 75.6159 150.103 77.4471 150.103 79.2783C150.103 81.1096 148.732 82.9359 145.995 84.3311L71.9364 122.065C66.4573 124.855 57.5773 124.855 52.0981 122.065L16.8542 104.107C14.1122 102.711 12.7461 100.88 12.7461 99.0489Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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"
|
||||
d="M63.8995 98.855C63.1196 98.855 62.3929 98.6758 61.7437 98.3269L57.5096 96.1712C55.6978 95.2459 54.6562 93.1095 54.6562 90.3094V49.2133C54.6562 44.1895 58.0183 38.3906 62.1555 36.2881L95.9315 19.0804C96.9682 18.5523 97.9807 18.2858 98.9399 18.2858C99.6908 18.2858 100.388 18.4505 101.018 18.7703L105.272 20.9406C107.122 21.8417 108.188 23.9927 108.188 26.8316V67.9229C108.188 72.9418 104.826 78.7406 100.689 80.848L66.9128 98.0557C65.8761 98.5838 64.8636 98.855 63.8995 98.855Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
/>
|
||||
<path
|
||||
d="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}
|
||||
d="M98.9448 18.7703C99.6231 18.7703 100.248 18.9205 100.8 19.2015L105.054 21.3718C106.672 22.1615 107.704 24.0896 107.704 26.8316V67.9229C107.704 72.7868 104.463 78.3821 100.471 80.4168L66.6949 97.6245C65.7066 98.1284 64.7619 98.3706 63.8996 98.3706C63.1923 98.3706 62.5479 98.2107 61.9763 97.9007L57.7325 95.7401C56.1483 94.931 55.1455 93.0175 55.1455 90.3094V49.2133C55.1455 44.3494 58.3817 38.7539 62.3784 36.7192L96.1544 19.5115C97.1427 19.0077 98.0825 18.7703 98.9448 18.7703ZM98.9448 17.8014C97.9081 17.8014 96.8229 18.0872 95.7184 18.6492L61.9424 35.8569C57.592 38.0708 54.1815 43.9424 54.1815 49.2133V90.3094C54.1815 93.2984 55.3151 95.5899 57.2965 96.6024L61.5403 98.763C62.2379 99.1409 63.0421 99.3395 63.9044 99.3395C64.946 99.3395 66.036 99.0537 67.1405 98.4869L100.917 81.2791C105.267 79.0603 108.677 73.1937 108.677 67.9229V26.8316C108.677 23.7989 107.515 21.4929 105.485 20.4998L101.246 18.3392C100.548 17.9807 99.7732 17.8014 98.9497 17.8014H98.9448Z"
|
||||
fill="var(--illustration-stroke-tertiary)"
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M102.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"
|
||||
d="M102.084 27.5195C102.055 27.5001 102.026 27.4857 101.997 27.4711L102.021 27.4807C102.045 27.4904 102.065 27.505 102.084 27.5195Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.tertiary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.35"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
|
|
@ -84,9 +84,9 @@ export function ModuleVerticalStackIllustration({ className }: TIllustrationAsse
|
|||
<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"
|
||||
d="M105.054 21.3719C104.986 21.338 104.918 21.3089 104.85 21.2798C104.782 21.2508 104.71 21.2216 104.637 21.1974C104.356 21.0957 104.061 21.0327 103.755 20.9988C103.692 20.9891 103.625 20.9843 103.557 20.9794C102.622 20.9165 101.575 21.149 100.471 21.711L66.6948 38.9187C62.6981 40.9534 59.462 46.5488 59.462 51.4127V92.5088C59.462 92.6978 59.4668 92.8867 59.4765 93.0659C59.4862 93.2112 59.4959 93.3517 59.5104 93.4873V93.497C59.525 93.6327 59.5395 93.7635 59.5589 93.8943C59.6025 94.214 59.6654 94.5193 59.743 94.81C59.7769 94.9311 59.8108 95.0473 59.8495 95.1588C59.8834 95.275 59.9222 95.3816 59.9658 95.4882C59.9997 95.5705 60.0336 95.6529 60.0675 95.7352C60.1402 95.8951 60.2177 96.0501 60.3001 96.1954C60.334 96.2633 60.3776 96.331 60.4163 96.3989C60.4212 96.4086 60.426 96.4183 60.4357 96.428C60.4745 96.4909 60.5181 96.554 60.5617 96.617C60.6343 96.7235 60.7119 96.8252 60.7942 96.9221C60.8524 96.9948 60.9153 97.0626 60.9783 97.1304C61.0413 97.1982 61.1091 97.2661 61.1769 97.3291C61.2351 97.3824 61.2932 97.4307 61.3513 97.4792C61.5451 97.6391 61.7534 97.7796 61.9763 97.9007L57.7325 95.7401C56.1483 94.931 55.1455 93.0175 55.1455 90.3094V49.2133C55.1455 44.3494 58.3816 38.754 62.3784 36.7193L96.1544 19.5115C97.9226 18.6104 99.5407 18.5572 100.8 19.2015L105.054 21.3719Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.tertiary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.35"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
|
|
@ -94,9 +94,9 @@ export function ModuleVerticalStackIllustration({ className }: TIllustrationAsse
|
|||
<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"
|
||||
d="M102.021 27.4807L101.997 27.4711C102.026 27.4857 102.055 27.5001 102.084 27.5195C102.065 27.505 102.045 27.4904 102.021 27.4807Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.35"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
|
|
@ -104,7 +104,7 @@ export function ModuleVerticalStackIllustration({ className }: TIllustrationAsse
|
|||
<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"
|
||||
d="M105.054 21.3718C104.986 21.3379 104.918 21.3089 104.85 21.2798C104.782 21.2507 104.71 21.2216 104.637 21.1974C104.356 21.0956 104.061 21.0327 103.755 20.9988C103.692 20.9891 103.625 20.9842 103.557 20.9794C102.622 20.9164 101.575 21.1489 100.471 21.7109L66.6948 38.9186C62.6981 40.9533 59.462 46.5488 59.462 51.4127V92.5088C59.462 92.6977 59.4668 92.8866 59.4765 93.0658C59.4862 93.2112 59.4959 93.3516 59.5104 93.4873V93.497C59.5249 93.6326 59.5395 93.7634 59.5589 93.8942C59.6025 94.214 59.6654 94.5192 59.743 94.8099C59.7769 94.931 59.8108 95.0473 59.8495 95.1587C59.8834 95.275 59.9222 95.3815 59.9658 95.4881C59.9997 95.5705 60.0336 95.6528 60.0675 95.7352C60.1402 95.8951 60.2177 96.05 60.3001 96.1954C60.334 96.2632 60.3776 96.331 60.4163 96.3988C60.4212 96.4085 60.426 96.4182 60.4357 96.4279C60.4745 96.4909 60.5181 96.5539 60.5617 96.6169C60.6343 96.7235 60.7119 96.8252 60.7942 96.9221C60.8524 96.9947 60.9153 97.0625 60.9783 97.1303C61.0413 97.1982 61.1091 97.2661 61.1769 97.329C61.2351 97.3823 61.2932 97.4307 61.3513 97.4791C61.5451 97.639 61.7534 97.7796 61.9763 97.9007C63.2407 98.5837 64.8927 98.545 66.6948 97.6245L100.471 80.4168C104.463 78.3821 107.704 72.7867 107.704 67.9228V26.8316C107.704 24.0896 106.672 22.1615 105.054 21.3718Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.35"
|
||||
|
|
@ -112,47 +112,47 @@ export function ModuleVerticalStackIllustration({ className }: TIllustrationAsse
|
|||
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"
|
||||
d="M93.3252 73.5376C93.1847 73.5376 93.049 73.5037 92.9279 73.4456L88.6115 71.2461C88.2917 71.0814 88.1028 70.7326 88.1028 70.3015V63.1607C88.1028 62.5163 88.5097 61.8235 89.0523 61.5474L94.919 58.5584C95.0789 58.476 95.2436 58.4373 95.4035 58.4373C95.544 58.4373 95.6796 58.4711 95.8007 58.5293L100.117 60.7287C100.437 60.8886 100.626 61.2422 100.626 61.6734V68.8142C100.626 69.4585 100.219 70.1513 99.6763 70.4274L93.8096 73.4165C93.6498 73.4988 93.4851 73.5376 93.3252 73.5376Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
/>
|
||||
<path
|
||||
d="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}
|
||||
d="M95.4035 58.9217C95.4665 58.9217 95.5294 58.9363 95.5827 58.9605L99.8992 61.1598C100.049 61.2373 100.141 61.4166 100.141 61.6734V68.8142C100.141 69.2744 99.8362 69.8024 99.4584 69.9962L93.5916 72.9854C93.4996 73.0338 93.4076 73.0531 93.33 73.0531C93.2671 73.0531 93.2041 73.0386 93.1508 73.0143L88.8343 70.815C88.6841 70.7375 88.5921 70.5582 88.5921 70.3015V63.1607C88.5921 62.7004 88.8973 62.1724 89.2752 61.9786L95.1419 58.9895C95.2339 58.941 95.326 58.9217 95.4035 58.9217ZM95.4035 57.9528C95.1661 57.9528 94.9287 58.0109 94.701 58.1271L88.8343 61.1163C88.1319 61.4748 87.6183 62.3371 87.6183 63.1607V70.3015C87.6183 70.9167 87.909 71.4303 88.3935 71.6774L92.7099 73.8767C92.9037 73.9736 93.1072 74.022 93.3252 74.022C93.5626 74.022 93.8 73.964 94.0277 73.8477L99.8944 70.8586C100.597 70.5001 101.11 69.6377 101.11 68.8142V61.6734C101.11 61.0581 100.82 60.5445 100.34 60.2975L96.0236 58.0982C95.8298 58.0013 95.6263 57.9528 95.4083 57.9528H95.4035Z"
|
||||
fill="var(--illustration-stroke-tertiary)"
|
||||
/>
|
||||
<path
|
||||
d="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"
|
||||
d="M93.3252 52.992C93.1847 52.992 93.049 52.9581 92.9279 52.9L88.6115 50.7006C88.2917 50.5359 88.1028 50.1871 88.1028 49.7559V42.615C88.1028 41.9707 88.5097 41.278 89.0523 41.0018L94.919 38.0127C95.0789 37.9303 95.2436 37.8916 95.4035 37.8916C95.544 37.8916 95.6796 37.9256 95.8007 37.9837L100.117 40.1831C100.437 40.343 100.626 40.6966 100.626 41.1278V48.2686C100.626 48.9129 100.219 49.6056 99.6763 49.8818L93.8096 52.8709C93.6498 52.9533 93.4851 52.992 93.3252 52.992Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
/>
|
||||
<path
|
||||
d="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}
|
||||
d="M95.4035 38.3713C95.4665 38.3713 95.5294 38.3857 95.5827 38.41L99.8992 40.6094C100.049 40.6869 100.141 40.8662 100.141 41.1229V48.2638C100.141 48.724 99.8362 49.252 99.4584 49.4458L93.5916 52.4348C93.4996 52.4833 93.4076 52.5027 93.33 52.5027C93.2671 52.5027 93.2041 52.4881 93.1508 52.4639L88.8343 50.2645C88.6841 50.187 88.5921 50.0078 88.5921 49.7511V42.6102C88.5921 42.15 88.8973 41.6219 89.2752 41.4281L95.1419 38.4391C95.2339 38.3906 95.326 38.3713 95.4035 38.3713ZM95.4035 37.4024C95.1661 37.4024 94.9287 37.4605 94.701 37.5767L88.8343 40.5658C88.1319 40.9243 87.6183 41.7867 87.6183 42.6102V49.7511C87.6183 50.3663 87.909 50.8798 88.3935 51.1268L92.7099 53.3263C92.9037 53.4232 93.1072 53.4716 93.3252 53.4716C93.5626 53.4716 93.8 53.4134 94.0277 53.2972L99.8944 50.3081C100.597 49.9496 101.11 49.0873 101.11 48.2638V41.1229C101.11 40.5077 100.82 39.9941 100.34 39.7471L96.0236 37.5476C95.8298 37.4507 95.6263 37.4024 95.4083 37.4024H95.4035Z"
|
||||
fill="var(--illustration-stroke-tertiary)"
|
||||
/>
|
||||
<path
|
||||
d="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"
|
||||
d="M76.442 82.1415C76.3015 82.1415 76.1659 82.1076 76.0447 82.0494L71.7283 79.85C71.4085 79.6901 71.2196 79.3365 71.2196 78.9054V71.7645C71.2196 71.1202 71.6265 70.4274 72.1691 70.1513L78.0358 67.1622C78.1957 67.0799 78.3604 67.0411 78.5203 67.0411C78.6608 67.0411 78.7964 67.075 78.9175 67.1331L83.234 69.3326C83.5537 69.4924 83.7427 69.8461 83.7427 70.2772V77.4181C83.7427 78.0624 83.3357 78.7552 82.7932 79.0313L76.9264 82.0203C76.7666 82.1027 76.6019 82.1415 76.442 82.1415Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
/>
|
||||
<path
|
||||
d="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}
|
||||
d="M78.5203 67.5256C78.5833 67.5256 78.6463 67.54 78.6996 67.5643L83.016 69.7637C83.1662 69.8412 83.2582 70.0205 83.2582 70.2772V77.418C83.2582 77.8783 82.953 78.4063 82.5752 78.6001L76.7085 81.5892C76.6164 81.6377 76.5244 81.657 76.4468 81.657C76.3839 81.657 76.3209 81.6424 76.2676 81.6182L71.9511 79.4189C71.801 79.3414 71.7089 79.1621 71.7089 78.9053V71.7645C71.7089 71.3043 72.0141 70.7763 72.392 70.5825L78.2587 67.5933C78.3508 67.5449 78.4428 67.5256 78.5203 67.5256ZM78.5203 66.5567C78.2829 66.5567 78.0455 66.6147 77.8179 66.731L71.9511 69.7202C71.2487 70.0787 70.7352 70.941 70.7352 71.7645V78.9053C70.7352 79.5206 71.0258 80.034 71.5103 80.2811L75.8267 82.4805C76.0157 82.5774 76.224 82.6259 76.442 82.6259C76.6794 82.6259 76.9168 82.5678 77.1445 82.4516L83.0112 79.4624C83.7136 79.1039 84.2271 78.2416 84.2271 77.418V70.2772C84.2271 69.662 83.9365 69.1484 83.452 68.9013L79.1356 66.702C78.9466 66.6051 78.7383 66.5567 78.5203 66.5567Z"
|
||||
fill="var(--illustration-stroke-tertiary)"
|
||||
/>
|
||||
<path
|
||||
d="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"
|
||||
d="M76.442 61.5959C76.3015 61.5959 76.1659 61.562 76.0447 61.5039L71.7283 59.3044C71.4085 59.1446 71.2196 58.7908 71.2196 58.3597V51.2188C71.2196 50.5745 71.6265 49.8818 72.1691 49.6057L78.0358 46.6165C78.1957 46.5342 78.3604 46.4954 78.5203 46.4954C78.6608 46.4954 78.7964 46.5294 78.9175 46.5876L83.234 48.787C83.5537 48.9469 83.7427 49.3005 83.7427 49.7317V56.8725C83.7427 57.5168 83.3357 58.2095 82.7932 58.4856L76.9264 61.4748C76.7666 61.5571 76.6019 61.5959 76.442 61.5959Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
/>
|
||||
<path
|
||||
d="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}
|
||||
d="M78.5203 46.975C78.5833 46.975 78.6463 46.9896 78.6996 47.0187L83.016 49.2181C83.1662 49.2956 83.2582 49.4749 83.2582 49.7317V56.8725C83.2582 57.3327 82.953 57.8607 82.5752 58.0545L76.7085 61.0435C76.6164 61.092 76.5244 61.1114 76.4468 61.1114C76.3839 61.1114 76.3209 61.0969 76.2676 61.0726L71.9511 58.8732C71.801 58.7957 71.7089 58.6164 71.7089 58.3597V51.2188C71.7089 50.7586 72.0141 50.2306 72.392 50.0368L78.2587 47.0478C78.3508 46.9993 78.4428 46.975 78.5203 46.975ZM78.5203 46.0061C78.2829 46.0061 78.0455 46.0643 77.8179 46.1806L71.9511 49.1696C71.2487 49.5281 70.7352 50.3904 70.7352 51.214V58.3549C70.7352 58.9702 71.0258 59.4836 71.5103 59.7307L75.8267 61.9301C76.0157 62.027 76.224 62.0755 76.442 62.0755C76.6794 62.0755 76.9168 62.0173 77.1445 61.901L83.0112 58.912C83.7136 58.5535 84.2271 57.6912 84.2271 56.8676V49.7268C84.2271 49.1116 83.9365 48.598 83.452 48.3509L79.1356 46.1515C78.9466 46.0546 78.7383 46.0061 78.5203 46.0061Z"
|
||||
fill="var(--illustration-stroke-tertiary)"
|
||||
/>
|
||||
<path
|
||||
d="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"
|
||||
d="M99.8992 61.1598C99.7781 61.0968 99.6279 61.1017 99.4584 61.1889L93.5916 64.1779C93.2138 64.3717 92.9086 64.8998 92.9086 65.3601V72.5009C92.9086 72.7576 93.0006 72.9368 93.1508 73.0143L88.8343 70.815C88.6841 70.7375 88.5921 70.5582 88.5921 70.3014V63.1606C88.5921 62.7004 88.8973 62.1724 89.2752 61.9786L95.1419 58.9894C95.3115 58.9022 95.4616 58.8975 95.5827 58.9605L99.8992 61.1598Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.tertiary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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"
|
||||
d="M99.8992 61.1599C100.049 61.2374 100.141 61.4167 100.141 61.6734V68.8142C100.141 69.2745 99.8362 69.8025 99.4584 69.9963L93.5916 72.9854C93.4221 73.0726 93.2719 73.0774 93.1508 73.0144C93.0006 72.9369 92.9086 72.7577 92.9086 72.501V65.3601C92.9086 64.8999 93.2138 64.3718 93.5916 64.178L99.4584 61.189C99.6279 61.1018 99.7781 61.0969 99.8992 61.1599Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.35"
|
||||
|
|
@ -160,15 +160,15 @@ export function ModuleVerticalStackIllustration({ className }: TIllustrationAsse
|
|||
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"
|
||||
d="M99.8992 40.6143C99.7781 40.5513 99.6279 40.5562 99.4584 40.6434L93.5916 43.6324C93.2138 43.8262 92.9086 44.3542 92.9086 44.8145V51.9553C92.9086 52.212 93.0006 52.3913 93.1508 52.4688L88.8343 50.2694C88.6841 50.1919 88.5921 50.0127 88.5921 49.756V42.615C88.5921 42.1548 88.8973 41.6268 89.2752 41.433L95.1419 38.444C95.3115 38.3568 95.4616 38.3519 95.5827 38.4149L99.8992 40.6143Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.tertiary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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"
|
||||
d="M99.8992 40.6143C100.049 40.6918 100.141 40.8711 100.141 41.1278V48.2687C100.141 48.7289 99.8362 49.2569 99.4584 49.4507L93.5916 52.4397C93.4221 52.5269 93.2719 52.5318 93.1508 52.4688C93.0006 52.3913 92.9086 52.212 92.9086 51.9553V44.8145C92.9086 44.3542 93.2138 43.8262 93.5916 43.6324L99.4584 40.6434C99.6279 40.5562 99.7781 40.5513 99.8992 40.6143Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.35"
|
||||
|
|
@ -176,15 +176,15 @@ export function ModuleVerticalStackIllustration({ className }: TIllustrationAsse
|
|||
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"
|
||||
d="M83.0112 69.7637C82.8901 69.7007 82.7399 69.7056 82.5704 69.7928L76.7036 72.7819C76.3258 72.9756 76.0206 73.5038 76.0206 73.964V81.1048C76.0206 81.3616 76.1126 81.5407 76.2628 81.6183L71.9463 79.4189C71.7961 79.3414 71.7041 79.1622 71.7041 78.9054V71.7646C71.7041 71.3043 72.0093 70.7763 72.3872 70.5825L78.2539 67.5934C78.4234 67.5062 78.5736 67.5013 78.6947 67.5643L83.0112 69.7637Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.tertiary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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"
|
||||
d="M83.0112 69.7637C83.1614 69.8412 83.2534 70.0205 83.2534 70.2773V77.4181C83.2534 77.8783 82.9482 78.4063 82.5704 78.6001L76.7036 81.5893C76.5341 81.6765 76.3839 81.6812 76.2628 81.6183C76.1126 81.5407 76.0206 81.3616 76.0206 81.1048V73.964C76.0206 73.5038 76.3258 72.9756 76.7036 72.7819L82.5704 69.7928C82.7399 69.7056 82.8901 69.7008 83.0112 69.7637Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.35"
|
||||
|
|
@ -192,15 +192,15 @@ export function ModuleVerticalStackIllustration({ className }: TIllustrationAsse
|
|||
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"
|
||||
d="M83.0112 49.2182C82.8901 49.1552 82.7399 49.1601 82.5704 49.2473L76.7036 52.2363C76.3258 52.4301 76.0206 52.9581 76.0206 53.4183V60.5591C76.0206 60.8159 76.1126 60.9952 76.2628 61.0727L71.9463 58.8733C71.7961 58.7957 71.7041 58.6165 71.7041 58.3597V51.2189C71.7041 50.7587 72.0093 50.2306 72.3872 50.0369L78.2539 47.0478C78.4234 46.9606 78.5736 46.9557 78.6947 47.0187L83.0112 49.2182Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.tertiary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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"
|
||||
d="M83.0112 49.2182C83.1614 49.2957 83.2534 49.4749 83.2534 49.7317V56.8725C83.2534 57.3327 82.9482 57.8608 82.5704 58.0546L76.7036 61.0436C76.5341 61.1308 76.3839 61.1357 76.2628 61.0727C76.1126 60.9952 76.0206 60.8159 76.0206 60.5591V53.4183C76.0206 52.9581 76.3258 52.4301 76.7036 52.2363L82.5704 49.2472C82.7399 49.16 82.8901 49.1552 83.0112 49.2182Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.35"
|
||||
|
|
@ -208,83 +208,83 @@ export function ModuleVerticalStackIllustration({ className }: TIllustrationAsse
|
|||
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"
|
||||
d="M51.4299 8.83904C50.2914 8.25769 48.8187 8.30612 47.2151 9.12485L10.8425 27.66C7.21878 29.5057 4.27815 34.5779 4.27815 38.9913C4.27815 41.4523 5.19376 43.1867 6.62774 43.9182L4.46709 42.8185C3.02827 42.087 2.11749 40.3526 2.11749 37.8915C2.11749 33.483 5.05812 28.406 8.68182 26.5603L45.0545 8.02513C46.658 7.20641 48.1259 7.15798 49.2692 7.73932L51.4299 8.83904Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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"
|
||||
d="M51.4298 8.83903C52.8687 9.57055 53.7794 11.3049 53.7794 13.7659C53.7794 18.1744 50.8388 23.2514 47.2151 25.0972L10.8425 43.6323C9.23893 44.4511 7.77103 44.4996 6.62772 43.9182C5.1889 43.1867 4.27814 41.4523 4.27814 38.9913C4.27814 34.5827 7.21876 29.5057 10.8425 27.66L47.2151 9.12484C48.8187 8.30612 50.2865 8.25769 51.4298 8.83903Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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}
|
||||
d="M12.4024 35.4548C12.1602 35.5759 11.9664 35.4402 11.9664 35.1496C11.9664 34.8589 12.1602 34.5198 12.3976 34.3986C12.6398 34.2727 12.8336 34.4132 12.8336 34.7039C12.8336 34.9946 12.6398 35.3337 12.3976 35.4548H12.4024Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="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}
|
||||
d="M12.4024 38.6327C12.1602 38.7539 11.9664 38.6183 11.9664 38.3276C11.9664 38.0369 12.1602 37.6978 12.3976 37.5767C12.6398 37.4507 12.8336 37.5913 12.8336 37.8819C12.8336 38.1726 12.6398 38.5116 12.3976 38.6327H12.4024Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="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}
|
||||
d="M12.4024 32.2768C12.1602 32.3979 11.9664 32.2622 11.9664 31.9715C11.9664 31.6809 12.1602 31.3419 12.3976 31.2207C12.6398 31.0948 12.8336 31.2352 12.8336 31.5259C12.8336 31.8166 12.6398 32.1557 12.3976 32.2768H12.4024Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="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}
|
||||
d="M20.236 31.463L14.5776 34.3454C14.3354 34.4665 14.1416 34.3308 14.1416 34.0353C14.1416 33.7398 14.3354 33.4056 14.5776 33.2845L20.236 30.4019C20.4782 30.2808 20.672 30.4165 20.672 30.712C20.672 31.0076 20.4782 31.3419 20.236 31.463Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="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}
|
||||
d="M20.236 34.6409L14.5776 37.5235C14.3354 37.6446 14.1416 37.5089 14.1416 37.2133C14.1416 36.9178 14.3354 36.5835 14.5776 36.4624L20.236 33.58C20.4782 33.4588 20.672 33.5946 20.672 33.8901C20.672 34.1856 20.4782 34.5198 20.236 34.6409Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="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}
|
||||
d="M20.236 28.2849L14.5776 31.1674C14.3354 31.2885 14.1416 31.1529 14.1416 30.8574C14.1416 30.5619 14.3354 30.2276 14.5776 30.1065L20.236 27.224C20.4782 27.1029 20.672 27.2385 20.672 27.534C20.672 27.8295 20.4782 28.1638 20.236 28.2849Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="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}
|
||||
d="M45.2628 22.8591L40.4667 25.3006C39.8999 25.5913 39.4397 25.2619 39.4397 24.574V18.7364C39.4397 18.0485 39.8999 17.2491 40.4667 16.9632L45.2628 14.5216C45.8296 14.231 46.2898 14.5604 46.2898 15.2483V21.0859C46.2898 21.7739 45.8296 22.5733 45.2628 22.8591ZM40.4667 17.8013C40.2778 17.8982 40.1228 18.1647 40.1228 18.3924V24.23C40.1228 24.4577 40.2778 24.5691 40.4667 24.4723L45.2628 22.0306C45.4517 21.9337 45.6068 21.6673 45.6068 21.4396V15.602C45.6068 15.3743 45.4517 15.2629 45.2628 15.3597L40.4667 17.8013Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="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}
|
||||
d="M44.2358 17.9613L41.8377 19.1821C41.6488 19.279 41.4938 19.1724 41.4938 18.9399C41.4938 18.7073 41.6488 18.4457 41.8377 18.3489L44.2358 17.128C44.4247 17.0311 44.5797 17.1377 44.5797 17.3703C44.5797 17.6028 44.4247 17.8644 44.2358 17.9613Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="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}
|
||||
d="M43.5479 19.9814L41.4938 21.0279C41.3049 21.1248 41.1498 21.0182 41.1498 20.7857C41.1498 20.5531 41.3049 20.2915 41.4938 20.1946L43.5479 19.1482C43.7368 19.0513 43.8918 19.1578 43.8918 19.3904C43.8918 19.6229 43.7368 19.8845 43.5479 19.9814Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="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}
|
||||
d="M44.2358 21.2991L42.5208 22.1711C42.3319 22.268 42.1769 22.1614 42.1769 21.9289C42.1769 21.6964 42.3319 21.4348 42.5208 21.3379L44.2358 20.4659C44.4247 20.369 44.5798 20.4755 44.5798 20.7081C44.5798 20.9406 44.4247 21.2022 44.2358 21.2991Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M29.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}
|
||||
d="M29.0288 26.4829L27.3138 27.3548C26.9359 27.5486 26.6307 27.3306 26.6307 26.8703V24.7873C26.6307 24.3271 26.9359 23.7989 27.3138 23.6051L29.0288 22.7332C29.4066 22.5394 29.7119 22.7574 29.7119 23.2177V25.3007C29.7119 25.7609 29.4066 26.2891 29.0288 26.4829ZM27.3138 24.4385V26.5215L29.0288 25.6496V23.5665L27.3138 24.4385Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="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}
|
||||
d="M32.793 24.5596L31.078 25.4315C30.7002 25.6253 30.395 25.4073 30.395 24.9471V22.864C30.395 22.4038 30.7002 21.8757 31.078 21.6819L32.793 20.81C33.1709 20.6162 33.4761 20.8342 33.4761 21.2944V23.3775C33.4761 23.8377 33.1709 24.3658 32.793 24.5596ZM31.0829 22.5151V24.5983L32.7978 23.7262V21.6432L31.0829 22.5151Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="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}
|
||||
d="M32.793 29.1474L31.078 30.0193C30.7002 30.2131 30.395 29.995 30.395 29.5348V27.4518C30.395 26.9915 30.7002 26.4634 31.078 26.2696L32.793 25.3977C33.1709 25.2039 33.4761 25.4219 33.4761 25.8822V27.9652C33.4761 28.4254 33.1709 28.9536 32.793 29.1474ZM31.0829 27.103V29.186L32.7978 28.3141V26.2309L31.0829 27.103Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M29.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}
|
||||
d="M29.0288 31.0658L27.3138 31.9378C26.9359 32.1316 26.6307 31.9136 26.6307 31.4533V29.3702C26.6307 28.91 26.9359 28.3819 27.3138 28.1881L29.0288 27.3161C29.4066 27.1223 29.7119 27.3403 29.7119 27.8006V29.8837C29.7119 30.344 29.4066 30.872 29.0288 31.0658ZM27.3138 29.0214V31.1046L29.0288 30.2325V28.1494L27.3138 29.0214Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="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"
|
||||
d="M4.51568 77.4083C3.18344 76.7301 2.33565 75.1266 2.33565 72.8448C2.33565 68.7609 5.05826 64.0616 8.41067 62.3564L30.8892 50.904C32.3717 50.1482 33.7281 50.0997 34.7842 50.6375L32.6236 49.5378C31.5675 49 30.211 49.0485 28.7286 49.8042L6.25001 61.2568C2.89276 62.9669 0.174988 67.666 0.174988 71.7451C0.174988 74.0269 1.02278 75.6304 2.35502 76.3086L4.51568 77.4083Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.35"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
|
|
@ -292,41 +292,41 @@ export function ModuleVerticalStackIllustration({ className }: TIllustrationAsse
|
|||
<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"
|
||||
d="M4.51567 77.4083C5.57177 77.946 6.92823 77.8976 8.41066 77.1418L30.8892 65.6894C34.2465 63.9793 36.9643 59.2802 36.9643 55.2011C36.9643 52.9193 36.1165 51.3157 34.7842 50.6375C33.7281 50.0997 32.3716 50.1482 30.8892 50.904L8.41066 62.3563C5.0534 64.0665 2.33563 68.7657 2.33563 72.8448C2.33563 75.1266 3.18342 76.7301 4.51567 77.4083Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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}
|
||||
d="M11.487 66.7552C11.5694 66.6293 11.6905 66.576 11.768 66.6293C11.8455 66.6826 11.8503 66.8279 11.7825 66.9635L11.768 66.9926L8.8322 72.0648C8.74984 72.2053 8.61904 72.2732 8.53668 72.215C8.45433 72.1569 8.45433 71.997 8.53668 71.8517L11.4725 66.7795L11.487 66.7552Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="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}
|
||||
d="M9.31179 68.446C9.31179 68.2328 9.1713 68.1359 8.99689 68.2231C8.82249 68.3103 8.682 68.5526 8.682 68.7658C8.682 68.9789 8.82249 69.0758 8.99689 68.9886C9.1713 68.9014 9.31179 68.6591 9.31179 68.446ZM9.72841 68.2328C9.72841 68.727 9.39899 69.2937 8.99205 69.502C8.58511 69.7104 8.25568 69.4779 8.25568 68.9838C8.25568 68.4896 8.58511 67.9228 8.99205 67.7144C9.39899 67.5061 9.72841 67.7387 9.72841 68.2328Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="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}
|
||||
d="M11.6178 70.0786C11.6178 69.8655 11.4773 69.7686 11.3029 69.8558C11.1285 69.943 10.988 70.1852 10.988 70.3983C10.988 70.6115 11.1285 70.7084 11.3029 70.6212C11.4773 70.534 11.6178 70.2918 11.6178 70.0786ZM12.0393 69.8654C12.0393 70.3595 11.7098 70.9264 11.3029 71.1347C10.896 71.343 10.5665 71.1105 10.5665 70.6163C10.5665 70.1222 10.896 69.5554 11.3029 69.3471C11.7098 69.1388 12.0393 69.3713 12.0393 69.8654Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M10.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}
|
||||
d="M10.082 64.8998C10.082 64.7642 10.1741 64.6092 10.2855 64.5559C10.9395 64.2652 11.5742 64.1684 12.141 64.2895C12.7659 64.4203 13.2746 64.8029 13.6282 65.394C13.977 65.985 14.1514 66.7699 14.1321 67.6564C14.1127 68.5478 13.8947 69.5119 13.512 70.4517C13.1244 71.3916 12.5818 72.2733 11.9423 73.0048C11.298 73.7363 10.581 74.2885 9.85921 74.6034C9.13737 74.9183 8.43975 74.991 7.83903 74.8069C7.29645 74.6374 6.84591 74.2692 6.53586 73.7266C6.48257 73.6346 6.52617 73.465 6.6279 73.3536C6.72964 73.2422 6.85076 73.2324 6.90405 73.3245C7.18503 73.8041 7.58228 74.1287 8.06673 74.2788C8.60931 74.4436 9.23426 74.3806 9.88342 74.0948C10.5326 73.809 11.1818 73.3147 11.7583 72.6559C12.3348 71.997 12.824 71.2074 13.1729 70.3596C13.5217 69.5118 13.7106 68.6447 13.73 67.8405C13.7494 67.0411 13.5943 66.3338 13.2794 65.8009C12.9645 65.268 12.5043 64.9241 11.9423 64.8078C11.4385 64.7012 10.8766 64.7836 10.2952 65.0403C10.1838 65.0888 10.0917 65.0259 10.0917 64.8902L10.082 64.8998Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M28.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}
|
||||
d="M28.0455 62.2934L19.8195 66.4839C19.1413 66.8279 18.5939 66.4404 18.5939 65.6168C18.5939 64.7933 19.1413 63.8485 19.8195 63.5046L28.0455 59.3141C28.7238 58.9701 29.2712 59.3576 29.2712 60.1812C29.2712 61.0047 28.7238 61.9495 28.0455 62.2934Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M157.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"
|
||||
d="M157.128 35.2127C157.67 34.9365 158.014 34.2825 158.014 33.3523V21.4736C158.014 19.807 156.905 17.8886 155.534 17.191L124.795 1.52865C124.19 1.2186 123.633 1.20408 123.202 1.42208L125.362 0.322369C125.793 0.104365 126.351 0.118944 126.956 0.428993L157.695 16.0912C159.066 16.7889 160.175 18.7073 160.175 20.3738V32.2526C160.175 33.1828 159.831 33.8368 159.288 34.113L157.128 35.2127Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.35"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
|
|
@ -334,9 +334,9 @@ export function ModuleVerticalStackIllustration({ className }: TIllustrationAsse
|
|||
<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"
|
||||
d="M157.128 35.2126C156.697 35.4306 156.139 35.416 155.534 35.1059L124.795 19.4437C123.424 18.7461 122.315 16.8276 122.315 15.1611V3.28233C122.315 2.35218 122.659 1.69819 123.202 1.42205C123.633 1.20405 124.19 1.21856 124.795 1.52861L155.534 17.1909C156.905 17.8885 158.014 19.807 158.014 21.4735V33.3523C158.014 34.2824 157.67 34.9365 157.128 35.2126Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.35"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
|
|
@ -344,32 +344,32 @@ export function ModuleVerticalStackIllustration({ className }: TIllustrationAsse
|
|||
<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}
|
||||
d="M135.419 14.5847L142.551 18.2181C143.137 18.5184 143.612 18.1793 143.612 17.4671C143.612 16.755 143.137 15.9314 142.551 15.6359L135.419 12.0025C134.833 11.7021 134.359 12.0413 134.359 12.7534C134.359 13.4656 134.833 14.2891 135.419 14.5847Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="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}
|
||||
d="M135.928 20.5531L145.927 25.6496C146.751 26.0662 147.415 25.5962 147.415 24.5982C147.415 23.5954 146.746 22.4472 145.927 22.0306L135.928 16.9343C135.105 16.5177 134.441 16.9875 134.441 17.9855C134.441 18.9883 135.109 20.1365 135.928 20.5531Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="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}
|
||||
d="M129.436 10.898C129.485 11.0578 129.596 11.2128 129.722 11.2758C129.897 11.3679 130.042 11.2613 130.042 11.0433V10.6412C130.042 10.5104 129.994 10.3603 129.906 10.244C129.819 10.1277 129.713 10.055 129.611 10.0502L127.552 9.99206C127.431 9.99206 127.349 10.0938 127.349 10.2585V13.0296C127.349 13.1701 127.407 13.3251 127.499 13.4462C127.596 13.5673 127.712 13.6303 127.809 13.6157L128.104 13.5722C128.259 13.5479 128.317 13.3396 128.24 13.1071C128.187 12.952 128.09 12.8261 127.983 12.7631V10.8495L129.432 10.8883L129.436 10.898Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M128.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}
|
||||
d="M128.167 9.06674C128.216 9.2266 128.327 9.38164 128.453 9.44462C128.627 9.53667 128.773 9.4301 128.773 9.21209V8.80996C128.773 8.67916 128.724 8.52901 128.637 8.41274C128.55 8.29647 128.443 8.22379 128.342 8.21894L126.283 8.16081C126.162 8.16081 126.079 8.26257 126.079 8.42728V11.1983C126.079 11.3388 126.137 11.4938 126.229 11.615C126.326 11.7361 126.443 11.799 126.54 11.7845L126.835 11.7409C126.99 11.7167 127.048 11.5083 126.971 11.2758C126.917 11.1208 126.82 10.9948 126.714 10.9319V9.0183L128.162 9.05704L128.167 9.06674Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="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}
|
||||
d="M131.307 12.143C131.219 12.0219 131.113 11.9492 131.016 11.9492L128.957 11.8911C128.836 11.8911 128.753 11.9977 128.753 12.1527V14.9286C128.753 15.0594 128.802 15.2048 128.889 15.321C128.981 15.4421 129.088 15.5148 129.185 15.5148L131.239 15.573C131.365 15.5826 131.447 15.476 131.447 15.3113V12.5354C131.447 12.4046 131.399 12.2593 131.307 12.143ZM130.812 14.7203L129.388 14.6767V12.7534L130.812 12.797V14.7203Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
|
@ -14,9 +14,9 @@ export function PageVerticalStackIllustration({ className }: TIllustrationAssetP
|
|||
<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"
|
||||
d="M14.2958 52.3993C13.0691 51.7747 11.4935 51.8254 9.76603 52.7088C5.86647 54.6952 2.70968 60.1534 2.70968 64.8914C2.70968 67.5362 3.69442 69.4043 5.24186 70.1921L2.73219 68.9148C1.18475 68.127 0.200012 66.2588 0.200012 63.6141C0.200012 58.8705 3.36241 53.4122 7.25634 51.4315C8.97823 50.5537 10.5594 50.4974 11.7861 51.122L14.2958 52.3993Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
|
|
@ -24,9 +24,9 @@ export function PageVerticalStackIllustration({ className }: TIllustrationAssetP
|
|||
<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"
|
||||
d="M14.2957 52.3996C15.8432 53.1874 16.8279 55.0556 16.8279 57.7003C16.8279 62.4439 13.6655 67.9022 9.77156 69.8829C8.04968 70.7607 6.46848 70.817 5.24178 70.1924C3.69433 69.4046 2.70959 67.5364 2.70959 64.8917C2.70959 60.1481 5.87201 54.6898 9.76594 52.7091C11.4878 51.8313 13.069 51.775 14.2957 52.3996Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
|
|
@ -34,40 +34,40 @@ export function PageVerticalStackIllustration({ className }: TIllustrationAssetP
|
|||
<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}
|
||||
d="M11.4541 62.0109C11.6511 61.6732 11.9155 61.4031 12.1969 61.2568L13.7837 60.4465C13.975 60.3509 14.1326 60.4578 14.1326 60.6941C14.1326 60.9305 13.975 61.2006 13.7837 61.2962L12.1969 62.1065C12.1068 62.1515 12.0168 62.2416 11.9493 62.3597C11.8818 62.4779 11.848 62.6017 11.848 62.7142V64.6443C11.848 64.8807 11.6904 65.1508 11.4991 65.2464C11.3078 65.3421 11.1502 65.2352 11.1502 64.9988V63.0687C11.1502 62.7311 11.2628 62.3485 11.4597 62.0109H11.4541Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="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}
|
||||
d="M8.70253 58.0775C8.89385 57.9819 9.05141 58.0888 9.05141 58.3251V59.0341C9.05141 59.2592 9.12457 59.4393 9.25399 59.5293C9.38341 59.6194 9.56348 59.6194 9.74917 59.5293C10.0249 59.3886 10.295 59.3886 10.4919 59.5293C10.6889 59.67 10.8014 59.9345 10.8014 60.2777C10.8014 60.5084 10.959 60.621 11.1503 60.5253C11.2403 60.4803 11.3304 60.3903 11.3979 60.2721C11.4654 60.1596 11.4992 60.0301 11.4992 59.9176C11.4992 59.2142 11.9719 58.3983 12.5458 58.1057L13.6544 57.543C13.8457 57.4473 14.0032 57.5542 14.0032 57.7906C14.0032 58.0269 13.8457 58.297 13.6544 58.3927L12.5458 58.9554C12.3545 59.051 12.1969 59.3267 12.1969 59.5575C12.1969 59.8951 12.0844 60.2777 11.8875 60.6153C11.6905 60.953 11.426 61.2231 11.1447 61.3694C10.5651 61.662 10.098 61.33 10.098 60.6266C10.098 60.5141 10.0587 60.424 9.99677 60.379C9.93487 60.334 9.84483 60.334 9.74917 60.379C9.37779 60.5703 9.02328 60.5703 8.7588 60.379C8.49433 60.1933 8.34802 59.8332 8.34802 59.383V58.674C8.34802 58.4377 8.50558 58.1676 8.6969 58.0719L8.70253 58.0775Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="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}
|
||||
d="M6.62048 62.8213C6.62048 62.5849 6.77804 62.3148 6.96936 62.2192L7.9991 61.6958C8.27483 61.5552 8.54493 61.5552 8.74188 61.6958C8.93883 61.8365 9.05136 62.101 9.05136 62.4442V62.8719C9.05136 62.9844 9.09077 63.0745 9.15266 63.1195C9.22019 63.1645 9.30458 63.1645 9.40024 63.1195C9.67597 62.9788 9.94607 62.9788 10.143 63.1195C10.34 63.2602 10.4525 63.5246 10.4525 63.8679V65.5504C10.4525 65.7867 10.2949 66.0568 10.1036 66.1525C9.9123 66.2481 9.75475 66.1412 9.75475 65.9049V64.2224C9.75475 64.1099 9.71536 64.0198 9.65346 63.9748C9.58594 63.9298 9.50153 63.9298 9.40587 63.9748C9.13015 64.1155 8.86004 64.1155 8.66309 63.9748C8.46615 63.8341 8.35361 63.5697 8.35361 63.2264V62.7987C8.35361 62.6862 8.31423 62.5962 8.25233 62.5512C8.1848 62.5061 8.1004 62.5061 8.00474 62.5512L6.97497 63.0745C6.78365 63.1701 6.6261 63.0632 6.6261 62.8269L6.62048 62.8213Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="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}
|
||||
d="M10.4469 57.4696C8.70812 58.353 7.30136 60.7895 7.30136 62.9053C7.30136 65.0211 8.70812 66.0171 10.4469 65.1336C12.1857 64.2502 13.5924 61.8136 13.5924 59.6979C13.5924 57.5821 12.1857 56.5861 10.4469 57.4696ZM6.60361 63.2598C6.60361 60.677 8.32549 57.7003 10.4525 56.6199C12.5796 55.5395 14.3014 56.7549 14.3014 59.3434C14.3014 61.9318 12.5796 64.9029 10.4525 65.9833C8.32549 67.0637 6.60361 65.8483 6.60361 63.2598Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<g opacity="0.2">
|
||||
<path
|
||||
d="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"
|
||||
d="M0.65564 139.889C0.65564 142.016 2.24809 144.137 5.42738 145.764L46.3643 166.623C52.7285 169.864 63.0429 169.864 69.4072 166.623L155.428 122.794C158.607 121.173 160.2 119.052 160.2 116.925V123.717C160.2 125.844 158.607 127.965 155.428 129.586L69.4072 173.415C63.0429 176.656 52.7285 176.656 46.3643 173.415L5.42738 152.556C2.24246 150.935 0.65564 148.808 0.65564 146.681V139.889Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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"
|
||||
d="M0.655701 139.889C0.655701 137.762 2.24815 135.641 5.42744 134.02L91.4484 90.1908C97.8126 86.9496 108.127 86.9496 114.491 90.1908L155.428 111.05C158.613 112.671 160.2 114.798 160.2 116.925C160.2 119.052 158.607 121.173 155.428 122.794L69.4072 166.623C63.043 169.864 52.7286 169.864 46.3644 166.623L5.42744 145.764C2.24252 144.143 0.655701 142.016 0.655701 139.889Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
|
|
@ -75,48 +75,48 @@ export function PageVerticalStackIllustration({ className }: TIllustrationAssetP
|
|||
</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"
|
||||
d="M0.65564 118.433C0.65564 120.56 2.24809 122.682 5.42738 124.308L46.3643 145.167C52.7285 148.409 63.0429 148.409 69.4072 145.167L155.428 101.338C158.607 99.7176 160.2 97.5961 160.2 95.4691V102.261C160.2 104.388 158.607 106.509 155.428 108.13L69.4072 151.959C63.0429 155.2 52.7285 155.2 46.3643 151.959L5.42738 131.1C2.24246 129.479 0.65564 127.352 0.65564 125.225V118.433Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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"
|
||||
d="M0.655701 118.433C0.655701 116.306 2.24815 114.185 5.42744 112.564L91.4484 68.7348C97.8126 65.4937 108.127 65.4937 114.491 68.7348L155.428 89.5944C158.613 91.215 160.2 93.342 160.2 95.469C160.2 97.5961 158.607 99.7175 155.428 101.338L69.4072 145.167C63.043 148.408 52.7286 148.408 46.3644 145.167L5.42744 124.308C2.24252 122.687 0.655701 120.56 0.655701 118.433Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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"
|
||||
d="M0.655701 96.977C0.655701 99.104 2.24815 101.225 5.42744 102.852L46.3644 123.711C52.7286 126.952 63.043 126.952 69.4072 123.711L155.428 79.882C158.607 78.2614 160.2 76.14 160.2 74.0129V80.8048C160.2 82.9318 158.607 85.0532 155.428 86.6738L69.4072 130.503C63.043 133.744 52.7286 133.744 46.3644 130.503L5.42744 109.644C2.24252 108.023 0.655701 105.896 0.655701 103.769V96.977Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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"
|
||||
d="M0.655762 96.9769C0.655762 94.8499 2.24821 92.7285 5.4275 91.1079L91.4485 47.2787C97.8127 44.0375 108.127 44.0375 114.491 47.2787L155.428 68.1382C158.613 69.7588 160.2 71.8858 160.2 74.0129C160.2 76.1399 158.608 78.2613 155.428 79.8819L69.4073 123.711C63.0431 126.952 52.7286 126.952 46.3644 123.711L5.4275 102.852C2.24258 101.231 0.655762 99.104 0.655762 96.9769Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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"
|
||||
d="M68.552 97.3814C67.9049 97.3814 67.2972 97.2407 66.7514 96.9594L61.7377 94.4047C60.1677 93.6057 59.2674 91.7712 59.2674 89.3741V30.6275C59.2674 26.3903 62.1147 21.4892 65.6091 19.7054L92.7653 5.86842C92.8441 5.82903 92.9341 5.80652 93.0186 5.80652C93.103 5.80652 93.193 5.82903 93.2717 5.86842L98.2855 8.4231C98.2855 8.4231 98.3305 8.45124 98.353 8.46249L113.439 19.1314C113.591 19.2383 113.675 19.4071 113.675 19.5928V67.3273C113.675 71.5644 110.828 76.4656 107.334 78.2494L71.1236 96.7005C70.2345 97.1507 69.368 97.3814 68.5408 97.3814H68.552Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
/>
|
||||
<path
|
||||
d="M93.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}
|
||||
d="M93.0241 6.36943L98.0378 8.92412L113.124 19.593V67.3275C113.124 71.3846 110.423 76.0494 107.086 77.7488L70.876 96.1999C70.0488 96.622 69.261 96.8189 68.5464 96.8189C67.9837 96.8189 67.466 96.6951 67.0046 96.4588L61.9909 93.9041C60.6685 93.2288 59.8301 91.6364 59.8301 89.3743V30.6277C59.8301 26.5706 62.5311 21.9058 65.8623 20.2064L93.0185 6.36943M93.0241 5.24402C92.8497 5.24402 92.6753 5.28341 92.5121 5.36781L65.3558 19.2048C61.6251 21.1067 58.7047 26.1204 58.7047 30.6277V89.3743C58.7047 91.9909 59.7175 94.011 61.4844 94.9057L66.4981 97.4604C67.1227 97.7812 67.8149 97.9387 68.552 97.9387C69.4692 97.9387 70.4258 97.6911 71.3937 97.1959L107.604 78.7448C111.335 76.8428 114.255 71.8291 114.255 67.3218V19.5987C114.255 19.2329 114.081 18.8897 113.777 18.6815L98.6906 8.01254C98.6456 7.97877 98.6005 7.95064 98.5499 7.92813L93.5362 5.37344C93.373 5.28903 93.1986 5.24965 93.0241 5.24965V5.24402Z"
|
||||
fill="var(--illustration-stroke-tertiary)"
|
||||
/>
|
||||
<path
|
||||
d="M98.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"
|
||||
d="M98.0378 8.92383L70.8816 22.7608C67.5503 24.4602 64.8494 29.125 64.8494 33.1821V91.9287C64.8494 94.1908 65.6878 95.7833 67.0101 96.4585L61.9964 93.9038C60.6741 93.2286 59.8356 91.6361 59.8356 89.374V30.6274C59.8356 26.5703 62.5366 21.9055 65.8679 20.2061L93.0241 6.36914L98.0378 8.92383Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.tertiary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
|
|
@ -124,7 +124,7 @@ export function PageVerticalStackIllustration({ className }: TIllustrationAssetP
|
|||
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"
|
||||
d="M98.0376 8.92383L113.124 19.5984V67.3328C113.124 71.3899 110.423 76.0547 107.092 77.7541L70.8814 96.2053C69.4071 96.9537 68.0566 96.9987 67.01 96.4697C65.6876 95.7945 64.8492 94.202 64.8492 91.94V33.1934C64.8492 29.1363 67.5502 24.4714 70.8814 22.772L98.0376 8.93508V8.92383Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
|
|
@ -132,34 +132,30 @@ export function PageVerticalStackIllustration({ className }: TIllustrationAssetP
|
|||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M98.8376 9.40088V20.4187C98.8376 24.4758 101.539 26.3834 104.87 24.6896L113.924 20.0754"
|
||||
d="M98.0377 8.92383V19.9416C98.0377 23.9987 100.739 25.9063 104.07 24.2126L113.124 19.5984"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
/>
|
||||
<path
|
||||
d="M98.8376 9.40088V20.4187C98.8376 24.4758 101.539 26.3834 104.87 24.6896L113.924 20.0754"
|
||||
d="M98.0377 8.92383V19.9416C98.0377 23.9987 100.739 25.9063 104.07 24.2126L113.124 19.5984"
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="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}
|
||||
d="M93.5306 66.0128L76.233 74.8248C75.1638 75.3706 74.2972 74.7572 74.2972 73.4574C74.2972 72.1575 75.1638 70.6664 76.233 70.1205L93.5306 61.3086C94.5997 60.7627 95.4663 61.3761 95.4663 62.6759C95.4663 63.9758 94.5997 65.467 93.5306 66.0128Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="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}
|
||||
d="M101.735 47.6831L76.233 60.676C75.1639 61.2218 74.2973 60.6084 74.2973 59.3086C74.2973 58.0087 75.1639 56.5176 76.233 55.9717L101.735 42.9788C102.804 42.433 103.671 43.0464 103.671 44.3462C103.671 45.6461 102.804 47.1372 101.735 47.6831Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M137.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"
|
||||
d="M137.028 6.86407C138.254 6.23946 139.83 6.29011 141.557 7.17356C145.457 9.15991 148.614 14.6182 148.614 19.3562C148.614 22.0009 147.629 23.8691 146.082 24.6569L148.591 23.3795C150.139 22.5917 151.123 20.7235 151.123 18.0788C151.123 13.3352 147.961 7.87694 144.067 5.89621C142.345 5.01839 140.764 4.96212 139.537 5.58672L137.028 6.86407Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
|
|
@ -167,9 +163,9 @@ export function PageVerticalStackIllustration({ className }: TIllustrationAssetP
|
|||
<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"
|
||||
d="M137.028 6.86443C135.48 7.65222 134.495 9.52041 134.495 12.1651C134.495 16.9088 137.658 22.367 141.552 24.3477C143.274 25.2256 144.855 25.2818 146.082 24.6572C147.629 23.8694 148.614 22.0012 148.614 19.3565C148.614 14.6129 145.451 9.15465 141.557 7.17392C139.836 6.2961 138.254 6.23983 137.028 6.86443Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
|
|
@ -177,15 +173,15 @@ export function PageVerticalStackIllustration({ className }: TIllustrationAssetP
|
|||
<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}
|
||||
d="M137.911 11.653C137.911 11.3941 138.086 11.2703 138.294 11.3829L145.221 14.911C145.435 15.0179 145.603 15.3162 145.603 15.575C145.603 15.8339 145.429 15.9577 145.221 15.8451L138.294 12.317C138.08 12.21 137.911 11.9118 137.911 11.653ZM137.911 13.9938C137.911 13.735 138.086 13.6112 138.294 13.7237L142.143 15.6876C142.357 15.7945 142.525 16.0927 142.525 16.3516C142.525 16.6104 142.351 16.7342 142.143 16.6217L138.294 14.6578C138.08 14.5509 137.911 14.2527 137.911 13.9938ZM138.299 15.5975C138.086 15.4906 137.917 15.6088 137.917 15.8676C137.917 16.1265 138.091 16.4247 138.299 16.5316L140.995 17.9046C141.209 18.0115 141.377 17.8934 141.377 17.6345C141.377 17.3757 141.203 17.0775 140.995 16.9705L138.299 15.5975ZM137.911 17.7415C137.911 17.4826 138.086 17.3588 138.294 17.4714L139.836 18.2535C140.049 18.3604 140.218 18.6587 140.218 18.9175C140.218 19.1764 140.044 19.3001 139.836 19.1876L138.294 18.4054C138.08 18.2985 137.911 18.0003 137.911 17.7415ZM144.697 17.6908C144.838 17.764 144.973 17.899 145.069 18.0678C145.17 18.2366 145.221 18.428 145.221 18.6024C145.221 18.7768 145.164 18.9063 145.069 18.9794L144.838 19.1426L144.095 17.854L144.326 17.6908C144.427 17.6233 144.557 17.6233 144.697 17.6908ZM143.881 18.0003L144.624 19.2889L142.936 20.4818C142.812 20.5719 142.66 20.6 142.492 20.5775L141.951 20.4987C141.951 20.4987 141.895 20.4818 141.873 20.4593C141.844 20.4368 141.822 20.4087 141.805 20.3749C141.788 20.3412 141.771 20.3074 141.766 20.268C141.76 20.2342 141.76 20.2005 141.766 20.1723L141.929 19.5984C141.98 19.4183 142.07 19.2776 142.193 19.1932L143.881 18.0003Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="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"
|
||||
d="M7.44199 40.8974C6.81176 40.5766 6.41223 39.817 6.41223 38.7366V24.939C6.41223 23.0033 7.70084 20.775 9.2933 19.9647L44.997 1.77236C45.7004 1.41223 46.3475 1.39535 46.8483 1.64857L44.3387 0.371221C43.8379 0.118003 43.1908 0.134884 42.4874 0.495016L6.78361 18.6873C5.19115 19.4976 3.90256 21.7259 3.90256 23.6617V37.4592C3.90256 38.5396 4.30209 39.2993 4.93232 39.62L7.44199 40.8974Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
|
|
@ -193,9 +189,9 @@ export function PageVerticalStackIllustration({ className }: TIllustrationAssetP
|
|||
<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"
|
||||
d="M7.44181 40.8976C7.94262 41.1508 8.58974 41.1339 9.29312 40.7738L44.9969 22.5815C46.5893 21.7712 47.8779 19.5429 47.8779 17.6072V3.8096C47.8779 2.72921 47.4784 1.96955 46.8482 1.64881C46.3474 1.39559 45.7002 1.41247 44.9969 1.7726L9.29312 19.9649C7.70066 20.7752 6.41205 23.0035 6.41205 24.9392V38.7368C6.41205 39.8172 6.81158 40.5769 7.44181 40.8976Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
|
|
@ -203,56 +199,56 @@ export function PageVerticalStackIllustration({ className }: TIllustrationAssetP
|
|||
<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}
|
||||
d="M28.8699 20.3929C28.8699 20.151 28.7067 20.0384 28.5098 20.1397L24.9028 21.9798C24.7059 22.0811 24.5427 22.3624 24.5427 22.6044C24.5427 22.8463 24.7059 22.9589 24.9028 22.8576L28.5098 21.0176C28.7067 20.9163 28.8699 20.6349 28.8699 20.3929Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="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}
|
||||
d="M29.5902 22.6604C29.5902 22.4184 29.427 22.3059 29.2301 22.4072L24.177 24.9788C23.98 25.08 23.8168 25.3614 23.8168 25.6034C23.8168 25.8453 23.98 25.9579 24.177 25.8566L29.2301 23.285C29.427 23.1837 29.5902 22.9024 29.5902 22.6604Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="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}
|
||||
d="M30.3105 17.0223C30.3105 16.7804 30.1473 16.6678 29.9504 16.7691L23.4567 20.0778C23.2598 20.1791 23.0966 20.4605 23.0966 20.7024C23.0966 20.9444 23.2598 21.057 23.4567 20.9557L29.9504 17.6469C30.1473 17.5457 30.3105 17.2643 30.3105 17.0223Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="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}
|
||||
d="M14.8305 27.5438C14.8305 27.3019 14.6673 27.1893 14.4704 27.2906L10.1431 29.4964C9.9462 29.5977 9.78302 29.8791 9.78302 30.121C9.78302 30.363 9.9462 30.4755 10.1431 30.3742L14.4704 28.1684C14.6673 28.0671 14.8305 27.7858 14.8305 27.5438Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="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}
|
||||
d="M15.5507 29.812C15.5507 29.5701 15.3875 29.4575 15.1906 29.5588L10.1375 32.1304C9.94054 32.2317 9.77734 32.513 9.77734 32.755C9.77734 32.9969 9.94054 33.1095 10.1375 33.0082L15.1906 30.4366C15.3875 30.3353 15.5507 30.054 15.5507 29.812Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="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}
|
||||
d="M16.9912 23.8077C16.9912 23.5658 16.828 23.4532 16.631 23.5545L10.1374 26.8632C9.94045 26.9645 9.77725 27.2459 9.77725 27.4878C9.77725 27.7298 9.94045 27.8424 10.1374 27.7411L16.631 24.4323C16.828 24.3311 16.9912 24.0497 16.9912 23.8077Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="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}
|
||||
d="M44.5019 12.4244C44.5019 12.1825 44.3387 12.0699 44.1417 12.1712L39.8145 14.377C39.6176 14.4783 39.4544 14.7597 39.4544 15.0016C39.4544 15.2436 39.6176 15.3561 39.8145 15.2549L44.1417 13.049C44.3387 12.9478 44.5019 12.6664 44.5019 12.4244Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="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}
|
||||
d="M44.5017 15.058C44.5017 14.816 44.3385 14.7035 44.1416 14.8048L39.0885 17.3763C38.8915 17.4776 38.7283 17.759 38.7283 18.0009C38.7283 18.2429 38.8915 18.3555 39.0885 18.2542L44.1416 15.6826C44.3385 15.5813 44.5017 15.3 44.5017 15.058Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="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}
|
||||
d="M44.5019 9.79102C44.5019 9.54906 44.3387 9.43651 44.1418 9.5378L37.6481 12.8465C37.4512 12.9478 37.288 13.2292 37.288 13.4711C37.288 13.7131 37.4512 13.8256 37.6481 13.7243L44.1418 10.4156C44.3387 10.3143 44.5019 10.033 44.5019 9.79102Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
|
|
|
|||
|
|
@ -11,20 +11,20 @@ export function ProjectVerticalStackIllustration({ className }: TIllustrationAss
|
|||
xmlns="http://www.w3.org/2000/svg"
|
||||
className={className}
|
||||
>
|
||||
<g clipPath="url(#clip0_145_15535)">
|
||||
<g clipPath="url(#clip0_1047_10396)">
|
||||
<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"
|
||||
d="M16.9216 113.312C16.9216 114.994 18.1809 116.671 20.6948 117.957L53.0651 134.451C58.0975 137.014 66.2534 137.014 71.2858 134.451L139.306 99.7941C141.82 98.5127 143.079 96.8352 143.079 95.1533V100.524C143.079 102.206 141.82 103.883 139.306 105.165L71.2858 139.822C66.2534 142.385 58.0975 142.385 53.0651 139.822L20.6948 123.328C18.1764 122.046 16.9216 120.364 16.9216 118.682V113.312Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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"
|
||||
d="M16.9216 113.312C16.9216 111.63 18.1809 109.953 20.6948 108.671L88.7146 74.014C93.747 71.4511 101.903 71.4511 106.935 74.014L139.306 90.5084C141.824 91.7898 143.079 93.4717 143.079 95.1536C143.079 96.8356 141.82 98.513 139.306 99.7944L71.2858 134.452C66.2534 137.015 58.0975 137.015 53.0651 134.452L20.6948 117.957C18.1764 116.676 16.9216 114.994 16.9216 113.312Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
|
|
@ -32,48 +32,48 @@ export function ProjectVerticalStackIllustration({ className }: TIllustrationAss
|
|||
</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"
|
||||
d="M16.9216 96.341C16.9216 98.0229 18.1809 99.7005 20.6948 100.986L53.0651 117.481C58.0975 120.044 66.2534 120.044 71.2858 117.481L139.306 82.8234C141.82 81.542 143.079 79.8645 143.079 78.1826V83.5531C143.079 85.235 141.82 86.9126 139.306 88.194L71.2858 122.851C66.2534 125.414 58.0975 125.414 53.0651 122.851L20.6948 106.357C18.1764 105.075 16.9216 103.394 16.9216 101.712V96.341Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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"
|
||||
d="M16.9216 96.3413C16.9216 94.6594 18.1809 92.982 20.6948 91.7005L88.7146 57.0433C93.747 54.4804 101.903 54.4804 106.935 57.0433L139.306 73.5376C141.824 74.819 143.079 76.501 143.079 78.1829C143.079 79.8648 141.82 81.5423 139.306 82.8237L71.2858 117.481C66.2534 120.044 58.0975 120.044 53.0651 117.481L20.6948 100.987C18.1764 99.7052 16.9216 98.0232 16.9216 96.3413Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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"
|
||||
d="M16.9216 79.3753C16.9216 81.0572 18.1809 82.7346 20.6948 84.0206L53.0651 100.515C58.0975 103.078 66.2534 103.078 71.2858 100.515L139.306 65.8576C141.82 64.5761 143.079 62.8987 143.079 61.2168V66.5874C143.079 68.2693 141.82 69.9467 139.306 71.2282L71.2858 105.886C66.2534 108.448 58.0975 108.448 53.0651 105.886L20.6948 89.3912C18.1764 88.1097 16.9216 86.4278 16.9216 84.7459V79.3753Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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"
|
||||
d="M16.9216 79.3756C16.9216 77.6937 18.1809 76.0163 20.6948 74.7348L88.7146 40.0775C93.747 37.5145 101.903 37.5145 106.935 40.0775L139.306 56.5718C141.824 57.8533 143.079 59.5352 143.079 61.2171C143.079 62.899 141.82 64.5765 139.306 65.8579L71.2858 100.515C66.2534 103.078 58.0975 103.078 53.0651 100.515L20.6948 84.0209C18.1764 82.7394 16.9216 81.0575 16.9216 79.3756Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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"
|
||||
d="M64.2952 82.2411C63.8191 82.2411 63.3697 82.1433 62.9648 81.9475C62.9381 81.9386 62.9114 81.9297 62.8847 81.9163L58.9202 79.8962C57.701 79.2733 57.0024 77.8495 57.0024 75.9896V48.7675C57.0024 45.4793 59.2094 41.6749 61.9236 40.2956L70.9072 35.717V28.273C70.9072 24.9848 73.1141 21.1804 75.8283 19.8011L86.3114 14.4572C87.0011 14.1057 87.6774 13.9277 88.3181 13.9277C88.8209 13.9277 89.2926 14.039 89.7197 14.2525L93.6842 16.2726C93.6842 16.2726 93.7065 16.286 93.7154 16.2905C94.9168 16.9223 95.602 18.3328 95.602 20.1793V23.1293L100.221 20.7756C100.91 20.4241 101.587 20.246 102.227 20.246C102.73 20.246 103.202 20.3573 103.629 20.5708C103.629 20.5708 107.611 22.5998 107.62 22.6087C108.821 23.2406 109.511 24.6511 109.511 26.5021V53.7242C109.511 57.0124 107.304 60.8167 104.59 62.1961L66.293 81.7072C65.6078 82.0543 64.9359 82.2322 64.2952 82.2322V82.2411ZM80.9809 26.1639C80.0153 26.6533 79.2011 28.0727 79.2011 29.2607V31.4944L87.317 27.3608V22.938L80.9809 26.1639Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
/>
|
||||
<path
|
||||
d="M88.3226 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}
|
||||
d="M88.3226 14.3723C88.7586 14.3723 89.1635 14.4658 89.5195 14.6482L93.484 16.6683C93.484 16.6683 93.4751 16.6683 93.4707 16.6639C94.503 17.1845 95.1615 18.4214 95.1615 20.1834V23.8632L100.425 21.1801C101.066 20.8553 101.676 20.6995 102.232 20.6995C102.668 20.6995 103.073 20.793 103.429 20.9754L107.393 22.9955C107.393 22.9955 107.384 22.9955 107.38 22.9911C108.412 23.5072 109.071 24.7486 109.071 26.5106V53.7327C109.071 56.8785 106.975 60.4916 104.394 61.8087L66.0973 81.3197C65.461 81.6445 64.8558 81.7958 64.3041 81.7958C63.828 81.7958 63.3875 81.6802 63.0048 81.4666C63.036 81.4844 63.0627 81.5067 63.0938 81.5245L59.1293 79.5044C58.1059 78.9838 57.4563 77.7468 57.4563 75.9936V48.7715C57.4563 45.6257 59.552 42.0128 62.1328 40.6957L71.361 35.9926V28.2726C71.361 25.1268 73.4568 21.5138 76.0375 20.1968L86.5205 14.8529C87.1613 14.5281 87.7709 14.3723 88.327 14.3723M91.9756 16.4147C92.0557 16.4058 92.1358 16.4013 92.2115 16.4013C92.1314 16.4013 92.0557 16.4102 91.9756 16.4147ZM92.6075 16.4147C92.5318 16.4058 92.4562 16.4013 92.3805 16.3969C92.4562 16.3969 92.5318 16.4058 92.6075 16.4147ZM91.6731 16.4547C91.7176 16.4458 91.7576 16.437 91.8021 16.4325C91.7621 16.437 91.7176 16.4458 91.6731 16.4547ZM92.9901 16.4858C92.9189 16.468 92.8433 16.4459 92.7676 16.437C92.8433 16.4503 92.9145 16.468 92.9901 16.4858ZM91.0813 16.6194C91.1792 16.5838 91.2771 16.5526 91.3749 16.5259C91.2771 16.5526 91.1792 16.5882 91.0813 16.6194ZM93.3728 16.6238C93.2927 16.5882 93.2126 16.5526 93.1325 16.5259C93.2171 16.5526 93.2927 16.5882 93.3728 16.6238ZM90.4806 16.873C90.6319 16.7929 90.7832 16.7306 90.9345 16.6683C90.7832 16.7262 90.6363 16.7929 90.4806 16.873ZM91.1436 21.2246C91.1124 21.2024 91.0813 21.1845 91.0457 21.1623C91.0768 21.1801 91.1124 21.2024 91.1436 21.2246ZM91.2815 21.3403C91.2593 21.3181 91.2326 21.2958 91.2103 21.278C91.2326 21.3002 91.2593 21.3181 91.2815 21.3403ZM91.4016 21.4826C91.3838 21.4559 91.3616 21.4337 91.3438 21.407C91.366 21.4293 91.3838 21.4559 91.4016 21.4826ZM91.504 21.6473C91.4862 21.6162 91.4728 21.5895 91.455 21.5584C91.4728 21.5851 91.4906 21.6162 91.504 21.6473ZM91.5885 21.8386C91.5752 21.803 91.5618 21.7674 91.544 21.7363C91.5574 21.7719 91.5707 21.803 91.5885 21.8386ZM91.6553 22.0566C91.6464 22.0122 91.633 21.9721 91.6197 21.932C91.633 21.9721 91.6419 22.0166 91.6553 22.0566ZM91.6998 22.3103C91.6909 22.2569 91.6864 22.2035 91.6775 22.1545C91.6864 22.2035 91.6953 22.2569 91.6998 22.3103ZM78.7561 32.2194L87.7619 27.6319V22.2124L80.7807 25.772C79.6638 26.3416 78.7561 27.9033 78.7561 29.2648V32.2238M91.7264 22.6529C91.7264 22.5639 91.722 22.4749 91.7131 22.3948C91.722 22.4794 91.7264 22.5639 91.7264 22.6529ZM106 22.7285C105.96 22.7285 105.92 22.733 105.88 22.7374C105.92 22.7374 105.96 22.7285 106 22.7285C106.041 22.7285 106.081 22.7285 106.121 22.7241C106.081 22.7241 106.041 22.7241 106 22.7285ZM106.517 22.7419C106.441 22.733 106.365 22.7285 106.29 22.7241C106.365 22.7241 106.441 22.733 106.517 22.7419ZM105.453 22.8086C105.538 22.7908 105.627 22.7731 105.711 22.7597C105.627 22.7731 105.542 22.7908 105.453 22.8086ZM106.899 22.813C106.828 22.7952 106.752 22.7775 106.677 22.7642C106.752 22.7775 106.824 22.7952 106.899 22.813ZM107.278 22.9465C107.197 22.911 107.117 22.8754 107.037 22.8487C107.122 22.8754 107.197 22.911 107.278 22.9465ZM104.39 23.1957C104.541 23.1157 104.692 23.0534 104.844 22.9911C104.692 23.0489 104.546 23.1157 104.39 23.1957ZM61.4653 78.8013C61.4564 78.739 61.4475 78.6768 61.4386 78.6145C61.4431 78.6812 61.4564 78.739 61.4653 78.8013ZM61.7234 79.8781C61.6967 79.8113 61.6744 79.7491 61.6522 79.6779C61.6744 79.7446 61.6967 79.8113 61.7234 79.8781ZM62.1594 80.7057C62.1238 80.6523 62.0882 80.5989 62.0526 80.5455C62.0882 80.5989 62.1238 80.6568 62.1594 80.7057ZM62.4398 81.0394C62.3953 80.9949 62.3597 80.9504 62.3196 80.9059C62.3597 80.9504 62.3997 80.9994 62.4398 81.0394ZM62.7512 81.3108C62.7067 81.2797 62.6667 81.2396 62.6266 81.204C62.6667 81.2396 62.7067 81.2752 62.7512 81.3108ZM88.3226 13.4824C87.6107 13.4824 86.8631 13.6782 86.1156 14.0609L75.6326 19.4048C72.7359 20.882 70.4667 24.7753 70.4667 28.2726V35.4453L61.7234 39.8992C58.8267 41.3765 56.5575 45.2698 56.5575 48.7671V75.9892C56.5575 78.0271 57.3451 79.5934 58.72 80.292L62.6845 82.3119C63.1739 82.5567 63.7168 82.6813 64.2952 82.6813C65.0071 82.6813 65.7458 82.4899 66.4933 82.1073L104.79 62.5962C107.687 61.119 109.956 57.2256 109.956 53.7283V26.5062C109.956 24.495 109.186 22.9377 107.843 22.2258C107.829 22.2169 107.811 22.208 107.794 22.1991L103.829 20.179C103.34 19.9298 102.801 19.8052 102.227 19.8052C101.515 19.8052 100.768 20.001 100.02 20.3836L96.0514 22.4082V20.1834C96.0514 18.1678 95.2816 16.6149 93.9334 15.9029C93.9245 15.9029 93.9201 15.8941 93.9112 15.8897C93.9023 15.8897 93.8934 15.8808 93.8889 15.8763L89.9289 13.8562C89.4394 13.607 88.901 13.4824 88.327 13.4824H88.3226ZM79.646 30.7644V29.2559C79.646 28.237 80.3624 26.9734 81.1811 26.5596L86.8676 23.663V27.0846L79.6416 30.7644H79.646Z"
|
||||
fill="var(--illustration-stroke-tertiary)"
|
||||
/>
|
||||
<path
|
||||
d="M107.393 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"
|
||||
d="M107.393 22.9952C106.579 22.5814 105.533 22.617 104.39 23.1999L95.1614 27.903L91.1969 25.8829L100.425 21.1798C101.569 20.5969 102.614 20.5613 103.429 20.9751L107.393 22.9952Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.tertiary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
|
|
@ -81,7 +81,7 @@ export function ProjectVerticalStackIllustration({ className }: TIllustrationAss
|
|||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M78.756 36.8834L91.7264 30.276L87.7619 28.2559L74.7915 34.8634L78.756 36.8834Z"
|
||||
d="M78.756 36.2555L91.7264 29.648L87.7619 27.6279L74.7915 34.2355L78.756 36.2555Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.tertiary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
|
|
@ -89,7 +89,7 @@ export function ProjectVerticalStackIllustration({ className }: TIllustrationAss
|
|||
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"
|
||||
d="M91.7263 29.6477V22.6487C91.7263 21.8923 91.446 21.3582 91.0055 21.1313L87.041 19.1113C87.4815 19.3383 87.7618 19.8722 87.7618 20.6286V27.6277L91.7263 29.6477Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.tertiary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
|
|
@ -97,7 +97,7 @@ export function ProjectVerticalStackIllustration({ className }: TIllustrationAss
|
|||
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"
|
||||
d="M93.4839 16.6681C92.6697 16.2543 91.624 16.2898 90.4805 16.8727L79.9975 22.2166C77.4123 23.5337 75.321 27.1511 75.321 30.2924V38.0124L71.3565 35.9923V28.2723C71.3565 25.1265 73.4522 21.5136 76.033 20.1965L86.516 14.8526C87.6595 14.2697 88.7052 14.2342 89.5194 14.648L93.4839 16.6681Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.tertiary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
|
|
@ -105,7 +105,7 @@ export function ProjectVerticalStackIllustration({ className }: TIllustrationAss
|
|||
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"
|
||||
d="M75.321 38.0084L66.0927 42.7114C63.5076 44.0285 61.4163 47.646 61.4163 50.7874V78.0095C61.4163 79.7626 62.0659 80.9996 63.0893 81.5202L59.1248 79.5001C58.1014 78.9795 57.4518 77.7425 57.4518 75.9894V48.7673C57.4518 45.6215 59.5475 42.0085 62.1282 40.6914L71.3565 35.9883L75.321 38.0084Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.tertiary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
|
|
@ -113,7 +113,7 @@ export function ProjectVerticalStackIllustration({ className }: TIllustrationAss
|
|||
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"
|
||||
d="M95.1615 27.8989V20.1789C95.1615 17.0331 93.0657 15.5514 90.485 16.8685L80.002 22.2124C77.4168 23.5294 75.3255 27.1468 75.3255 30.2882V38.0081L66.0972 42.7112C63.5121 44.0283 61.4208 47.6458 61.4208 50.7871V78.0092C61.4208 81.1551 63.5165 82.6367 66.0972 81.3197L104.394 61.8086C106.979 60.4915 109.071 56.874 109.071 53.7327V26.5106C109.071 23.3648 106.975 21.8831 104.394 23.2001L95.1659 27.9033L95.1615 27.8989ZM78.7561 36.255V29.2559C78.7561 27.8988 79.6638 26.3326 80.7806 25.7631L89.7063 21.2157C90.8232 20.6461 91.7309 21.2869 91.7309 22.6484V29.6475L78.7605 36.255H78.7561Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
|
|
@ -123,9 +123,9 @@ export function ProjectVerticalStackIllustration({ className }: TIllustrationAss
|
|||
<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"
|
||||
d="M144.881 25.9278C146.104 25.3049 146.883 23.8321 146.883 21.7364C146.883 17.9855 144.382 13.6695 141.303 12.1033L120.657 1.58456C119.296 0.890433 118.05 0.845916 117.08 1.33981L119.064 0.329763C120.034 -0.164133 121.28 -0.119616 122.642 0.574508L143.288 11.0932C146.371 12.6639 148.867 16.9799 148.867 20.7264C148.867 22.8221 148.089 24.2949 146.865 24.9178L144.881 25.9278Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
|
|
@ -133,9 +133,9 @@ export function ProjectVerticalStackIllustration({ className }: TIllustrationAss
|
|||
<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"
|
||||
d="M144.881 25.9276C143.911 26.4214 142.665 26.377 141.303 25.6829L120.657 15.1642C117.574 13.5935 115.078 9.27754 115.078 5.53105C115.078 3.43532 115.856 1.96246 117.08 1.33953C118.05 0.845633 119.296 0.89015 120.657 1.58427L141.303 12.103C144.387 13.6737 146.883 17.9897 146.883 21.7361C146.883 23.8319 146.104 25.3046 144.881 25.9276Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
|
|
@ -143,21 +143,21 @@ export function ProjectVerticalStackIllustration({ className }: TIllustrationAss
|
|||
<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}
|
||||
d="M121.218 5.72729C120.795 5.51371 120.453 5.75398 120.453 6.27012V7.60943C120.453 7.8586 120.533 8.13447 120.675 8.38364L123.118 12.6018C123.354 13.0067 123.728 13.2826 124.021 13.198C124.573 13.0379 125.049 12.7042 125.41 12.2147C125.601 11.9522 125.534 11.4627 125.298 11.0578L122.856 6.83967C122.713 6.5905 122.517 6.39473 122.313 6.29239L121.209 5.73175L121.218 5.72729ZM121.507 7.50264C121.668 7.58273 121.797 7.49376 121.797 7.29798C121.797 7.1022 121.668 6.88413 121.507 6.80404C121.347 6.72395 121.218 6.81292 121.218 7.0087C121.218 7.20448 121.347 7.42255 121.507 7.50264Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M139.71 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}
|
||||
d="M139.71 19.988L130.108 15.0936C129.196 14.6264 128.453 13.3493 128.453 12.2413C128.453 11.129 129.192 10.6084 130.108 11.0712L139.71 15.9656C140.622 16.4328 141.365 17.7098 141.365 18.8177C141.365 19.9301 140.627 20.4508 139.71 19.988Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M46.1459 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"
|
||||
d="M46.1459 18.4752C45.5986 18.1949 44.8956 18.2217 44.1258 18.6132L5.13028 38.4847C3.39052 39.3702 1.98447 41.8041 1.98447 43.9177V58.9881C1.98447 60.1672 2.42053 60.9993 3.11021 61.3508L1.12571 60.3408C0.436038 59.9893 0 59.1572 0 57.9781V42.9076C0 40.7941 1.4105 38.3602 3.14581 37.4748L42.1413 17.6032C42.9111 17.2116 43.6141 17.1893 44.1614 17.4652L46.1459 18.4752Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
|
|
@ -165,9 +165,9 @@ export function ProjectVerticalStackIllustration({ className }: TIllustrationAss
|
|||
<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"
|
||||
d="M46.1459 18.475C46.8355 18.8265 47.2716 19.6586 47.2716 20.8377V35.9082C47.2716 38.0218 45.8611 40.4556 44.1258 41.3411L5.13025 61.2126C4.36048 61.6041 3.65747 61.6264 3.11018 61.3505C2.4205 60.999 1.98444 60.1669 1.98444 58.9878V43.9174C1.98444 41.8039 3.39494 39.3699 5.13025 38.4844L44.1258 18.6129C44.8956 18.2214 45.5986 18.1991 46.1459 18.475Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
|
|
@ -175,39 +175,39 @@ export function ProjectVerticalStackIllustration({ className }: TIllustrationAss
|
|||
<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}
|
||||
d="M9.63761 42.2085C9.69545 42.3375 9.82449 42.3864 9.97132 42.3108C10.176 42.2084 10.3406 41.9192 10.3451 41.6612V41.1895C10.3451 41.0338 10.2872 40.9226 10.1893 40.887C10.087 40.8514 9.95799 40.8959 9.84675 41.0116L7.444 43.392C7.30162 43.5344 7.20819 43.7524 7.20819 43.9437V47.183C7.20819 47.3432 7.27492 47.4588 7.38616 47.49C7.49739 47.5167 7.63533 47.4544 7.75102 47.3209L8.09364 46.9205C8.27607 46.7114 8.3428 46.3955 8.24936 46.2175C8.18707 46.1018 8.07138 46.0707 7.9468 46.1241V43.8859L9.64206 42.2085H9.63761Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M8.16037 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}
|
||||
d="M8.16037 41.5727C8.21822 41.7018 8.34725 41.7507 8.49409 41.6751C8.69877 41.5727 8.86341 41.2835 8.86786 41.0254V40.5538C8.86786 40.398 8.81003 40.2868 8.71214 40.2512C8.61425 40.2156 8.48075 40.26 8.36952 40.3757L5.96677 42.7563C5.82438 42.8986 5.73096 43.1167 5.73096 43.308V46.5473C5.73096 46.7074 5.79768 46.8231 5.90892 46.8542C6.02016 46.8809 6.1581 46.8187 6.27378 46.6852L6.61641 46.2847C6.79884 46.0756 6.86557 45.7597 6.77213 45.5817C6.70984 45.4661 6.59415 45.4348 6.46956 45.4882V43.2502L8.16483 41.5727H8.16037Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M11.8268 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}
|
||||
d="M11.8268 41.4343C11.7289 41.3942 11.5998 41.4387 11.4841 41.5589L9.08139 43.9393C8.93901 44.0817 8.84558 44.3041 8.84558 44.4866V47.7303C8.84558 47.8816 8.90341 47.9929 9.0013 48.0285C9.10809 48.0641 9.23269 48.0196 9.34838 47.9039L11.7466 45.5233C11.8935 45.3854 11.9869 45.1629 11.9869 44.9716V41.7279C11.9869 41.5766 11.9291 41.4654 11.8223 41.4343H11.8268ZM11.2483 45.0295L9.58419 46.6758V44.4288L11.2483 42.7825V45.0295Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M24.37 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}
|
||||
d="M24.37 38.9829L16.6501 42.9163C16.0138 43.2411 15.5021 42.8762 15.5021 42.102C15.5021 41.3278 16.0182 40.4423 16.6501 40.1175L24.37 36.1841C25.0062 35.8593 25.5179 36.2242 25.5179 36.9984C25.5179 37.7726 25.0018 38.6581 24.37 38.9829Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M41.0556 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}
|
||||
d="M41.0556 37.3813L16.877 49.7021C16.1161 50.0892 15.5021 49.6531 15.5021 48.732C15.5021 47.8065 16.1161 46.7476 16.877 46.3605L41.0556 34.0397C41.8165 33.6526 42.4305 34.0887 42.4305 35.0098C42.4305 35.9353 41.8165 36.9942 41.0556 37.3813Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M156.013 57.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"
|
||||
d="M156.013 57.1407C157.237 56.5177 158.016 55.0449 158.016 52.9492C158.016 49.1982 155.515 44.8822 152.436 43.316C151.074 42.6219 149.828 42.5774 148.858 43.0713L150.843 42.0612C151.813 41.5673 153.059 41.6118 154.42 42.306C157.504 43.8766 160 48.1926 160 51.9391C160 54.0348 159.221 55.5077 157.998 56.1306L156.013 57.1407Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
|
|
@ -215,34 +215,29 @@ export function ProjectVerticalStackIllustration({ className }: TIllustrationAss
|
|||
<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"
|
||||
d="M156.013 57.1404C155.043 57.6343 153.797 57.5898 152.436 56.8956C149.352 55.325 146.856 51.009 146.856 47.2625C146.856 45.1668 147.635 43.6939 148.858 43.071C149.828 42.5771 151.074 42.6216 152.436 43.3157C155.519 44.8864 158.016 49.2024 158.016 52.9489C158.016 55.0446 157.237 56.5175 156.013 57.1404Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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}
|
||||
d="M155.212 50.4614L149.659 47.6315C149.49 47.5425 149.352 47.3067 149.352 47.0976C149.352 46.8885 149.49 46.7906 149.659 46.8796L155.212 49.7095C155.381 49.7985 155.519 50.0343 155.519 50.2434C155.519 50.4526 155.381 50.5504 155.212 50.4614Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M153.98 52.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}
|
||||
d="M153.98 52.086L150.896 50.5153C150.727 50.4263 150.589 50.1905 150.589 49.9814C150.589 49.7722 150.727 49.6744 150.896 49.7634L153.98 51.334C154.149 51.423 154.287 51.6588 154.287 51.868C154.287 52.0771 154.149 52.175 153.98 52.086Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M153.054 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}
|
||||
d="M153.054 53.8653L151.822 53.238C151.653 53.149 151.515 52.9132 151.515 52.704C151.515 52.4949 151.653 52.397 151.822 52.486L153.054 53.1134C153.223 53.2023 153.361 53.4381 153.361 53.6473C153.361 53.8564 153.223 53.9543 153.054 53.8653Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0_145_15535">
|
||||
<rect
|
||||
width="160"
|
||||
height="141.745"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
transform="translate(0 0.62793)"
|
||||
/>
|
||||
<clipPath id="clip0_1047_10396">
|
||||
<rect width="160" height="141.745" fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary} />
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
|
|
|||
|
|
@ -13,17 +13,17 @@ export function ServerErrorVerticalStackIllustration({ className }: TIllustratio
|
|||
>
|
||||
<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"
|
||||
d="M0.25 147.382C0.25 149.515 1.847 151.642 5.03537 153.273L46.0892 174.192C52.4716 177.443 62.8156 177.443 69.1979 174.192L155.465 130.238C158.653 128.613 160.25 126.485 160.25 124.352V131.163C160.25 133.296 158.653 135.424 155.465 137.049L69.1979 181.004C62.8156 184.254 52.4716 184.254 46.0892 181.004L5.03537 160.084C1.84135 158.459 0.25 156.326 0.25 154.193V147.382Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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"
|
||||
d="M0.25 147.382C0.25 145.249 1.847 143.121 5.03537 141.496L91.3021 97.5416C97.6844 94.2911 108.028 94.2911 114.411 97.5416L155.465 118.461C158.659 120.086 160.25 122.219 160.25 124.352C160.25 126.485 158.653 128.613 155.465 130.238L69.1979 174.192C62.8156 177.443 52.4716 177.443 46.0892 174.192L5.03537 153.273C1.84135 151.648 0.25 149.515 0.25 147.382Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
|
|
@ -31,32 +31,48 @@ export function ServerErrorVerticalStackIllustration({ className }: TIllustratio
|
|||
</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"
|
||||
d="M0.25 125.864C0.25 127.997 1.847 130.125 5.03537 131.756L46.0892 152.675C52.4716 155.925 62.8156 155.925 69.1979 152.675L155.465 108.721C158.653 107.095 160.25 104.968 160.25 102.835V109.646C160.25 111.779 158.653 113.907 155.465 115.532L69.1979 159.486C62.8156 162.737 52.4716 162.737 46.0892 159.486L5.03537 138.567C1.84135 136.942 0.25 134.809 0.25 132.676V125.864Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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"
|
||||
d="M0.25 125.864C0.25 123.731 1.847 121.604 5.03537 119.979L91.3021 76.0243C97.6844 72.7738 108.028 72.7738 114.411 76.0243L155.465 96.9433C158.659 98.5686 160.25 100.702 160.25 102.835C160.25 104.968 158.653 107.095 155.465 108.721L69.1979 152.675C62.8156 155.925 52.4716 155.925 46.0892 152.675L5.03537 131.756C1.84135 130.131 0.25 127.998 0.25 125.864Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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"
|
||||
d="M0.25 104.341C0.25 106.475 1.847 108.602 5.03537 110.233L46.0892 131.152C52.4716 134.402 62.8156 134.402 69.1979 131.152L155.465 87.1976C158.653 85.5723 160.25 83.4449 160.25 81.3118V88.123C160.25 90.2561 158.653 92.3836 155.465 94.0088L69.1979 137.963C62.8156 141.214 52.4716 141.214 46.0892 137.963L5.03537 117.044C1.84135 115.419 0.25 113.286 0.25 111.153V104.341Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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"
|
||||
d="M0.25 104.341C0.25 102.208 1.847 100.081 5.03537 98.4557L91.3021 54.5013C97.6844 51.2509 108.028 51.2509 114.411 54.5013L155.465 75.4204C158.659 77.0456 160.25 79.1788 160.25 81.3119C160.25 83.445 158.653 85.5724 155.465 87.1976L69.1979 131.152C62.8156 134.402 52.4716 134.402 46.0892 131.152L5.03537 110.233C1.84135 108.608 0.25 106.475 0.25 104.341Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M80.2527 111.503C78.0575 111.503 75.9808 111.063 74.412 110.261L41.5071 93.4956C39.8142 92.6322 38.8828 91.4415 38.8828 90.1436V78.8573C38.8828 77.5594 39.8142 76.3743 41.5071 75.5109L42.4833 75.0143L41.5071 74.5177C39.8142 73.6543 38.8828 72.4636 38.8828 71.1657V59.8794C38.8828 58.5815 39.8142 57.3964 41.5071 56.533L42.4833 56.0364L41.5071 55.5398C39.8142 54.6764 38.8828 53.4857 38.8828 52.1878V40.9016C38.8828 39.6036 39.8142 38.4186 41.5071 37.5552L42.4833 37.0586L41.5071 36.562C39.8142 35.6986 38.8828 34.5079 38.8828 33.21V21.9237C38.8828 20.6258 39.8142 19.4407 41.5071 18.5773L74.412 1.81157C75.9808 1.01024 78.0575 0.570068 80.2527 0.570068C82.4479 0.570068 84.5246 1.01024 86.0934 1.81157L118.999 18.5773C120.691 19.4407 121.623 20.6314 121.623 21.9293V33.2156C121.623 34.5135 120.691 35.6986 118.999 36.562L118.022 37.0586L118.999 37.5552C120.691 38.4186 121.623 39.6093 121.623 40.9072V52.1935C121.623 53.4914 120.691 54.6764 118.999 55.5398L118.022 56.0364L118.999 56.533C120.691 57.3964 121.623 58.5871 121.623 59.8851V71.1713C121.623 72.4693 120.691 73.6543 118.999 74.5177L118.022 75.0143L118.999 75.5109C120.691 76.3743 121.623 77.565 121.623 78.8629V90.1492C121.623 91.4471 120.691 92.6322 118.999 93.4956L86.0934 110.261C84.5246 111.063 82.4479 111.503 80.2527 111.503Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
/>
|
||||
<path
|
||||
d="M80.2528 1.12863C82.273 1.12863 84.2989 1.52366 85.8394 2.30806L118.745 19.0738C120.291 19.8582 121.058 20.8909 121.058 21.9236V33.2099C121.058 34.2369 120.285 35.2696 118.745 36.054L116.781 37.0529L118.745 38.0517C120.291 38.8361 121.058 39.8687 121.058 40.9014V52.1877C121.058 53.2148 120.285 54.2475 118.745 55.0319L116.781 56.0307L118.745 57.0295C120.291 57.8139 121.058 58.8466 121.058 59.8793V71.1656C121.058 72.1926 120.285 73.2253 118.745 74.0098L116.781 75.0086L118.745 76.0074C120.291 76.7918 121.058 77.8245 121.058 78.8572V90.1435C121.058 91.1705 120.285 92.2032 118.745 92.9876L85.8394 109.753C84.2989 110.538 82.273 110.933 80.2528 110.933C78.2325 110.933 76.2067 110.538 74.6661 109.753L41.761 92.9876C40.2148 92.2032 39.4472 91.1705 39.4472 90.1378V78.8515C39.4472 77.8245 40.2204 76.7918 41.761 76.0074L43.7248 75.0086L41.761 74.0098C40.2148 73.2253 39.4472 72.1927 39.4472 71.16V59.8737C39.4472 58.8466 40.2204 57.8139 41.761 57.0295L43.7248 56.0307L41.761 55.0319C40.2148 54.2475 39.4472 53.2148 39.4472 52.1821V40.8958C39.4472 39.8688 40.2204 38.8361 41.761 38.0517L43.7248 37.0529L41.761 36.054C40.2148 35.2696 39.4472 34.2369 39.4472 33.2042V21.918C39.4472 20.8909 40.2204 19.8582 41.761 19.0738L74.6661 2.30806C76.2067 1.52366 78.2325 1.12863 80.2528 1.12863ZM80.2528 0C77.9673 0 75.8003 0.462736 74.1525 1.30356L41.2474 18.0693C39.3569 19.0343 38.3186 20.4 38.3186 21.918V33.2042C38.3186 34.0846 38.6968 35.7549 41.2418 37.0529C38.7024 38.3508 38.3186 40.0211 38.3186 40.8958V52.1821C38.3186 53.0624 38.6968 54.7328 41.2418 56.0307C38.7024 57.3286 38.3186 58.999 38.3186 59.8737V71.16C38.3186 72.0403 38.6968 73.7106 41.2418 75.0086C38.7024 76.3065 38.3186 77.9769 38.3186 78.8515V90.1378C38.3186 91.0181 38.6967 92.6942 41.2474 93.9921L74.1525 110.758C75.8003 111.599 77.9673 112.061 80.2528 112.061C82.5383 112.061 84.7052 111.599 86.353 110.758L119.258 93.9921C121.809 92.6942 122.187 91.0238 122.187 90.1435V78.8572C122.187 77.9769 121.809 76.3065 119.264 75.0086C121.803 73.7106 122.187 72.0403 122.187 71.1656V59.8793C122.187 58.999 121.809 57.3286 119.264 56.0307C121.803 54.7328 122.187 53.0624 122.187 52.1877V40.9014C122.187 40.0211 121.809 38.3508 119.264 37.0529C121.803 35.7549 122.187 34.0846 122.187 33.2099V21.9236C122.187 21.0433 121.809 19.3673 119.258 18.0693L86.353 1.30356C84.7052 0.462736 82.5383 0 80.2528 0Z"
|
||||
fill="var(--illustration-stroke-tertiary)"
|
||||
/>
|
||||
<path
|
||||
d="M39.4473 78.8572C39.4473 79.8899 40.2148 80.9169 41.761 81.707L74.6662 98.4727C77.753 100.047 82.7527 100.047 85.8395 98.4727L118.745 81.707C120.285 80.9226 121.058 79.8899 121.058 78.8628V90.1491C121.058 91.1762 120.285 92.2088 118.745 92.9932L85.8395 109.759C82.7527 111.333 77.753 111.333 74.6662 109.759L41.761 92.9932C40.2148 92.2088 39.4473 91.1761 39.4473 90.1435V78.8572Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
|
|
@ -64,15 +80,51 @@ export function ServerErrorVerticalStackIllustration({ className }: TIllustratio
|
|||
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}
|
||||
d="M39.4473 78.8571C39.4473 77.8301 40.2204 76.7974 41.761 76.013L74.6662 59.2472C77.753 57.6728 82.7527 57.6728 85.8395 59.2472L118.745 76.013C120.291 76.7974 121.058 77.8301 121.058 78.8628C121.058 79.8955 120.285 80.9225 118.745 81.7069L85.8395 98.4727C82.7527 100.047 77.753 100.047 74.6662 98.4727L41.761 81.7069C40.2148 80.9225 39.4473 79.8898 39.4473 78.8571Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.tertiary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="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}
|
||||
d="M105.196 96.9265L104.106 97.4795C103.886 97.5924 103.706 97.4682 103.706 97.1973V92.4684C103.706 92.1975 103.886 91.8928 104.106 91.7799L105.196 91.2269C105.416 91.1141 105.596 91.2382 105.596 91.5091V96.238C105.596 96.5089 105.416 96.8136 105.196 96.9265Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="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"
|
||||
d="M107.713 95.6455L106.623 96.1985C106.403 96.3114 106.223 96.1872 106.223 95.9164V91.1874C106.223 90.9165 106.403 90.6118 106.623 90.4989L107.713 89.9459C107.933 89.8331 108.113 89.9572 108.113 90.2281V94.957C108.113 95.2279 107.933 95.5326 107.713 95.6455Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M110.229 94.3645L109.14 94.9175C108.92 95.0304 108.74 94.9062 108.74 94.6354V89.9064C108.74 89.6355 108.92 89.3308 109.14 89.218L110.229 88.6649C110.449 88.552 110.63 88.6762 110.63 88.9471V93.676C110.63 93.9469 110.449 94.2516 110.229 94.3645Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M112.752 93.0778L111.663 93.6309C111.443 93.7437 111.262 93.6196 111.262 93.3487V88.6198C111.262 88.3489 111.443 88.0442 111.663 87.9313L112.752 87.3783C112.972 87.2654 113.152 87.3896 113.152 87.6604V92.3894C113.152 92.6603 112.972 92.965 112.752 93.0778Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M115.269 91.7968L114.179 92.3499C113.959 92.4627 113.779 92.3386 113.779 92.0677V87.3388C113.779 87.0679 113.959 86.7632 114.179 86.6503L115.269 86.0973C115.489 85.9844 115.669 86.1086 115.669 86.3794V91.1084C115.669 91.3793 115.489 91.684 115.269 91.7968Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M117.786 90.5159L116.696 91.0689C116.476 91.1817 116.296 91.0576 116.296 90.7867V86.0578C116.296 85.7869 116.476 85.4822 116.696 85.3693L117.786 84.8163C118.006 84.7034 118.186 84.8276 118.186 85.0984V89.8274C118.186 90.0983 118.006 90.403 117.786 90.5159Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M87.843 102.869C87.843 103.772 87.2393 104.81 86.5 105.188C85.7608 105.566 85.1567 105.143 85.1567 104.24C85.1567 103.337 85.7608 102.299 86.5 101.921C87.2393 101.542 87.843 101.966 87.843 102.869Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M92.0188 100.741C92.0188 101.644 91.415 102.682 90.6758 103.061C89.9365 103.439 89.3328 103.015 89.3328 102.112C89.3328 101.21 89.9365 100.171 90.6758 99.7931C91.415 99.415 92.0188 99.8383 92.0188 100.741Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M96.1948 98.6137C96.1948 99.5166 95.591 100.555 94.8518 100.933C94.1125 101.311 93.5088 100.888 93.5088 99.985C93.5088 99.0821 94.1125 98.0438 94.8518 97.6657C95.591 97.2876 96.1948 97.7108 96.1948 98.6137Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M39.4473 59.8794C39.4473 60.9121 40.2148 61.9392 41.761 62.7292L74.6662 79.4949C77.753 81.0694 82.7527 81.0694 85.8395 79.4949L118.745 62.7292C120.285 61.9448 121.058 60.9121 121.058 59.885V71.1713C121.058 72.1984 120.285 73.2311 118.745 74.0155L85.8395 90.7812C82.7527 92.3557 77.753 92.3557 74.6662 90.7812L41.761 74.0155C40.2148 73.2311 39.4473 72.1984 39.4473 71.1657V59.8794Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
|
|
@ -80,7 +132,7 @@ export function ServerErrorVerticalStackIllustration({ className }: TIllustratio
|
|||
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"
|
||||
d="M39.4473 59.8793C39.4473 58.8523 40.2204 57.8196 41.761 57.0352L74.6662 40.2694C77.753 38.695 82.7527 38.695 85.8395 40.2694L118.745 57.0352C120.291 57.8196 121.058 58.8523 121.058 59.885C121.058 60.9177 120.285 61.9448 118.745 62.7292L85.8395 79.4949C82.7527 81.0693 77.753 81.0693 74.6662 79.4949L41.761 62.7292C40.2148 61.9448 39.4473 60.912 39.4473 59.8793Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.tertiary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
|
|
@ -88,43 +140,43 @@ export function ServerErrorVerticalStackIllustration({ className }: TIllustratio
|
|||
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}
|
||||
d="M105.196 77.9487L104.106 78.5017C103.886 78.6146 103.706 78.4904 103.706 78.2196V73.4906C103.706 73.2197 103.886 72.915 104.106 72.8022L105.196 72.2491C105.416 72.1363 105.596 72.2604 105.596 72.5313V77.2602C105.596 77.5311 105.416 77.8358 105.196 77.9487Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="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}
|
||||
d="M107.713 76.6621L106.623 77.2151C106.403 77.328 106.223 77.2038 106.223 76.933V72.204C106.223 71.9331 106.403 71.6284 106.623 71.5155L107.713 70.9625C107.933 70.8497 108.113 70.9738 108.113 71.2447V75.9736C108.113 76.2445 107.933 76.5492 107.713 76.6621Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M110.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}
|
||||
d="M110.229 75.3811L109.14 75.9341C108.92 76.047 108.74 75.9228 108.74 75.652V70.923C108.74 70.6521 108.92 70.3474 109.14 70.2346L110.229 69.6815C110.449 69.5686 110.63 69.6928 110.63 69.9637V74.6926C110.63 74.9635 110.449 75.2682 110.229 75.3811Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="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}
|
||||
d="M112.752 74.1001L111.663 74.6531C111.443 74.7659 111.262 74.6418 111.262 74.3709V69.642C111.262 69.3711 111.443 69.0664 111.663 68.9535L112.752 68.4005C112.972 68.2876 113.152 68.4118 113.152 68.6827V73.4116C113.152 73.6825 112.972 73.9872 112.752 74.1001Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="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}
|
||||
d="M115.269 72.8135L114.179 73.3665C113.959 73.4794 113.779 73.3552 113.779 73.0843V68.3554C113.779 68.0845 113.959 67.7798 114.179 67.6669L115.269 67.1139C115.489 67.001 115.669 67.1252 115.669 67.396V72.125C115.669 72.3959 115.489 72.7006 115.269 72.8135Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="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}
|
||||
d="M117.786 71.5324L116.696 72.0854C116.476 72.1983 116.296 72.0742 116.296 71.8033V67.0743C116.296 66.8035 116.476 66.4988 116.696 66.3859L117.786 65.8329C118.006 65.72 118.186 65.8442 118.186 66.115V70.844C118.186 71.1148 118.006 71.4196 117.786 71.5324Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="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}
|
||||
d="M87.843 83.8852C87.843 84.7881 87.2393 85.8265 86.5 86.2045C85.7608 86.5826 85.1567 86.1594 85.1567 85.2565C85.1567 84.3536 85.7608 83.3153 86.5 82.9372C87.2393 82.5591 87.843 82.9823 87.843 83.8852Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M92.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}
|
||||
d="M92.0188 81.7578C92.0188 82.6607 91.415 83.699 90.6758 84.0771C89.9365 84.4552 89.3328 84.032 89.3328 83.1291C89.3328 82.2262 89.9365 81.1878 90.6758 80.8097C91.415 80.4316 92.0188 80.8549 92.0188 81.7578Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M96.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}
|
||||
d="M96.1948 79.6303C96.1948 80.5332 95.591 81.5716 94.8518 81.9497C94.1125 82.3278 93.5088 81.9045 93.5088 81.0016C93.5088 80.0987 94.1125 79.0604 94.8518 78.6823C95.591 78.3042 96.1948 78.7274 96.1948 79.6303Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="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"
|
||||
d="M39.4473 40.8958C39.4473 41.9284 40.2148 42.9555 41.761 43.7455L74.6662 60.5113C77.753 62.0857 82.7527 62.0857 85.8395 60.5113L118.745 43.7455C120.285 42.9611 121.058 41.9284 121.058 40.9014V52.1876C121.058 53.2147 120.285 54.2474 118.745 55.0318L85.8395 71.7975C82.7527 73.372 77.753 73.372 74.6662 71.7975L41.761 55.0318C40.2148 54.2474 39.4473 53.2147 39.4473 52.182V40.8958Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
|
|
@ -132,7 +184,7 @@ export function ServerErrorVerticalStackIllustration({ className }: TIllustratio
|
|||
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"
|
||||
d="M39.4473 40.8957C39.4473 39.8687 40.2204 38.8359 41.761 38.0515L74.6662 21.2858C77.753 19.7114 82.7527 19.7114 85.8395 21.2858L118.745 38.0515C120.291 38.8359 121.058 39.8686 121.058 40.9013C121.058 41.934 120.285 42.9611 118.745 43.7455L85.8395 60.5112C82.7527 62.0857 77.753 62.0857 74.6662 60.5112L41.761 43.7455C40.2148 42.9611 39.4473 41.9284 39.4473 40.8957Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.tertiary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
|
|
@ -140,43 +192,43 @@ export function ServerErrorVerticalStackIllustration({ className }: TIllustratio
|
|||
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}
|
||||
d="M105.196 58.965L104.106 59.5181C103.886 59.631 103.706 59.5068 103.706 59.2359V54.507C103.706 54.2361 103.886 53.9314 104.106 53.8185L105.196 53.2655C105.416 53.1526 105.596 53.2768 105.596 53.5477V58.2766C105.596 58.5475 105.416 58.8522 105.196 58.965Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="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}
|
||||
d="M107.713 57.6841L106.623 58.2371C106.403 58.35 106.223 58.2258 106.223 57.9549V53.226C106.223 52.9551 106.403 52.6504 106.623 52.5375L107.713 51.9845C107.933 51.8716 108.113 51.9958 108.113 52.2666V56.9956C108.113 57.2665 107.933 57.5712 107.713 57.6841Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M110.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}
|
||||
d="M110.229 56.3974L109.14 56.9504C108.92 57.0633 108.74 56.9392 108.74 56.6683V51.9393C108.74 51.6685 108.92 51.3637 109.14 51.2509L110.229 50.6979C110.449 50.585 110.63 50.7092 110.63 50.98V55.709C110.63 55.9798 110.449 56.2846 110.229 56.3974Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="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}
|
||||
d="M112.752 55.1164L111.663 55.6695C111.443 55.7823 111.262 55.6582 111.262 55.3873V50.6584C111.262 50.3875 111.443 50.0827 111.663 49.9699L112.752 49.4169C112.972 49.304 113.152 49.4281 113.152 49.699V54.428C113.152 54.6988 112.972 55.0036 112.752 55.1164Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="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}
|
||||
d="M115.269 53.8354L114.179 54.3885C113.959 54.5013 113.779 54.3772 113.779 54.1063V49.3774C113.779 49.1065 113.959 48.8018 114.179 48.6889L115.269 48.1359C115.489 48.023 115.669 48.1471 115.669 48.418V53.147C115.669 53.4178 115.489 53.7226 115.269 53.8354Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="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}
|
||||
d="M117.786 52.5488L116.696 53.1018C116.476 53.2147 116.296 53.0906 116.296 52.8197V48.0907C116.296 47.8199 116.476 47.5151 116.696 47.4023L117.786 46.8492C118.006 46.7364 118.186 46.8605 118.186 47.1314V51.8603C118.186 52.1312 118.006 52.4359 117.786 52.5488Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="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}
|
||||
d="M87.843 64.9072C87.843 65.8101 87.2393 66.8484 86.5 67.2265C85.7608 67.6046 85.1567 67.1814 85.1567 66.2785C85.1567 65.3756 85.7608 64.3372 86.5 63.9592C87.2393 63.5811 87.843 64.0043 87.843 64.9072Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M92.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}
|
||||
d="M92.0188 62.7741C92.0188 63.677 91.415 64.7154 90.6758 65.0935C89.9365 65.4716 89.3328 65.0483 89.3328 64.1454C89.3328 63.2425 89.9365 62.2042 90.6758 61.8261C91.415 61.448 92.0188 61.8712 92.0188 62.7741Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M96.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}
|
||||
d="M96.1948 60.6467C96.1948 61.5496 95.591 62.588 94.8518 62.966C94.1125 63.3441 93.5088 62.9209 93.5088 62.018C93.5088 61.1151 94.1125 60.0767 94.8518 59.6986C95.591 59.3206 96.1948 59.7438 96.1948 60.6467Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="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"
|
||||
d="M39.4473 21.918C39.4473 22.9507 40.2148 23.9777 41.761 24.7677L74.6662 41.5335C77.753 43.108 82.7527 43.108 85.8395 41.5335L118.745 24.7677C120.285 23.9833 121.058 22.9507 121.058 21.9236V33.2099C121.058 34.2369 120.285 35.2696 118.745 36.054L85.8395 52.8198C82.7527 54.3942 77.753 54.3942 74.6662 52.8198L41.761 36.054C40.2148 35.2696 39.4473 34.2369 39.4473 33.2042V21.918Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
|
|
@ -184,7 +236,7 @@ export function ServerErrorVerticalStackIllustration({ className }: TIllustratio
|
|||
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"
|
||||
d="M39.4473 21.9179C39.4473 20.8909 40.2204 19.8582 41.761 19.0738L74.6662 2.30802C77.753 0.733588 82.7527 0.733588 85.8395 2.30802L118.745 19.0738C120.291 19.8582 121.058 20.8909 121.058 21.9236C121.058 22.9563 120.285 23.9833 118.745 24.7677L85.8395 41.5335C82.7527 43.1079 77.753 43.1079 74.6662 41.5335L41.761 24.7677C40.2148 23.9833 39.4473 22.9506 39.4473 21.9179Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.tertiary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
|
|
@ -192,103 +244,51 @@ export function ServerErrorVerticalStackIllustration({ className }: TIllustratio
|
|||
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}
|
||||
d="M105.196 39.9817L104.106 40.5347C103.886 40.6476 103.706 40.5234 103.706 40.2525V35.5236C103.706 35.2527 103.886 34.948 104.106 34.8351L105.196 34.2821C105.416 34.1692 105.596 34.2934 105.596 34.5643V39.2932C105.596 39.5641 105.416 39.8688 105.196 39.9817Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="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}
|
||||
d="M107.713 38.7007L106.623 39.2537C106.403 39.3666 106.223 39.2424 106.223 38.9715V34.2426C106.223 33.9717 106.403 33.667 106.623 33.5541L107.713 33.0011C107.933 32.8882 108.113 33.0124 108.113 33.2832V38.0122C108.113 38.2831 107.933 38.5878 107.713 38.7007Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M110.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}
|
||||
d="M110.229 37.4196L109.14 37.9727C108.92 38.0855 108.74 37.9614 108.74 37.6905V32.9616C108.74 32.6907 108.92 32.386 109.14 32.2731L110.229 31.7201C110.449 31.6072 110.63 31.7314 110.63 32.0022V36.7312C110.63 37.0021 110.449 37.3068 110.229 37.4196Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="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}
|
||||
d="M112.752 36.1331L111.663 36.6861C111.443 36.7989 111.262 36.6748 111.262 36.4039V31.675C111.262 31.4041 111.443 31.0994 111.663 30.9865L112.752 30.4335C112.972 30.3206 113.152 30.4448 113.152 30.7156V35.4446C113.152 35.7154 112.972 36.0202 112.752 36.1331Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="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}
|
||||
d="M115.269 34.852L114.179 35.405C113.959 35.5179 113.779 35.3937 113.779 35.1229V30.3939C113.779 30.123 113.959 29.8183 114.179 29.7055L115.269 29.1525C115.489 29.0396 115.669 29.1637 115.669 29.4346V34.1635C115.669 34.4344 115.489 34.7391 115.269 34.852Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="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}
|
||||
d="M117.786 33.571L116.696 34.1241C116.476 34.2369 116.296 34.1128 116.296 33.8419V29.1129C116.296 28.8421 116.476 28.5373 116.696 28.4245L117.786 27.8715C118.006 27.7586 118.186 27.8827 118.186 28.1536V32.8826C118.186 33.1534 118.006 33.4581 117.786 33.571Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="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}
|
||||
d="M87.843 45.9238C87.843 46.8267 87.2393 47.865 86.5 48.2431C85.7608 48.6212 85.1567 48.198 85.1567 47.2951C85.1567 46.3922 85.7608 45.3538 86.5 44.9758C87.2393 44.5977 87.843 45.0209 87.843 45.9238Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M92.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}
|
||||
d="M92.0188 43.7964C92.0188 44.6993 91.415 45.7376 90.6758 46.1157C89.9365 46.4938 89.3328 46.0705 89.3328 45.1676C89.3328 44.2647 89.9365 43.2264 90.6758 42.8483C91.415 42.4702 92.0188 42.8935 92.0188 43.7964Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M96.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}
|
||||
d="M96.1948 41.6689C96.1948 42.5718 95.591 43.6101 94.8518 43.9882C94.1125 44.3663 93.5088 43.9431 93.5088 43.0402C93.5088 42.1373 94.1125 41.099 94.8518 40.7209C95.591 40.3428 96.1948 40.766 96.1948 41.6689Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="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"
|
||||
d="M110.573 50.4835C110.195 50.4835 109.834 50.3989 109.513 50.2352L104.484 47.6732C104.389 47.6224 104.298 47.5717 104.208 47.5039C102.724 46.4543 102.656 43.7513 104.05 41.3417L110.466 30.2585L104.208 25.8343C102.724 24.7847 102.651 22.076 104.044 19.672C105.049 17.9396 106.589 16.8166 107.972 16.8166C108.356 16.8166 108.711 16.9012 109.033 17.0649L114.061 19.6269C114.157 19.672 114.247 19.7284 114.332 19.7905L115.884 20.8909L121.843 10.6035C122.853 8.86539 124.393 7.74243 125.776 7.74243C126.154 7.74243 126.51 7.82708 126.831 7.99073L131.859 10.5527C131.955 10.6035 132.046 10.6543 132.136 10.7163C133.62 11.766 133.693 14.4747 132.299 16.8787L125.883 27.9618L132.142 32.386C133.626 33.4356 133.693 36.1387 132.305 38.537C131.295 40.2751 129.754 41.4037 128.372 41.4037C127.994 41.4037 127.638 41.3191 127.317 41.1554L122.289 38.5934C122.193 38.5483 122.102 38.4919 122.012 38.4298L120.46 37.3294L114.501 47.6168C113.497 49.3549 111.95 50.4779 110.568 50.4779L110.573 50.4835Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
/>
|
||||
<path
|
||||
d="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}
|
||||
d="M125.793 8.30664C126.075 8.30664 126.346 8.36869 126.594 8.49284L131.622 11.0548C131.696 11.0887 131.763 11.1338 131.831 11.179C133.061 12.048 133.061 14.4802 131.831 16.5964L125.155 28.1253L131.831 32.8486C133.061 33.7177 133.061 36.1386 131.831 38.2604C130.9 39.8687 129.529 40.8449 128.389 40.8449C128.107 40.8449 127.836 40.7829 127.587 40.6587L122.559 38.0967C122.486 38.0629 122.418 38.0177 122.351 37.9726L120.291 36.5167L114.021 47.3402C113.09 48.9485 111.719 49.9191 110.573 49.9191C110.285 49.9191 110.015 49.857 109.772 49.7329L104.744 47.1709C104.676 47.1371 104.603 47.0919 104.541 47.0467C103.311 46.1777 103.316 43.7512 104.541 41.6294L111.217 30.1004L104.541 25.3771C103.311 24.5081 103.311 22.0815 104.541 19.9597C105.472 18.357 106.838 17.3864 107.983 17.3864C108.271 17.3864 108.542 17.4485 108.79 17.5727L113.818 20.1346C113.886 20.1685 113.954 20.2137 114.021 20.2588L116.081 21.7147L122.351 10.8912C123.282 9.28288 124.653 8.30664 125.798 8.30664M125.793 7.17801C124.19 7.17801 122.497 8.38561 121.368 10.3212L115.72 20.0726L114.67 19.3333C114.557 19.2543 114.444 19.1866 114.326 19.1245L109.298 16.5626C108.897 16.3594 108.451 16.2522 107.977 16.2522C106.375 16.2522 104.682 17.4541 103.559 19.3897C102.018 22.0477 102.165 25.078 103.886 26.297L109.721 30.4221L103.559 41.0594C102.018 43.7173 102.159 46.7477 103.881 47.9609C103.988 48.0399 104.106 48.1077 104.225 48.1697L109.253 50.7317C109.653 50.9349 110.099 51.0421 110.568 51.0421C112.17 51.0421 113.869 49.8401 114.992 47.8989L120.641 38.1475L121.69 38.8868C121.803 38.9658 121.922 39.0392 122.04 39.0956L127.068 41.6576C127.469 41.8607 127.909 41.9679 128.383 41.9679C129.986 41.9679 131.679 40.7603 132.802 38.819C134.337 36.1668 134.195 33.1364 132.474 31.9232L126.639 27.798L132.802 17.1607C134.342 14.5028 134.195 11.4724 132.474 10.2535C132.361 10.1745 132.249 10.1068 132.13 10.0447L127.102 7.48273C126.701 7.27958 126.261 7.17236 125.793 7.17236V7.17801Z"
|
||||
fill="var(--illustration-stroke-tertiary)"
|
||||
/>
|
||||
<path
|
||||
d="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"
|
||||
d="M120.697 35.8113L127.373 40.5346C127.441 40.5797 127.508 40.6248 127.582 40.6587L122.554 38.0967C122.48 38.0629 122.413 38.0177 122.345 37.9726L115.669 33.2493L120.697 35.8113Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.tertiary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
|
|
@ -296,7 +296,7 @@ export function ServerErrorVerticalStackIllustration({ className }: TIllustratio
|
|||
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"
|
||||
d="M131.617 11.0548C130.381 10.4227 128.535 11.4442 127.373 13.4531L120.697 24.982L115.669 22.42L122.345 10.8911C123.508 8.88779 125.353 7.86638 126.588 8.49277L131.617 11.0548Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.tertiary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
|
|
@ -304,7 +304,7 @@ export function ServerErrorVerticalStackIllustration({ className }: TIllustratio
|
|||
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"
|
||||
d="M113.818 20.1346C112.582 19.5025 110.731 20.5127 109.569 22.5216C108.339 24.6491 108.339 27.0756 109.569 27.939L116.245 32.6623L111.217 30.1004L104.541 25.3771C103.311 24.508 103.311 22.0814 104.541 19.9596C105.703 17.9507 107.549 16.9462 108.79 17.5726L113.818 20.1346Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.tertiary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
|
|
@ -312,7 +312,7 @@ export function ServerErrorVerticalStackIllustration({ className }: TIllustratio
|
|||
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"
|
||||
d="M116.25 32.6623L109.574 44.1912C108.344 46.3131 108.344 48.7396 109.574 49.6087C109.642 49.6538 109.71 49.6989 109.778 49.7328L104.75 47.1708C104.676 47.137 104.609 47.0918 104.547 47.0467C103.316 46.1776 103.322 43.7511 104.547 41.6293L111.222 30.1003L116.25 32.6623Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.tertiary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
|
|
@ -320,7 +320,7 @@ export function ServerErrorVerticalStackIllustration({ className }: TIllustratio
|
|||
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"
|
||||
d="M131.617 11.0548C131.69 11.0886 131.758 11.1338 131.825 11.1789C133.056 12.048 133.056 14.4802 131.825 16.5963L125.15 28.1253L131.825 32.8486C133.056 33.7176 133.056 36.1385 131.825 38.2603C130.663 40.2693 128.818 41.285 127.582 40.6587C127.508 40.6248 127.441 40.5797 127.373 40.5345L120.697 35.8112L114.021 47.3401C112.859 49.3435 111.013 50.3649 109.772 49.7328C109.699 49.699 109.631 49.6538 109.569 49.6087C108.339 48.7397 108.344 46.3131 109.569 44.1913L116.245 32.6623L109.569 27.939C108.339 27.07 108.339 24.6435 109.569 22.5216C110.731 20.5127 112.577 19.5082 113.818 20.1346C113.886 20.1684 113.954 20.2136 114.021 20.2587L120.697 24.982L127.373 13.4531C128.535 11.4498 130.381 10.4284 131.617 11.0548Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
|
@ -12,26 +12,26 @@ export function ViewVerticalStackIllustration({ className }: TIllustrationAssetP
|
|||
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}
|
||||
d="M62.1863 125.972L61.8748 126.13C61.9412 126.094 62.0076 126.059 62.074 126.023C62.1097 126.003 62.1505 125.987 62.1863 125.972Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="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}
|
||||
d="M70.2281 129.969L70.0289 130.077C69.9932 130.097 69.9523 130.112 69.9166 130.128L70.2281 129.969Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<g opacity="0.2">
|
||||
<path
|
||||
d="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"
|
||||
d="M12.4695 128.673C12.4695 130.603 13.9145 132.528 16.7993 134.003L53.9451 152.931C59.72 155.872 69.0792 155.872 74.854 152.931L152.909 113.161C155.794 111.69 157.238 109.765 157.238 107.835V113.998C157.238 115.928 155.794 117.853 152.909 119.324L74.854 159.094C69.0792 162.035 59.72 162.035 53.9451 159.094L16.7993 140.166C13.9094 138.696 12.4695 136.766 12.4695 134.836V128.673Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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"
|
||||
d="M12.4695 128.673C12.4695 126.743 13.9145 124.818 16.7993 123.348L94.854 83.5774C100.629 80.6363 109.988 80.6363 115.763 83.5774L152.909 102.505C155.799 103.976 157.238 105.906 157.238 107.836C157.238 109.766 155.794 111.691 152.909 113.161L74.854 152.931C69.0792 155.872 59.72 155.872 53.9451 152.931L16.7993 134.004C13.9094 132.533 12.4695 130.603 12.4695 128.673Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
|
|
@ -39,34 +39,34 @@ export function ViewVerticalStackIllustration({ className }: TIllustrationAssetP
|
|||
</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"
|
||||
d="M12.4695 109.204C12.4695 111.134 13.9145 113.059 16.7993 114.534L53.9451 133.462C59.72 136.403 69.0792 136.403 74.854 133.462L152.909 93.692C155.794 92.2214 157.238 90.2965 157.238 88.3665V94.5293C157.238 96.4594 155.794 98.3843 152.909 99.8548L74.854 139.625C69.0792 142.566 59.72 142.566 53.9451 139.625L16.7993 120.697C13.9094 119.227 12.4695 117.297 12.4695 115.367V109.204Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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"
|
||||
d="M12.4695 109.204C12.4695 107.274 13.9145 105.349 16.7993 103.878L94.854 64.1081C100.629 61.1671 109.988 61.1671 115.763 64.1081L152.909 83.0358C155.799 84.5064 157.238 86.4364 157.238 88.3664C157.238 90.2965 155.794 92.2214 152.909 93.692L74.854 133.462C69.0792 136.403 59.72 136.403 53.9451 133.462L16.7993 114.534C13.9094 113.064 12.4695 111.134 12.4695 109.204Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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"
|
||||
d="M12.4695 89.7356C12.4695 91.6656 13.9145 93.5905 16.7993 95.0662L53.9451 113.994C59.72 116.935 69.0792 116.935 74.854 113.994L152.909 74.2237C155.794 72.7532 157.238 70.8282 157.238 68.8982V75.0611C157.238 76.9911 155.794 78.9161 152.909 80.3866L74.854 120.157C69.0792 123.098 59.72 123.098 53.9451 120.157L16.7993 101.229C13.9094 99.7585 12.4695 97.8285 12.4695 95.8984V89.7356Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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"
|
||||
d="M12.4695 89.7356C12.4695 87.8055 13.9145 85.8806 16.7993 84.41L94.854 44.6399C100.629 41.6988 109.988 41.6988 115.763 44.6399L152.909 63.5676C155.799 65.0381 157.238 66.9681 157.238 68.8982C157.238 70.8282 155.794 72.7532 152.909 74.2237L74.854 113.994C69.0792 116.935 59.72 116.935 53.9451 113.994L16.7993 95.0662C13.9094 93.5956 12.4695 91.6656 12.4695 89.7356Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
|
|
@ -74,9 +74,9 @@ export function ViewVerticalStackIllustration({ className }: TIllustrationAssetP
|
|||
<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"
|
||||
d="M131.009 3.0161C132.158 2.42891 133.634 2.47997 135.247 3.30203C138.898 5.16059 141.854 10.2716 141.854 14.7138C141.854 17.1902 140.935 18.9364 139.485 19.6768L141.834 18.482C143.284 17.7467 144.203 15.9954 144.203 13.519C144.203 9.07685 141.242 3.97091 137.596 2.10724C135.982 1.28518 134.502 1.23412 133.358 1.8213L131.009 3.0161Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
|
|
@ -84,103 +84,103 @@ export function ViewVerticalStackIllustration({ className }: TIllustrationAssetP
|
|||
<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"
|
||||
d="M131.009 3.01613C129.559 3.75139 128.64 5.50272 128.64 7.97911C128.64 12.4213 131.602 17.5272 135.247 19.3909C136.861 20.213 138.341 20.264 139.485 19.6768C140.935 18.9416 141.854 17.1902 141.854 14.7138C141.854 10.2717 138.893 5.16573 135.247 3.30206C133.634 2.48 132.153 2.42895 131.009 3.01613Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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}
|
||||
d="M133.843 8.08101C133.644 7.9789 133.48 7.69807 133.48 7.45809V5.70164C133.48 5.45656 133.644 5.34423 133.843 5.44635C134.042 5.54847 134.206 5.82929 134.206 6.06927V7.82572C134.206 8.0708 134.042 8.18313 133.843 8.08101Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="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}
|
||||
d="M136.733 9.55684C136.534 9.45473 136.37 9.1739 136.37 8.93392V7.17748C136.37 6.93239 136.534 6.82006 136.733 6.92218C136.932 7.0243 137.096 7.30512 137.096 7.5451V9.30155C137.096 9.54663 136.932 9.65896 136.733 9.55684Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="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}
|
||||
d="M137.815 17.1339L132.761 14.5605C132.163 14.2541 131.678 13.4168 131.678 12.6917V6.53906C131.678 5.81401 132.163 5.46681 132.761 5.77317L137.815 8.34656C138.413 8.65292 138.898 9.49029 138.898 10.2153V16.368C138.898 17.093 138.413 17.4403 137.815 17.1339ZM132.761 6.65139C132.561 6.54927 132.398 6.66671 132.398 6.90669V13.0593C132.398 13.2993 132.561 13.5802 132.761 13.6823L137.815 16.2557C138.015 16.3578 138.178 16.2404 138.178 16.0004V9.84771C138.178 9.60773 138.015 9.3269 137.815 9.22479L132.761 6.65139Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="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}
|
||||
d="M138.535 12.2323L132.035 8.91859C131.836 8.81647 131.673 8.53564 131.673 8.29566C131.673 8.05568 131.836 7.93825 132.035 8.04037L138.535 11.3541C138.734 11.4562 138.898 11.7371 138.898 11.977C138.898 12.217 138.734 12.3345 138.535 12.2323Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M52.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"
|
||||
d="M52.1735 1.76965C50.9736 1.15694 49.4213 1.208 47.7313 2.0709L9.39582 21.6062C5.57657 23.5516 2.47726 28.8975 2.47726 33.549C2.47726 36.1429 3.44229 37.9708 4.95365 38.7418L2.67638 37.5827C1.15992 36.8117 0.200012 34.9838 0.200012 32.39C0.200012 27.7436 3.29932 22.3926 7.11857 20.4472L45.4592 0.911851C47.1492 0.0489463 48.6963 -0.00211319 49.9013 0.6106L52.1786 1.76965H52.1735Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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"
|
||||
d="M52.1734 1.77002C53.6898 2.54102 54.6498 4.36895 54.6498 6.96277C54.6498 11.6092 51.5504 16.9602 47.7312 18.9056L9.39573 38.4409C7.70566 39.3038 6.15857 39.3549 4.95356 38.7422C3.43709 37.9712 2.47717 36.1432 2.47717 33.5494C2.47717 28.903 5.57648 23.552 9.39573 21.6066L47.7312 2.07127C49.4213 1.20837 50.9684 1.15731 52.1734 1.77002Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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}
|
||||
d="M27.0317 24.6234C26.7764 24.7511 26.5671 24.6081 26.5671 24.2967V18.1083C26.5671 17.7968 26.7764 17.4394 27.0317 17.3117C27.287 17.1841 27.4964 17.3271 27.4964 17.6385V23.8269C27.4964 24.1384 27.287 24.4958 27.0317 24.6234Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="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}
|
||||
d="M29.8094 20.396C29.5541 20.5237 29.3448 20.3807 29.3448 20.0692V16.6942C29.3448 16.3827 29.5541 16.0253 29.8094 15.8977C30.0647 15.77 30.274 15.913 30.274 16.2245V19.5995C30.274 19.9109 30.0647 20.2684 29.8094 20.396Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="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}
|
||||
d="M32.5819 23.4803C32.3266 23.6079 32.1173 23.4649 32.1173 23.1535V15.275C32.1173 14.9635 32.3266 14.6061 32.5819 14.4785C32.8372 14.3508 33.0466 14.4938 33.0466 14.8053V22.6837C33.0466 22.9952 32.8372 23.3526 32.5819 23.4803Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="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}
|
||||
d="M12.6382 29.1839C12.3829 29.3115 12.1787 29.1686 12.1787 28.8622C12.1787 28.5559 12.3829 28.1984 12.6331 28.0708C12.8884 27.938 13.0927 28.0861 13.0927 28.3925C13.0927 28.6988 12.8884 29.0562 12.6331 29.1839H12.6382Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="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}
|
||||
d="M12.6382 32.5333C12.3829 32.6609 12.1787 32.5179 12.1787 32.2116C12.1787 31.9052 12.3829 31.5478 12.6331 31.4202C12.8884 31.2874 13.0927 31.4355 13.0927 31.7418C13.0927 32.0482 12.8884 32.4056 12.6331 32.5333H12.6382Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="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}
|
||||
d="M12.6382 25.8343C12.3829 25.9619 12.1787 25.819 12.1787 25.5126C12.1787 25.2063 12.3829 24.8488 12.6331 24.7212C12.8884 24.5884 13.0927 24.7365 13.0927 25.0429C13.0927 25.3492 12.8884 25.7066 12.6331 25.8343H12.6382Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="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}
|
||||
d="M20.8946 24.9763L14.9308 28.0144C14.6755 28.142 14.4713 27.999 14.4713 27.6876C14.4713 27.3761 14.6755 27.0238 14.9308 26.8962L20.8946 23.8581C21.1499 23.7305 21.3541 23.8734 21.3541 24.1849C21.3541 24.4964 21.1499 24.8487 20.8946 24.9763Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="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}
|
||||
d="M20.8946 28.3259L14.9308 31.364C14.6755 31.4916 14.4713 31.3487 14.4713 31.0372C14.4713 30.7257 14.6755 30.3734 14.9308 30.2458L20.8946 27.2077C21.1499 27.0801 21.3541 27.223 21.3541 27.5345C21.3541 27.846 21.1499 28.1983 20.8946 28.3259Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="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}
|
||||
d="M20.8946 21.627L14.9308 24.665C14.6755 24.7926 14.4713 24.6497 14.4713 24.3382C14.4713 24.0268 14.6755 23.6744 14.9308 23.5468L20.8946 20.5088C21.1499 20.3811 21.3541 20.5241 21.3541 20.8355C21.3541 21.147 21.1499 21.4993 20.8946 21.627Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="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}
|
||||
d="M45.6737 16.552L40.6188 19.1253C40.0214 19.4317 39.5364 19.0845 39.5364 18.3595V12.2068C39.5364 11.4817 40.0214 10.6393 40.6188 10.338L45.6737 7.76462C46.2711 7.45827 46.7562 7.80547 46.7562 8.53051V14.6832C46.7562 15.4082 46.2711 16.2507 45.6737 16.552ZM40.6188 11.2162C40.4197 11.3184 40.2563 11.5992 40.2563 11.8392V17.9918C40.2563 18.2318 40.4197 18.3492 40.6188 18.2471L45.6737 15.6737C45.8729 15.5716 46.0362 15.2908 46.0362 15.0508V8.89814C46.0362 8.65816 45.8729 8.54073 45.6737 8.64284L40.6188 11.2162Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="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}
|
||||
d="M44.5913 11.39L42.0639 12.6767C41.8648 12.7788 41.7014 12.6665 41.7014 12.4214C41.7014 12.1763 41.8648 11.9006 42.0639 11.7985L44.5913 10.5118C44.7905 10.4097 44.9538 10.522 44.9538 10.7671C44.9538 11.0122 44.7905 11.2879 44.5913 11.39Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="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}
|
||||
d="M43.8662 13.514L41.7013 14.6169C41.5021 14.719 41.3388 14.6067 41.3388 14.3616C41.3388 14.1165 41.5021 13.8408 41.7013 13.7387L43.8662 12.6358C44.0653 12.5337 44.2287 12.646 44.2287 12.8911C44.2287 13.1362 44.0653 13.4119 43.8662 13.514Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="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}
|
||||
d="M44.5913 14.9078L42.7838 15.8269C42.5846 15.929 42.4213 15.8167 42.4213 15.5716C42.4213 15.3265 42.5846 15.0508 42.7838 14.9487L44.5913 14.0296C44.7904 13.9275 44.9538 14.0398 44.9538 14.2849C44.9538 14.53 44.7904 14.8057 44.5913 14.9078Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M147.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"
|
||||
d="M147.006 25.4609C148.155 24.8737 149.631 24.9248 151.244 25.7469C154.895 27.6054 157.851 32.7165 157.851 37.1586C157.851 39.635 156.932 41.3813 155.482 42.1216L157.831 40.9268C159.281 40.1916 160.2 38.4402 160.2 35.9638C160.2 31.5217 157.239 26.4157 153.593 24.5521C151.979 23.73 150.499 23.6789 149.355 24.2661L147.006 25.4609Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
|
|
@ -188,67 +188,67 @@ export function ViewVerticalStackIllustration({ className }: TIllustrationAssetP
|
|||
<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"
|
||||
d="M147.006 25.461C145.556 26.1962 144.637 27.9475 144.637 30.4239C144.637 34.8661 147.599 39.972 151.244 41.8357C152.858 42.6578 154.338 42.7088 155.482 42.1216C156.932 41.3864 157.851 39.6351 157.851 37.1587C157.851 32.7165 154.89 27.6106 151.244 25.7469C149.631 24.9248 148.15 24.8738 147.006 25.461Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
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}
|
||||
d="M153.864 39.6905L148.809 37.1171C148.211 36.8108 147.726 35.9734 147.726 35.2484V29.0957C147.726 28.3707 148.211 28.0235 148.809 28.3298L153.864 30.9032C154.461 31.2096 154.946 32.0469 154.946 32.772V38.9246C154.946 39.6497 154.461 39.9969 153.864 39.6905ZM148.809 29.2029C148.61 29.1008 148.446 29.2182 148.446 29.4582V35.6109C148.446 35.8509 148.61 36.1317 148.809 36.2338L153.864 38.8072C154.063 38.9093 154.226 38.7919 154.226 38.5519V32.3992C154.226 32.1593 154.063 31.8784 153.864 31.7763L148.809 29.2029Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="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}
|
||||
d="M154.589 34.7839L148.089 31.4701C147.89 31.368 147.726 31.0872 147.726 30.8472C147.726 30.6072 147.89 30.4898 148.089 30.5919L154.589 33.9056C154.788 34.0078 154.951 34.2886 154.951 34.5286C154.951 34.7685 154.788 34.886 154.589 34.7839Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="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}
|
||||
d="M154.589 37.4186L148.089 34.1049C147.89 34.0027 147.726 33.7219 147.726 33.4819C147.726 33.242 147.89 33.1245 148.089 33.2266L154.589 36.5404C154.788 36.6425 154.951 36.9233 154.951 37.1633C154.951 37.4033 154.788 37.5207 154.589 37.4186Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="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}
|
||||
d="M150.254 37.8473C150.055 37.7452 149.891 37.4644 149.891 37.2244V31.9499C149.891 31.7049 150.055 31.5925 150.254 31.6946C150.453 31.7968 150.616 32.0776 150.616 32.3176V37.592C150.616 37.8371 150.453 37.9494 150.254 37.8473Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="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}
|
||||
d="M152.419 38.9555C152.22 38.8533 152.056 38.5725 152.056 38.3325V33.0581C152.056 32.813 152.22 32.7007 152.419 32.8028C152.618 32.9049 152.781 33.1857 152.781 33.4257V38.7002C152.781 38.9452 152.618 39.0576 152.419 38.9555Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="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"
|
||||
d="M81.4561 57.5826C79.5158 57.5826 77.6827 57.1946 76.2939 56.4848L50.2332 43.2094C48.7371 42.4486 47.91 41.3917 47.91 40.2377V35.1318C47.91 33.9829 48.732 32.9311 50.2281 32.1652L76.2888 18.8898C77.6776 18.18 79.5107 17.792 81.451 17.792C83.3912 17.792 85.2294 18.18 86.6182 18.8898L112.674 32.1652C114.17 32.926 114.997 33.9829 114.997 35.1369V40.2428C114.997 41.3917 114.175 42.4486 112.674 43.2094L86.6182 56.4848C85.2294 57.1946 83.3963 57.5826 81.451 57.5826H81.4561ZM78.7754 44.011C79.4852 44.3735 80.4349 44.5727 81.4561 44.5727C82.4773 44.5727 83.432 44.3735 84.1418 44.011L96.5543 37.6848L84.1418 31.3636C83.432 31.0011 82.4773 30.8019 81.4561 30.8019C80.4349 30.8019 79.4801 31.0011 78.7754 31.3636L66.3629 37.6848L78.7754 44.011Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
/>
|
||||
<path
|
||||
d="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}
|
||||
d="M81.456 18.3027C83.2431 18.3027 85.0251 18.6499 86.3884 19.3443L112.444 32.6198C113.807 33.3142 114.486 34.2281 114.486 35.137V40.2429C114.486 41.1518 113.807 42.0606 112.444 42.755L86.3884 56.0305C85.0251 56.7249 83.238 57.0721 81.456 57.0721C79.6741 57.0721 77.887 56.7249 76.5237 56.0305L50.4629 42.755C49.0996 42.0606 48.4205 41.1467 48.4205 40.2378V35.1319C48.4205 34.223 49.1047 33.3142 50.4629 32.6198L76.5237 19.3443C77.887 18.6499 79.669 18.3027 81.456 18.3027ZM81.456 45.0834C82.513 45.0834 83.5648 44.8791 84.3715 44.4655L97.6776 37.6848L84.3715 30.9093C83.5648 30.5008 82.5079 30.2914 81.456 30.2914C80.4042 30.2914 79.3473 30.4957 78.5405 30.9093L65.2344 37.6848L78.5405 44.4655C79.3473 44.874 80.3991 45.0834 81.456 45.0834ZM81.456 17.2815C79.4341 17.2815 77.5193 17.69 76.059 18.4354L49.9983 31.7109C48.3235 32.5687 47.3994 33.7839 47.3994 35.1319V40.2378C47.3994 41.0241 47.7363 42.5151 49.9983 43.6639L76.059 56.9394C77.5142 57.6848 79.429 58.0933 81.4509 58.0933C83.4729 58.0933 85.3876 57.6848 86.8479 56.9394L112.904 43.6639C115.165 42.51 115.503 41.0241 115.503 40.2429V35.137C115.503 34.3507 115.165 32.8597 112.904 31.7109L86.8479 18.4354C85.3876 17.69 83.4729 17.2815 81.4509 17.2815H81.456ZM67.4913 37.6848L79.0103 31.8181C79.6383 31.4964 80.5318 31.3126 81.4611 31.3126C82.3904 31.3126 83.2839 31.4964 83.9171 31.8181L95.4361 37.6848L83.9171 43.5567C83.289 43.8784 82.3904 44.0622 81.4611 44.0622C80.5318 44.0622 79.6383 43.8784 79.0103 43.5567L67.4913 37.6848Z"
|
||||
fill="var(--illustration-stroke-tertiary)"
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="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"
|
||||
d="M81.2263 93.2112C78.8163 93.2112 76.6871 92.8282 75.3851 92.1644L49.4724 78.9656C49.1915 78.8226 48.9362 78.6694 48.686 78.4958C48.6707 78.4856 48.6554 78.4703 48.6401 78.4601C48.0682 77.9597 47.767 77.3725 47.767 76.7598V71.6539C47.767 70.7654 48.3899 69.9638 49.5183 69.3868C50.5395 68.866 51.8875 68.5801 53.312 68.5801C54.5374 68.5801 55.7374 68.7996 56.6922 69.1979C56.8147 69.2541 57.0343 69.3664 57.504 69.6064L76.7688 79.4251C78.0146 80.0582 79.6843 80.4054 81.4662 80.4054C83.2482 80.4054 84.923 80.0582 86.1688 79.4251L105.428 69.6115C105.908 69.3664 106.123 69.249 106.245 69.203C107.2 68.7996 108.4 68.5801 109.62 68.5801C111.045 68.5801 112.388 68.866 113.409 69.3868C114.537 69.9587 115.16 70.7654 115.16 71.6539V76.7598C115.16 77.3827 114.844 77.9801 114.252 78.4856C113.981 78.6796 113.736 78.8226 113.46 78.9656L87.8691 92.001C86.3833 92.7567 83.9069 93.2112 81.2365 93.2112H81.2263Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
/>
|
||||
<path
|
||||
d="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}
|
||||
d="M109.615 69.091C110.902 69.091 112.189 69.3412 113.169 69.8415C114.155 70.3419 114.645 70.9955 114.645 71.6542V76.7601C114.645 77.2196 114.4 77.6843 113.915 78.0979C113.695 78.251 113.47 78.3838 113.22 78.5114L112.607 78.8229L87.6292 91.5469C86.1535 92.2975 83.6618 92.7009 81.2263 92.7009C79.0563 92.7009 76.9322 92.3843 75.6149 91.7103L50.3455 78.8382L49.7022 78.5114C49.4418 78.3787 49.2018 78.2357 48.972 78.0774C48.5074 77.669 48.2725 77.2145 48.2725 76.7601V71.6542C48.2725 70.9955 48.7627 70.3419 49.743 69.8415C50.7284 69.3412 52.0152 69.091 53.3019 69.091C54.4303 69.091 55.5587 69.285 56.488 69.6679C56.4931 69.6679 57.2641 70.0611 57.2641 70.0611L76.5288 79.8798C77.8921 80.5742 79.6741 80.9163 81.4612 80.9163C83.2482 80.9163 85.0302 80.5691 86.3935 79.8798L105.653 70.0662C105.653 70.0662 106.424 69.6679 106.434 69.6679C107.359 69.2799 108.487 69.091 109.615 69.091ZM109.615 68.0698C108.308 68.0698 107.073 68.2996 106.041 68.7285C105.883 68.7999 105.638 68.9276 105.183 69.1625L85.9289 78.971C84.7698 79.5582 83.141 79.8952 81.4561 79.8952C79.7711 79.8952 78.1474 79.5582 76.9884 78.9659L57.7236 69.1471C57.2743 68.9174 57.0343 68.7948 56.876 68.7233C55.8446 68.2893 54.609 68.0596 53.2968 68.0596C51.7956 68.0596 50.3659 68.3659 49.2733 68.9225C47.5066 69.8211 47.2462 71.0159 47.2462 71.6439V76.7499C47.2462 77.2809 47.43 78.0723 48.2929 78.8331C48.3236 78.8586 48.3542 78.8842 48.3899 78.9097C48.6606 79.0935 48.9363 79.262 49.2375 79.4101L49.8809 79.7369L75.1502 92.609C77.0292 93.5689 79.7609 93.7118 81.2263 93.7118C83.9733 93.7118 86.5416 93.237 88.0938 92.4456L113.072 79.7216L113.685 79.4101C113.981 79.2569 114.246 79.0986 114.502 78.925C114.527 78.9046 114.553 78.8842 114.578 78.8638C115.477 78.0979 115.666 77.2911 115.666 76.7499V71.6439C115.666 71.0108 115.4 69.8211 113.634 68.9225C112.546 68.3659 111.117 68.0596 109.615 68.0596V68.0698Z"
|
||||
fill="var(--illustration-stroke-tertiary)"
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="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"
|
||||
d="M81.2262 75.3972C78.8162 75.3972 76.687 75.0142 75.3799 74.3505L49.4672 61.1516C49.1864 61.0086 48.9311 60.8555 48.6809 60.6819C48.6656 60.6716 48.6503 60.6563 48.6349 60.6461C48.0631 60.1457 47.7618 59.5586 47.7618 58.9458V53.8399C47.7618 52.9515 48.3847 52.1498 49.5131 51.5729C50.5343 51.052 51.8823 50.7661 53.3069 50.7661C54.5323 50.7661 55.7322 50.9857 56.687 51.3839C56.8096 51.4401 57.0291 51.5524 57.4989 51.7924L76.7636 61.6111C78.0095 62.2443 79.6791 62.5915 81.4611 62.5915C83.243 62.5915 84.9178 62.2443 86.1637 61.6111L105.423 51.7975C105.903 51.5524 106.118 51.435 106.24 51.389C107.195 50.9857 108.395 50.7661 109.615 50.7661C111.04 50.7661 112.383 51.052 113.404 51.5729C114.532 52.1447 115.155 52.9515 115.155 53.8399V58.9458C115.155 59.5688 114.839 60.1662 114.246 60.6716C113.976 60.8657 113.731 61.0086 113.455 61.1516L87.864 74.1871C86.3781 74.9428 83.9017 75.3972 81.2313 75.3972H81.2262Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
/>
|
||||
<path
|
||||
d="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}
|
||||
d="M109.615 51.277C110.902 51.277 112.189 51.5272 113.169 52.0276C114.155 52.528 114.645 53.1815 114.645 53.8402V58.9461C114.645 59.4057 114.4 59.8703 113.915 60.2839C113.695 60.4371 113.47 60.5698 113.22 60.6975L112.607 61.0089L87.6292 73.7329C86.1535 74.4835 83.6618 74.8869 81.2263 74.8869C79.0563 74.8869 76.9322 74.5703 75.6149 73.8963L50.3455 61.0243L49.7022 60.6975C49.4418 60.5647 49.2018 60.4218 48.972 60.2635C48.5074 59.855 48.2725 59.4006 48.2725 58.9461V53.8402C48.2725 53.1815 48.7627 52.528 49.743 52.0276C50.7284 51.5272 52.0152 51.277 53.3019 51.277C54.4303 51.277 55.5587 51.471 56.488 51.854C56.4931 51.854 57.2641 52.2471 57.2641 52.2471L76.5288 62.0659C77.8921 62.7552 79.6741 63.1024 81.4612 63.1024C83.2482 63.1024 85.0302 62.7552 86.3935 62.0659L105.653 52.2522C105.653 52.2522 106.424 51.854 106.434 51.854C107.359 51.4659 108.487 51.277 109.615 51.277ZM109.615 50.2558C108.308 50.2558 107.073 50.4856 106.041 50.9145C105.883 50.986 105.638 51.1136 105.183 51.3485L85.9289 61.157C84.7698 61.7442 83.141 62.0812 81.4561 62.0812C79.7711 62.0812 78.1474 61.7442 76.9884 61.1519L57.7236 51.3332C57.2743 51.1034 57.0343 50.9809 56.876 50.9094C55.8446 50.4754 54.609 50.2456 53.2968 50.2456C51.7956 50.2456 50.3659 50.552 49.2733 51.1085C47.5066 52.0072 47.2462 53.2019 47.2462 53.83V58.9359C47.2462 59.4669 47.43 60.2584 48.2929 61.0191C48.3236 61.0447 48.3542 61.0702 48.3899 61.0906C48.6606 61.2744 48.9363 61.4429 49.2375 61.5961L49.8809 61.9229L75.1502 74.795C77.0292 75.7549 79.7609 75.8979 81.2263 75.8979C83.9733 75.8979 86.5416 75.423 88.0938 74.6316L113.072 61.9076L113.685 61.5961C113.981 61.4429 114.252 61.2847 114.502 61.1111C114.527 61.0906 114.553 61.0702 114.578 61.0498C115.477 60.2839 115.666 59.4772 115.666 58.9359V53.83C115.666 53.1968 115.4 52.0072 113.634 51.1085C112.546 50.552 111.117 50.2456 109.615 50.2456V50.2558Z"
|
||||
fill="var(--illustration-stroke-tertiary)"
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="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"
|
||||
d="M100.986 35.1362C100.986 34.595 100.583 34.0589 99.7761 33.6453L84.3765 25.8026C82.7631 24.9805 80.1539 24.9805 78.5455 25.8026L63.146 33.6453C62.3393 34.0589 61.9359 34.595 61.9359 35.1311V40.2371C61.9359 39.701 62.3393 39.1648 63.146 38.7513L78.5455 30.9085C80.1539 30.0865 82.7631 30.0865 84.3765 30.9085L99.7761 38.7513C100.583 39.1648 100.986 39.701 100.986 40.2422V35.1362Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.tertiary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
|
|
@ -258,7 +258,7 @@ export function ViewVerticalStackIllustration({ className }: TIllustrationAssetP
|
|||
<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"
|
||||
d="M48.4255 35.1316C48.4255 36.0404 49.1046 36.9544 50.4679 37.6488L76.5286 50.9243C79.2501 52.3131 83.6668 52.3131 86.3933 50.9243L112.449 37.6488C113.812 36.9544 114.491 36.0456 114.491 35.1367V40.2426C114.491 41.1515 113.812 42.0604 112.449 42.7548L86.3933 56.0302C83.6668 57.419 79.2501 57.419 76.5286 56.0302L50.4679 42.7548C49.1046 42.0604 48.4255 41.1464 48.4255 40.2375V35.1316Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.tertiary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
|
|
@ -268,7 +268,7 @@ export function ViewVerticalStackIllustration({ className }: TIllustrationAssetP
|
|||
<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"
|
||||
d="M112.449 32.6198L86.3933 19.3443C83.6668 17.9555 79.2501 17.9555 76.5286 19.3443L50.4679 32.6198C49.1097 33.3142 48.4255 34.2231 48.4255 35.1319C48.4255 36.0408 49.1046 36.9547 50.4679 37.6492L76.5286 50.9246C79.2501 52.3134 83.6668 52.3134 86.3933 50.9246L112.449 37.6492C113.812 36.9547 114.491 36.0459 114.491 35.137C114.491 34.2282 113.812 33.3142 112.449 32.6198ZM99.776 36.6178L84.3765 44.4656C82.763 45.2877 80.1539 45.2877 78.5455 44.4656L63.1459 36.6178C62.3392 36.2093 61.9358 35.6732 61.9358 35.1319C61.9358 34.5907 62.3392 34.0597 63.1459 33.6461L78.5455 25.8034C80.1539 24.9813 82.763 24.9813 84.3765 25.8034L99.776 33.6461C100.583 34.0597 100.986 34.5958 100.986 35.137C100.986 35.6783 100.583 36.2093 99.776 36.6178Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
|
|
@ -278,7 +278,7 @@ export function ViewVerticalStackIllustration({ className }: TIllustrationAssetP
|
|||
<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"
|
||||
d="M114.644 71.655V76.761C114.644 77.2205 114.399 77.6851 113.914 78.0987C113.695 78.2519 113.47 78.3847 113.22 78.5123L112.607 78.8238L87.6287 91.5478C84.8358 92.9723 78.4074 93.1357 75.6144 91.7112L50.3451 78.8391L49.7018 78.5123C49.4414 78.3796 49.2013 78.2366 48.9716 78.0783C48.5069 77.6698 48.2721 77.2154 48.2721 76.761V71.655C48.2721 72.1095 48.5069 72.5639 48.9716 72.9724C49.2013 73.1306 49.4414 73.2736 49.7018 73.4064L50.3451 73.7331L75.6144 86.6052C78.4074 88.0298 84.8358 87.8664 87.6287 86.4418L112.607 73.7178L113.22 73.4064C113.47 73.2787 113.695 73.146 113.914 72.9928C114.399 72.5792 114.644 72.1146 114.644 71.655Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.tertiary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
|
|
@ -288,7 +288,7 @@ export function ViewVerticalStackIllustration({ className }: TIllustrationAssetP
|
|||
<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"
|
||||
d="M114.645 71.6544C114.645 72.114 114.399 72.5786 113.914 72.9922C113.695 73.1454 113.47 73.2781 113.22 73.4058L112.607 73.7172L87.629 86.4412C84.836 87.8658 78.4076 88.0292 75.6147 86.6046L50.3453 73.7325L49.702 73.4058C49.4416 73.273 49.2016 73.1301 48.9718 72.9718C48.5072 72.5633 48.2723 72.1089 48.2723 71.6544C48.2723 70.9958 48.7625 70.3422 49.7428 69.8418C51.5861 68.9023 54.5016 68.8411 56.4878 69.6682C56.4929 69.6682 57.2639 70.0614 57.2639 70.0614L76.5286 79.8801C79.2501 81.2638 83.6668 81.2638 86.3933 79.8801L105.653 70.0665C105.653 70.0665 106.424 69.6682 106.434 69.6682C108.415 68.8411 111.331 68.9023 113.169 69.8418C114.154 70.3422 114.645 70.9958 114.645 71.6544Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
|
|
@ -298,7 +298,7 @@ export function ViewVerticalStackIllustration({ className }: TIllustrationAssetP
|
|||
<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"
|
||||
d="M114.644 53.8396V58.9455C114.644 59.4051 114.399 59.8697 113.914 60.2833C113.695 60.4365 113.47 60.5692 113.22 60.6969L112.607 61.0083L87.6288 73.7324C84.8359 75.1569 78.4075 75.3203 75.6146 73.8957L50.3452 61.0237L49.7019 60.6969C49.4415 60.5641 49.2015 60.4212 48.9717 60.2629C48.5071 59.8544 48.2722 59.4 48.2722 58.9455V53.8396C48.2722 54.294 48.5071 54.7485 48.9717 55.1569C49.2015 55.3152 49.4415 55.4582 49.7019 55.5909L50.3452 55.9177L75.6146 68.7898C78.4075 70.2144 84.8359 70.051 87.6288 68.6264L112.607 55.9024L113.22 55.5909C113.47 55.4633 113.695 55.3305 113.914 55.1774C114.399 54.7638 114.644 54.2991 114.644 53.8396Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.tertiary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
|
|
@ -308,7 +308,7 @@ export function ViewVerticalStackIllustration({ className }: TIllustrationAssetP
|
|||
<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"
|
||||
d="M114.645 53.8397C114.645 54.2993 114.399 54.7639 113.914 55.1775C113.695 55.3307 113.47 55.4634 113.22 55.5911L112.607 55.9025L87.629 68.6265C84.836 70.0511 78.4076 70.2145 75.6147 68.7899L50.3453 55.9179L49.702 55.5911C49.4416 55.4583 49.2016 55.3154 48.9718 55.1571C48.5072 54.7486 48.2723 54.2942 48.2723 53.8397C48.2723 53.1811 48.7625 52.5275 49.7428 52.0271C51.5861 51.0876 54.5016 51.0264 56.4878 51.8535C56.4929 51.8535 57.2639 52.2467 57.2639 52.2467L76.5286 62.0654C79.2501 63.4491 83.6668 63.4491 86.3933 62.0654L105.653 52.2518C105.653 52.2518 106.424 51.8535 106.434 51.8535C108.415 51.0264 111.331 51.0876 113.169 52.0271C114.154 52.5275 114.645 53.1811 114.645 53.8397Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
|
|
|
|||
Some files were not shown because too many files have changed in this diff Show more
Loading…
Add table
Add a link
Reference in a new issue