leaflet.pub
a tool for shared writing and social publishing
split out icons into seperate files
The theory is this will improve build times? We'll see...
awarm.space
+2
-1
app/home/AccountSettings.tsx
+2
-1
app/home/AccountSettings.tsx
···
1
1
"use client";
2
2
3
3
import { ActionButton } from "components/ActionBar/ActionButton";
4
-
import { AccountSmall, LogoutSmall } from "components/Icons";
5
4
import { Menu, MenuItem } from "components/Layout";
6
5
import { logout } from "actions/logout";
7
6
import { mutate } from "swr";
7
+
import { AccountSmall } from "components/Icons/AccountSmall";
8
+
import { LogoutSmall } from "components/Icons/LogoutSmall";
8
9
9
10
// it was going have a popover with a log out button
10
11
export const AccountSettings = () => {
+4
-6
app/home/CreateNewButton.tsx
+4
-6
app/home/CreateNewButton.tsx
···
3
3
import { createNewLeaflet } from "actions/createNewLeaflet";
4
4
import { createNewLeafletFromTemplate } from "actions/createNewLeafletFromTemplate";
5
5
import { ActionButton } from "components/ActionBar/ActionButton";
6
-
import {
7
-
AddTiny,
8
-
BlockCanvasPageSmall,
9
-
BlockDocPageSmall,
10
-
TemplateSmall,
11
-
} from "components/Icons";
6
+
import { AddTiny } from "components/Icons/AddTiny";
7
+
import { BlockCanvasPageSmall } from "components/Icons/BlockCanvasPageSmall";
8
+
import { BlockDocPageSmall } from "components/Icons/BlockDocPageSmall";
9
+
import { TemplateSmall } from "components/Icons/TemplateSmall";
12
10
import { Menu, MenuItem } from "components/Layout";
13
11
import { useIsMobile } from "src/hooks/isMobile";
14
12
import { create } from "zustand";
+1
-1
app/home/HomeHelp.tsx
+1
-1
app/home/HomeHelp.tsx
+5
-7
app/home/LeafletOptions.tsx
+5
-7
app/home/LeafletOptions.tsx
···
1
1
"use client";
2
-
import {
3
-
DeleteSmall,
4
-
HideSmall,
5
-
MoreOptionsTiny,
6
-
TemplateRemoveSmall,
7
-
TemplateSmall,
8
-
} from "components/Icons";
2
+
9
3
import { Menu, MenuItem } from "components/Layout";
10
4
import { PermissionToken } from "src/replicache";
11
5
import { hideDoc } from "./storage";
···
16
10
import { useSmoker } from "components/Toast";
17
11
import { removeLeafletFromHome } from "actions/removeLeafletFromHome";
18
12
import { useIdentityData } from "components/IdentityProvider";
13
+
import { HideSmall } from "components/Icons/HideSmall";
14
+
import { MoreOptionsTiny } from "components/Icons/MoreOptionsTiny";
15
+
import { TemplateRemoveSmall } from "components/Icons/TemplateRemoveSmall";
16
+
import { TemplateSmall } from "components/Icons/TemplateSmall";
19
17
20
18
export const LeafletOptions = (props: {
21
19
leaflet: PermissionToken;
+1
-1
app/home/LeafletPreview.tsx
+1
-1
app/home/LeafletPreview.tsx
···
18
18
import { ButtonPrimary } from "components/Buttons";
19
19
import { LeafletOptions } from "./LeafletOptions";
20
20
import { CanvasContent } from "components/Canvas";
21
-
import { TemplateSmall } from "components/Icons";
22
21
import { theme } from "tailwind.config";
23
22
import { useTemplateState } from "./CreateNewButton";
24
23
import styles from "./LeafletPreview.module.css";
25
24
import { useRouter } from "next/navigation";
26
25
import Link from "next/link";
26
+
import { TemplateSmall } from "components/Icons/TemplateSmall";
27
27
28
28
export const LeafletPreview = (props: {
29
29
index: number;
+2
-1
app/lish/Subscribe.tsx
+2
-1
app/lish/Subscribe.tsx
···
1
1
"use client";
2
2
import { ButtonPrimary } from "components/Buttons";
3
-
import { ArrowRightTiny, ShareSmall } from "components/Icons";
4
3
import { useEffect, useState } from "react";
5
4
import { Input } from "components/Input";
6
5
import { useIdentityData } from "components/IdentityProvider";
···
10
9
requestAuthEmailToken,
11
10
} from "actions/emailAuth";
12
11
import { subscribeToPublicationWithEmail } from "actions/subscribeToPublicationWithEmail";
12
+
import { ArrowRightTiny } from "components/Icons/ArrowRightTiny";
13
+
import { ShareSmall } from "components/Icons/ShareSmall";
13
14
14
15
type State =
15
16
| { state: "email" }
+1
-1
app/lish/[handle]/[publication]/CallToActionButton.tsx
+1
-1
app/lish/[handle]/[publication]/CallToActionButton.tsx
···
5
5
import { usePublicationContext } from "components/Providers/PublicationContext";
6
6
import { NewDraftButton } from "./NewDraftButton";
7
7
import { Menu, MenuItem } from "components/Layout";
8
-
import { ArrowRightTiny, MoreOptionsTiny, ShareSmall } from "components/Icons";
9
8
import { useIdentityData } from "components/IdentityProvider";
10
9
import { unsubscribeFromPublication } from "actions/unsubscribeFromPublication";
10
+
import { MoreOptionsTiny } from "components/Icons/MoreOptionsTiny";
11
11
12
12
export function CallToActionButton() {
13
13
let rel = usePublicationRelationship();
+3
-2
app/login/LoginForm.tsx
+3
-2
app/login/LoginForm.tsx
···
6
6
import { loginWithEmailToken } from "actions/login";
7
7
import { getHomeDocs } from "app/home/storage";
8
8
import { ButtonPrimary } from "components/Buttons";
9
-
import { ArrowRightTiny, BlueskySmall } from "components/Icons";
10
-
import { InputWithLabel, Input } from "components/Input";
9
+
import { ArrowRightTiny } from "components/Icons/ArrowRightTiny";
10
+
import { BlueskySmall } from "components/Icons/BlueskySmall";
11
+
import { Input } from "components/Input";
11
12
import { useSmoker, useToaster } from "components/Toast";
12
13
import React, { useState } from "react";
13
14
import useSWR, { mutate } from "swr";
+1
-1
app/templates/TemplateList.tsx
+1
-1
app/templates/TemplateList.tsx
···
4
4
import Image from "next/image";
5
5
import Link from "next/link";
6
6
import { createNewLeafletFromTemplate } from "actions/createNewLeafletFromTemplate";
7
-
import { AddTiny } from "components/Icons";
7
+
import { AddTiny } from "components/Icons/AddTiny";
8
8
9
9
export function LeafletTemplate(props: {
10
10
title: string;
+1
-1
app/templates/page.tsx
+1
-1
app/templates/page.tsx
···
1
1
import Link from "next/link";
2
2
import { TemplateListExamples, TemplateListThemes } from "./TemplateList";
3
3
import { ActionButton } from "components/ActionBar/ActionButton";
4
-
import { HomeSmall } from "components/Icons";
4
+
import { HomeSmall } from "components/Icons/HomeSmall";
5
5
6
6
export const metadata = {
7
7
title: "Leaflet Templates",
+3
-1
components/Blocks/Block.tsx
+3
-1
components/Blocks/Block.tsx
···
14
14
import { ExternalLinkBlock } from "./ExternalLinkBlock";
15
15
import { EmbedBlock } from "./EmbedBlock";
16
16
import { MailboxBlock } from "./MailboxBlock";
17
-
import { CheckboxChecked, CheckboxEmpty, LockTiny } from "components/Icons";
18
17
import { AreYouSure } from "./DeleteBlock";
19
18
import { useEntitySetContext } from "components/EntitySetProvider";
20
19
import { useIsMobile } from "src/hooks/isMobile";
···
24
23
import { ButtonBlock } from "./ButtonBlock";
25
24
import { PollBlock } from "./PollBlock";
26
25
import { BlueskyPostBlock } from "./BlueskyPostBlock";
26
+
import { CheckboxChecked } from "components/Icons/CheckboxChecked";
27
+
import { CheckboxEmpty } from "components/Icons/CheckboxEmpty";
28
+
import { LockTiny } from "components/Icons/LockTiny";
27
29
28
30
export type Block = {
29
31
factID: string;
+19
-18
components/Blocks/BlockCommands.tsx
+19
-18
components/Blocks/BlockCommands.tsx
···
1
1
import { Fact, ReplicacheMutators } from "src/replicache";
2
2
import { useUIState } from "src/useUIState";
3
-
import {
4
-
BlockDocPageSmall,
5
-
BlockCanvasPageSmall,
6
-
BlockImageSmall,
7
-
Header1Small,
8
-
Header2Small,
9
-
Header3Small,
10
-
BlockMailboxSmall,
11
-
ParagraphSmall,
12
-
LinkSmall,
13
-
BlockEmbedSmall,
14
-
BlockButtonSmall,
15
-
BlockCalendarSmall,
16
-
RSVPSmall,
17
-
BlockPollSmall,
18
-
BlockBlueskySmall,
19
-
} from "components/Icons";
3
+
20
4
import { generateKeyBetween } from "fractional-indexing";
21
5
import { focusPage } from "components/Pages";
22
6
import { v7 } from "uuid";
···
27
11
import { focusBlock } from "src/utils/focusBlock";
28
12
import { usePollBlockUIState } from "./PollBlock";
29
13
import { focusElement } from "components/Input";
14
+
import { BlockBlueskySmall } from "components/Icons/BlockBlueskySmall";
15
+
import { BlockButtonSmall } from "components/Icons/BlockButtonSmall";
16
+
import { BlockCalendarSmall } from "components/Icons/BlockCalendarSmall";
17
+
import { BlockCanvasPageSmall } from "components/Icons/BlockCanvasPageSmall";
18
+
import { BlockDocPageSmall } from "components/Icons/BlockDocPageSmall";
19
+
import { BlockEmbedSmall } from "components/Icons/BlockEmbedSmall";
20
+
import { BlockImageSmall } from "components/Icons/BlockImageSmall";
21
+
import { BlockMailboxSmall } from "components/Icons/BlockMailboxSmall";
22
+
import { BlockPollSmall } from "components/Icons/BlockPollSmall";
23
+
import {
24
+
ParagraphSmall,
25
+
Header1Small,
26
+
Header2Small,
27
+
Header3Small,
28
+
} from "components/Icons/BlockTextSmall";
29
+
import { LinkSmall } from "components/Icons/LinkSmall";
30
+
import { BlockRSVPSmall } from "components/Icons/BlockRSVPSmall";
30
31
31
32
type Props = {
32
33
parent: string;
···
266
267
267
268
{
268
269
name: "RSVP",
269
-
icon: <RSVPSmall />,
270
+
icon: <BlockRSVPSmall />,
270
271
type: "event",
271
272
onSelect: (rep, props) => {
272
273
props.entityID && clearCommandSearchText(props.entityID);
+2
-2
components/Blocks/BlueskyPostBlock/BlueskyEmpty.tsx
+2
-2
components/Blocks/BlueskyPostBlock/BlueskyEmpty.tsx
···
6
6
import { BlockProps } from "../Block";
7
7
import { v7 } from "uuid";
8
8
import { useSmoker } from "components/Toast";
9
-
import { BlockBlueskySmall, CheckTiny } from "components/Icons";
10
9
import { Separator } from "components/Layout";
11
10
import { Input } from "components/Input";
12
11
import { isUrl } from "src/utils/isURL";
13
-
import { AppBskyFeedDefs, AtpAgent } from "@atproto/api";
14
12
import { addBlueskyPostBlock } from "src/utils/addLinkBlock";
13
+
import { BlockBlueskySmall } from "components/Icons/BlockBlueskySmall";
14
+
import { CheckTiny } from "components/Icons/CheckTiny";
15
15
16
16
export const BlueskyPostEmpty = (props: BlockProps) => {
17
17
let { rep } = useReplicache();
+2
-2
components/Blocks/BlueskyPostBlock/index.tsx
+2
-2
components/Blocks/BlueskyPostBlock/index.tsx
···
8
8
import { AppBskyFeedDefs, AppBskyFeedPost, RichText } from "@atproto/api";
9
9
import { BlueskyEmbed, PostNotAvailable } from "./BlueskyEmbed";
10
10
import { BlueskyPostEmpty } from "./BlueskyEmpty";
11
-
import { BlueskyTiny, CommentTiny } from "components/Icons";
12
11
import { BlueskyRichText } from "./BlueskyRichText";
13
12
import { Separator } from "components/Layout";
14
-
import { PostView } from "@atproto/api/dist/client/types/app/bsky/feed/defs";
15
13
import { useInitialPageLoad } from "components/InitialPageLoadProvider";
14
+
import { BlueskyTiny } from "components/Icons/BlueskyTiny";
15
+
import { CommentTiny } from "components/Icons/CommentTiny";
16
16
17
17
export const BlueskyPostBlock = (props: BlockProps & { preview?: boolean }) => {
18
18
let { permissions } = useEntitySetContext();
+4
-7
components/Blocks/ButtonBlock.tsx
+4
-7
components/Blocks/ButtonBlock.tsx
···
6
6
import { BlockProps } from "./Block";
7
7
import { v7 } from "uuid";
8
8
import { useSmoker } from "components/Toast";
9
-
import {
10
-
BlockEmbedSmall,
11
-
LinkSmall,
12
-
CheckTiny,
13
-
BlockButtonSmall,
14
-
} from "components/Icons";
9
+
15
10
import { Separator } from "components/Layout";
16
11
import { Input } from "components/Input";
17
12
import { isUrl } from "src/utils/isURL";
18
-
import { deleteBlock } from "./DeleteBlock";
19
13
import { ButtonPrimary } from "components/Buttons";
14
+
import { BlockButtonSmall } from "components/Icons/BlockButtonSmall";
15
+
import { CheckTiny } from "components/Icons/CheckTiny";
16
+
import { LinkSmall } from "components/Icons/LinkSmall";
20
17
21
18
export const ButtonBlock = (props: BlockProps & { preview?: boolean }) => {
22
19
let { permissions } = useEntitySetContext();
+2
-1
components/Blocks/DateTimeBlock.tsx
+2
-1
components/Blocks/DateTimeBlock.tsx
···
3
3
import { ChevronProps, DayPicker } from "react-day-picker";
4
4
import { Popover } from "components/Popover";
5
5
import { useEffect, useMemo, useState } from "react";
6
-
import { ArrowRightTiny, BlockCalendarSmall } from "components/Icons";
7
6
import { useEntitySetContext } from "components/EntitySetProvider";
8
7
import { useUIState } from "src/useUIState";
9
8
import { setHours, setMinutes } from "date-fns";
···
11
10
import { Checkbox } from "components/Checkbox";
12
11
import { useInitialPageLoad } from "components/InitialPageLoadProvider";
13
12
import { useSpring, animated } from "@react-spring/web";
13
+
import { ArrowRightTiny } from "components/Icons/ArrowRightTiny";
14
+
import { BlockCalendarSmall } from "components/Icons/BlockCalendarSmall";
14
15
15
16
export function DateTimeBlock(props: BlockProps) {
16
17
const [isClient, setIsClient] = useState(false);
+1
-1
components/Blocks/DeleteBlock.tsx
+1
-1
components/Blocks/DeleteBlock.tsx
···
10
10
import { getBlocksWithType } from "src/hooks/queries/useBlocks";
11
11
import { focusBlock } from "src/utils/focusBlock";
12
12
import { ButtonPrimary } from "components/Buttons";
13
-
import { CloseTiny } from "components/Icons";
13
+
import { CloseTiny } from "components/Icons/CloseTiny";
14
14
15
15
export const AreYouSure = (props: {
16
16
entityID: string[] | string;
+2
-1
components/Blocks/EmbedBlock.tsx
+2
-1
components/Blocks/EmbedBlock.tsx
···
6
6
import { BlockProps } from "./Block";
7
7
import { v7 } from "uuid";
8
8
import { useSmoker } from "components/Toast";
9
-
import { BlockEmbedSmall, CheckTiny } from "components/Icons";
10
9
import { Separator } from "components/Layout";
11
10
import { Input } from "components/Input";
12
11
import { isUrl } from "src/utils/isURL";
···
14
13
import { deleteBlock } from "./DeleteBlock";
15
14
import { focusBlock } from "src/utils/focusBlock";
16
15
import { useDrag } from "src/hooks/useDrag";
16
+
import { BlockEmbedSmall } from "components/Icons/BlockEmbedSmall";
17
+
import { CheckTiny } from "components/Icons/CheckTiny";
17
18
18
19
export const EmbedBlock = (props: BlockProps & { preview?: boolean }) => {
19
20
let { permissions } = useEntitySetContext();
+2
-1
components/Blocks/ExternalLinkBlock.tsx
+2
-1
components/Blocks/ExternalLinkBlock.tsx
···
7
7
import { BlockProps } from "./Block";
8
8
import { v7 } from "uuid";
9
9
import { useSmoker } from "components/Toast";
10
-
import { CheckTiny, LinkSmall } from "components/Icons";
11
10
import { Separator } from "components/Layout";
12
11
import { focusElement, Input } from "components/Input";
13
12
import { isUrl } from "src/utils/isURL";
14
13
import { elementId } from "src/utils/elementId";
15
14
import { focusBlock } from "src/utils/focusBlock";
15
+
import { CheckTiny } from "components/Icons/CheckTiny";
16
+
import { LinkSmall } from "components/Icons/LinkSmall";
16
17
17
18
export const ExternalLinkBlock = (
18
19
props: BlockProps & { preview?: boolean },
+1
-1
components/Blocks/ImageBlock.tsx
+1
-1
components/Blocks/ImageBlock.tsx
···
3
3
import { useEntity, useReplicache } from "src/replicache";
4
4
import { Block, BlockProps } from "./Block";
5
5
import { useUIState } from "src/useUIState";
6
-
import { BlockImageSmall } from "components/Icons";
7
6
import Image from "next/image";
8
7
import { v7 } from "uuid";
9
8
import { useEntitySetContext } from "components/EntitySetProvider";
···
12
11
import { elementId } from "src/utils/elementId";
13
12
import { useEffect } from "react";
14
13
import { deleteBlock } from "./DeleteBlock";
14
+
import { BlockImageSmall } from "components/Icons/BlockImageSmall";
15
15
16
16
export function ImageBlock(props: BlockProps & { preview?: boolean }) {
17
17
let { rep } = useReplicache();
+3
-36
components/Blocks/MailboxBlock.tsx
+3
-36
components/Blocks/MailboxBlock.tsx
···
1
1
import { ButtonPrimary } from "components/Buttons";
2
-
import { ArrowDownTiny, InfoSmall } from "components/Icons";
3
2
import { Popover } from "components/Popover";
4
3
import { Menu, MenuItem, Separator } from "components/Layout";
5
4
import { useUIState } from "src/useUIState";
···
23
22
useSubscriptionStatus,
24
23
} from "src/hooks/useSubscriptionStatus";
25
24
import { usePageTitle } from "components/utils/UpdateLeafletTitle";
25
+
import { ArrowDownTiny } from "components/Icons/ArrowDownTiny";
26
+
import { InfoSmall } from "components/Icons/InfoSmall";
26
27
27
28
export const MailboxBlock = (props: BlockProps) => {
28
29
let isSubscribed = useSubscriptionStatus(props.entityID);
···
45
46
return (
46
47
<div className={`mailboxContent relative w-full flex flex-col gap-1`}>
47
48
<div
48
-
className={`flex flex-col gap-2 items-center justify-center w-full
49
+
className={`flex flex-col gap-2 items-center justify-center w-full
49
50
${isSelected ? "block-border-selected " : "block-border"} `}
50
51
style={{
51
52
backgroundColor:
···
371
372
);
372
373
};
373
374
374
-
const ChannelSelector = (props: {
375
-
channel: "email" | "sms";
376
-
setChannel: (channel: "email" | "sms") => void;
377
-
}) => {
378
-
return (
379
-
<Menu
380
-
className="w-20"
381
-
trigger={
382
-
<div className="flex gap-2 w-16 items-center justify-between text-secondary">
383
-
{props.channel === "email" ? "Email" : "SMS"}{" "}
384
-
<ArrowDownTiny className="shrink-0 text-accent-contrast" />
385
-
</div>
386
-
}
387
-
>
388
-
<MenuItem
389
-
className="font-normal"
390
-
onSelect={() => {
391
-
props.setChannel("email");
392
-
}}
393
-
>
394
-
Email
395
-
</MenuItem>
396
-
<MenuItem
397
-
className="font-normal"
398
-
onSelect={() => {
399
-
props.setChannel("sms");
400
-
}}
401
-
>
402
-
SMS
403
-
</MenuItem>
404
-
</Menu>
405
-
);
406
-
};
407
375
export const DraftPostOptions = (props: { mailboxEntity: string }) => {
408
376
let toaster = useToaster();
409
377
let draft = useEntity(props.mailboxEntity, "mailbox/draft");
410
378
let { rep, permission_token } = useReplicache();
411
379
let entity_set = useEntitySetContext();
412
-
let archive = useEntity(props.mailboxEntity, "mailbox/archive");
413
380
let pagetitle = usePageTitle(permission_token.root_entity);
414
381
let subscriber_count = useEntity(
415
382
props.mailboxEntity,
+2
-2
components/Blocks/PollBlock.tsx
+2
-2
components/Blocks/PollBlock.tsx
···
3
3
import { ButtonPrimary, ButtonSecondary } from "components/Buttons";
4
4
import { useCallback, useEffect, useState } from "react";
5
5
import { focusElement, Input } from "components/Input";
6
-
import { CheckTiny, CloseTiny, InfoSmall } from "components/Icons";
7
6
import { Separator } from "components/Layout";
8
7
import { useEntitySetContext } from "components/EntitySetProvider";
9
8
import { theme } from "tailwind.config";
···
12
11
import { usePollData } from "components/PageSWRDataProvider";
13
12
import { voteOnPoll } from "actions/pollActions";
14
13
import { create } from "zustand";
15
-
import { poll_votes_on_entity } from "drizzle/schema";
16
14
import { elementId } from "src/utils/elementId";
15
+
import { CheckTiny } from "components/Icons/CheckTiny";
16
+
import { CloseTiny } from "components/Icons/CloseTiny";
17
17
18
18
export let usePollBlockUIState = create(
19
19
() =>
+1
-1
components/Blocks/RSVPBlock/ContactDetailsForm.tsx
+1
-1
components/Blocks/RSVPBlock/ContactDetailsForm.tsx
···
14
14
import { Input, InputWithLabel } from "components/Input";
15
15
import { IPLocationContext } from "components/Providers/IPLocationProvider";
16
16
import { Popover } from "components/Popover";
17
-
import { InfoSmall } from "components/Icons";
18
17
import { theme } from "tailwind.config";
18
+
import { InfoSmall } from "components/Icons/InfoSmall";
19
19
20
20
export function ContactDetailsForm(props: {
21
21
status: RSVP_Status;
+19
-1
components/Blocks/RSVPBlock/SendUpdate.tsx
+19
-1
components/Blocks/RSVPBlock/SendUpdate.tsx
···
3
3
import { useRSVPData } from "components/PageSWRDataProvider";
4
4
import { useEntitySetContext } from "components/EntitySetProvider";
5
5
import { ButtonPrimary } from "components/Buttons";
6
-
import { UpdateSmall } from "components/Icons";
7
6
import { Popover } from "components/Popover";
8
7
import { theme } from "tailwind.config";
9
8
import { useToaster } from "components/Toast";
···
174
173
</div>
175
174
);
176
175
};
176
+
177
+
const UpdateSmall = () => {
178
+
return (
179
+
<svg
180
+
width="24"
181
+
height="24"
182
+
viewBox="0 0 24 24"
183
+
fill="none"
184
+
xmlns="http://www.w3.org/2000/svg"
185
+
>
186
+
<path
187
+
fillRule="evenodd"
188
+
clipRule="evenodd"
189
+
d="M9.22186 7.92684C10.1774 6.18312 11.5332 4.90336 12.9251 4.2286C13.1335 4.12754 13.3416 4.04046 13.5484 3.96745C14.6049 3.60869 15.7766 3.54735 16.7819 4.09825C17.8692 4.69405 18.5671 5.88122 18.7476 7.41916C18.9279 8.95543 18.5788 10.7869 17.6233 12.5306C16.6678 14.2743 15.312 15.5541 13.9201 16.2288C12.5267 16.9043 11.1506 16.955 10.0633 16.3592C9.19584 15.8839 8.57626 15.0321 8.26951 13.9262C8.25817 13.8746 8.24668 13.8234 8.23523 13.7724L8.23523 13.7724C8.18078 13.5299 8.12744 13.2924 8.09762 13.0383C7.91733 11.502 8.26635 9.67055 9.22186 7.92684ZM9.46946 4.78715C9.67119 4.78662 9.8633 4.78121 10.0481 4.7711C9.3182 5.48646 8.66218 6.34702 8.12565 7.32615C7.55376 8.36979 7.16847 9.45536 6.96726 10.519C6.87184 10.3382 6.77397 10.1659 6.67468 10.0061C6.66248 9.63279 6.756 9.17519 6.92538 8.67954C7.12252 8.10267 7.40257 7.53025 7.65185 7.07532C7.87489 6.6683 8.26315 6.06477 8.68993 5.5499C8.9033 5.29248 9.11698 5.06859 9.31569 4.90418C9.37126 4.8582 9.42255 4.81949 9.46946 4.78715ZM8.11028 4.69028C7.79498 4.62946 7.4876 4.54412 7.23739 4.46669C6.91656 4.36741 6.66099 4.27202 6.54912 4.22896C6.41134 4.17536 6.19445 4.14 6.05859 4.21094C5.71409 4.39084 5.01295 4.92363 4.69271 5.51519C4.53469 5.8071 4.40424 6.2273 4.30596 6.64793C4.29259 6.70518 4.27708 6.76449 4.26123 6.82511L4.26123 6.82512L4.26122 6.82514C4.18998 7.09762 4.11179 7.39666 4.18884 7.65503C4.24062 7.82867 4.31432 7.93693 4.39162 8.00286C4.59287 8.12133 4.78982 8.24738 4.98348 8.37782C5.22591 8.54111 5.52054 8.75196 5.79607 8.98466C5.84667 8.7703 5.90975 8.55912 5.97911 8.35617C6.20171 7.70478 6.51068 7.07692 6.77488 6.59477C7.02425 6.1397 7.44733 5.482 7.92003 4.91174C7.98204 4.83692 8.04556 4.76282 8.11028 4.69028ZM4.21574 3.89626L4.62051 4.02189C4.3203 4.30946 4.01949 4.65825 3.8133 5.03912C3.59059 5.45053 3.43618 5.9753 3.33219 6.42041C3.30438 6.53942 3.27957 6.65546 3.25762 6.7656L2.81215 6.40882C2.81215 6.40882 2.81126 6.40681 2.80986 6.40423C2.79662 6.37992 2.73103 6.25944 2.74152 5.96321C2.75269 5.6481 2.85108 5.26172 3.04578 4.90642C3.25394 4.52653 3.50079 4.23769 3.73458 4.06623C3.95711 3.90302 4.11635 3.8793 4.21574 3.89626ZM5.25013 10.1776C5.49632 10.4247 5.83445 10.991 6.17145 11.7406C5.73841 12.4265 5.41616 12.6857 5.21838 12.7691C5.07131 12.8312 4.93508 12.822 4.70214 12.656C4.11675 12.2388 3.60414 11.8264 3.21764 11.4066C2.8298 10.9853 2.60401 10.594 2.53069 10.2224L2.52687 10.2031C2.4802 9.9669 2.45604 9.84466 2.51608 9.58542C2.57686 9.32295 2.72752 8.9236 3.07623 8.2506C3.19924 8.54228 3.38803 8.81394 3.66359 9.02041C3.77639 9.10493 3.89934 9.17816 4.02211 9.25128L4.02211 9.25128C4.11121 9.30434 4.20021 9.35735 4.28517 9.41458C4.61144 9.63434 4.98505 9.91153 5.25013 10.1776ZM1.49231 5.91896C1.47179 6.49822 1.63299 7.06591 2.09331 7.43458C1.64229 8.27701 1.40278 8.85224 1.2983 9.30341C1.17766 9.82436 1.24402 10.1596 1.29968 10.4408L1.30433 10.4643C1.43907 11.1472 1.82601 11.7405 2.29799 12.2532C2.77132 12.7673 3.36564 13.2385 3.9767 13.6739C4.42074 13.9904 5.0195 14.2097 5.70419 13.9209C6.06177 13.77 6.39891 13.496 6.72728 13.1045C6.81994 13.3603 6.90026 13.6093 6.96835 13.8644C7.28444 15.3377 8.1138 16.7163 9.46258 17.4554C10.998 18.2968 12.8155 18.1535 14.4654 17.3536C16.1168 16.5531 17.6539 15.0761 18.7195 13.1313C19.7852 11.1865 20.203 9.09618 19.9891 7.27346C19.7753 5.4524 18.918 3.84341 17.3826 3.00204C16.1201 2.31022 14.6669 2.28413 13.2729 2.74137C13.2652 2.74368 13.2574 2.74615 13.2497 2.74878C11.4939 3.34572 10.626 3.60952 8.78711 3.52059C8.44675 3.50414 7.99961 3.39408 7.60693 3.27256C7.49582 3.23818 7.38646 3.19733 7.27712 3.15649C7.15008 3.10903 7.02308 3.06159 6.89344 3.02433C6.45975 2.89969 6.03009 2.91392 5.62971 3.0263C5.50956 2.98901 5.3892 2.94865 5.26851 2.90817C5.01835 2.82428 4.76678 2.73992 4.51267 2.68142C3.94356 2.55041 3.41069 2.75363 2.99533 3.05825C2.57846 3.36398 2.22138 3.8097 1.94957 4.30573C1.66428 4.82635 1.5106 5.40259 1.49231 5.91896ZM10.6051 8.68425C10.9866 7.98795 11.4394 7.38085 11.9278 6.8783C12.6769 7.53018 13.1717 8.17432 13.4238 8.75106C13.6893 9.35867 13.6744 9.85621 13.4617 10.2444C13.2546 10.6223 12.8385 10.9029 12.1709 11.0084C11.5426 11.1076 10.7313 11.0418 9.794 10.7741C9.95466 10.091 10.2229 9.3816 10.6051 8.68425ZM13.4264 5.71995C13.1758 5.85571 12.9254 6.0188 12.6791 6.20754C13.4537 6.89902 14.0241 7.62766 14.3401 8.35057C14.6935 9.15932 14.7389 9.99457 14.3386 10.7249C13.9392 11.4539 13.1982 11.8584 12.327 11.9961C11.5454 12.1196 10.6234 12.0373 9.63348 11.7675C9.60713 12.0758 9.60447 12.3739 9.62485 12.6574C9.70968 13.8381 10.1817 14.6978 10.9166 15.1005C11.6516 15.5033 12.6302 15.4385 13.671 14.8746C14.7064 14.3136 15.7384 13.2861 16.4923 11.9103C16.776 11.3925 16.9977 10.8667 17.159 10.3487C17.2411 10.0851 17.5214 9.93788 17.785 10.02C18.0487 10.1021 18.1959 10.3824 18.1138 10.646C17.9324 11.2285 17.6845 11.8156 17.3693 12.3909C16.5368 13.91 15.3756 15.0884 14.1473 15.7539C12.9245 16.4164 11.569 16.5983 10.4361 15.9775C9.30313 15.3567 8.72709 14.1163 8.62742 12.7291C8.52731 11.3358 8.89565 9.72284 9.72809 8.2037C10.5605 6.68456 11.7218 5.50611 12.95 4.84069C14.1729 4.17819 15.5283 3.99622 16.6613 4.61705C17.5803 5.12063 18.1356 6.03691 18.3631 7.10207C18.4208 7.37213 18.2486 7.6378 17.9785 7.69548C17.7085 7.75315 17.4428 7.58098 17.3851 7.31093C17.201 6.44889 16.7798 5.82228 16.1807 5.49401C15.4458 5.09129 14.4672 5.15607 13.4264 5.71995ZM20.2049 14.5155C19.8187 14.3656 19.3842 14.5572 19.2343 14.9434C19.0845 15.3295 19.2761 15.764 19.6622 15.9139L21.4114 16.5926C21.7976 16.7425 22.2321 16.5509 22.382 16.1648C22.5318 15.7786 22.3402 15.3441 21.9541 15.1942L20.2049 14.5155ZM17.9326 16.6232C18.2114 16.3169 18.6857 16.2945 18.9921 16.5733L22.8336 20.0686C23.1399 20.3474 23.1623 20.8218 22.8836 21.1281C22.6048 21.4345 22.1304 21.4569 21.8241 21.1781L17.9826 17.6827C17.6762 17.404 17.6539 16.9296 17.9326 16.6232ZM16.8269 17.9194C16.6484 17.5456 16.2007 17.3874 15.8269 17.5659C15.4531 17.7444 15.2949 18.1921 15.4734 18.5659L16.8786 21.5078C17.0572 21.8816 17.5049 22.0398 17.8787 21.8613C18.2524 21.6828 18.4107 21.235 18.2322 20.8613L16.8269 17.9194Z"
190
+
fill="currentColor"
191
+
/>
192
+
</svg>
193
+
);
194
+
};
+3
-1
components/Blocks/TextBlock/index.tsx
+3
-1
components/Blocks/TextBlock/index.tsx
···
28
28
import { highlightSelectionPlugin } from "./plugins";
29
29
import { inputrules } from "./inputRules";
30
30
import { autolink } from "./autolink-plugin";
31
-
import { AddTiny, BlockDocPageSmall, BlockImageSmall } from "components/Icons";
32
31
import { TooltipButton } from "components/Buttons";
33
32
import { blockCommands } from "../BlockCommands";
34
33
import { betterIsUrl } from "src/utils/isURL";
35
34
import { useSmoker } from "components/Toast";
35
+
import { AddTiny } from "components/Icons/AddTiny";
36
+
import { BlockDocPageSmall } from "components/Icons/BlockDocPageSmall";
37
+
import { BlockImageSmall } from "components/Icons/BlockImageSmall";
36
38
37
39
const HeadingStyle = {
38
40
1: "text-xl font-bold",
+2
-1
components/Buttons.tsx
+2
-1
components/Buttons.tsx
···
1
1
import React, { forwardRef, type JSX } from "react";
2
2
import * as RadixTooltip from "@radix-ui/react-tooltip";
3
3
import { theme } from "tailwind.config";
4
-
import { PopoverArrow } from "./Icons";
4
+
5
5
import {
6
6
CardThemeProvider,
7
7
NestedCardThemeProvider,
8
8
} from "./ThemeManager/ThemeProvider";
9
9
import { useReplicache } from "src/replicache";
10
+
import { PopoverArrow } from "./Icons/PopoverArrow";
10
11
11
12
type ButtonProps = Omit<JSX.IntrinsicElements["button"], "content">;
12
13
export const ButtonPrimary = forwardRef<
+2
-7
components/Canvas.tsx
+2
-7
components/Canvas.tsx
···
1
1
import { useEntity, useReplicache } from "src/replicache";
2
2
import { useEntitySetContext } from "./EntitySetProvider";
3
3
import { v7 } from "uuid";
4
-
import { BaseBlock, Block } from "./Blocks/Block";
4
+
import { BaseBlock } from "./Blocks/Block";
5
5
import { useCallback, useEffect, useMemo, useRef, useState } from "react";
6
-
import {
7
-
AddBlockLarge,
8
-
AddSmall,
9
-
CanvasShrinkSmall,
10
-
CanvasWidenSmall,
11
-
} from "./Icons";
12
6
import { useDrag } from "src/hooks/useDrag";
13
7
import { useLongPress } from "src/hooks/useLongPress";
14
8
import { focusBlock } from "src/utils/focusBlock";
···
19
13
import { Media } from "./Media";
20
14
import { TooltipButton } from "./Buttons";
21
15
import { useBlockKeyboardHandlers } from "./Blocks/useBlockKeyboardHandlers";
16
+
import { AddSmall } from "./Icons/AddSmall";
22
17
23
18
export function Canvas(props: { entityID: string; preview?: boolean }) {
24
19
let entity_set = useEntitySetContext();
+47
-6
components/Checkbox.tsx
+47
-6
components/Checkbox.tsx
···
1
-
import {
2
-
CheckboxChecked,
3
-
CheckboxEmpty,
4
-
RadioChecked,
5
-
RadioEmpty,
6
-
} from "./Icons";
1
+
import { CheckboxChecked } from "./Icons/CheckboxChecked";
2
+
import { CheckboxEmpty } from "./Icons/CheckboxEmpty";
3
+
import { Props } from "./Icons/Props";
7
4
8
5
export function Checkbox(props: {
9
6
checked: boolean;
···
73
70
</label>
74
71
);
75
72
}
73
+
74
+
const RadioEmpty = (props: Props) => {
75
+
return (
76
+
<svg
77
+
width="12"
78
+
height="12"
79
+
viewBox="0 0 12 12"
80
+
fill="none"
81
+
xmlns="http://www.w3.org/2000/svg"
82
+
{...props}
83
+
>
84
+
<path
85
+
fillRule="evenodd"
86
+
clipRule="evenodd"
87
+
d="M6 11C8.76142 11 11 8.76142 11 6C11 3.23858 8.76142 1 6 1C3.23858 1 1 3.23858 1 6C1 8.76142 3.23858 11 6 11ZM6 12C9.31371 12 12 9.31371 12 6C12 2.68629 9.31371 0 6 0C2.68629 0 0 2.68629 0 6C0 9.31371 2.68629 12 6 12Z"
88
+
fill="currentColor"
89
+
/>
90
+
</svg>
91
+
);
92
+
};
93
+
94
+
const RadioChecked = (props: Props) => {
95
+
return (
96
+
<svg
97
+
width="12"
98
+
height="12"
99
+
viewBox="0 0 12 12"
100
+
fill="none"
101
+
xmlns="http://www.w3.org/2000/svg"
102
+
{...props}
103
+
>
104
+
<path
105
+
fillRule="evenodd"
106
+
clipRule="evenodd"
107
+
d="M6 10.5C8.48528 10.5 10.5 8.48528 10.5 6C10.5 3.51472 8.48528 1.5 6 1.5C3.51472 1.5 1.5 3.51472 1.5 6C1.5 8.48528 3.51472 10.5 6 10.5ZM6 12C9.31371 12 12 9.31371 12 6C12 2.68629 9.31371 0 6 0C2.68629 0 0 2.68629 0 6C0 9.31371 2.68629 12 6 12Z"
108
+
fill="currentColor"
109
+
/>
110
+
<path
111
+
d="M9 6C9 7.65685 7.65685 9 6 9C4.34315 9 3 7.65685 3 6C3 4.34315 4.34315 3 6 3C7.65685 3 9 4.34315 9 6Z"
112
+
fill="currentColor"
113
+
/>
114
+
</svg>
115
+
);
116
+
};
+1
-2
components/HelpPopover.tsx
+1
-2
components/HelpPopover.tsx
···
1
1
"use client";
2
2
import { isMac } from "@react-aria/utils";
3
-
import { HelpSmall } from "./Icons";
4
3
import { ShortcutKey } from "./Layout";
5
4
import { Media } from "./Media";
6
5
import { Popover } from "./Popover";
7
6
import { metaKey } from "src/utils/metaKey";
8
7
import { useEntitySetContext } from "./EntitySetProvider";
9
-
import Link from "next/link";
10
8
import { useState } from "react";
11
9
import { ActionButton } from "components/ActionBar/ActionButton";
10
+
import { HelpSmall } from "./Icons/HelpSmall";
12
11
13
12
export const HelpPopover = (props: { noShortcuts?: boolean }) => {
14
13
let entity_set = useEntitySetContext();
+2
-1
components/HomeButton.tsx
+2
-1
components/HomeButton.tsx
···
1
1
import Link from "next/link";
2
2
import { useEntitySetContext } from "./EntitySetProvider";
3
-
import { AddToHomeSmall, HomeSmall } from "./Icons";
4
3
import { ActionButton } from "components/ActionBar/ActionButton";
5
4
import { useParams, useSearchParams } from "next/navigation";
6
5
import { useIdentityData } from "./IdentityProvider";
7
6
import { useReplicache } from "src/replicache";
8
7
import { addLeafletToHome } from "actions/addLeafletToHome";
9
8
import { useSmoker } from "./Toast";
9
+
import { AddToHomeSmall } from "./Icons/AddToHomeSmall";
10
+
import { HomeSmall } from "./Icons/HomeSmall";
10
11
11
12
export function HomeButton() {
12
13
let { permissions } = useEntitySetContext();
-1636
components/Icons.tsx
-1636
components/Icons.tsx
···
1
-
import { SVGProps } from "react";
2
-
3
-
type Props = SVGProps<SVGSVGElement>;
4
-
5
-
export const AddBlockLarge = (props: Props) => {
6
-
return (
7
-
<svg
8
-
width="48"
9
-
height="48"
10
-
viewBox="0 0 48 48"
11
-
fill="none"
12
-
xmlns="http://www.w3.org/2000/svg"
13
-
{...props}
14
-
>
15
-
<path
16
-
fillRule="evenodd"
17
-
clipRule="evenodd"
18
-
d="M44.3387 18.4727C43.5485 22.7534 39.4377 25.583 35.157 24.7929C30.8763 24.0027 28.0467 19.892 28.8369 15.6112C29.627 11.3305 33.7378 8.50091 38.0185 9.29107C42.2992 10.0812 45.1288 14.192 44.3387 18.4727ZM38.4053 12.6882C38.5056 12.1451 38.1466 11.6236 37.6035 11.5233C37.0603 11.4231 36.5388 11.7821 36.4385 12.3252L35.783 15.8765L32.2355 15.2217C31.6924 15.1215 31.1709 15.4805 31.0706 16.0236C30.9704 16.5667 31.3294 17.0882 31.8725 17.1885L35.42 17.8433L34.7646 21.3937C34.6644 21.9368 35.0234 22.4583 35.5665 22.5586C36.1096 22.6588 36.6311 22.2998 36.7314 21.7567L37.3867 18.2063L40.941 18.8624C41.4841 18.9627 42.0056 18.6036 42.1059 18.0605C42.2061 17.5174 41.8471 16.9959 41.304 16.8956L37.7498 16.2396L38.4053 12.6882ZM32.3345 25.9102L31.2465 32.7897C31.1387 33.4715 30.4985 33.9369 29.8166 33.829L6.51021 30.1424C5.82833 30.0346 5.36298 29.3944 5.47082 28.7125L7.67454 14.7778C7.78237 14.0959 8.42249 13.6306 9.10433 13.7384L26.1558 16.4341C26.565 16.4987 26.9491 16.2195 27.0137 15.8104C27.0784 15.4012 26.7992 15.0171 26.39 14.9525L9.33851 12.2568C7.83845 12.0196 6.43018 13.0434 6.19296 14.5434L3.98924 28.4781C3.752 29.9783 4.77577 31.3867 6.2759 31.624L7.76407 31.8594C7.75599 33.4374 8.90012 34.8281 10.5065 35.0821L31.0528 38.3321C32.8255 38.6125 34.4898 37.4026 34.7702 35.6297L36.1526 26.8881C35.7175 26.8679 35.2785 26.818 34.8381 26.7367C33.9479 26.5724 33.109 26.2906 32.3345 25.9102ZM23.4131 19.2175C23.4241 19.6574 23.2883 20.1867 23.0307 20.79C22.8346 21.2494 22.4778 21.6318 21.978 21.8452C22.0168 21.9598 22.0619 22.0663 22.1132 22.1622C22.3032 22.5179 22.5369 22.6726 22.8273 22.6808C23.2833 22.6937 23.5648 22.5867 23.7725 22.4523C23.9937 22.3092 24.1598 22.1206 24.3827 21.8674L24.414 21.8319C24.6279 21.5892 24.9283 21.2485 25.3658 21.062C25.8384 20.8605 26.3702 20.8732 26.9904 21.0896C27.3164 21.2032 27.4884 21.5596 27.3747 21.8855C27.2611 22.2114 26.9047 22.3835 26.5788 22.2698C26.1594 22.1235 25.9629 22.1663 25.8559 22.2119C25.7138 22.2724 25.5832 22.3957 25.3518 22.6583L25.3005 22.7167C25.0984 22.9476 24.8244 23.2605 24.4516 23.5017C24.0225 23.7794 23.49 23.95 22.792 23.9303C21.9284 23.9059 21.346 23.3788 21.0107 22.7513C20.8879 22.5216 20.7932 22.2716 20.7232 22.0125C20.3247 21.9723 19.896 21.8557 19.4428 21.6622C19.1125 21.5212 18.9198 21.4918 18.8057 21.4891C18.6971 21.4865 18.6258 21.5046 18.479 21.5417L18.4537 21.5481C18.2835 21.5911 18.0321 21.6501 17.7068 21.5903C17.3997 21.5338 17.0843 21.3833 16.7196 21.1377C16.5266 21.0077 16.4435 21.0308 16.3974 21.0447C16.2903 21.0768 16.1681 21.1625 15.9391 21.349L15.899 21.3818C15.7149 21.5327 15.4281 21.768 15.0909 21.8768C14.6466 22.0204 14.1887 21.9362 13.7529 21.6044C13.2498 21.2214 13.2805 20.6053 13.3312 20.2533C13.3748 19.9507 13.4736 19.6002 13.5602 19.2927L13.5602 19.2927L13.5602 19.2926L13.5602 19.2926L13.5603 19.2924L13.5603 19.2923C13.5842 19.2077 13.607 19.1265 13.6276 19.0504C13.7362 18.6487 13.7944 18.3491 13.7781 18.1352C13.7708 18.0397 13.7503 17.9952 13.7383 17.9764C13.7319 17.9663 13.718 17.9466 13.6752 17.9235C13.6416 17.9532 13.5853 18.0127 13.5073 18.1252C13.345 18.359 13.191 18.6606 12.9979 19.0385C12.9017 19.2268 12.7958 19.434 12.6745 19.6612C11.9987 20.9262 10.9436 22.585 8.86603 23.0247C8.52833 23.0962 8.19663 22.8803 8.12516 22.5426C8.05369 22.2049 8.26952 21.8733 8.60721 21.8018C10.09 21.488 10.9117 20.3082 11.5719 19.0723C11.6592 18.9088 11.7469 18.7374 11.8347 18.5658L11.8347 18.5658C12.0515 18.142 12.2685 17.7178 12.4802 17.4127C12.6338 17.1913 12.8377 16.9484 13.1131 16.7993C13.4286 16.6284 13.7845 16.6093 14.1325 16.7578C14.412 16.8772 14.6373 17.0609 14.7929 17.3053C14.9443 17.5433 15.0063 17.8018 15.0244 18.0402C15.059 18.4941 14.9399 18.9858 14.8343 19.3765C14.8041 19.4883 14.7747 19.5929 14.7471 19.6915L14.747 19.6918L14.747 19.6918C14.6658 19.9808 14.5992 20.2183 14.5684 20.4316C14.5522 20.544 14.5526 20.6088 14.5555 20.6424C14.6575 20.7101 14.6918 20.6942 14.7038 20.6886L14.7068 20.6873C14.7984 20.6578 14.9076 20.5769 15.1497 20.3797L15.1677 20.3651C15.3626 20.2062 15.6654 19.9593 16.0381 19.8474C16.4835 19.7138 16.951 19.7866 17.4178 20.1008C17.7128 20.2995 17.8639 20.3482 17.9331 20.3609C17.9841 20.3703 18.0189 20.3687 18.1478 20.3361L18.1849 20.3266C18.3243 20.2906 18.5486 20.2327 18.835 20.2395C19.1491 20.2468 19.5006 20.3278 19.9336 20.5126C20.1681 20.6127 20.3768 20.6796 20.5613 20.7213L20.5614 20.6992C20.5663 20.0167 20.703 19.3053 20.9968 18.783C21.1443 18.5207 21.3598 18.2563 21.6689 18.1014C22.0034 17.9339 22.3758 17.9311 22.7301 18.0816C23.2199 18.2896 23.4018 18.7668 23.4131 19.2175ZM21.8246 20.4084C21.8595 19.9816 21.9598 19.6206 22.0863 19.3957C22.1153 19.3441 22.1416 19.3069 22.1636 19.2802C22.1608 19.4685 22.0952 19.7976 21.8811 20.2993C21.8648 20.3373 21.8461 20.3738 21.8246 20.4084ZM25.8841 26.6917C25.9373 26.3507 25.704 26.0311 25.3629 25.9779L11.7135 23.8482C11.3725 23.795 11.0529 24.0283 10.9997 24.3694C10.9465 24.7104 11.1798 25.0301 11.5209 25.0833L25.1703 27.2129C25.5113 27.2661 25.8309 27.0328 25.8841 26.6917ZM26.1751 29.0768C26.5163 29.1288 26.7508 29.4475 26.6989 29.7888C26.6469 30.13 26.3282 30.3645 25.9869 30.3125L10.7045 27.9849C10.3632 27.9329 10.1287 27.6142 10.1807 27.2729C10.2326 26.9317 10.5514 26.6972 10.8926 26.7492L26.1751 29.0768Z"
19
-
fill="currentColor"
20
-
/>
21
-
</svg>
22
-
);
23
-
};
24
-
25
-
export const HomeMedium = (props: Props) => {
26
-
return (
27
-
<svg
28
-
width="32"
29
-
height="32"
30
-
viewBox="0 0 32 32"
31
-
fill="none"
32
-
xmlns="http://www.w3.org/2000/svg"
33
-
{...props}
34
-
>
35
-
<path
36
-
fillRule="evenodd"
37
-
clipRule="evenodd"
38
-
d="M11.4118 6.62153L11.4118 6.62137L11.4115 6.62166L3.75928 15.4314L4.76998 15.8647V23.5193L9.10158 25.5413V25.4262L9.1692 25.5577L13.7219 23.2987V27.5633L18.342 29.7296V29.73L29.3154 24.5306V17.5981L30.7593 16.876L28.5704 12.621V7.52505C28.5704 7.25627 28.4227 7.00926 28.1859 6.88212L26.0501 5.73539C25.8484 5.62713 25.6077 5.61974 25.3998 5.71541L25.0911 5.85745L23.1068 2L11.4118 6.62153ZM9.10158 20.4859V24.1202L13.6862 21.8454C13.5294 20.3564 12.8452 18.6036 11.4118 17.8864C9.79475 17.0774 9.10158 18.7526 9.10158 20.4859ZM12.5105 8.53241C12.933 8.32776 13.4414 8.50434 13.646 8.92682L19.6154 21.2496L26.7599 18.0098C27.1874 17.816 27.6912 18.0054 27.8851 18.4329C28.0789 18.8605 27.8895 19.3642 27.462 19.5581L19.5627 23.1401C19.1428 23.3305 18.6477 23.1515 18.4467 22.7365L12.1161 9.66795C11.9114 9.24547 12.088 8.73707 12.5105 8.53241ZM23.5583 6.75884C23.1639 6.50425 22.6377 6.61759 22.3832 7.012C22.1286 7.40641 22.2419 7.93253 22.6363 8.18712L24.0182 9.07917V14.4645C24.0182 14.9339 24.3988 15.3145 24.8682 15.3145C25.3377 15.3145 25.7182 14.9339 25.7182 14.4645V8.61615C25.7182 8.32749 25.5717 8.05856 25.3292 7.90201L23.5583 6.75884Z"
39
-
fill="currentColor"
40
-
/>
41
-
</svg>
42
-
);
43
-
};
44
-
45
-
// SMALL ICONS 24X24
46
-
47
-
export const AccountSmall = (props: Props) => {
48
-
return (
49
-
<svg
50
-
width="24"
51
-
height="24"
52
-
viewBox="0 0 24 24"
53
-
fill="none"
54
-
xmlns="http://www.w3.org/2000/svg"
55
-
{...props}
56
-
>
57
-
<path
58
-
fillRule="evenodd"
59
-
clipRule="evenodd"
60
-
d="M12.1186 4.00393C12.4755 4.21417 12.5944 4.67393 12.3841 5.03082L7.48811 13.3416C7.55452 13.3759 7.62551 13.4115 7.70068 13.4478C8.22649 13.7018 8.93184 13.9775 9.68768 14.0983C11.3104 14.3577 12.2206 14.15 12.5778 13.9741C12.9494 13.7911 13.399 13.944 13.582 14.3156C13.765 14.6872 13.6121 15.1368 13.2405 15.3198C12.4986 15.6851 11.2379 15.8651 9.45092 15.5795C8.5019 15.4278 7.65179 15.09 7.04836 14.7986C6.74415 14.6517 6.49643 14.5135 6.32286 14.4108C6.23595 14.3594 6.16726 14.3167 6.11899 14.2859C6.09485 14.2705 6.07578 14.2581 6.06205 14.2491L6.04551 14.2381L6.0403 14.2346L6.03847 14.2334L6.03744 14.2327L6.45839 13.6119C6.03716 14.2325 6.0373 14.2326 6.03744 14.2327C5.71013 14.0105 5.61139 13.5721 5.81219 13.2312L11.0917 4.26944C11.302 3.91255 11.7617 3.79368 12.1186 4.00393ZM5.99939 7.33218C6.76172 7.39081 7.43385 6.73443 7.50064 5.8661C7.56742 4.99778 7.00357 4.24634 6.24124 4.18771C5.4789 4.12907 4.80677 4.78546 4.73999 5.65378C4.67321 6.5221 5.23706 7.27355 5.99939 7.33218ZM17.0236 8.10185C17.7864 8.04973 18.3566 7.30312 18.2972 6.43426C18.2379 5.5654 17.5714 4.90331 16.8086 4.95543C16.0458 5.00755 15.4755 5.75416 15.5349 6.62302C15.5942 7.49188 16.2608 8.15397 17.0236 8.10185ZM16.8245 18.4262C17.1433 18.1618 17.1873 17.6889 16.9229 17.3701C16.6584 17.0513 16.1856 17.0073 15.8668 17.2717C13.8455 18.9485 11.3149 19.488 9.03465 19.0788C8.62695 19.0057 8.23713 19.2769 8.16398 19.6846C8.09083 20.0923 8.36204 20.4821 8.76974 20.5553C11.4587 21.0377 14.4429 20.4019 16.8245 18.4262Z"
61
-
fill="currentColor"
62
-
/>
63
-
</svg>
64
-
);
65
-
};
66
-
67
-
export const AddSmall = (props: Props) => {
68
-
return (
69
-
<svg
70
-
width="24"
71
-
height="24"
72
-
viewBox="0 0 24 24"
73
-
fill="none"
74
-
xmlns="http://www.w3.org/2000/svg"
75
-
{...props}
76
-
>
77
-
<path
78
-
fillRule="evenodd"
79
-
clipRule="evenodd"
80
-
d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22ZM18.6569 12C18.6569 12.5523 18.2091 13 17.6569 13H13V17.6569C13 18.2091 12.5523 18.6569 12 18.6569C11.4477 18.6569 11 18.2091 11 17.6569V13H6.34315C5.79086 13 5.34315 12.5523 5.34315 12C5.34315 11.4477 5.79086 11 6.34315 11H11L11 6.34314C11 5.79086 11.4477 5.34315 12 5.34315C12.5523 5.34315 13 5.79086 13 6.34315V11H17.6569C18.2091 11 18.6569 11.4477 18.6569 12Z"
81
-
fill="currentColor"
82
-
/>
83
-
</svg>
84
-
);
85
-
};
86
-
87
-
export const BackToLeafletSmall = (props: Props) => {
88
-
return (
89
-
<svg
90
-
width="24"
91
-
height="24"
92
-
viewBox="0 0 24 24"
93
-
fill="none"
94
-
xmlns="http://www.w3.org/2000/svg"
95
-
{...props}
96
-
>
97
-
<path
98
-
fillRule="evenodd"
99
-
clipRule="evenodd"
100
-
d="M7.39839 6.47294C7.42343 6.49449 7.44895 6.5176 7.47526 6.54143C7.6955 6.74089 7.97206 6.99136 8.50198 6.81076C8.74022 6.72956 8.93595 6.29174 9.18112 5.74335C9.33511 5.3989 9.5086 5.01083 9.72437 4.64011C10.5419 3.23546 12.0554 1.99715 13.0302 1.99715C13.8999 1.99715 13.7397 2.59541 13.614 3.06513L13.614 3.06515C13.5823 3.18358 13.5528 3.29384 13.5425 3.38428C13.5389 3.41589 13.535 3.44641 13.5313 3.47574L13.5312 3.47581C13.4975 3.73868 13.4761 3.90528 13.8171 3.89669C14.2032 3.88696 14.7365 3.26895 15.1725 2.75313C15.7749 2.04061 16.4509 1.30692 17.4695 1.28009C18.1877 1.26117 18.3265 1.68783 18.2066 2.21266C18.1629 2.40437 18.1805 2.55434 18.3635 2.67135C18.4676 2.73796 18.7735 2.66031 19.1138 2.57394C19.3624 2.51084 19.6294 2.44308 19.8494 2.42353C20.984 2.32271 21.5455 2.44997 21.8839 2.96087C22.1619 3.3805 21.7001 3.91926 21.342 4.3372L21.3417 4.33747C21.3166 4.36676 21.292 4.39547 21.2682 4.4235C20.9605 4.78591 20.664 5.13503 20.7996 5.46126C20.9101 5.72743 21.1371 5.87738 21.3597 6.02438C21.3972 6.04918 21.4359 6.07356 21.4749 6.09816L21.475 6.09819C21.8143 6.31203 22.1781 6.54124 22.0087 7.18702C21.8089 7.94841 20.9761 8.43005 19.8494 8.62334C19.5714 8.67102 19.2733 8.69772 18.9857 8.72346C18.2968 8.78515 17.6686 8.8414 17.5243 9.16777C17.3959 9.45791 17.5495 9.60493 17.7881 9.7563C18.0732 9.9372 18.5552 10.2546 18.3749 10.7743C18.3283 10.9085 18.2599 11.0341 18.1728 11.1508C17.3266 10.7655 16.3863 10.551 15.3959 10.551C12.1794 10.551 9.49153 12.8142 8.83792 15.8351C8.57047 15.8387 8.3012 15.8398 8.03257 15.841L7.73842 15.8424C6.89053 15.847 6.25964 15.9185 5.57086 15.9987C5.49225 16.0079 5.42251 16.0521 5.38131 16.1183C4.74752 17.137 4.32815 18.1792 3.84868 19.3744C3.74335 19.6369 3.63657 19.9031 3.52607 20.1726C3.38 20.5288 2.91044 20.8389 2.45949 20.6615C2.09581 20.5184 1.84461 20.022 1.99068 19.6657C2.53473 18.3389 3.16238 17.1187 3.84868 15.9987C4.96872 13.9782 7.1766 11.4993 9.5114 9.63708C11.5888 7.94281 13.5727 6.67465 15.8816 5.71236C16.1706 5.59191 16.0849 5.26081 15.7831 5.34623C13.8227 5.9012 12.0799 6.97873 10.2884 8.08638L10.0486 8.23457C8.00779 9.49493 6.29754 11.1993 5.24511 12.4385C5.05954 12.657 4.69463 12.4828 4.71217 12.1989C4.88857 9.34365 5.54205 7.4605 6.23357 6.7295C6.79469 6.13636 7.11476 6.22883 7.39839 6.47294ZM20.8557 17.2607C20.8557 20.2761 18.4113 22.7205 15.3959 22.7205C12.3806 22.7205 9.93616 20.2761 9.93616 17.2607C9.93616 14.2454 12.3806 11.801 15.3959 11.801C18.4113 11.801 20.8557 14.2454 20.8557 17.2607ZM15.9854 13.5028C16.2245 13.7518 16.2164 14.1474 15.9674 14.3865L13.6245 16.6357H18.7211C19.0662 16.6357 19.3461 16.9155 19.3461 17.2607C19.3461 17.6059 19.0662 17.8857 18.7211 17.8857H13.6244L15.9674 20.1349C16.2164 20.3739 16.2245 20.7696 15.9854 21.0186C15.7464 21.2676 15.3507 21.2757 15.1017 21.0366L11.6381 17.7115C11.5153 17.5937 11.4459 17.4309 11.4459 17.2607C11.4459 17.0905 11.5153 16.9277 11.6381 16.8098L15.1017 13.4847C15.3507 13.2457 15.7464 13.2538 15.9854 13.5028Z"
101
-
fill="currentColor"
102
-
/>
103
-
</svg>
104
-
);
105
-
};
106
-
107
-
export const BlockSmall = (props: Props) => {
108
-
return (
109
-
<svg
110
-
width="24"
111
-
height="24"
112
-
viewBox="0 0 24 24"
113
-
fill="none"
114
-
xmlns="http://www.w3.org/2000/svg"
115
-
{...props}
116
-
>
117
-
<path
118
-
fillRule="evenodd"
119
-
clipRule="evenodd"
120
-
d="M17.2329 1.58252C13.9553 1.58252 12.6494 2.97345 12.6494 4.16664V6.3075L9.18157 5.09245C8.89396 4.99167 8.57464 5.0478 8.33864 5.24061L3.66516 9.05873C3.46175 9.22492 3.34375 9.47368 3.34375 9.73635V16.1692C3.34375 16.5366 3.57323 16.8648 3.91826 16.991L7.56569 18.3247L6.5487 19.7423C6.26482 20.138 6.35632 20.6891 6.75283 20.9718L9.31293 22.7973C9.4766 22.914 9.68641 22.9448 9.87674 22.8802L19.4304 19.6363C20.0673 19.42 20.2359 18.5982 19.7357 18.1485L16.2963 15.0572C16.3304 14.9629 16.3485 14.8623 16.3485 14.7596V13.0722C16.6356 13.1023 16.9315 13.1179 17.2329 13.1179C18.4025 13.1179 19.4886 12.8823 20.3048 12.4863C21.0687 12.1157 21.8165 11.4845 21.8165 10.5982V4.16664C21.8165 2.97345 20.5105 1.58252 17.2329 1.58252ZM13.2375 4.36422C13.4328 4.16896 13.7494 4.16896 13.9446 4.36422C14.0137 4.43333 14.093 4.50817 14.1896 4.58578C14.4049 4.75872 14.4392 5.07344 14.2663 5.28872C14.0933 5.504 13.7786 5.53832 13.5633 5.36538C13.4295 5.25789 13.3226 5.15638 13.2375 5.07133C13.0422 4.87606 13.0422 4.55948 13.2375 4.36422ZM21.0566 4.36422C21.2519 4.55948 21.2519 4.87606 21.0566 5.07133L21.0401 5.08791C20.8234 5.30483 20.4882 5.64039 19.8936 5.91129C19.2898 6.18639 18.4526 6.38105 17.2333 6.38105C16.5197 6.38105 15.9243 6.31441 15.4247 6.20506C15.1549 6.14601 14.9841 5.87946 15.0432 5.60971C15.1022 5.33995 15.3688 5.16914 15.6385 5.22819C16.0588 5.32018 16.5817 5.38105 17.2333 5.38105C18.3472 5.38105 19.0357 5.20325 19.479 5.0013C19.9082 4.80573 20.1389 4.57491 20.3386 4.37513L20.3495 4.36422C20.5448 4.16896 20.8614 4.16896 21.0566 4.36422ZM14.0024 9.38129C14.1776 9.59475 14.1466 9.90981 13.9331 10.085L11.3496 12.2054V12.8902C11.3496 13.1663 11.1257 13.3902 10.8496 13.3902C10.5734 13.3902 10.3496 13.1663 10.3496 12.8902V12.3265L4.4929 10.3254C4.23158 10.2361 4.09213 9.9519 4.18141 9.69059C4.27069 9.42928 4.5549 9.28983 4.81621 9.37911L10.7477 11.4057L13.2987 9.31201C13.5121 9.13682 13.8272 9.16784 14.0024 9.38129ZM13.5425 15.7877C13.702 15.5622 14.014 15.5088 14.2394 15.6683C14.4649 15.8278 14.5183 16.1398 14.3588 16.3652L10.6453 21.6139C10.4858 21.8393 10.1737 21.8927 9.9483 21.7332C9.72288 21.5738 9.66943 21.2617 9.82892 21.0363L13.5425 15.7877ZM15.4809 8.20116C15.6621 8.40952 15.6401 8.72533 15.4318 8.90656L15.1762 9.1289C14.9678 9.31013 14.652 9.28814 14.4708 9.07978C14.2895 8.87143 14.3115 8.55561 14.5199 8.37438L14.7755 8.15205C14.9839 7.97082 15.2997 7.99281 15.4809 8.20116Z"
121
-
fill="currentColor"
122
-
/>
123
-
</svg>
124
-
);
125
-
};
126
-
export const BlockBlueskySmall = (props: Props) => {
127
-
return (
128
-
<svg
129
-
width="24"
130
-
height="24"
131
-
viewBox="0 0 24 24"
132
-
fill="none"
133
-
xmlns="http://www.w3.org/2000/svg"
134
-
{...props}
135
-
>
136
-
<path
137
-
d="M6.33526 4.21162C8.62822 5.97119 11.0945 9.53887 12.0001 11.4535C12.9056 9.53901 15.3718 5.97116 17.6649 4.21162C19.3193 2.94199 22 1.95962 22 5.08557C22 5.70987 21.6498 10.33 21.4445 11.08C20.7306 13.6878 18.1292 14.3529 15.8152 13.9503C19.86 14.654 20.8889 16.9848 18.6668 19.3156C14.4465 23.7423 12.601 18.205 12.1279 16.7861C11.9998 16.4018 12.0002 16.4018 11.8721 16.7861C11.3993 18.205 9.55378 23.7424 5.33322 19.3156C3.11103 16.9848 4.13995 14.6538 8.18483 13.9503C5.87077 14.3529 3.26934 13.6878 2.55555 11.08C2.35016 10.3299 2 5.7098 2 5.08557C2 1.95962 4.68086 2.94199 6.33526 4.21162Z"
138
-
fill="currentColor"
139
-
/>
140
-
</svg>
141
-
);
142
-
};
143
-
export const BlockButtonSmall = (props: Props) => {
144
-
return (
145
-
<svg
146
-
width="24"
147
-
height="24"
148
-
viewBox="0 0 24 24"
149
-
fill="none"
150
-
xmlns="http://www.w3.org/2000/svg"
151
-
{...props}
152
-
>
153
-
<path
154
-
fillRule="evenodd"
155
-
clipRule="evenodd"
156
-
d="M7.53207 1.97182C7.53207 1.5576 7.19628 1.22182 6.78207 1.22182C6.36785 1.22182 6.03207 1.5576 6.03207 1.97182V4.05128C6.03207 4.46549 6.36785 4.80128 6.78207 4.80128C7.19628 4.80128 7.53207 4.46549 7.53207 4.05128V1.97182ZM3.62975 2.21817C3.37649 1.8904 2.90548 1.82999 2.5777 2.08325C2.24993 2.3365 2.18953 2.80752 2.44278 3.13529L4.01521 5.17036C4.26846 5.49813 4.73948 5.55854 5.06725 5.30528C5.39502 5.05202 5.45543 4.58101 5.20217 4.25324L3.62975 2.21817ZM10.558 3.78971C10.7922 3.4481 10.7052 2.98127 10.3636 2.74702C10.0219 2.51277 9.55512 2.59981 9.32087 2.94142L8.39772 4.28767C8.16347 4.62929 8.25051 5.09612 8.59212 5.33037C8.93373 5.56462 9.40057 5.47758 9.63482 5.13597L10.558 3.78971ZM1.27137 5.25744C0.865303 5.17568 0.469839 5.43857 0.388073 5.84463C0.306306 6.2507 0.569201 6.64616 0.975264 6.72793L3.27446 7.1909C3.68053 7.27267 4.07599 7.00977 4.15776 6.60371C4.23952 6.19765 3.97663 5.80218 3.57056 5.72042L1.27137 5.25744ZM3.84382 9.46008C4.23975 9.33839 4.46208 8.91878 4.34039 8.52284C4.2187 8.1269 3.79909 7.90458 3.40315 8.02627L1.81228 8.5152C1.41635 8.63689 1.19402 9.0565 1.31571 9.45244C1.4374 9.84837 1.85701 10.0707 2.25295 9.94901L3.84382 9.46008ZM7.03725 6.81012C6.88041 6.76897 6.69114 6.77767 6.47065 6.94802C6.28652 7.09028 6.24349 7.25009 6.2559 7.42889C6.27066 7.64151 6.36831 7.83561 6.41379 7.89654L6.42359 7.91004L11.1362 14.5892C11.2707 14.7799 11.2878 15.0296 11.1806 15.2368C11.0733 15.444 10.8596 15.5743 10.6263 15.5745C10.0976 15.5752 9.27053 15.5217 8.69318 15.4844L8.69309 15.4844C8.44321 15.4682 8.24012 15.4551 8.12826 15.4507C7.80371 15.4379 7.45335 15.6385 7.38185 16.0112C7.33227 16.2698 7.37677 16.4188 7.42966 16.5081C7.4861 16.6035 7.59584 16.704 7.79728 16.783C7.88252 16.8164 8.22336 16.9137 8.78389 17.0619C9.32178 17.2041 10.0151 17.3815 10.7627 17.5716L11.4606 17.749L11.4613 17.7491C12.6176 18.0428 13.8237 18.349 14.7222 18.5886L19.9243 14.6724C19.9209 14.6279 19.9144 14.5745 19.9034 14.5127C19.8598 14.2687 19.7582 13.9611 19.5955 13.6714C19.4685 13.4455 19.3161 13.1714 19.1477 12.8687L19.1476 12.8684L19.1473 12.868L19.1472 12.8678L19.1468 12.867C18.8486 12.3309 18.5006 11.7054 18.1565 11.0992C17.6106 10.1376 17.1103 9.28974 16.8597 8.95397C16.6926 8.73002 16.2319 8.48077 15.6815 8.55951L16.2659 9.14063C16.5106 9.38403 16.5117 9.77975 16.2683 10.0245C16.025 10.2693 15.6292 10.2704 15.3845 10.027L14.1471 8.79644C14.1423 8.7917 14.1376 8.78689 14.133 8.782C14.0429 8.68641 13.7456 8.55949 13.3474 8.58823C13.2195 8.59747 13.1124 8.62004 13.0242 8.65026L14.3817 10.0542C14.6216 10.3024 14.6149 10.6981 14.3668 10.938C14.1186 11.1779 13.7229 11.1713 13.483 10.9231L11.6861 9.06455C11.4948 8.87064 11.2357 8.77488 10.9918 8.79404C10.8564 8.80468 10.7078 8.85211 10.5641 8.96174L12.5193 11.3775C12.7365 11.6458 12.695 12.0394 12.4267 12.2565C12.1584 12.4737 11.7648 12.4322 11.5477 12.1639L9.26591 9.34461L9.26445 9.34279L7.48373 7.12574C7.47642 7.11664 7.46936 7.10733 7.46257 7.09783C7.38144 6.98434 7.22126 6.8584 7.03725 6.81012ZM11.156 18.9613C12.1476 19.2131 13.1677 19.4721 13.9985 19.6902C13.9616 19.9621 13.9927 20.2968 14.1943 20.567L15.1543 21.8533C15.4795 22.289 15.8967 22.5237 16.368 22.4786C16.747 22.4423 17.0375 22.2248 17.1542 22.1374L17.1653 22.1291C18.0981 21.4329 19.0298 20.7353 19.9615 20.0377L19.9638 20.0359C20.8948 19.3389 21.8257 18.6419 22.7577 17.9463C23.0316 17.7419 23.2256 17.4441 23.2533 17.0807C23.2799 16.7324 23.1468 16.4164 22.9591 16.1649L21.9991 14.8786C21.7829 14.5889 21.4706 14.3692 21.133 14.2882C21.065 13.9107 20.9172 13.472 20.6853 13.0592C20.5634 12.8423 20.4135 12.5727 20.2465 12.2726L20.246 12.2717C19.9452 11.731 19.5894 11.0913 19.2435 10.4821C18.7126 9.54681 18.1695 8.61909 17.8615 8.20633C17.2927 7.44422 15.9261 6.93571 14.6184 7.60472C14.2011 7.38147 13.6924 7.31008 13.2574 7.34148C12.8614 7.37007 12.3952 7.49539 12.0292 7.78282C11.6844 7.60323 11.2922 7.51659 10.8939 7.54788C10.4962 7.57913 10.1124 7.7263 9.77985 7.98835L8.46804 6.35511C8.22863 6.02801 7.83363 5.72676 7.35447 5.60104C6.84044 5.46618 6.24812 5.54034 5.70642 5.95885C5.12836 6.40546 4.97358 7.00672 5.0089 7.51546C5.04151 7.98521 5.23324 8.40116 5.4063 8.63646L9.38501 14.2755C9.21037 14.2648 9.03901 14.2536 8.87896 14.2432L8.8788 14.2432L8.87855 14.2431C8.59391 14.2245 8.34511 14.2083 8.17747 14.2017C7.41871 14.1718 6.37369 14.6316 6.15423 15.7758C6.05834 16.2757 6.11804 16.7461 6.35389 17.1447C6.58617 17.5373 6.94968 17.7932 7.34083 17.9467C7.51114 18.0135 7.94268 18.1324 8.46435 18.2703C9.00865 18.4143 9.7073 18.593 10.4546 18.7831L11.1558 18.9612L11.156 18.9613ZM15.2354 19.872C15.2382 19.8391 15.2475 19.8049 15.263 19.7741L20.8537 15.5655C20.9132 15.5586 20.9671 15.5857 20.9974 15.6262L21.9141 16.8555C21.961 16.9375 21.9559 16.9933 21.8789 17.0508C20.4678 18.1049 19.1219 19.1093 17.7418 20.1391L16.4177 21.1273C16.2854 21.226 16.2588 21.2432 16.1561 21.1056L15.2354 19.872Z"
157
-
fill="currentColor"
158
-
/>
159
-
</svg>
160
-
);
161
-
};
162
-
export const BlockLinkSmall = (props: Props) => {
163
-
return (
164
-
<svg
165
-
width="24"
166
-
height="24"
167
-
viewBox="0 0 24 24"
168
-
fill="none"
169
-
xmlns="http://www.w3.org/2000/svg"
170
-
{...props}
171
-
>
172
-
<path
173
-
fillRule="evenodd"
174
-
clipRule="evenodd"
175
-
d="M15.4085 3.24771C16.8348 1.63765 19.2962 1.48867 20.9063 2.91496C22.5163 4.34126 22.6653 6.8027 21.239 8.41276L19.586 10.2788C18.9997 10.9406 18.2385 11.3556 17.4334 11.5157C17.451 11.4903 17.4693 11.4643 17.4884 11.4372C17.6268 11.2407 17.8039 10.9893 18.0195 10.5219C18.1665 10.2031 18.3335 9.6167 18.3711 9.20261L20.0242 7.33657C20.8561 6.39746 20.7692 4.96174 19.8301 4.12982C18.891 3.29789 17.4552 3.38479 16.6233 4.3239L14.9703 6.18994C14.3401 6.90134 14.2371 7.89773 14.6325 8.70073C14.6568 8.75005 14.6827 8.79987 14.7088 8.85011C14.9201 9.256 15.1459 9.69005 14.6398 10.1167C14.1769 10.5069 13.6797 10.2981 13.3085 9.66401C12.4804 8.24978 12.6097 6.40708 13.7554 5.11374L15.4085 3.24771ZM5.42863 8.02634C5.36392 7.61721 5.64313 7.23309 6.05226 7.16838L7.6698 6.91255C8.16603 6.83406 8.28186 6.5253 8.24269 6.18059C8.18957 5.71311 7.80175 5.62612 7.37605 5.69347L5.85698 5.93373C4.76597 6.10628 4.02142 7.13061 4.19398 8.22162L4.26315 8.65896C2.97833 9.25415 2.18882 10.6478 2.42099 12.1157L3.34362 17.9491C3.62403 19.722 5.28855 20.9319 7.06144 20.6515L19.1214 18.7441C20.5704 18.5149 21.6434 17.361 21.8339 15.9791L22.2443 15.9142C23.3353 15.7416 24.0798 14.7173 23.9073 13.6263L23.2848 9.69094C23.2158 9.2542 22.989 8.96931 22.5827 9.03181C22.1722 9.09497 21.9712 9.38671 22.049 9.8786L22.6726 13.8216C22.7373 14.2307 22.4581 14.6148 22.049 14.6795L7.60164 16.9646C7.19252 17.0293 6.8084 16.7501 6.74369 16.3409L5.42863 8.02634ZM20.2175 16.2348L7.79692 18.1992C6.70591 18.3718 5.68159 17.6272 5.50903 16.5362L4.51618 10.2587C4.05555 10.6401 3.80238 11.2479 3.90258 11.8814L4.8252 17.7148C4.97619 18.6694 5.87247 19.3209 6.82711 19.1699L18.8871 17.2625C19.4988 17.1657 19.9861 16.7629 20.2175 16.2348ZM15.0438 13.1276L16.6968 11.2616C17.8785 9.92768 17.9789 8.00936 17.063 6.57949C16.8089 6.18288 16.3689 5.8915 15.8437 6.27834C15.3087 6.67234 15.5667 7.24368 15.7961 7.6258C16.2029 8.30334 16.156 9.4245 15.4819 10.1854L13.8289 12.0514C12.997 12.9906 11.5613 13.0775 10.6221 12.2455C9.68303 11.4136 9.59614 9.97789 10.4281 9.03878L12.0811 7.17274C12.0877 7.12914 12.0933 7.08406 12.0992 7.03631C12.128 6.80481 12.1645 6.5106 12.3605 6.01732C12.6026 5.40783 12.8183 5.12846 12.9709 4.93074C12.9905 4.90536 13.009 4.88133 13.0265 4.85812C12.2186 5.01714 11.4544 5.43262 10.8663 6.09655L9.21321 7.96258C7.78692 9.57264 7.9359 12.0341 9.54596 13.4604C11.156 14.8867 13.6175 14.7377 15.0438 13.1276Z"
176
-
fill="currentColor"
177
-
/>
178
-
</svg>
179
-
);
180
-
};
181
-
182
-
export const BlockDocPageSmall = (props: Props) => {
183
-
return (
184
-
<svg
185
-
width="24"
186
-
height="24"
187
-
viewBox="0 0 24 24"
188
-
fill="none"
189
-
xmlns="http://www.w3.org/2000/svg"
190
-
{...props}
191
-
>
192
-
<path
193
-
fillRule="evenodd"
194
-
clipRule="evenodd"
195
-
d="M19.3432 4.72556L4.8959 7.01059C4.48678 7.0753 4.20757 7.45942 4.27228 7.86855L5.58733 16.1831C5.65204 16.5923 6.03616 16.8715 6.44529 16.8068L20.8926 14.5217C21.3018 14.457 21.581 14.0729 21.5163 13.6638L20.2012 5.34919C20.1365 4.94006 19.7524 4.66086 19.3432 4.72556ZM4.70063 5.77594C3.60962 5.94849 2.86507 6.97282 3.03762 8.06382L3.10679 8.50114C1.82204 9.09635 1.03258 10.4899 1.26474 11.9578L2.18737 17.7912C2.46778 19.5641 4.1323 20.774 5.90519 20.4936L17.9651 18.5862C19.4142 18.357 20.4871 17.2032 20.6776 15.8213L21.0879 15.7564C22.1789 15.5838 22.9235 14.5595 22.7509 13.4685L21.4359 5.15392C21.2633 4.06291 20.239 3.31836 19.148 3.49091L4.70063 5.77594ZM2.74633 11.7235C2.64614 11.0901 2.89926 10.4823 3.35982 10.101L4.35268 16.3784C4.52524 17.4694 5.54955 18.214 6.64056 18.0414L19.0612 16.0769C18.8298 16.605 18.3426 17.0079 17.7308 17.1046L5.67086 19.012C4.71622 19.163 3.81994 18.5115 3.66895 17.5569L2.74633 11.7235ZM7.16645 8.26063C6.75739 8.32578 6.4786 8.71021 6.54375 9.11926C6.6089 9.52832 6.99333 9.80711 7.40238 9.74196L14.0599 8.6816C14.469 8.61645 14.7478 8.23202 14.6826 7.82297C14.6175 7.41391 14.2331 7.13512 13.824 7.20027L7.16645 8.26063ZM7.20493 11.6341C7.1615 11.3614 7.34736 11.1051 7.62006 11.0617L17.9357 9.41867C18.2084 9.37524 18.4647 9.5611 18.5082 9.8338C18.5516 10.1065 18.3657 10.3628 18.093 10.4062L7.77735 12.0492C7.50465 12.0927 7.24836 11.9068 7.20493 11.6341ZM7.97455 13.6159C7.70185 13.6593 7.51599 13.9156 7.55942 14.1883C7.60286 14.461 7.85914 14.6469 8.13184 14.6034L18.4475 12.9604C18.7202 12.917 18.9061 12.6607 18.8626 12.388C18.8192 12.1153 18.5629 11.9294 18.2902 11.9729L7.97455 13.6159Z"
196
-
fill="currentColor"
197
-
/>
198
-
</svg>
199
-
);
200
-
};
201
-
202
-
export const BlockCalendarSmall = (props: Props) => {
203
-
return (
204
-
<svg
205
-
width="24"
206
-
height="24"
207
-
viewBox="0 0 24 24"
208
-
fill="none"
209
-
xmlns="http://www.w3.org/2000/svg"
210
-
{...props}
211
-
>
212
-
<path
213
-
d="M6.18047 19.3H3.5C3.22386 19.3 3 19.0762 3 18.8V5.80005C3 5.52391 3.22386 5.30005 3.5 5.30005H7.5M6.18047 19.3C6.62026 20.2647 7.06178 20.8513 7.26475 21.0943C7.3377 21.1817 7.44011 21.2319 7.55351 21.2414C8.31746 21.3056 11.5817 21.4897 16.9 20.5617C19.1949 20.1613 20.7153 19.0931 21.4612 18.441C21.7315 18.2046 21.6222 17.7792 21.3027 17.6153C20.3079 17.105 18.6 15.8525 18.6 13.2678V7.79888C18.6 7.52274 18.3761 7.30005 18.1 7.30005H17.5M6.18047 19.3C5.58866 18.0019 5 16.0192 5 13.2678V7.79869C5 7.52255 5.22386 7.30005 5.5 7.30005H7M11.75 5.30005H13.5M11.8 7.30005H13"
214
-
stroke="currentColor"
215
-
strokeWidth="1.5"
216
-
strokeLinecap="round"
217
-
/>
218
-
<path
219
-
d="M8 11.8H12.1313C15.5 11.8 16.5 11.5 16.5 11.5M7.95869 9C9.01704 9 9.875 7.65685 9.875 6C9.875 4.34315 9.01704 3 7.95869 3C7.55649 3 7.18323 3.19398 6.875 3.52543M14.0837 9C15.142 9 16 7.65685 16 6C16 4.34315 15.142 3 14.0837 3C13.6815 3 13.3082 3.19398 13 3.52543"
220
-
stroke="currentColor"
221
-
strokeWidth="1.25"
222
-
strokeLinecap="round"
223
-
/>
224
-
</svg>
225
-
);
226
-
};
227
-
228
-
export const BlockCanvasPageSmall = (props: Props) => {
229
-
return (
230
-
<svg
231
-
width="24"
232
-
height="24"
233
-
viewBox="0 0 24 24"
234
-
fill="none"
235
-
xmlns="http://www.w3.org/2000/svg"
236
-
{...props}
237
-
>
238
-
<path
239
-
fillRule="evenodd"
240
-
clipRule="evenodd"
241
-
d="M7.94752 4.8203C7.87263 4.55451 8.02738 4.27833 8.29318 4.20344L13.9579 2.60731C14.2237 2.53242 14.4999 2.68717 14.5748 2.95296L15.925 7.745C15.9999 8.01079 15.8451 8.28697 15.5794 8.36186L12.5721 9.20921C12.6984 9.55016 12.7675 9.91846 12.7675 10.3041C12.7675 12.1239 11.2305 13.5567 9.38824 13.5567C7.54598 13.5567 6.00903 12.1239 6.00903 10.3041C6.00903 8.75121 7.12826 7.48015 8.60134 7.14076L7.94752 4.8203ZM7.10903 10.3041C7.10903 9.13881 8.10545 8.15162 9.38824 8.15162C10.671 8.15162 11.6675 9.13881 11.6675 10.3041C11.6675 11.4695 10.671 12.4567 9.38824 12.4567C8.10545 12.4567 7.10903 11.4695 7.10903 10.3041ZM17.7845 7.09478C17.958 7.11191 18.11 7.21814 18.1858 7.37515L20.5088 12.1917C20.5856 12.3509 20.5726 12.5389 20.4747 12.686C20.3767 12.8331 20.2084 12.9176 20.0319 12.9082L14.3056 12.6034C14.121 12.5935 13.9569 12.4827 13.8789 12.3151C13.8008 12.1475 13.8217 11.9505 13.933 11.803L17.3362 7.29126C17.4412 7.15209 17.6111 7.07765 17.7845 7.09478ZM17.6411 8.54771L15.2974 11.6548L19.2409 11.8647L17.6411 8.54771ZM16.0462 4.44435C15.9972 4.10267 16.2345 3.78596 16.5762 3.73695L19.1579 3.3667C20.2536 3.20955 21.2725 3.96144 21.4455 5.05484L22.7584 13.3561C22.9331 14.4608 22.1793 15.4979 21.0746 15.6726L20.669 15.7368C20.4764 17.1163 19.4043 18.2674 17.9572 18.4963L5.89725 20.4037C4.12436 20.6841 2.45984 19.4742 2.17944 17.7013L1.25681 11.8679C1.026 10.4086 1.80495 9.02266 3.07649 8.42169L3.00465 7.9675C2.83207 6.87633 3.56591 5.84819 4.65394 5.65678L6.4948 5.33294C6.83476 5.27314 7.15883 5.50025 7.21863 5.84021C7.27844 6.18016 7.05133 6.50423 6.71137 6.56404L4.87051 6.88788C4.45411 6.96113 4.17325 7.35462 4.2393 7.77223L5.55287 16.0774C5.61974 16.5002 6.01666 16.7887 6.43943 16.7218L20.8794 14.438C21.3021 14.3711 21.5906 13.9742 21.5238 13.5514L20.2108 5.25012C20.1446 4.83166 19.7547 4.54389 19.3353 4.60404L16.7536 4.97429C16.4119 5.0233 16.0952 4.78603 16.0462 4.44435ZM6.6347 17.9565L19.0507 15.9927C18.8184 16.518 18.3324 16.9183 17.7229 17.0147L5.66292 18.9221C4.70829 19.0731 3.81201 18.4216 3.66102 17.467L2.73839 11.6336C2.63976 11.0099 2.88359 10.4112 3.33068 10.0289L4.31822 16.2727C4.49293 17.3773 5.53006 18.1312 6.6347 17.9565Z"
242
-
fill="currentColor"
243
-
/>
244
-
</svg>
245
-
);
246
-
};
247
-
248
-
export const BlockEmbedSmall = (props: Props) => {
249
-
return (
250
-
<svg
251
-
width="24"
252
-
height="24"
253
-
viewBox="0 0 24 24"
254
-
fill="none"
255
-
xmlns="http://www.w3.org/2000/svg"
256
-
{...props}
257
-
>
258
-
<path
259
-
fillRule="evenodd"
260
-
clipRule="evenodd"
261
-
d="M2.46482 4.883C1.91067 4.98108 1.5331 5.51071 1.62106 6.06657L3.89264 20.2924C3.9928 20.9196 4.58099 21.3382 5.20639 21.2276L7.0985 20.8926C7.50637 20.8205 7.78407 20.4303 7.71874 20.0213C7.65342 19.6123 7.26982 19.3392 6.86195 19.4114L5.31448 19.6853L3.63798 9.18756C3.57266 8.77853 3.85035 8.38842 4.25822 8.31623L18.1651 5.8547C18.5714 5.78279 18.954 6.05348 19.0213 6.46052L19.2574 7.88871C19.325 8.29733 19.7101 8.56824 20.1176 8.49379C20.5251 8.41935 20.8007 8.02774 20.7331 7.61911C20.4898 6.1478 20.2504 4.67608 20.0133 3.20373C19.9259 2.64596 19.4034 2.27283 18.8475 2.37123L2.46482 4.883ZM4.67512 6.70302C4.75339 7.15668 4.44908 7.58789 3.99542 7.66616C3.54176 7.74443 3.11055 7.44011 3.03228 6.98645C2.95401 6.53279 3.25833 6.10158 3.71199 6.02332C4.16564 5.94505 4.59686 6.24936 4.67512 6.70302ZM6.29083 7.2701C6.74449 7.19184 7.0488 6.76062 6.97053 6.30697C6.89227 5.85331 6.46105 5.54899 6.0074 5.62726C5.55374 5.70553 5.24942 6.13674 5.32769 6.5904C5.40596 7.04405 5.83717 7.34837 6.29083 7.2701ZM9.26558 5.91097C9.34384 6.36463 9.03953 6.79584 8.58587 6.87411C8.13221 6.95237 7.701 6.64806 7.62273 6.1944C7.54447 5.74074 7.84878 5.30953 8.30244 5.23126C8.7561 5.153 9.18731 5.45731 9.26558 5.91097ZM15.3128 9.91529C16.862 8.45042 19.3054 8.51878 20.7702 10.068C22.2351 11.6172 22.1667 14.0606 20.6175 15.5254L18.822 17.2232C18.1852 17.8254 17.3973 18.1684 16.5884 18.2561C16.608 18.2325 16.6284 18.2084 16.6496 18.1833C16.8035 18.0014 17.0003 17.7687 17.2541 17.3261C17.4271 17.0242 17.6434 16.4598 17.7167 16.0543L19.5122 14.3565C20.4159 13.5021 20.4557 12.0769 19.6013 11.1733C18.7469 10.2697 17.3217 10.2298 16.4181 11.0842L14.6226 12.782C13.9381 13.4292 13.7492 14.404 14.0693 15.2315C14.089 15.2823 14.1102 15.3338 14.1316 15.3857L14.1316 15.3857C14.3046 15.8049 14.4897 16.2532 13.9526 16.6302C13.4614 16.9749 12.9888 16.7253 12.6777 16.0667C11.9839 14.5979 12.2728 12.7898 13.5173 11.6131L15.3128 9.91529ZM15.8833 17.9405L14.0878 19.6383C12.5386 21.1032 10.0952 21.0348 8.63036 19.4856C7.16549 17.9364 7.23385 15.493 8.78305 14.0281L10.5785 12.3304C11.2174 11.7263 12.0083 11.383 12.8199 11.2967C12.8006 11.3181 12.7802 11.3402 12.7586 11.3635C12.5906 11.5454 12.3532 11.8023 12.0608 12.3829C11.8242 12.8528 11.7623 13.1401 11.7137 13.3662L11.7137 13.3663C11.7036 13.4129 11.6942 13.4569 11.6838 13.4993L9.88835 15.1971C8.98473 16.0515 8.94486 17.4767 9.79929 18.3803C10.6537 19.2839 12.0789 19.3238 12.9825 18.4694L14.778 16.7716C15.5102 16.0793 15.6546 14.9764 15.3123 14.2718C15.1192 13.8745 14.9144 13.2877 15.4771 12.9455C16.0296 12.6096 16.4385 12.9358 16.6547 13.3496C17.4339 14.8416 17.1668 16.7269 15.8833 17.9405Z"
262
-
fill="currentColor"
263
-
/>
264
-
</svg>
265
-
);
266
-
};
267
-
268
-
export const BlockImageSmall = (props: Props) => {
269
-
return (
270
-
<svg
271
-
width="24"
272
-
height="24"
273
-
viewBox="0 0 24 24"
274
-
fill="none"
275
-
xmlns="http://www.w3.org/2000/svg"
276
-
{...props}
277
-
>
278
-
<path
279
-
fillRule="evenodd"
280
-
clipRule="evenodd"
281
-
d="M19.2652 2.56494C20.8254 2.56494 22.0902 3.82974 22.0902 5.38994V18.6099C22.0902 20.1701 20.8254 21.4349 19.2652 21.4349H4.73516C3.17495 21.4349 1.91016 20.1701 1.91016 18.6099V5.38994C1.91016 3.82974 3.17495 2.56494 4.73516 2.56494H19.2652ZM20.8402 5.38994C20.8402 4.52009 20.135 3.81494 19.2652 3.81494L4.73516 3.81494C3.86531 3.81494 3.16016 4.52009 3.16016 5.38994L3.16016 18.6099C3.16016 19.4798 3.86531 20.1849 4.73516 20.1849H19.2652C20.135 20.1849 20.8402 19.4798 20.8402 18.6099V5.38994ZM18.585 4.68457C19.3444 4.68457 19.96 5.30018 19.96 6.05957V17.9406C19.96 18.7 19.3444 19.3156 18.585 19.3156H5.41549C4.65609 19.3156 4.04049 18.7 4.04049 17.9406L4.04049 6.05957C4.04049 5.30018 4.6561 4.68457 5.41549 4.68457L18.585 4.68457ZM18.71 6.05957C18.71 5.99053 18.654 5.93457 18.585 5.93457L5.41549 5.93457C5.34645 5.93457 5.29049 5.99054 5.29049 6.05957L5.29049 13.4913L7.14816 11.8333C7.4881 11.5298 7.99016 11.4946 8.36915 11.7475L11.4035 13.7726L15.948 9.05501C16.33 8.65847 16.9607 8.64532 17.3588 9.0256L18.71 10.316V6.05957ZM18.71 11.6988L16.6682 9.74878L13.8004 12.7258L13.9119 12.8594C14.0785 13.059 14.3703 13.0976 14.5831 12.9482L16.0566 11.9134C16.5024 11.6002 17.083 11.5535 17.5732 11.7912L18.71 12.3425V11.6988ZM18.71 13.4539L17.1369 12.691C16.9735 12.6117 16.7799 12.6273 16.6313 12.7317L15.1578 13.7665C14.5195 14.2148 13.644 14.099 13.1442 13.5002L13.1025 13.4503L12.2739 14.3105L14.7323 15.4676C14.9822 15.5852 15.0894 15.8831 14.9718 16.133C14.8542 16.3828 14.5563 16.49 14.3065 16.3724L11.5916 15.0946C11.5597 15.0796 11.5301 15.0616 11.503 15.0412L10.5445 14.4015L9.75598 15.1606C9.20763 15.6886 8.35079 15.7221 7.76287 15.2386L7.40631 14.9454C7.26576 14.8298 7.07351 14.7997 6.90436 14.8668L5.29049 15.507L5.29049 17.9406C5.29049 18.0096 5.34645 18.0656 5.41549 18.0656L18.585 18.0656C18.654 18.0656 18.71 18.0096 18.71 17.9406V13.4539ZM7.81405 12.5793L9.69292 13.8332L9.06241 14.4403C8.87963 14.6162 8.59401 14.6274 8.39804 14.4663L8.04147 14.173C7.61983 13.8263 7.04308 13.736 6.53564 13.9373L6.09815 14.1108L7.81405 12.5793ZM9.38337 8.58893C9.38337 8.2421 9.66453 7.96094 10.0114 7.96094C10.3582 7.96094 10.6393 8.2421 10.6393 8.58893C10.6393 8.93576 10.3582 9.21692 10.0114 9.21692C9.66453 9.21692 9.38337 8.93576 9.38337 8.58893ZM10.0114 6.96094C9.11225 6.96094 8.38337 7.68981 8.38337 8.58893C8.38337 9.48804 9.11225 10.2169 10.0114 10.2169C10.9105 10.2169 11.6393 9.48804 11.6393 8.58893C11.6393 7.68981 10.9105 6.96094 10.0114 6.96094Z"
282
-
fill="currentColor"
283
-
/>
284
-
</svg>
285
-
);
286
-
};
287
-
288
-
export const BlockMailboxSmall = (props: Props) => {
289
-
return (
290
-
<svg
291
-
width="24"
292
-
height="24"
293
-
viewBox="0 0 24 24"
294
-
fill="none"
295
-
xmlns="http://www.w3.org/2000/svg"
296
-
{...props}
297
-
>
298
-
<path
299
-
fillRule="evenodd"
300
-
clipRule="evenodd"
301
-
d="M18.1405 4.10733V14.9176C18.1405 15.2887 18.5305 15.5304 18.8628 15.3655L19.2479 15.1743C19.418 15.0899 19.5256 14.9163 19.5256 14.7264L19.5249 7.23625C19.5249 7.05424 19.6238 6.8866 19.7831 6.79857L22.2488 5.43608C22.4081 5.34806 22.507 5.18044 22.507 4.99845V2.50061C22.507 2.13292 22.1235 1.891 21.7916 2.04937L18.4251 3.65608C18.2512 3.73908 18.1405 3.91463 18.1405 4.10733ZM13.2665 5.20447L13.2658 5.20481L9.16584 7.18112C10.9757 7.42867 12.2115 8.34096 13.0005 9.50354C13.9051 10.8366 14.1943 12.4518 14.1943 13.6609V19.7119L20.874 16.5746V9.8999C20.874 9.43611 20.8228 8.90363 20.6975 8.35957C20.62 8.02319 20.8299 7.68772 21.1663 7.61026C21.5027 7.53281 21.8381 7.7427 21.9156 8.07908C22.0635 8.72117 22.124 9.34811 22.124 9.8999V16.654C22.124 17.0851 21.8776 17.4783 21.4897 17.6664L21.4828 17.6697L21.4828 17.6697L13.835 21.2617C13.7519 21.3007 13.6611 21.321 13.5693 21.321H11.8129C11.4677 21.321 11.1879 21.0412 11.1879 20.696C11.1879 20.3508 11.4677 20.071 11.8129 20.071H12.9443V18.4761L6.13761 21.6453C5.21494 22.0749 4.14744 21.5593 3.8857 20.6072L3.22811 20.87C2.16076 21.2966 1 20.5105 1 19.3611V13.6342C1 13.0109 1.35661 12.4424 1.91788 12.1712L9.49069 8.51114C9.09212 8.41656 8.64806 8.36444 8.15318 8.36444C7.22369 8.36444 6.45813 8.52476 5.82706 8.7905L5.40702 8.99297C4.84121 9.30264 4.40116 9.70358 4.05806 10.1421C3.84535 10.4139 3.45254 10.4619 3.18068 10.2492C2.90883 10.0365 2.86088 9.64367 3.07359 9.37181C3.52707 8.79224 4.10319 8.27899 4.82065 7.88892L4.82464 7.88675C4.97994 7.80248 5.14184 7.72398 5.31055 7.65182L12.7248 4.07797L12.7265 4.07714C13.6982 3.6124 14.7434 3.38306 16.0829 3.38306C16.2492 3.38306 16.4118 3.38805 16.5707 3.39786C16.9153 3.41914 17.1773 3.71568 17.156 4.0602C17.1347 4.40472 16.8382 4.66676 16.4937 4.64549C16.3611 4.6373 16.2242 4.63306 16.0829 4.63306C14.9016 4.63306 14.0456 4.83202 13.2665 5.20447ZM12.9443 13.9836V17.0972L5.61 20.5121C5.38343 20.6176 5.11901 20.4761 5.08106 20.229L4.27726 14.9961C4.25197 14.8314 4.33833 14.6698 4.48927 14.5993L12.3675 10.921C12.5404 11.297 12.6688 11.6895 12.7601 12.0787C12.747 12.094 12.7345 12.1101 12.7226 12.1269L10.2306 15.6673L5.96792 14.9839C5.62709 14.9293 5.30651 15.1613 5.25187 15.5021C5.19723 15.8429 5.42923 16.1635 5.77006 16.2182L10.4181 16.9633C10.6539 17.0011 10.8906 16.9012 11.0281 16.7059L12.9443 13.9836ZM10.9801 9.17961C11.2561 9.37907 11.4945 9.60675 11.7005 9.85293L3.96045 13.4667C3.30638 13.7721 2.93216 14.4723 3.04175 15.1858L3.68032 19.3431L2.76418 19.7093C2.51787 19.8077 2.25 19.6263 2.25 19.3611V13.6342C2.25 13.4904 2.3323 13.3592 2.46182 13.2966L10.9801 9.17961Z"
302
-
fill="currentColor"
303
-
/>
304
-
</svg>
305
-
);
306
-
};
307
-
308
-
export const BlockPollSmall = (props: Props) => {
309
-
return (
310
-
<svg
311
-
width="24"
312
-
height="25"
313
-
viewBox="0 0 24 25"
314
-
fill="none"
315
-
xmlns="http://www.w3.org/2000/svg"
316
-
{...props}
317
-
>
318
-
<path
319
-
fillRule="evenodd"
320
-
clipRule="evenodd"
321
-
d="M2.64691 1.77699C2.64691 1.36278 2.31113 1.02699 1.89691 1.02699C1.4827 1.02699 1.14691 1.36278 1.14691 1.77699V22.6666C1.14691 23.0809 1.4827 23.4166 1.89691 23.4166C2.31113 23.4166 2.64691 23.0809 2.64691 22.6666V21.5114H17.7079C18.3292 21.5114 18.8329 21.0077 18.8329 20.3864V17.2267C18.8329 16.6054 18.3292 16.1017 17.7079 16.1017H2.64691V15.3808H21.6031C22.2244 15.3808 22.7281 14.8771 22.7281 14.2558V10.1879C22.7281 9.56656 22.2244 9.06288 21.6031 9.06288H2.64691V8.34218H11.8622C12.4835 8.34218 12.9872 7.8385 12.9872 7.21718V4.05751C12.9872 3.43619 12.4835 2.93251 11.8622 2.93251H2.64691V1.77699ZM21.4781 14.1308H2.64691V10.3129H21.4781V14.1308ZM2.64691 7.09218L2.64691 4.18251H11.7372V7.09218H2.64691ZM2.64691 20.2614L2.64691 17.3517H17.5829V20.2614H2.64691ZM11.0916 11.3764C11.2868 11.1811 11.2868 10.8646 11.0916 10.6693C10.8963 10.474 10.5797 10.474 10.3845 10.6693L7.9866 13.0671C7.79133 13.2624 7.79133 13.579 7.98659 13.7742C8.18186 13.9695 8.49844 13.9695 8.6937 13.7742L11.0916 11.3764ZM13.554 10.6693C13.7492 10.8646 13.7492 11.1811 13.554 11.3764L11.1561 13.7742C10.9608 13.9695 10.6443 13.9695 10.449 13.7742C10.2537 13.579 10.2537 13.2624 10.449 13.0671L12.8469 10.6693C13.0421 10.474 13.3587 10.474 13.554 10.6693ZM16.0163 11.3764C16.2116 11.1811 16.2116 10.8646 16.0163 10.6693C15.8211 10.474 15.5045 10.474 15.3092 10.6693L12.9113 13.0671C12.7161 13.2624 12.7161 13.579 12.9113 13.7742C13.1066 13.9695 13.4232 13.9695 13.6184 13.7742L16.0163 11.3764ZM18.4787 10.6693C18.674 10.8646 18.674 11.1811 18.4787 11.3764L16.0808 13.7742C15.8856 13.9695 15.569 13.9695 15.3737 13.7742C15.1785 13.579 15.1785 13.2624 15.3737 13.0671L17.7716 10.6693C17.9669 10.474 18.2835 10.474 18.4787 10.6693ZM20.9411 11.3764C21.1363 11.1811 21.1363 10.8646 20.9411 10.6693C20.7458 10.474 20.4292 10.474 20.234 10.6693L17.8361 13.0671C17.6408 13.2624 17.6408 13.579 17.8361 13.7742C18.0313 13.9695 18.3479 13.9695 18.5432 13.7742L20.9411 11.3764ZM21.0571 13.0156C21.2523 13.2109 21.2523 13.5275 21.0571 13.7228L21.0055 13.7743C20.8103 13.9695 20.4937 13.9695 20.2984 13.7743C20.1032 13.579 20.1032 13.2624 20.2984 13.0672L20.3499 13.0156C20.5452 12.8204 20.8618 12.8204 21.0571 13.0156ZM3.7045 11.3764C3.89978 11.1812 3.8998 10.8646 3.70455 10.6693C3.5093 10.474 3.19271 10.474 2.99744 10.6693L2.89055 10.7761C2.69527 10.9714 2.69525 11.288 2.8905 11.4833C3.08575 11.6785 3.40234 11.6785 3.59761 11.4833L3.7045 11.3764ZM6.16689 10.6693C6.36215 10.8646 6.36215 11.1811 6.16689 11.3764L3.76902 13.7742C3.57375 13.9695 3.25717 13.9695 3.06191 13.7742C2.86665 13.579 2.86665 13.2624 3.06191 13.0671L5.45978 10.6693C5.65505 10.474 5.97163 10.474 6.16689 10.6693ZM8.62923 11.3764C8.82449 11.1811 8.82449 10.8646 8.62923 10.6693C8.43397 10.474 8.11739 10.474 7.92212 10.6693L5.52426 13.0671C5.32899 13.2624 5.32899 13.579 5.52425 13.7742C5.71951 13.9695 6.0361 13.9695 6.23136 13.7742L8.62923 11.3764Z"
322
-
fill="currentColor"
323
-
/>
324
-
</svg>
325
-
);
326
-
};
327
-
328
-
export const BlueskySmall = (props: Props) => {
329
-
return (
330
-
<svg
331
-
width="24"
332
-
height="24"
333
-
viewBox="0 0 24 24"
334
-
fill="none"
335
-
xmlns="http://www.w3.org/2000/svg"
336
-
>
337
-
<path
338
-
d="M6.33526 4.21162C8.62822 5.97119 11.0945 9.53887 12.0001 11.4535C12.9056 9.53901 15.3718 5.97116 17.6649 4.21162C19.3193 2.94199 22 1.95962 22 5.08557C22 5.70987 21.6498 10.33 21.4445 11.08C20.7306 13.6878 18.1292 14.3529 15.8152 13.9503C19.86 14.654 20.8889 16.9848 18.6668 19.3156C14.4465 23.7423 12.601 18.205 12.1279 16.7861C11.9998 16.4018 12.0002 16.4018 11.8721 16.7861C11.3993 18.205 9.55378 23.7424 5.33322 19.3156C3.11103 16.9848 4.13995 14.6538 8.18483 13.9503C5.87077 14.3529 3.26934 13.6878 2.55555 11.08C2.35016 10.3299 2 5.7098 2 5.08557C2 1.95962 4.68086 2.94199 6.33526 4.21162Z"
339
-
fill="currentColor"
340
-
/>
341
-
</svg>
342
-
);
343
-
};
344
-
345
-
export const CanvasWidenSmall = (props: Props) => {
346
-
return (
347
-
<svg
348
-
width="24"
349
-
height="24"
350
-
viewBox="0 0 24 24"
351
-
fill="none"
352
-
xmlns="http://www.w3.org/2000/svg"
353
-
{...props}
354
-
>
355
-
<path
356
-
fillRule="evenodd"
357
-
clipRule="evenodd"
358
-
d="M15.1743 4.01966C15.3499 4.16584 15.4829 4.36274 15.5492 4.59105C15.9689 6.0365 16.2813 7.25587 16.4324 8.71691C16.4888 9.26287 16.9235 9.70158 17.4717 9.72857C18.1226 9.76061 18.6527 9.20666 18.5472 8.56355C18.3311 7.24607 17.9903 6.05262 17.5745 4.64685C17.3995 4.05518 17.0191 3.54379 16.5026 3.20562L15.998 2.87523C15.5802 2.55315 15.0648 2.358 14.5147 2.33585L9.66029 2.0852C8.21539 2.02701 6.9813 3.13716 6.57544 4.38018C6.53473 4.50486 6.49186 4.63453 6.44736 4.76909L6.44727 4.76938L6.44727 4.76938L6.44727 4.76939C6.14496 5.68369 5.76803 6.82367 5.48829 8.15841C5.40839 8.53966 5.65287 8.91505 6.03436 8.99688C6.41585 9.07871 6.78988 8.83598 6.86978 8.45474C7.13208 7.20322 7.48311 6.14063 7.7857 5.22469L7.7857 5.22468C7.83082 5.08812 7.87485 4.95481 7.91736 4.82463C8.17214 4.04432 8.92595 3.46855 9.61051 3.49611L14.4649 3.74676C14.6455 3.75403 14.8171 3.80204 14.9697 3.8826C14.9855 3.89499 15.002 3.90681 15.0191 3.91802L15.1743 4.01966ZM16.1068 15.0104C16.2458 14.3937 16.7946 13.9424 17.426 13.9735C18.1288 14.0081 18.6655 14.6222 18.5525 15.3167C18.2704 17.0506 17.7884 18.4316 17.362 19.6533C17.3111 19.7992 17.261 19.9429 17.212 20.0846C16.8278 21.1979 15.7541 21.9829 14.535 21.9126L8.75878 21.5526C7.83348 21.4992 6.97249 20.9461 6.61206 20.0355C6.47743 19.6953 6.3217 19.2777 6.15685 18.789L6.15496 18.7833C6.04753 18.5559 5.96719 18.3169 5.91747 18.073C5.87457 17.8627 5.82702 17.6403 5.77708 17.4067L5.77707 17.4067L5.77707 17.4066L5.77706 17.4066C5.57296 16.4521 5.32877 15.31 5.19742 14.0316C5.15755 13.6435 5.43953 13.2981 5.82725 13.2601C6.21497 13.2222 6.56161 13.506 6.60148 13.8941C6.7242 15.0884 6.9482 16.1375 7.151 17.0873L7.151 17.0873C7.20287 17.3303 7.25336 17.5667 7.3004 17.7974C7.44785 18.5204 8.04125 19.0656 8.66574 19.1016L13.7521 19.4218C14.3012 19.4535 14.8276 19.0953 15.0204 18.5368C15.069 18.3959 15.1186 18.2535 15.1683 18.111C15.4997 17.1601 15.8466 16.1648 16.1068 15.0104ZM16.8253 11.0502C16.4805 11.0336 16.1876 11.2996 16.171 11.6444C16.1544 11.9892 16.4204 12.2821 16.7652 12.2987L21.4252 12.5231L19.3281 14.4972C19.0767 14.7338 19.0648 15.1294 19.3014 15.3807C19.5379 15.632 19.9335 15.644 20.1848 15.4074L23.369 12.4101C23.6204 12.1735 23.6323 11.7779 23.3958 11.5266L20.3984 8.34231C20.1618 8.09097 19.7663 8.07901 19.5149 8.3156C19.2636 8.55219 19.2516 8.94774 19.4882 9.19908L21.4398 11.2724L16.8253 11.0502ZM6.44929 11.1706C6.43612 11.5155 6.14582 11.7844 5.8009 11.7713L2.45713 11.6436L4.15706 13.6811C4.3768 13.9445 4.33905 14.3387 4.07273 14.5617C3.80641 14.7846 3.41238 14.7519 3.19263 14.4885L0.57729 11.3538C0.378121 11.1151 0.388107 10.7637 0.600661 10.5315L3.39174 7.48236C3.62625 7.22616 4.02179 7.20587 4.2752 7.43705C4.52861 7.66823 4.54393 8.06333 4.30942 8.31953L2.41326 10.391L5.84859 10.5222C6.19352 10.5354 6.46246 10.8257 6.44929 11.1706ZM10.2577 10.2188C9.57038 10.3628 9.4682 10.8083 9.43281 11.2726C9.39743 11.7368 9.50304 12.1792 9.94506 12.4174C10.2332 12.5726 10.4738 12.4974 10.7261 12.4185C10.899 12.3644 11.0775 12.3086 11.2806 12.3241C11.4757 12.3389 11.6374 12.4219 11.798 12.5044C12.0486 12.633 12.2963 12.7601 12.6635 12.6246C13.1345 12.4506 13.3496 12.0381 13.385 11.5738C13.4204 11.1096 13.3786 10.7118 12.8319 10.415C12.6107 10.2948 12.3314 10.3429 12.0364 10.3938C11.835 10.4285 11.6262 10.4645 11.4236 10.4491C11.2047 10.4324 11.0334 10.3694 10.8752 10.3113C10.6723 10.2367 10.4908 10.1699 10.2577 10.2188Z"
359
-
fill="currentColor"
360
-
/>
361
-
</svg>
362
-
);
363
-
};
364
-
365
-
export const CanvasShrinkSmall = (props: Props) => {
366
-
return (
367
-
<svg
368
-
width="24"
369
-
height="24"
370
-
viewBox="0 0 24 24"
371
-
fill="none"
372
-
xmlns="http://www.w3.org/2000/svg"
373
-
{...props}
374
-
>
375
-
<path
376
-
fillRule="evenodd"
377
-
clipRule="evenodd"
378
-
d="M5.32382 1.81409C3.62426 1.7384 2.32074 3.2618 2.55669 4.90847C2.69254 5.8566 2.83388 6.99183 2.926 8.13215C2.95787 8.52671 3.30356 8.82072 3.69812 8.78885C4.09267 8.75697 4.38668 8.41128 4.35481 8.01673C4.25959 6.83801 4.11419 5.6719 3.97566 4.70515C3.86176 3.91023 4.49553 3.21209 5.26005 3.24614L18.762 3.84745C19.554 3.88273 20.1367 4.68979 19.9058 5.49876C19.6543 6.37951 19.3778 7.43121 19.1502 8.50902L19.1357 8.57793C18.9978 9.23778 19.5058 9.84966 20.1793 9.87965C20.72 9.90373 21.2053 9.53162 21.329 9.00461C21.5347 8.12791 21.7652 7.28195 21.9774 6.55529C22.2152 5.74143 21.9429 5.01795 21.597 4.45769C21.3218 4.01194 20.9439 3.58429 20.633 3.23253C20.5658 3.15655 20.5018 3.08411 20.4426 3.01579L20.4172 3.03779C19.9904 2.6758 19.445 2.44299 18.8258 2.41541L5.32382 1.81409ZM18.8637 15.2521C18.793 14.6728 19.2662 14.1798 19.8493 14.2058C20.3469 14.228 20.7447 14.6248 20.7895 15.1208C20.9076 16.4301 21.1308 17.8003 21.3492 18.9413C21.6722 20.629 20.3566 22.2645 18.5915 22.1859L4.90726 21.5765C4.50916 21.5587 4.16181 21.3799 3.89467 21.1902C3.61998 20.9952 3.36896 20.745 3.15235 20.4924C2.85913 20.1504 2.5978 19.7673 2.39703 19.425C1.99104 18.8188 1.82469 18.0483 2.00554 17.2806C2.23841 16.292 2.49606 15.0946 2.69434 13.8988C2.75908 13.5083 3.12814 13.2442 3.51865 13.309C3.90916 13.3737 4.17325 13.7428 4.1085 14.1333C3.90328 15.371 3.63818 16.6016 3.40081 17.6093C3.33953 17.8694 3.36242 18.1259 3.44756 18.3541C3.49084 18.4441 3.54557 18.5476 3.60958 18.6587C3.82397 18.9561 4.16198 19.1585 4.55061 19.1758L18.0526 19.7771C18.8446 19.8124 19.4967 19.0603 19.3386 18.234C19.1708 17.3573 18.9938 16.3168 18.8637 15.2521ZM20.7508 12.653C21.0956 12.669 21.3881 12.4025 21.4041 12.0576C21.4201 11.7128 21.1535 11.4203 20.8087 11.4043L15.6449 11.1647L17.8114 9.19037C18.0665 8.95787 18.0849 8.56257 17.8524 8.30744C17.6199 8.05231 17.2246 8.03396 16.9694 8.26647L13.6875 11.2573C13.4324 11.4898 13.4141 11.8851 13.6466 12.1402L16.6374 15.4222C16.8699 15.6773 17.2652 15.6956 17.5203 15.4631C17.7754 15.2306 17.7938 14.8353 17.5613 14.5802L15.5867 12.4134L20.7508 12.653ZM2.5893 10.4984C2.2445 10.4824 1.95201 10.749 1.93602 11.0938C1.92003 11.4386 2.18659 11.7311 2.5314 11.7471L7.02217 11.9553L5.15232 14.0418C4.92195 14.2989 4.94359 14.694 5.20064 14.9244C5.4577 15.1547 5.85284 15.1331 6.08321 14.876L8.83163 11.8092C9.02973 11.5881 9.04503 11.2583 8.86825 11.0198L6.41546 7.71171C6.20988 7.43444 5.81844 7.37632 5.54116 7.5819C5.26389 7.78749 5.20577 8.17893 5.41135 8.4562L7.07994 10.7067L2.5893 10.4984ZM9.95914 12.7437C10.1403 13.4334 10.5974 13.5142 11.07 13.5264C11.5425 13.5386 11.9857 13.4089 12.2047 12.9485C12.3474 12.6483 12.2589 12.4082 12.1659 12.1564C12.1023 11.9838 12.0365 11.8056 12.0419 11.5989C12.047 11.4003 12.1229 11.232 12.1983 11.065C12.3159 10.8043 12.4322 10.5466 12.276 10.1811C12.0755 9.71236 11.6462 9.51533 11.1736 9.50316C10.701 9.49099 10.2998 9.55369 10.0266 10.1232C9.91607 10.3538 9.97916 10.6345 10.0458 10.931C10.0913 11.1335 10.1385 11.3434 10.1332 11.5497C10.1274 11.7725 10.0723 11.9494 10.0214 12.1128C9.95613 12.3224 9.89773 12.5099 9.95914 12.7437Z"
379
-
fill="currentColor"
380
-
/>
381
-
</svg>
382
-
);
383
-
};
384
-
385
-
export const CloseContrastSmall = (props: { fill: string; stroke: string }) => {
386
-
// this is a special close (x) icon that has high contrast for use on top of images and noisy backgrounds
387
-
return (
388
-
<svg
389
-
width="24"
390
-
height="24"
391
-
viewBox="0 0 24 24"
392
-
fill="none"
393
-
xmlns="http://www.w3.org/2000/svg"
394
-
>
395
-
<path
396
-
fillRule="evenodd"
397
-
clipRule="evenodd"
398
-
d="M19.5314 17.2686C20.1562 17.8935 20.1562 18.9065 19.5314 19.5314C18.9065 20.1562 17.8935 20.1562 17.2686 19.5314L12 14.2627L6.73137 19.5314C6.10653 20.1562 5.09347 20.1562 4.46863 19.5314C3.84379 18.9065 3.84379 17.8935 4.46863 17.2686L9.73726 12L4.46863 6.73137C3.84379 6.10653 3.84379 5.09347 4.46863 4.46863C5.09347 3.84379 6.10653 3.84379 6.73137 4.46863L12 9.73726L17.2686 4.46863C17.8935 3.84379 18.9065 3.84379 19.5314 4.46863C20.1562 5.09347 20.1562 6.10653 19.5314 6.73137L14.2627 12L19.5314 17.2686Z"
399
-
fill={props.fill}
400
-
/>
401
-
<path
402
-
fillRule="evenodd"
403
-
clipRule="evenodd"
404
-
d="M17.2686 4.46863C17.8935 3.84379 18.9065 3.84379 19.5314 4.46863C20.1562 5.09347 20.1562 6.10653 19.5314 6.73137L14.2627 12L19.5314 17.2686C20.1562 17.8935 20.1562 18.9065 19.5314 19.5314C18.9065 20.1562 17.8935 20.1562 17.2686 19.5314L12 14.2627L6.73137 19.5314C6.10653 20.1562 5.09347 20.1562 4.46863 19.5314C3.84379 18.9065 3.84379 17.8935 4.46863 17.2686L9.73726 12L4.46863 6.73137C3.84379 6.10653 3.84379 5.09347 4.46863 4.46863C5.09347 3.84379 6.10653 3.84379 6.73137 4.46863L12 9.73726L17.2686 4.46863ZM12 7.61594L16.208 3.40797C17.4186 2.19734 19.3814 2.19734 20.592 3.40797C21.8027 4.61859 21.8027 6.58141 20.592 7.79203L16.3841 12L20.592 16.208C21.8027 17.4186 21.8027 19.3814 20.592 20.592C19.3814 21.8027 17.4186 21.8027 16.208 20.592L12 16.3841L7.79203 20.592C6.58141 21.8027 4.61859 21.8027 3.40797 20.592C2.19734 19.3814 2.19734 17.4186 3.40797 16.208L7.61594 12L3.40797 7.79203C2.19734 6.5814 2.19734 4.6186 3.40797 3.40797C4.61859 2.19734 6.58141 2.19734 7.79203 3.40797L12 7.61594Z"
405
-
fill={props.stroke}
406
-
/>
407
-
</svg>
408
-
);
409
-
};
410
-
411
-
export const DeleteSmall = (props: Props) => {
412
-
return (
413
-
<svg
414
-
width="24"
415
-
height="24"
416
-
viewBox="0 0 24 24"
417
-
fill="none"
418
-
xmlns="http://www.w3.org/2000/svg"
419
-
{...props}
420
-
>
421
-
<path
422
-
fillRule="evenodd"
423
-
clipRule="evenodd"
424
-
d="M10.682 3.11103C9.4724 3.23448 8.89352 3.67017 8.73295 4.09426C8.57457 4.51256 8.71273 5.20871 9.51183 6.08877C9.86249 6.47497 10.3151 6.86398 10.8567 7.2317C11.521 7.68272 12.3093 8.09493 13.1874 8.42742C14.7679 9.02584 16.286 9.23267 17.4457 9.11431C18.6553 8.99087 19.2342 8.55517 19.3948 8.13109C19.5553 7.707 19.4102 6.99716 18.5856 6.10354C17.7951 5.24678 16.5208 4.39634 14.9403 3.79793C13.3598 3.19951 11.8417 2.99268 10.682 3.11103ZM10.5297 1.61879C11.9666 1.47215 13.7204 1.73212 15.4714 2.39511C17.2225 3.0581 18.7086 4.02485 19.6881 5.08636C20.6335 6.11101 21.2677 7.42054 20.7976 8.66223C20.4763 9.51081 19.7476 10.0415 18.8756 10.3377L18.8512 10.5864C18.8085 11.0201 18.7488 11.6195 18.6804 12.2826C18.5439 13.6052 18.3721 15.193 18.2332 16.2206C18.0958 17.2367 17.9216 18.1654 17.782 18.8394C17.7065 19.2037 17.6277 19.5677 17.5385 19.9289C17.3496 20.8304 16.5864 21.4845 15.7038 21.895C14.7878 22.321 13.5933 22.5626 12.2528 22.5626C9.70265 22.5626 7.61297 21.8776 6.98728 20.0005C6.8862 19.6168 6.80407 19.2278 6.72362 18.8394C6.58403 18.1654 6.40982 17.2367 6.27245 16.2206C6.13295 15.1888 5.96088 13.4661 5.82457 12.0139C5.75617 11.2852 5.69637 10.6201 5.65367 10.1372C5.63217 9.89407 5.61097 9.65088 5.58999 9.40767C5.57932 9.28304 5.58998 9.16406 5.60549 9.03837C5.71664 8.13769 6.61126 7.27662 8.06548 6.69616C7.34029 5.75314 6.92513 4.63277 7.33013 3.56312C7.80026 2.32143 9.14275 1.76033 10.5297 1.61879ZM17.1289 10.6396C17.1998 10.6367 17.2702 10.633 17.3398 10.6283C17.2993 11.0382 17.2469 11.56 17.1883 12.1287C17.0517 13.4526 16.882 15.0185 16.7467 16.0196C16.5497 17.4769 16.2709 18.7602 16.145 19.3048C16.121 19.4087 16.0961 19.5125 16.0714 19.6162C16.0259 19.8437 15.774 20.2081 15.0713 20.5349C14.3961 20.8489 13.4274 21.0626 12.2528 21.0626C9.79771 21.0626 8.71725 20.3951 8.41916 19.552C8.39914 19.4697 8.37966 19.3873 8.36059 19.3048C8.31867 19.1234 8.25973 18.86 8.19244 18.5352C8.05767 17.8845 7.89033 16.9916 7.75893 16.0196C7.62416 15.0228 7.45468 13.3299 7.31801 11.8738C7.28819 11.5561 7.26001 11.2505 7.23417 10.9669C7.3779 11.0411 7.52304 11.1123 7.66588 11.1824C7.78804 11.2424 7.90851 11.3016 8.02495 11.361C8.50725 11.6069 9.07475 11.811 9.70356 11.9612C10.4756 12.1457 11.3401 12.249 12.2528 12.249C14.3262 12.249 16.1049 11.5603 17.1289 10.6396ZM13.8382 5.4146C13.6815 5.78286 13.2605 5.9648 12.8828 5.82179C12.4954 5.67512 12.3002 5.24219 12.4469 4.85481C12.5697 4.53047 12.8562 4.18935 13.3052 4.0074C13.7683 3.8197 14.3267 3.83032 14.949 4.06593C15.5712 4.30154 15.9966 4.66339 16.2193 5.11078C16.4352 5.54447 16.4239 5.98976 16.3011 6.31411C16.1544 6.70148 15.7215 6.89661 15.3341 6.74994C14.9564 6.60693 14.7615 6.19178 14.8879 5.81206C14.8869 5.8057 14.8841 5.79446 14.8765 5.77925C14.8604 5.74695 14.7761 5.60439 14.4178 5.46874C14.0596 5.33309 13.9019 5.38404 13.8685 5.39759C13.8528 5.40397 13.8432 5.41054 13.8382 5.4146ZM9.032 12.9912C9.39109 12.9721 9.67224 13.2642 9.69072 13.6111C9.71588 14.0747 9.7415 14.5382 9.76856 15.0016C9.81412 15.782 9.87062 16.6895 9.91555 17.2239C9.98125 18.0053 10.0742 18.693 10.1161 18.9847C10.1701 19.3602 10.074 19.7752 9.6166 19.8464C9.17393 19.9154 8.93368 19.5441 8.87883 19.1625C8.83468 18.8554 8.73864 18.1456 8.66995 17.3287C8.62347 16.7759 8.56612 15.8528 8.52068 15.0745C8.4935 14.609 8.46777 14.1434 8.44249 13.6778C8.42412 13.333 8.67585 13.01 9.032 12.9912ZM16.0647 13.6483C16.083 13.3036 15.8183 13.0094 15.4736 12.9912C15.1289 12.9729 14.8347 13.238 14.8164 13.5827L14.8164 13.584C14.7907 14.0566 14.7647 14.5292 14.7371 15.0016C14.6915 15.782 14.635 16.6895 14.5901 17.2239C14.5463 17.7451 14.4905 18.2237 14.4456 18.5723C14.4215 18.7593 14.3965 18.9464 14.3676 19.1328C14.3145 19.4738 14.548 19.7933 14.889 19.8464C15.2301 19.8995 15.5496 19.666 15.6027 19.325L15.6029 19.324C15.6333 19.1271 15.6599 18.9296 15.6853 18.732C15.7318 18.3708 15.7899 17.8731 15.8357 17.3287C15.8822 16.7759 15.9395 15.8528 15.9849 15.0745C16.0127 14.5998 16.0389 14.1251 16.0646 13.6503L16.0647 13.6483ZM12.9954 14.4678C12.9954 14.1226 12.7156 13.8428 12.3704 13.8428C12.0253 13.8428 11.7454 14.1226 11.7454 14.4678L11.7454 19.3657C11.7454 19.7109 12.0253 19.9907 12.3704 19.9907C12.7156 19.9907 12.9954 19.7109 12.9954 19.3657L12.9954 14.4678ZM8.34005 10.25C8.61619 10.25 8.84005 10.0261 8.84005 9.75C8.84005 9.47386 8.61619 9.25 8.34005 9.25C8.06391 9.25 7.84005 9.47386 7.84005 9.75C7.84005 10.0261 8.06391 10.25 8.34005 10.25ZM8.34005 10.75C8.89233 10.75 9.34005 10.3023 9.34005 9.75C9.34005 9.19772 8.89233 8.75 8.34005 8.75C7.78777 8.75 7.34005 9.19772 7.34005 9.75C7.34005 10.3023 7.78777 10.75 8.34005 10.75ZM11.4369 10.75C11.713 10.75 11.9369 10.5261 11.9369 10.25C11.9369 9.97386 11.713 9.75 11.4369 9.75C11.1607 9.75 10.9369 9.97386 10.9369 10.25C10.9369 10.5261 11.1607 10.75 11.4369 10.75ZM11.4369 11.25C11.9891 11.25 12.4369 10.8023 12.4369 10.25C12.4369 9.69772 11.9891 9.25 11.4369 9.25C10.8846 9.25 10.4369 9.69772 10.4369 10.25C10.4369 10.8023 10.8846 11.25 11.4369 11.25Z"
425
-
fill="currentColor"
426
-
/>
427
-
</svg>
428
-
);
429
-
};
430
-
431
-
export const HelpSmall = (props: Props) => {
432
-
return (
433
-
<svg
434
-
width="24"
435
-
height="24"
436
-
viewBox="0 0 24 24"
437
-
fill="none"
438
-
xmlns="http://www.w3.org/2000/svg"
439
-
{...props}
440
-
>
441
-
<path
442
-
fillRule="evenodd"
443
-
clipRule="evenodd"
444
-
d="M12 20.5C16.6944 20.5 20.5 16.6944 20.5 12C20.5 7.30558 16.6944 3.5 12 3.5C7.30558 3.5 3.5 7.30558 3.5 12C3.5 16.6944 7.30558 20.5 12 20.5ZM12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22ZM10.7623 14.1436C10.6242 14.1436 10.5123 14.0317 10.5123 13.8936V11.737C10.5123 11.6028 10.6182 11.493 10.7521 11.4839C11.505 11.4329 12.1113 11.2873 12.5709 11.047C13.0783 10.7818 13.3321 10.3204 13.3321 9.66306V9.42086C13.3321 8.93648 13.1879 8.59049 12.8996 8.3829C12.6228 8.17531 12.2768 8.07151 11.8616 8.07151C11.3888 8.07151 11.0024 8.20991 10.7025 8.4867C10.4678 8.69435 10.2896 8.95501 10.168 9.26868C10.1131 9.41021 9.95475 9.4897 9.81469 9.43115L8.17697 8.74653C8.0589 8.69717 7.99639 8.56631 8.03977 8.44591C8.13721 8.17547 8.26363 7.91227 8.41902 7.65633C8.62662 7.32187 8.89187 7.02778 9.2148 6.77406C9.53772 6.5088 9.92407 6.29544 10.3739 6.13398C10.8236 5.97252 11.3484 5.89179 11.9481 5.89179C12.5593 5.89179 13.1129 5.97828 13.6088 6.15128C14.1163 6.32427 14.5488 6.56646 14.9063 6.87785C15.2638 7.18924 15.5406 7.56406 15.7367 8.00231C15.9327 8.44057 16.0308 8.91918 16.0308 9.43816C16.0308 9.92255 15.9443 10.3666 15.7713 10.7702C15.6098 11.1623 15.3849 11.5083 15.0966 11.8082C14.8198 12.0965 14.4911 12.3329 14.1105 12.5175C13.8037 12.6709 13.4809 12.7844 13.1421 12.8581C13.0227 12.8841 12.9342 12.9876 12.9342 13.1098V13.8936C12.9342 14.0317 12.8222 14.1436 12.6842 14.1436H10.7623ZM10.6403 17.4448C10.8724 17.6768 11.2558 17.7929 11.7906 17.7929C12.3354 17.7929 12.7188 17.6768 12.9408 17.4448C13.1729 17.2127 13.2889 16.8265 13.2889 16.5036V16.3041C13.2889 15.9913 13.1729 15.5428 12.9408 15.3107C12.7088 15.0787 12.3253 14.9626 11.7906 14.9626C11.2558 14.9626 10.8724 15.0787 10.6403 15.3107C10.4184 15.5327 10.3074 15.9812 10.3074 16.3041V16.5036C10.3074 16.8265 10.4184 17.2127 10.6403 17.4448Z"
445
-
fill="currentColor"
446
-
/>
447
-
</svg>
448
-
);
449
-
};
450
-
451
-
export const HideSmall = (props: Props) => {
452
-
return (
453
-
<svg
454
-
width="24"
455
-
height="24"
456
-
viewBox="0 0 24 24"
457
-
fill="none"
458
-
xmlns="http://www.w3.org/2000/svg"
459
-
{...props}
460
-
>
461
-
<path
462
-
fillRule="evenodd"
463
-
clipRule="evenodd"
464
-
d="M10.3845 0.739651C10.6966 0.887153 10.83 1.25971 10.6825 1.57179C10.5807 1.7871 10.3498 2.48036 10.3883 3.23186C10.4035 3.52764 10.5274 3.84342 10.7081 4.13757C10.8192 4.31851 10.9411 4.47386 11.046 4.59092C11.5167 4.516 11.9995 4.47708 12.4913 4.47708C14.5377 4.47708 16.4281 5.15156 17.9502 6.28963L20.2096 4.0302C20.6001 3.63967 21.2333 3.63967 21.6238 4.0302C22.0144 4.42072 22.0143 5.05389 21.6238 5.44441L4.38621 22.682C3.99569 23.0725 3.36252 23.0725 2.972 22.682C2.58148 22.2915 2.58148 21.6583 2.972 21.2678L5.18002 19.0598C4.04195 17.5377 3.36747 15.6473 3.36747 13.6009C3.36747 11.4983 4.07877 9.5617 5.27386 8.01876C4.84133 7.91636 4.3619 7.73023 3.95619 7.39663C3.15095 6.73451 2.66344 5.87648 2.50519 5.49135C2.374 5.17207 2.52648 4.8069 2.84575 4.67571C3.16503 4.54452 3.5302 4.69699 3.66139 5.01627C3.75796 5.25128 4.13513 5.92546 4.75009 6.43112C4.99572 6.63309 5.33394 6.76184 5.69287 6.83035C5.92317 6.87431 6.14018 6.8893 6.31036 6.88966C6.5291 6.6881 6.75773 6.4971 6.99542 6.31746C6.8382 6.22597 6.67534 6.12145 6.51363 6.00427C6.04057 5.66146 5.53149 5.17707 5.22716 4.54672C4.68729 3.42853 4.60044 2.26789 4.6284 1.78268C4.64825 1.43808 4.9437 1.17481 5.28831 1.19466C5.63291 1.21452 5.89618 1.50997 5.87633 1.85458C5.85821 2.16913 5.92191 3.1107 6.35283 4.00325C6.53389 4.37827 6.86595 4.71587 7.24713 4.9921C7.62529 5.26615 8.00652 5.44703 8.22178 5.52453L8.23411 5.52911C8.70521 5.28013 9.20074 5.07119 9.71616 4.9068C9.69143 4.86926 9.66699 4.8309 9.64296 4.79177C9.39953 4.39543 9.16963 3.8746 9.13996 3.29587C9.08881 2.29836 9.38123 1.39968 9.55235 1.03764C9.69985 0.72556 10.0724 0.592148 10.3845 0.739651ZM6.25386 17.9859L7.69488 16.5449C6.62559 15.346 6.09605 13.5782 6.41224 11.7357C6.92876 8.72588 9.50665 6.65646 12.1701 7.11354C13.4148 7.32715 14.4579 8.05474 15.1633 9.07646L16.8763 7.36347C15.636 6.48972 14.1242 5.97708 12.4913 5.97708C8.2808 5.97708 4.86747 9.3904 4.86747 13.6009C4.86747 15.2339 5.38012 16.7456 6.25386 17.9859ZM19.7258 9.31481C20.0994 9.13604 20.5473 9.29403 20.726 9.66768C21.2963 10.8596 21.6152 12.1941 21.6152 13.6009C21.6152 18.6399 17.5303 22.7248 12.4913 22.7248C11.094 22.7248 9.76808 22.4102 8.58235 21.8472C8.20817 21.6695 8.04886 21.2222 8.22653 20.848C8.40419 20.4738 8.85154 20.3145 9.22572 20.4922C10.2147 20.9617 11.3212 21.2248 12.4913 21.2248C16.7019 21.2248 20.1152 17.8115 20.1152 13.6009C20.1152 12.4228 19.8485 11.3091 19.3729 10.3151C19.1941 9.94141 19.3521 9.49358 19.7258 9.31481ZM8.16264 16.0771L9.60758 14.6322C9.52116 14.3786 9.34284 14.1635 9.09082 14.0445C8.57241 13.7995 7.93844 14.0533 7.67479 14.6113C7.41115 15.1692 7.61768 15.8201 8.13609 16.0651C8.14491 16.0692 8.15376 16.0733 8.16264 16.0771ZM15.5687 13.9949C15.7082 13.8552 15.931 13.9782 15.8732 14.167C15.2808 16.1038 13.8053 17.5348 12.0795 17.9518C11.8959 17.9962 11.7881 17.7814 11.9215 17.6477L15.5687 13.9949ZM10.9388 11.2785C10.3328 12.5611 9.17857 13.2877 8.36081 12.9013C7.54305 12.5149 7.37141 11.1619 7.97744 9.87928C8.58348 8.59666 9.7377 7.87012 10.5555 8.25651C11.3732 8.6429 11.5449 9.9959 10.9388 11.2785Z"
465
-
fill="currentColor"
466
-
/>
467
-
</svg>
468
-
);
469
-
};
470
-
471
-
export const AddToHomeSmall = (props: Props) => {
472
-
return (
473
-
<svg
474
-
width="24"
475
-
height="24"
476
-
viewBox="0 0 24 24"
477
-
fill="none"
478
-
xmlns="http://www.w3.org/2000/svg"
479
-
>
480
-
<path
481
-
fillRule="evenodd"
482
-
clipRule="evenodd"
483
-
d="M20.2108 1.06435C18.2026 1.27704 16.4279 2.08514 15.062 3.57676C14.2367 4.47793 13.5856 5.60101 13.1154 6.9388L11.9454 4.47784C11.7083 3.97905 11.1117 3.76693 10.6129 4.00406C10.1141 4.24119 9.90202 4.83777 10.1391 5.33655L12.5221 10.349C12.6387 10.5942 12.8499 10.7814 13.1074 10.8677C13.3648 10.954 13.6463 10.9319 13.8871 10.8065L18.6299 8.33675C19.1197 8.08167 19.31 7.47778 19.055 6.98793C18.7999 6.49809 18.196 6.30778 17.7061 6.56286L14.8565 8.04681C15.263 6.71029 15.842 5.68633 16.5369 4.92747C17.5357 3.83683 18.8399 3.22073 20.4214 3.05322C20.9706 2.99506 21.3687 2.50267 21.3105 1.95346C21.2524 1.40425 20.76 1.00618 20.2108 1.06435ZM7.3401 7.52353C7.55331 7.54947 7.74516 7.66557 7.86705 7.84241L9.08429 9.60844L9.34152 9.434C9.68433 9.20152 10.1507 9.29096 10.3832 9.63378C10.6157 9.9766 10.5262 10.443 10.1834 10.6755L9.93558 10.8435L13.3263 15.7629L19.8556 12.8502L18.4067 10.8971C18.16 10.5644 18.2296 10.0947 18.5622 9.84791C18.8949 9.60112 19.3647 9.67074 19.6114 10.0034L21.6174 12.7074C21.7529 12.8901 21.7982 13.1244 21.7405 13.3445C21.6828 13.5645 21.5283 13.7465 21.3206 13.8392L20.7814 14.0797L20.7814 14.0844L20.7814 18.4378C20.7814 18.7168 20.6265 18.9728 20.3793 19.1022L12.356 23.3031C12.1639 23.4037 11.9377 23.4162 11.7356 23.3375L8.4716 22.065C8.18363 21.9527 7.99402 21.6753 7.99402 21.3662L7.99402 19.5861L5.80331 20.8539C5.7914 20.8631 5.77916 20.8721 5.76662 20.8806C5.72248 20.9108 5.67573 20.9359 5.62724 20.9558L5.60922 20.9662L5.60764 20.9635C5.43659 21.0279 5.24562 21.0284 5.07141 20.9607L2.49577 19.9597C2.20742 19.8476 2.01747 19.57 2.01747 19.2606L2.01747 13.9072L1.99747 13.9249C1.68748 14.1996 1.21347 14.171 0.938734 13.861C0.664001 13.5511 0.692583 13.077 1.00257 12.8023L6.75207 7.70675C6.91281 7.5643 7.1269 7.49759 7.3401 7.52353ZM7.99402 18.1012L7.99402 18.1418L6.0931 19.2419L6.0931 17.0428C6.0931 16.6763 6.2215 16.3562 6.38727 16.1652C6.5406 15.9886 6.68564 15.9526 6.8279 15.9852C7.07537 16.0419 7.37055 16.2866 7.62505 16.764C7.87163 17.2266 7.99402 17.7544 7.99402 18.1012ZM13.3681 17.3868L19.2814 14.7488L19.2814 17.9839L12.6145 21.4746L12.6145 18.9253C12.6145 18.5801 12.3347 18.3003 11.9895 18.3003C11.6443 18.3003 11.3645 18.5801 11.3645 18.9253L11.3645 21.5828L9.49402 20.8536L9.49402 18.1012C9.49402 17.4825 9.29834 16.7143 8.94873 16.0584C8.60704 15.4174 8.02793 14.7213 7.16293 14.5231C6.37611 14.3428 5.695 14.6744 5.25444 15.182C4.82632 15.6753 4.5931 16.3561 4.5931 17.0428L4.5931 19.1655L3.51747 18.7474L3.51747 12.6176C3.51747 12.6046 3.51714 12.5916 3.51648 12.5787L7.11285 9.39132L8.272 11.0731L12.445 17.1274C12.6501 17.425 13.0381 17.534 13.3681 17.3868Z"
484
-
fill="currentColor"
485
-
/>
486
-
</svg>
487
-
);
488
-
};
489
-
export const HomeSmall = (props: Props) => {
490
-
return (
491
-
<svg
492
-
width="24"
493
-
height="24"
494
-
viewBox="0 0 24 24"
495
-
fill="none"
496
-
xmlns="http://www.w3.org/2000/svg"
497
-
{...props}
498
-
>
499
-
<path
500
-
fillRule="evenodd"
501
-
clipRule="evenodd"
502
-
d="M18.7066 1.65454C18.3926 1.51114 18.0218 1.64942 17.8784 1.9634C17.8089 2.11556 17.8056 2.28108 17.8563 2.42758C17.85 2.43434 17.8456 2.43822 17.844 2.43967C17.7408 2.50967 17.6154 2.61065 17.5169 2.74933C17.4138 2.89456 17.3166 3.11886 17.3652 3.38982C17.412 3.65115 17.573 3.83231 17.7183 3.94652C17.8637 4.06083 18.041 4.14714 18.2284 4.21706C18.3145 4.2492 18.3824 4.27985 18.4345 4.30764L18.4258 4.31721C18.4258 4.31721 18.4243 4.31876 18.4213 4.32147C18.4182 4.32435 18.4135 4.3284 18.4067 4.33377C18.3924 4.34523 18.3738 4.35873 18.3449 4.37865L18.3253 4.39198C18.2748 4.42626 18.1786 4.49152 18.0989 4.56396C17.9946 4.65876 17.8596 4.81464 17.804 5.04782C17.7485 5.28088 17.7936 5.50019 17.87 5.68345C18.0027 6.0021 18.3686 6.15282 18.6872 6.02011C18.9424 5.91384 19.0899 5.65804 19.0704 5.39672C19.1399 5.34841 19.2466 5.27096 19.3447 5.16465C19.5076 4.98797 19.6493 4.78073 19.7161 4.54056C19.7881 4.28148 19.7625 4.01854 19.641 3.78406C19.4757 3.46487 19.1687 3.2667 18.8882 3.13789C18.9696 3.02693 19.0348 2.90823 19.0802 2.79358C19.1293 2.66937 19.1798 2.48891 19.1581 2.2888C19.1331 2.0588 19.0038 1.79027 18.7066 1.65454ZM15.5641 4.19457C15.3529 3.92421 14.9852 3.83164 14.6711 3.96978L7.26728 7.22658C7.19603 7.25793 7.13008 7.30018 7.07182 7.35181L1.32232 12.4474C1.01233 12.7221 0.98375 13.1961 1.25848 13.5061C1.53322 13.8161 2.00723 13.8447 2.31722 13.57L2.33722 13.5522V18.9057C2.33722 19.215 2.52717 19.4927 2.81552 19.6047L5.39115 20.6058C5.56538 20.6735 5.75637 20.673 5.92742 20.6085L5.92897 20.6112L5.94654 20.601C5.99519 20.5811 6.04209 20.556 6.08636 20.5257C6.09904 20.517 6.1114 20.508 6.12344 20.4986L8.31377 19.2311V21.0113C8.31377 21.3204 8.50338 21.5978 8.79135 21.7101L12.0554 22.9825C12.2574 23.0613 12.4836 23.0488 12.6757 22.9482L20.6991 18.7473C20.9463 18.6179 21.1012 18.3619 21.1012 18.0828V13.7295L21.1012 13.7248L21.6403 13.4842C21.8511 13.3902 22.0068 13.2044 22.0626 12.9805C22.1183 12.7566 22.0679 12.5194 21.9258 12.3376C21.5519 11.859 21.2022 11.3379 20.7921 10.8902V7.34595C20.7921 6.93173 20.4563 6.59595 20.0421 6.59595H17.066C16.6518 6.59595 16.316 6.93173 16.316 7.34595V9.39619C16.316 9.8104 16.6518 10.1462 17.066 10.1462C17.4802 10.1462 17.816 9.8104 17.816 9.39619V8.09595H19.2921V11.0584C19.2921 11.3559 19.4862 11.6314 19.7162 11.9458L20.1532 12.5052L13.646 15.408L8.7016 8.23437L14.7412 5.57768L15.3052 6.29968C15.5602 6.62609 16.0316 6.68397 16.358 6.42897C16.6844 6.17396 16.7423 5.70263 16.4873 5.37622L15.5641 4.19457ZM8.31377 17.7868L6.41285 18.8869V16.6879C6.41285 16.3214 6.54125 16.0013 6.70702 15.8103C6.86035 15.6337 7.00539 15.5976 7.14764 15.6302C7.39512 15.6869 7.6903 15.9316 7.94479 16.4091C8.19138 16.8716 8.31377 17.3994 8.31377 17.7463V17.7868ZM19.6012 14.3939L13.6878 17.0318C13.3578 17.179 12.9698 17.07 12.7648 16.7725L7.4326 9.03638L3.83622 12.2237C3.83688 12.2366 3.83722 12.2496 3.83722 12.2627V18.3925L4.91285 18.8106V16.6879C4.91285 16.0011 5.14607 15.3204 5.57419 14.8271C6.01475 14.3195 6.69585 13.9878 7.48268 14.1681C8.34767 14.3663 8.92679 15.0625 9.26848 15.7035C9.61808 16.3593 9.81377 17.1276 9.81377 17.7463V20.4987L11.6843 21.2279V18.5704C11.6843 18.2252 11.9641 17.9454 12.3093 17.9454C12.6544 17.9454 12.9343 18.2252 12.9343 18.5704V21.1196L19.6012 17.629V14.3939Z"
503
-
fill="currentColor"
504
-
/>
505
-
</svg>
506
-
);
507
-
};
508
-
509
-
export const InfoSmall = (props: Props) => {
510
-
return (
511
-
<svg
512
-
width="24"
513
-
height="24"
514
-
viewBox="0 0 24 24"
515
-
fill="none"
516
-
xmlns="http://www.w3.org/2000/svg"
517
-
{...props}
518
-
>
519
-
<path
520
-
fillRule="evenodd"
521
-
clipRule="evenodd"
522
-
d="M20.5 12C20.5 16.6944 16.6944 20.5 12 20.5C7.30558 20.5 3.5 16.6944 3.5 12C3.5 7.30558 7.30558 3.5 12 3.5C16.6944 3.5 20.5 7.30558 20.5 12ZM22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12ZM11.6031 8.38389C11.8058 8.56522 12.1471 8.65589 12.6271 8.65589C13.1071 8.65589 13.4645 8.56522 13.6991 8.38389C13.9338 8.20255 14.0778 7.94122 14.1311 7.59989C14.1631 7.40789 14.1845 7.26922 14.1951 7.18389C14.2058 7.08789 14.2111 7.01322 14.2111 6.95989C14.2111 6.68255 14.1098 6.45322 13.9071 6.27189C13.7151 6.07989 13.3791 5.98389 12.8991 5.98389C12.4191 5.98389 12.0618 6.07455 11.8271 6.25589C11.5925 6.43722 11.4485 6.69855 11.3951 7.03989C11.3631 7.23189 11.3418 7.37589 11.3311 7.47189C11.3205 7.55722 11.3151 7.62655 11.3151 7.67989C11.3151 7.95722 11.4111 8.19189 11.6031 8.38389ZM10.4831 17.6799C10.8138 18.0212 11.3098 18.1919 11.9711 18.1919C12.5258 18.1919 13.0378 18.0372 13.5071 17.7279C13.9871 17.4186 14.4991 16.9599 15.0431 16.3519L16.0191 15.2319L14.7391 14.0959L12.4991 16.3839L12.2271 16.3039L13.4591 9.74389H8.59514L8.29114 11.5679H10.7871L10.1471 14.9919C10.0831 15.3226 10.0405 15.5732 10.0191 15.7439C9.9978 15.9146 9.98714 16.0906 9.98714 16.2719C9.98714 16.8586 10.1525 17.3279 10.4831 17.6799Z"
523
-
fill="currentColor"
524
-
/>
525
-
</svg>
526
-
);
527
-
};
528
-
529
-
export const LogoSmall = (
530
-
props: Props & { fillColor?: string; strokeColor: string },
531
-
) => {
532
-
let { strokeColor, fillColor, ...baseProps } = props;
533
-
return (
534
-
<svg
535
-
width="24"
536
-
height="24"
537
-
viewBox="0 0 24 24"
538
-
fill="none"
539
-
xmlns="http://www.w3.org/2000/svg"
540
-
{...baseProps}
541
-
>
542
-
<path
543
-
fillRule="evenodd"
544
-
clipRule="evenodd"
545
-
d="M2.32215 16.4108C1.57824 17.6533 0.898485 19.0047 0.309311 20.4716C-0.150671 21.6168 0.404821 22.9181 1.55002 23.378C2.69523 23.838 3.99649 23.2825 4.45647 22.1373C4.57293 21.8474 4.68516 21.5618 4.79357 21.2859L4.79458 21.2833C5.20745 20.2328 5.56352 19.3338 5.99429 18.5241C6.47944 18.4978 7.03415 18.4938 7.65963 18.4902L7.73825 18.4898C8.87897 18.4835 10.2533 18.476 11.4384 18.2361C12.6242 17.9961 14.0917 17.4287 14.7404 15.909C14.916 15.4976 15.0941 14.8903 14.9382 14.2734C14.985 14.2734 15.0329 14.2734 15.0821 14.2734C15.1084 14.2734 15.1353 14.2734 15.1626 14.2734C15.7884 14.2738 16.6691 14.2744 17.4563 14.0603C18.3749 13.8104 19.3408 13.2187 19.7646 11.9723C19.9177 11.5219 19.946 11.0489 19.8139 10.6019C19.8544 10.5948 19.8959 10.5875 19.9385 10.58C19.959 10.5764 19.9798 10.5728 20.0009 10.5691C20.5388 10.4751 21.2588 10.3493 21.8739 10.1191C22.4722 9.89531 23.4554 9.39523 23.75 8.24915C23.9179 7.5959 23.9003 6.90435 23.5231 6.2798C23.3663 6.02011 23.1667 5.81564 22.9897 5.66485C23.1546 5.45852 23.3642 5.17147 23.5087 4.85478C23.7592 4.30533 23.8884 3.49804 23.3759 2.70818C22.7942 1.81172 21.7967 1.65512 21.3033 1.61454C20.7902 1.57235 20.2386 1.61742 19.8422 1.65324C19.7884 1.52139 19.7143 1.38273 19.6118 1.24589C19.0616 0.511039 18.208 0.449277 17.7276 0.462196C16.757 0.488299 15.9979 0.918975 15.4491 1.36566C15.1611 1.6001 14.9015 1.86418 14.6773 2.11348C14.2327 1.65325 13.6218 1.42654 13.0163 1.33322C11.8407 1.15205 10.8811 1.94149 10.2041 2.8079C9.36031 3.8879 8.79706 5.14254 8.05202 6.28553C7.78598 6.11247 7.37758 5.92468 6.87391 5.94808C6.04405 5.98662 5.45234 6.54928 5.09562 6.93422C4.47486 7.60409 4.09699 8.64071 3.82812 9.54678C3.53705 10.5277 3.28551 11.6885 3.04921 12.838C2.90284 13.5499 2.87051 13.8888 3.01223 15.1868C2.57773 15.8871 2.66239 15.7879 2.32215 16.4108Z"
546
-
fill={strokeColor}
547
-
/>
548
-
<path
549
-
fillRule="evenodd"
550
-
clipRule="evenodd"
551
-
d="M7.40173 7.68265C7.64462 7.89605 7.92928 8.14615 8.54339 7.93249C8.94492 7.79279 9.46383 6.88268 10.0428 5.86718C10.8892 4.38281 11.8639 2.67329 12.788 2.81571C13.9026 2.9875 13.834 3.60458 13.7812 4.0792C13.7442 4.41212 13.715 4.67494 14.1074 4.66485C14.5071 4.65457 14.896 4.18484 15.3474 3.63974C15.971 2.88678 16.7136 1.99 17.768 1.96164C18.5115 1.94165 18.4998 2.26202 18.4879 2.58691C18.4803 2.79457 18.4726 3.00408 18.662 3.12774C18.8486 3.24955 19.3179 3.20699 19.8573 3.15805C20.7221 3.0796 21.7673 2.98479 22.1177 3.52468C22.4257 3.99932 22.0333 4.47107 21.6572 4.92323C21.3386 5.30622 21.0317 5.67516 21.172 6.0199C21.2865 6.30118 21.5215 6.45965 21.7518 6.61499C22.1286 6.86906 22.4929 7.11477 22.2973 7.87571C22.0905 8.68031 20.8462 8.89822 19.6799 9.10247C18.7028 9.27359 17.7804 9.43512 17.5686 9.92398C17.4357 10.2306 17.6561 10.3734 17.9031 10.5333C18.1982 10.7245 18.5312 10.9402 18.3445 11.4894C17.908 12.7733 16.4503 12.7733 15.0822 12.7734C13.9079 12.7734 12.7997 12.7734 12.4599 13.5853C12.2637 14.0541 12.5606 14.1368 12.8864 14.2276C13.2852 14.3388 13.7272 14.462 13.3609 15.3201C12.66 16.9622 10.0451 16.9768 7.6513 16.9903C6.77358 16.9952 5.92559 16.9999 5.21259 17.0847C5.1312 17.0944 5.05901 17.1411 5.01636 17.2111C4.36027 18.2876 3.89495 19.4717 3.3986 20.7347C3.28956 21.0122 3.17903 21.2935 3.06464 21.5782C2.91343 21.9547 2.48566 22.1373 2.10919 21.9861C1.73272 21.8349 1.55011 21.4071 1.70132 21.0307C2.26451 19.6285 2.91425 18.3391 3.6247 17.1555C4.78415 15.0203 7.06972 12.4007 9.48667 10.4328C11.6372 8.64231 13.6909 7.30217 16.081 6.28526C16.3802 6.15796 16.2914 5.80807 15.9791 5.89834C13.8592 6.51095 11.9852 7.72607 10.0428 8.95064C7.93016 10.2825 6.15972 12.0837 5.07026 13.3932C4.87817 13.6241 4.45809 13.4342 4.51857 13.14C4.99173 10.8384 5.48007 8.72627 6.19593 7.95378C6.87557 7.22037 7.10812 7.42469 7.40173 7.68265Z"
552
-
fill={fillColor ? fillColor : "currentColor"}
553
-
/>
554
-
</svg>
555
-
);
556
-
};
557
-
558
-
export const LogoutSmall = (props: Props) => {
559
-
return (
560
-
<svg
561
-
width="24"
562
-
height="24"
563
-
viewBox="0 0 24 24"
564
-
fill="none"
565
-
xmlns="http://www.w3.org/2000/svg"
566
-
{...props}
567
-
>
568
-
<path
569
-
fillRule="evenodd"
570
-
clipRule="evenodd"
571
-
d="M2.72545 7.55075L6.93535 10.1083L2.68652 11.0528V8.27643C2.68652 8.04069 2.69936 7.7979 2.72545 7.55075ZM1.68652 8.27643C1.68652 7.73323 1.74558 7.16457 1.86532 6.59318C2.38456 4.11541 4.08055 1.47172 7.22846 0.731262C8.8403 0.35212 10.2985 0.892465 11.3372 1.89122C12.3176 2.83384 12.9367 4.19263 12.9949 5.61158C14.2911 5.61366 15.3412 6.66508 15.3412 7.96179C15.3412 8.27057 15.2817 8.56545 15.1735 8.83556C15.2461 8.82928 15.3186 8.82403 15.391 8.81933C16.1631 8.76924 16.9452 8.89575 17.7198 9.02103C18.045 9.07363 18.3688 9.12601 18.6901 9.16502C18.9798 9.2002 19.2831 9.29186 19.5649 9.50168C20.1284 9.9211 20.4485 10.5683 20.7604 11.1991C20.873 11.4267 20.9845 11.6521 21.1059 11.8639C21.2666 12.1789 21.307 12.5432 21.2338 12.8884C21.1631 13.2217 20.9468 13.6728 20.4377 13.9073C19.9681 14.1235 19.5172 14.0609 19.1948 13.925C19.0336 13.8571 18.891 13.7664 18.7717 13.6669C18.9401 14.1505 18.9976 14.6322 18.9949 15.1455C18.992 15.6864 18.9472 16.3025 18.9008 16.8131C19.109 16.8217 19.3181 16.8339 19.5269 16.846C19.91 16.8684 20.2943 16.8908 20.6767 16.8908C21.0472 16.8908 21.4492 16.9855 21.789 17.2177C22.1444 17.4605 22.4583 17.8844 22.4583 18.4532C22.4583 18.9208 22.2814 19.3734 21.8831 19.6818C21.5406 19.9469 21.1499 20.0123 20.8959 20.0317C19.3828 20.1473 18.4316 20.1859 17.4952 20.1859C17.2346 20.1718 16.9741 20.1283 16.7242 20.0521C16.4925 19.9814 16.0246 19.8081 15.7353 19.3601C15.7108 19.3221 15.4425 18.7583 15.4425 18.7583C15.4154 19.2517 15.3843 19.7606 15.3504 20.2049C15.3118 20.7108 15.2633 21.2336 15.1943 21.5194L15.1886 21.5431C15.1551 21.6848 15.0743 22.0268 14.8524 22.3127C14.54 22.7153 14.0913 22.8679 13.6482 22.8679C13.346 22.8679 13.0201 22.7988 12.7307 22.5971C12.4717 22.4165 12.3169 22.182 12.2261 21.9672L3.93764 24L1.68652 22.7546V8.27643ZM8.50928 14.029C8.3246 13.8372 8.20741 13.6154 8.14644 13.3842L2.68652 14.6718V15.9403L9.17477 14.4449C8.94495 14.3647 8.70862 14.2361 8.50928 14.029ZM13.3665 14.3553C13.2473 14.455 13.1209 14.5301 12.9994 14.5871V15.5995C13.1494 15.3197 13.3064 15.05 13.4463 14.769C13.4301 14.6624 13.4021 14.5178 13.3665 14.3553ZM11.0941 17.5438L12.0416 18.0905C12.0247 18.2628 12.0207 18.4396 12.0226 18.6165L4.19688 20.4841L2.68652 19.6184V19.5078L11.0941 17.5438ZM4.60253 21.4154L12.053 19.6373C12.0561 19.76 12.0601 19.8827 12.0641 20.0054C12.0746 20.3283 12.0851 20.6512 12.0791 20.9736L4.5384 22.823L4.60253 21.4154ZM2.68652 12.0772V13.6444L7.75764 12.4485V10.9499L2.68652 12.0772ZM2.68652 16.9665L10.6728 15.1258V16.6153L2.68652 18.4809V16.9665ZM2.68652 20.771L3.60681 21.2985L3.54569 22.6403L2.68652 22.165V20.771ZM12.9911 6.61157C12.2454 6.61157 11.6409 7.21609 11.6409 7.96179C11.6409 8.7075 12.2454 9.31201 12.9911 9.31201C13.7369 9.31201 14.3414 8.7075 14.3414 7.96179C14.3414 7.21609 13.7369 6.61157 12.9911 6.61157ZM11.8873 13.8072C12.128 13.8072 12.562 13.7671 12.7691 13.5466C12.9762 13.3262 13.8696 12.3264 13.8696 12.3264C13.8696 12.3264 14.4616 14.3451 14.4616 14.894C14.4616 15.0075 14.2964 15.3096 14.0764 15.7119C13.7416 16.3242 13.2798 17.1686 13.0796 17.9346C12.928 18.5144 12.9802 19.2082 13.0292 19.86C13.0598 20.267 13.0815 20.641 13.0793 21.0127C13.0771 21.3819 13.0743 21.8679 13.6483 21.8679C14.0669 21.8679 14.143 21.6135 14.2223 21.2847C14.3144 20.9032 14.4001 19.553 14.4616 18.3767C14.6345 18.1582 14.8802 17.8768 15.1306 17.5985C15.4533 17.2399 15.8785 16.774 16.0872 16.6014C16.3085 16.4183 16.5746 16.2399 16.867 16.207C17.1414 16.1762 17.3889 16.3736 17.4198 16.648C17.4502 16.9181 17.2593 17.1621 16.9916 17.1992C16.6833 17.3103 16.4163 17.651 16.2457 17.9121C16.3597 18.3229 16.4724 18.658 16.5754 18.8175C16.7531 19.0926 17.2659 19.1611 17.4954 19.1859C18.3988 19.1859 19.3233 19.149 20.8198 19.0346C21.1715 19.0077 21.4585 18.8726 21.4585 18.4532C21.4585 18.11 21.0963 17.8908 20.6769 17.8908C20.122 17.8908 19.5662 17.8605 19.0105 17.8303C18.6045 17.8082 17.8495 17.8303 17.7929 17.7758C17.761 17.7451 17.7825 17.6116 17.8167 17.3993C17.9714 16.4396 18.2046 15.2236 17.9229 14.2884C17.5623 13.0915 16.659 11.4324 16.659 11.4324L18.2969 11.3624C18.5943 11.8351 19.2162 12.6632 19.3205 12.8021C19.4791 13.0131 19.774 13.112 20.0195 12.999C20.2935 12.8728 20.3062 12.4967 20.2264 12.3401C19.8747 11.7269 19.4216 10.9388 19.2672 10.6712C19.0743 10.3367 18.8946 10.1972 18.5697 10.1577C18.1413 10.1057 17.7387 10.0493 17.3686 9.99737C16.5469 9.88216 15.8851 9.78936 15.456 9.81723C14.8336 9.85753 14.3202 9.93273 13.6384 10.3998C13.1059 10.7646 12.6639 11.3226 12.2396 11.8583C12.0743 12.067 11.9117 12.2723 11.7474 12.4615C11.7474 12.4615 10.0906 12.3986 9.67705 12.3986C9.36806 12.3986 9.11608 12.6278 9.09643 12.9361C9.07551 13.2645 9.27953 13.4692 9.67719 13.5466C10.0748 13.6241 11.6895 13.8072 11.8873 13.8072Z"
572
-
fill="currentColor"
573
-
/>
574
-
</svg>
575
-
);
576
-
};
577
-
578
-
export const PaintSmall = (props: Props) => {
579
-
return (
580
-
<svg
581
-
width="24"
582
-
height="24"
583
-
viewBox="0 0 24 24"
584
-
fill="none"
585
-
xmlns="http://www.w3.org/2000/svg"
586
-
{...props}
587
-
>
588
-
<path
589
-
fillRule="evenodd"
590
-
clipRule="evenodd"
591
-
d="M16.5897 2.57276C17.03 1.59594 18.1788 1.161 19.1556 1.60129C20.1236 2.03761 20.5595 3.16971 20.1388 4.14072L18.149 9.59139L19.4187 10.0415L19.4419 10.0516C19.4925 10.0738 19.5435 10.0958 19.595 10.1179L19.5952 10.118C20.0292 10.305 20.4906 10.5039 20.9581 10.8866L20.9753 10.9007L20.9916 10.9158C21.1846 11.0951 21.5289 11.4408 21.5475 11.9814L21.5483 12.0068L21.4436 14.8288C21.4342 15.0821 21.2906 15.3111 21.0666 15.4297C20.9458 15.4937 20.8115 15.5203 20.6797 15.5101C20.6452 16.5455 20.5233 17.5495 20.4259 18.1722C20.3212 18.9575 20.1633 19.7402 19.9283 20.4796C19.6962 21.2101 19.3849 21.936 19.0346 22.3864C18.9445 22.5022 18.7885 22.623 18.6401 22.5471C18.1918 22.318 17.5257 22.0761 16.6728 21.7722C15.8161 21.467 14.9366 21.2082 14.3222 21.1255C14.1436 21.1015 13.8858 21.0947 13.5359 21.0856H13.5359C13.3954 21.0819 13.24 21.0778 13.069 21.0721C12.4901 21.0527 11.7728 21.0141 10.9587 20.8994C9.28778 20.6641 8.13276 20.0256 7.10416 19.0761C7.06006 19.0354 7.02078 18.9797 6.99865 18.948C6.96916 18.9057 6.93454 18.8528 6.89633 18.7922C6.81959 18.6707 6.72171 18.508 6.60968 18.3166C6.10283 17.4506 5.58816 16.5703 5.12427 15.6688C5.36258 15.7088 5.61538 15.7334 5.87068 15.74C6.33159 15.7518 6.86778 15.7056 7.35602 15.5394C7.3341 15.7105 7.28797 15.8756 7.23268 16.0735C7.19469 16.2094 7.15238 16.3608 7.11063 16.5403C7.06543 16.7346 7.12124 16.9387 7.25908 17.0829C8.3936 18.2702 9.47717 18.4204 10.6361 18.581L10.6363 18.5811L10.6365 18.5811C10.793 18.6028 10.9509 18.6247 11.1104 18.6493C11.2259 18.6672 11.344 18.6504 11.45 18.6012C11.8937 18.395 12.2394 18.1991 12.5601 17.8922C12.646 17.81 12.728 17.7219 12.8084 17.6265C12.8433 17.8047 12.8506 17.9456 12.8382 18.0264C12.8084 18.2218 12.8782 18.4191 13.0241 18.5523C13.17 18.6856 13.3731 18.7371 13.565 18.6897L13.566 18.6894L13.5675 18.6891L13.5712 18.6881L13.5807 18.6856C13.588 18.6837 13.5972 18.6812 13.6082 18.678C13.63 18.6717 13.659 18.6629 13.6935 18.6512C13.7617 18.6282 13.8544 18.5932 13.9581 18.5435C13.9631 18.5616 13.9675 18.579 13.9716 18.5958C13.9909 18.6764 13.9999 18.7395 14.004 18.7784C14.006 18.7978 14.0068 18.811 14.0071 18.8171L14.0073 18.82C14.0101 19.0566 14.1538 19.269 14.3729 19.3595C14.7635 19.5208 15.0765 19.6436 15.3436 19.7484C15.9653 19.9922 16.3387 20.1387 16.864 20.4465C17.0282 20.5427 17.2278 20.5644 17.4138 20.4967C17.569 20.4402 17.6663 20.339 17.7155 20.2798C17.8133 20.1619 17.8741 20.0197 17.9117 19.9208C17.9947 19.7026 18.0669 19.4103 18.1285 19.1147C18.1951 18.7949 17.9899 18.4817 17.6701 18.4151C17.3504 18.3485 17.0371 18.5537 16.9705 18.8735C16.9511 18.9667 16.9319 19.0526 16.9132 19.1305C16.5295 18.9421 16.1591 18.7968 15.7016 18.6173L15.7013 18.6172L15.7008 18.617C15.5277 18.549 15.3421 18.4762 15.1386 18.3943C15.1335 18.3702 15.1278 18.3453 15.1217 18.3196C15.0564 18.0478 14.9278 17.6862 14.6747 17.3066C14.5678 17.1462 14.3894 17.048 14.1967 17.0434C14.0924 17.041 13.9911 17.0661 13.9019 17.1142C13.8964 17.0945 13.891 17.0751 13.8854 17.0559C13.7813 16.6973 13.6194 16.317 13.4236 16.0489C13.3078 15.8903 13.1208 15.7995 12.9246 15.8066C12.7283 15.8137 12.5484 15.9178 12.4443 16.0844C12.1298 16.5882 11.9366 16.8517 11.7424 17.0376C11.5849 17.1883 11.4076 17.306 11.1097 17.453C10.9976 17.4364 10.8897 17.4209 10.7856 17.406L10.7854 17.406C9.74946 17.2578 9.0868 17.163 8.34733 16.4934L8.35172 16.4781C8.49854 15.967 8.67404 15.3561 8.4202 14.4209C8.36477 14.2167 8.20447 14.0577 7.99983 14.0039C7.7952 13.9501 7.57741 14.0097 7.4287 14.1602C7.17398 14.4181 6.60362 14.5756 5.901 14.5575C5.57202 14.5491 5.25789 14.5025 5.00609 14.4346C4.88043 14.4008 4.77815 14.3637 4.70123 14.328C4.66316 14.3103 4.63448 14.2944 4.61398 14.2815C4.59401 14.2688 4.58571 14.2614 4.58522 14.2609C4.532 14.2107 4.47192 14.1723 4.4082 14.1455C4.37301 14.0618 4.3385 13.9778 4.30471 13.8936C4.26949 13.8215 4.23753 13.7503 4.20889 13.6803C4.15615 13.5515 4.18459 13.4036 4.28137 13.3035C4.37814 13.2034 4.52495 13.17 4.65552 13.2184C5.03697 13.3597 5.74376 13.473 6.50629 13.1229C7.28692 12.5883 7.7272 12.2365 8.06777 11.8758C8.29782 11.6322 8.49129 11.3753 8.71608 11.0337C8.59147 10.9435 8.49784 10.814 8.45245 10.663C8.3861 10.4423 8.43109 10.203 8.5731 10.0215L10.2 7.94144C10.5613 7.4562 11.1927 7.25529 11.7687 7.44373L11.7773 7.44654L14.3897 8.33823L16.5811 2.5919L16.5897 2.57276ZM13.4229 18.1156C13.5646 18.6898 13.5648 18.6897 13.565 18.6897L13.4229 18.1156ZM9.40193 12.1189C9.45677 12.1475 9.50807 12.1797 9.55443 12.2161C9.65542 12.2955 9.70315 12.4552 9.75583 12.6316C9.86568 12.9993 9.99708 13.4391 10.678 13.3723C11.0096 13.3398 11.1571 13.5867 11.3362 13.8867C11.5205 14.1952 11.7383 14.5599 12.2247 14.7342C12.4878 14.8285 12.7114 14.7482 12.9781 14.6525C13.2888 14.5409 13.6581 14.4084 14.2167 14.5061C14.7198 14.5941 14.9433 15.0558 15.1814 15.5476C15.4346 16.0706 15.7042 16.6278 16.3443 16.806C16.5902 16.8745 16.8894 16.8033 17.2205 16.7245L17.2205 16.7245C17.3265 16.6993 17.4357 16.6733 17.5475 16.6509C17.6802 16.2803 17.7373 15.9539 17.8154 15.4595C17.8664 15.1369 18.1693 14.9167 18.4919 14.9677C18.8146 15.0187 19.0347 15.3216 18.9837 15.6442C18.9286 15.9928 18.8796 16.2807 18.8091 16.5618C18.9385 16.5206 19.0536 16.4614 19.1594 16.407C19.265 16.3527 19.3612 16.3032 19.4528 16.2814C19.4873 15.8252 19.5092 15.3415 19.5062 14.8708L18.8525 14.4615L9.8556 11.4494C9.70074 11.6936 9.55424 11.9134 9.40193 12.1189ZM15.7335 8.79785C16.0822 8.93698 16.2643 9.32671 16.1416 9.68604C16.015 10.057 15.6117 10.2551 15.2407 10.1285L11.3341 8.79513L11.3315 8.79876L10.31 10.1047L19.3831 13.1423C19.4361 13.1601 19.4869 13.1841 19.5344 13.2138L20.0707 13.5496L20.126 12.0596C20.1209 12.0532 20.1143 12.0452 20.1057 12.0357C20.0893 12.0174 20.0685 11.9963 20.0415 11.9707C19.742 11.7295 19.4636 11.6086 19.0222 11.417L18.8969 11.3625L16.9995 10.6898C16.8211 10.6266 16.6753 10.4946 16.5946 10.3232C16.5139 10.1519 16.5051 9.95546 16.57 9.77757L18.8223 3.60771L18.833 3.58394C18.9512 3.32178 18.8345 3.01346 18.5723 2.8953C18.3152 2.77942 18.0138 2.88943 17.8908 3.14098L15.7335 8.79785ZM5.40493 7.08147C5.55409 6.9843 5.729 6.94252 5.91599 6.96191C6.28345 7.00002 6.5787 7.09661 6.79418 7.26644C7.02073 7.44501 7.12554 7.67799 7.15342 7.91182C7.17977 8.13281 7.13745 8.34918 7.08809 8.52322C7.04925 8.6602 6.99819 8.79542 6.9595 8.89789L6.95949 8.8979L6.95949 8.89791C6.83592 9.22515 6.58536 9.46805 6.3083 9.6709C6.13891 9.79493 5.94762 9.92259 5.73942 9.97C5.68934 9.9814 5.55191 10.0087 5.41483 9.93592C5.26963 9.85882 5.17901 9.72656 5.12318 9.6217C5.06286 9.50838 5.01689 9.37677 4.98238 9.24246C4.91318 8.97315 4.87898 8.64937 4.88925 8.33853C4.89932 8.03387 4.95327 7.70277 5.09071 7.44074C5.16096 7.30681 5.26146 7.17492 5.40493 7.08147ZM4.70757 12.5895C3.70747 12.6462 2.82739 12.5812 2.21453 12.2156C1.85252 11.9996 1.58573 11.7845 1.41384 11.4513C1.25183 11.1372 1.19438 10.7533 1.1456 10.2622C1.08298 9.63177 1.36573 9.11954 1.83928 8.85633C2.30095 8.59972 2.89795 8.60343 3.44527 8.88031C3.72916 9.02393 3.87925 9.23896 3.96277 9.48449C4.01856 9.64847 4.04898 9.84685 4.07711 10.0302C4.08492 10.0811 4.09255 10.1309 4.1005 10.1785C4.17785 10.6411 4.32202 11.2413 4.96025 12.0083C5.04597 12.1113 5.06635 12.2538 5.01292 12.3767C4.95949 12.4996 4.84137 12.5819 4.70757 12.5895Z"
592
-
fill="currentColor"
593
-
/>
594
-
</svg>
595
-
);
596
-
};
597
-
598
-
export const RSVPSmall = (props: Props) => {
599
-
return (
600
-
<svg
601
-
width="24"
602
-
height="24"
603
-
viewBox="0 0 24 24"
604
-
fill="none"
605
-
xmlns="http://www.w3.org/2000/svg"
606
-
{...props}
607
-
>
608
-
<path
609
-
fillRule="evenodd"
610
-
clipRule="evenodd"
611
-
d="M8.26788 2.26052C8.76343 1.73099 9.53423 1.56198 10.2059 1.83559L11.7491 2.46429L16.6025 2.20414C17.4868 2.15673 18.2463 2.82619 18.3102 3.7095L18.4144 5.14935L20.0677 6.01329C20.6659 6.32586 21.0921 6.89045 21.229 7.55135L23.019 16.1987C23.2697 17.4099 22.4958 18.5964 21.2863 18.8551L5.44248 22.2436C4.22165 22.5047 3.02167 21.7219 2.76862 20.4994L0.980561 11.8611C0.845583 11.209 1.0064 10.5306 1.41972 10.0085L3.56607 7.29716L3.40145 4.5493C3.34755 3.64946 4.0364 2.8777 4.93657 2.82945L7.88327 2.6715L8.26788 2.26052ZM18.6163 7.93856L18.5417 6.90833L19.373 7.34272C19.5724 7.44691 19.7145 7.63511 19.7601 7.85541L21.5501 16.5028C21.6337 16.9065 21.3757 17.302 20.9725 17.3882L5.12877 20.7767C4.72183 20.8638 4.32183 20.6028 4.23748 20.1953L2.44942 11.557C2.40443 11.3397 2.45804 11.1135 2.59581 10.9395L3.70066 9.54382L3.80512 11.2874L3.64416 11.2345C3.31624 11.1267 2.96303 11.3051 2.85524 11.6331C2.74745 11.961 2.9259 12.3142 3.25381 12.422L12.2571 15.3814L19.2176 8.99821C19.472 8.76491 19.4891 8.36956 19.2558 8.11516C19.0886 7.93292 18.8384 7.87245 18.6163 7.93856ZM17.4353 8.93663L17.0635 3.79974C17.0487 3.5959 16.8735 3.4414 16.6694 3.45234L5.00347 4.07766C4.79574 4.0888 4.63678 4.26689 4.64922 4.47455L5.08251 11.7073L11.9518 13.9653L17.4353 8.93663ZM11.1605 6.7859C11.5132 5.9923 11.7901 5.76891 12.5288 5.72291C13.3194 5.67369 14.0001 6.35526 13.9068 7.44072C13.8015 8.66549 13.1609 9.84543 11.4351 11.1966C9.55455 10.07 8.50235 9.10035 8.24589 7.89811C8.0186 6.83261 8.66576 5.94549 9.45655 5.89625C10.1954 5.85024 10.7119 6.04219 11.1605 6.7859Z"
612
-
fill="currentColor"
613
-
/>
614
-
</svg>
615
-
);
616
-
};
617
-
618
-
export const ShareSmall = (props: Props) => {
619
-
return (
620
-
<svg
621
-
width="24"
622
-
height="24"
623
-
viewBox="0 0 24 24"
624
-
fill="none"
625
-
xmlns="http://www.w3.org/2000/svg"
626
-
{...props}
627
-
>
628
-
<path
629
-
fillRule="evenodd"
630
-
clipRule="evenodd"
631
-
d="M21.9086 4.05276C22.1404 4.2465 22.2413 4.54919 22.1704 4.83765L19.1103 17.2859C19.0122 17.685 18.6163 17.946 18.197 17.888L11.5121 16.963L8.54942 20.5609C8.35258 20.8 8.03148 20.9083 7.7239 20.8394C7.41632 20.7705 7.17693 20.5366 7.10845 20.2382L5.94505 15.1675L2.48769 12.377C2.26588 12.1979 2.15768 11.9191 2.20286 11.6429C2.24804 11.3666 2.43993 11.1338 2.70802 11.03L21.0686 3.91666C21.3529 3.80653 21.6768 3.85902 21.9086 4.05276ZM7.61043 15.1067L8.15704 17.4891L8.99127 15.6038C9.02763 15.5216 9.07806 15.446 9.14044 15.3801L11.7987 12.5713L7.61043 15.1067ZM11.399 15.3435L17.6887 16.2137L20.2095 5.95963L4.59334 12.0097L6.75339 13.7531L16.0425 8.12998C16.3902 7.9195 16.8449 7.99024 17.1071 8.29558C17.3693 8.60092 17.3582 9.04691 17.0811 9.33966L11.399 15.3435Z"
632
-
fill="currentColor"
633
-
/>
634
-
</svg>
635
-
);
636
-
};
637
-
638
-
export const TemplateSmall = (props: Props & { fill?: string }) => {
639
-
return (
640
-
<svg
641
-
width="24"
642
-
height="24"
643
-
viewBox="0 0 24 24"
644
-
fill="none"
645
-
xmlns="http://www.w3.org/2000/svg"
646
-
{...props}
647
-
>
648
-
<path
649
-
d="M14.1876 3.5073C14.3657 2.68428 14.8409 1.80449 15.1974 1.39941L15.2085 1.38682C15.5258 1.02605 16.1664 0.297788 17.7348 0.0551971C19.7272 -0.252968 22.338 1.22339 23.1781 3.53026C23.9464 5.63998 22.4863 7.65134 21.1778 8.49107C20.443 8.96256 19.8776 9.29865 19.5389 9.6655C19.6381 9.88024 19.8755 10.4623 19.9945 10.8588C20.1304 11.312 20.1356 11.8263 20.2444 12.3342C20.6412 13.1008 21.4615 14.6122 21.6483 14.9894C21.9441 15.5868 22.0637 16.0554 21.901 16.59C21.7793 16.99 21.3809 18.0037 21.2098 18.4064C21.1134 18.6333 20.6741 19.1794 20.165 19.3516C19.5207 19.5694 19.2 19.533 18.2867 19.1682C17.9231 19.3768 17.3068 19.3194 17.0874 19.2128C16.9902 19.5392 16.6234 19.8695 16.4353 20.0055C16.5008 20.1749 16.6684 20.619 16.5759 21.4191C16.4257 22.7176 14.6119 24.4819 12.2763 23.8544C10.5744 23.3971 10.2099 22.1002 10.0744 21.5462C8.16651 22.8209 5.74592 21.9772 4.43632 21.1133C3.44653 20.4603 3.16063 19.4467 3.2199 18.7888C2.57837 19.147 1.33433 19.2159 0.756062 17.9729C0.320217 17.036 0.838862 15.6535 2.49397 14.7706C3.56898 14.1971 5.01017 14.061 6.14456 14.136C5.47545 12.9417 4.17774 10.4051 3.97777 9.74456C3.72779 8.91889 3.94746 8.3129 4.30348 7.88113C4.6595 7.44936 5.21244 6.90396 5.75026 6.38129C6.28808 5.85862 7.06074 5.85862 7.7349 6.07072C8.27424 6.2404 9.36352 6.65146 9.84074 6.83578C10.5069 6.63086 11.9689 6.18102 12.4877 6.02101C13.0065 5.861 13.184 5.78543 13.7188 5.90996C13.8302 5.37643 14.0045 4.35336 14.1876 3.5073Z"
650
-
fill={props.fill || "transparent"}
651
-
/>
652
-
<path
653
-
fillRule="evenodd"
654
-
clipRule="evenodd"
655
-
d="M19.6271 2.81856C18.4896 2.07854 17.4326 2.39759 17.0578 2.82147C16.5869 3.3541 16.4234 4.10723 16.2512 5.11887L16.2231 5.28522L16.2231 5.28523C16.0919 6.06363 15.9405 6.96241 15.5423 7.80533L17.4557 8.48962C18.0778 7.71969 18.7304 7.28473 19.2974 6.92363L19.3687 6.87829C20.0258 6.46022 20.473 6.17579 20.7913 5.5972C21.0667 5.09643 21.0978 4.64884 20.9415 4.23092C20.7767 3.79045 20.3738 3.3044 19.6271 2.81856ZM15.0777 5.02873C14.9299 5.89897 14.7941 6.69891 14.4321 7.4083L13.4555 7.05901C13.2858 6.99834 13.1067 7.02061 12.9624 7.10485L9.80359 8.05107L7.26833 7.14438C6.97342 7.03892 6.64447 7.11834 6.43018 7.3457L5.27176 8.53601C5.26453 8.54323 5.25745 8.55058 5.2505 8.55806L5.2454 8.56361C5.04511 8.78343 4.9652 9.11292 5.1156 9.43079L5.85241 10.9196L5.8643 10.9002C5.84832 10.9944 5.86158 11.0964 5.91361 11.1952L7.63738 14.4667C7.6921 14.5705 7.78376 14.6501 7.89428 14.6896L17.4633 18.1118C17.8658 18.2557 18.2352 17.83 18.0359 17.4518L16.3121 14.1803C16.2574 14.0764 16.1657 13.9969 16.0552 13.9574L6.48624 10.5352C6.32266 10.4767 6.16454 10.5123 6.04784 10.6006L6.56002 9.76447L16.8798 13.4551L18.7426 16.9905L18.0747 17.8398L19.1912 18.2615C19.6606 18.4294 20.1033 18.1358 20.2179 17.728L20.7391 16.3648C20.8239 16.1511 20.8112 15.9108 20.7039 15.7071L19.124 12.7086L18.8949 11.321C18.8935 11.3129 18.892 11.3049 18.8904 11.2969C18.8874 11.234 18.8741 11.1705 18.8496 11.1087L18.1936 9.45372C18.7455 8.68856 19.3357 8.28878 19.927 7.9122C19.9681 7.88603 20.0096 7.85977 20.0514 7.83331C20.6663 7.44436 21.3511 7.01112 21.8182 6.16211C22.2345 5.40522 22.3314 4.60167 22.0392 3.82037C21.7555 3.06161 21.1334 2.40034 20.2662 1.83615C18.7307 0.837123 17.0056 1.11114 16.1798 2.04515C15.4528 2.86736 15.2586 3.96572 15.0958 4.92219L15.0777 5.02872L15.0777 5.02873ZM13.2681 8.23675L11.6653 8.71688L16.3567 10.3947L16.6254 9.4374L13.2681 8.23675ZM16.5481 11.7078L16.5582 11.7114L17.1419 11.9202L17.0098 12.2569L6.82932 8.61605L7.1065 8.33124L9.5842 9.21734L9.59688 9.22187L16.5481 11.7078ZM12.5683 20.4811C12.3863 20.7644 12.3505 20.965 12.3648 21.0689C12.4003 21.3259 12.5444 21.4722 12.7748 21.5613C13.0331 21.6611 13.3469 21.659 13.544 21.6032C14.1553 21.4302 14.2952 21.0637 14.2611 20.8923C14.2391 20.7814 14.1421 20.578 13.7906 20.338C13.6004 20.2082 13.3469 20.076 13.0173 19.9508C12.834 20.1242 12.681 20.3057 12.5683 20.4811ZM11.7567 19.6004C11.6942 19.6815 11.6359 19.764 11.5822 19.8476C11.3276 20.2439 11.1351 20.7322 11.2038 21.2293C11.3096 21.9955 11.8139 22.4463 12.3521 22.6544C12.8626 22.8518 13.4377 22.8513 13.863 22.731C14.7279 22.4863 15.6213 21.724 15.4107 20.664C15.3104 20.1591 14.9656 19.7211 14.4515 19.3701C14.3677 19.3128 14.2783 19.2571 14.1833 19.203C14.5987 19.0436 14.9889 19.0051 15.2827 19.1025C15.59 19.2042 15.9215 19.0377 16.0233 18.7304C16.125 18.4232 15.9585 18.0916 15.6513 17.9899C14.6724 17.6656 13.5751 18.0821 12.7766 18.6397C12.6141 18.5938 12.4436 18.5504 12.265 18.5097C11.5393 18.3444 10.9698 18.307 10.5034 18.3825C10.018 18.4612 9.67582 18.657 9.40873 18.8961C9.28258 19.009 9.17849 19.1268 9.09292 19.2277C9.06338 19.2625 9.03727 19.2937 9.01306 19.3227L9.01291 19.3228C8.96046 19.3856 8.91693 19.4377 8.86682 19.4922C8.73913 19.6313 8.63181 19.7134 8.47722 19.761C8.03942 19.896 7.30137 19.8237 6.60705 19.5851C6.27195 19.4699 5.98787 19.3293 5.79222 19.1916C5.64379 19.0871 5.59428 19.019 5.58047 19L5.58045 19C5.57827 18.997 5.57698 18.9952 5.57634 18.9947C5.57144 18.9579 5.57397 18.938 5.57539 18.9305C5.57674 18.9233 5.57829 18.9201 5.58128 18.9156C5.59031 18.9023 5.63142 18.8546 5.76375 18.7965C6.04383 18.6735 6.48291 18.6061 7.03421 18.5487C7.12534 18.5392 7.22003 18.5299 7.31675 18.5205L7.31734 18.5205L7.31774 18.5204C7.75337 18.478 8.22986 18.4315 8.60602 18.3399C8.83695 18.2837 9.10046 18.1956 9.31444 18.0333C9.55604 17.8501 9.73703 17.5659 9.72457 17.1949C9.71117 16.7955 9.50249 16.4807 9.2559 16.2553C9.01235 16.0327 8.69774 15.863 8.36729 15.7333C7.70363 15.4729 6.85166 15.3254 6.00343 15.2972C5.15473 15.2689 4.25916 15.3581 3.51015 15.6085C2.78202 15.852 2.05623 16.2973 1.79807 17.0767C1.6963 17.3839 1.86287 17.7155 2.1701 17.8173C2.47733 17.919 2.80889 17.7525 2.91065 17.4452C2.99481 17.1912 3.28176 16.9207 3.8818 16.7201C4.46096 16.5264 5.209 16.4433 5.96437 16.4685C6.7202 16.4937 7.43275 16.6256 7.93908 16.8243C8.19363 16.9243 8.36538 17.0292 8.46519 17.1204C8.4773 17.1315 8.4878 17.1419 8.49689 17.1515C8.45501 17.1668 8.39992 17.1838 8.3287 17.2012C8.04154 17.2711 7.67478 17.3072 7.24492 17.3496L7.24413 17.3497L7.24246 17.3498C7.13635 17.3603 7.02639 17.3711 6.91284 17.3829C6.38763 17.4376 5.76632 17.5153 5.29238 17.7234C5.0477 17.8309 4.78839 17.9954 4.60986 18.2599C4.42009 18.541 4.36482 18.8707 4.42432 19.213C4.49899 19.6426 4.83826 19.9534 5.11763 20.15C5.42736 20.368 5.81812 20.5533 6.22607 20.6935C7.01783 20.9656 8.03865 21.1226 8.82239 20.8811C9.248 20.7499 9.52379 20.5096 9.73004 20.285C9.79974 20.2091 9.87042 20.1246 9.92975 20.0536L9.92977 20.0536L9.92995 20.0534C9.9503 20.0291 9.96932 20.0063 9.98649 19.9861C10.0618 19.8973 10.1248 19.8281 10.1905 19.7694C10.3069 19.6651 10.4472 19.579 10.6908 19.5395C10.9181 19.5027 11.2529 19.5041 11.7567 19.6004Z"
656
-
fill="currentColor"
657
-
/>
658
-
</svg>
659
-
);
660
-
};
661
-
export const TemplateRemoveSmall = (props: Props) => {
662
-
return (
663
-
<svg
664
-
width="24"
665
-
height="24"
666
-
viewBox="0 0 24 24"
667
-
fill="none"
668
-
xmlns="http://www.w3.org/2000/svg"
669
-
>
670
-
<path
671
-
fillRule="evenodd"
672
-
clipRule="evenodd"
673
-
d="M21.6598 1.22969C22.0503 0.839167 22.6835 0.839167 23.074 1.22969C23.4646 1.62021 23.4646 2.25338 23.074 2.6439L21.9991 3.71887C22 3.72121 22.001 3.72355 22.002 3.7259L21.0348 4.69374C21.0347 4.69033 21.0345 4.68693 21.0344 4.68353L17.2882 8.42972L17.2977 8.43313L16.3813 9.35011L16.3714 9.34656L15.5955 10.1224L15.6058 10.1261L14.6894 11.0431L14.6787 11.0393L14.3959 11.3221L14.4067 11.326L13.4903 12.2429L13.479 12.2389L12.8919 12.8261L12.9034 12.8302L10.2156 15.5198L10.2028 15.5152L9.35969 16.3583C9.36255 16.3614 9.36541 16.3645 9.36826 16.3676L7.20585 18.5314C7.19871 18.5321 7.19159 18.5328 7.18448 18.5335L6.26611 19.4519C6.27069 19.4539 6.27528 19.4559 6.27989 19.4579L5.40679 20.3316C5.40244 20.3291 5.39809 20.3267 5.39376 20.3242L2.54817 23.1698C2.15765 23.5603 1.52448 23.5603 1.13396 23.1698C0.743434 22.7793 0.743433 22.1461 1.13396 21.7556L4.57518 18.3144C4.5862 18.296 4.59778 18.2779 4.6099 18.2599C4.72342 18.0917 4.86961 17.964 5.02393 17.8656L6.39488 16.4947C6.25376 16.4822 6.10989 16.4734 5.96441 16.4685C5.20904 16.4433 4.461 16.5264 3.88183 16.7201C3.2818 16.9207 2.99485 17.1912 2.91069 17.4452C2.80892 17.7525 2.47737 17.919 2.17013 17.8173C1.8629 17.7155 1.69634 17.3839 1.79811 17.0767C2.05627 16.2973 2.78206 15.852 3.51019 15.6085C4.2592 15.3581 5.15477 15.2689 6.00346 15.2972C6.48903 15.3133 6.97583 15.3686 7.42782 15.4617L8.11942 14.7701L7.89431 14.6896C7.7838 14.6501 7.69213 14.5705 7.63742 14.4667L5.91365 11.1952C5.86162 11.0964 5.84836 10.9944 5.86434 10.9002L5.85245 10.9196L5.11563 9.4308C4.96523 9.11293 5.04515 8.78343 5.24544 8.56361L5.25054 8.55806C5.25749 8.55058 5.26457 8.54323 5.2718 8.53601L6.43022 7.3457C6.6445 7.11834 6.97346 7.03892 7.26837 7.14439L9.80363 8.05107L12.9624 7.10485C13.1067 7.02062 13.2859 6.99834 13.4555 7.05901L14.4322 7.40831C14.7942 6.69891 14.93 5.89897 15.0777 5.02873L15.0777 5.02872L15.0958 4.9222C15.2586 3.96572 15.4529 2.86736 16.1798 2.04515C17.0056 1.11114 18.7307 0.837125 20.2663 1.83615C20.4285 1.94168 20.5821 2.05061 20.7266 2.16294L21.6598 1.22969ZM19.8899 2.99965C19.8075 2.93935 19.72 2.87895 19.6271 2.81856C18.4897 2.07854 17.4326 2.39759 17.0579 2.82147C16.5869 3.3541 16.4234 4.10723 16.2512 5.11887L16.2231 5.28522L16.2231 5.28523C16.1304 5.83581 16.0274 6.44661 15.8342 7.05527L19.8899 2.99965ZM14.288 8.60148L13.2682 8.23675L11.6654 8.71688L13.5122 9.37736L14.288 8.60148ZM12.5953 10.2942L9.59692 9.22187L9.58424 9.21734L7.10654 8.33124L6.82935 8.61605L12.3125 10.577L12.5953 10.2942ZM11.3957 11.4938L6.56005 9.76447L6.04788 10.6006C6.16458 10.5123 6.32269 10.4767 6.48628 10.5352L10.8085 12.081L11.3957 11.4938ZM17.0099 12.2569L16.2294 11.9778L15.313 12.8948L16.8798 13.4551L18.7426 16.9905L18.0747 17.8398L19.1912 18.2615C19.6607 18.4294 20.1033 18.1358 20.2179 17.728L20.7391 16.3648C20.824 16.1511 20.8112 15.9108 20.7039 15.7071L19.124 12.7086L18.8949 11.321L18.8931 11.3104L18.8904 11.2969C18.8874 11.234 18.8742 11.1705 18.8497 11.1087L18.3522 9.8537L16.5121 11.6949L16.5482 11.7078L16.5582 11.7115L17.1419 11.9202L17.0099 12.2569ZM12.0382 16.1716L14.7261 13.482L16.0553 13.9574C16.1658 13.9969 16.2575 14.0764 16.3122 14.1803L18.0359 17.4518C18.2352 17.83 17.8658 18.2557 17.4633 18.1118L12.0382 16.1716ZM8.44038 19.7717L7.26492 20.9479C7.80247 21.0274 8.35468 21.0252 8.82243 20.8811C9.24804 20.7499 9.52382 20.5096 9.73008 20.285C9.79978 20.2091 9.87046 20.1246 9.92979 20.0536L9.92981 20.0536L9.92999 20.0534L9.9306 20.0527C9.95072 20.0286 9.96953 20.0061 9.98653 19.9861C10.0618 19.8973 10.1248 19.8281 10.1905 19.7694C10.307 19.6651 10.4472 19.579 10.6908 19.5395C10.9182 19.5027 11.2529 19.5041 11.7567 19.6004C11.6943 19.6815 11.6359 19.764 11.5823 19.8476C11.3276 20.2439 11.1352 20.7322 11.2038 21.2293C11.3097 21.9955 11.8139 22.4463 12.3522 22.6544C12.8626 22.8518 13.4377 22.8513 13.8631 22.731C14.7279 22.4863 15.6213 21.724 15.4107 20.664C15.3105 20.1591 14.9656 19.7211 14.4516 19.3701C14.3677 19.3128 14.2783 19.2571 14.1833 19.203C14.5987 19.0436 14.9889 19.0051 15.2828 19.1025C15.59 19.2042 15.9215 19.0377 16.0233 18.7304C16.1251 18.4232 15.9585 18.0916 15.6513 17.9899C14.6724 17.6656 13.5751 18.0821 12.7766 18.6397C12.6141 18.5938 12.4436 18.5504 12.265 18.5097C11.5394 18.3444 10.9698 18.307 10.5035 18.3825C10.018 18.4612 9.67586 18.657 9.40877 18.8961C9.28262 19.009 9.17853 19.1268 9.09296 19.2277C9.06342 19.2625 9.03731 19.2937 9.0131 19.3227L9.01295 19.3228C8.9605 19.3856 8.91697 19.4377 8.86686 19.4922C8.73917 19.6313 8.63185 19.7134 8.47726 19.761C8.46519 19.7648 8.45289 19.7683 8.44038 19.7717ZM12.5683 20.4811C12.3863 20.7644 12.3505 20.965 12.3648 21.0689C12.4003 21.3259 12.5445 21.4722 12.7749 21.5613C13.0331 21.6611 13.3469 21.659 13.544 21.6032C14.1554 21.4302 14.2952 21.0637 14.2612 20.8923C14.2391 20.7814 14.1422 20.578 13.7907 20.338C13.6005 20.2082 13.347 20.076 13.0173 19.9508C12.8341 20.1242 12.681 20.3057 12.5683 20.4811Z"
674
-
fill="currentColor"
675
-
/>
676
-
</svg>
677
-
);
678
-
};
679
-
680
-
export const TrashSmall = (props: Props) => {
681
-
return (
682
-
<svg
683
-
width="24"
684
-
height="24"
685
-
viewBox="0 0 24 24"
686
-
fill="none"
687
-
xmlns="http://www.w3.org/2000/svg"
688
-
{...props}
689
-
>
690
-
<path
691
-
fillRule="evenodd"
692
-
clipRule="evenodd"
693
-
d="M10.682 3.11103C9.4724 3.23448 8.89352 3.67017 8.73295 4.09426C8.57457 4.51256 8.71273 5.20871 9.51183 6.08877C9.86249 6.47497 10.3151 6.86398 10.8567 7.2317C11.521 7.68272 12.3093 8.09493 13.1874 8.42742C14.7679 9.02584 16.286 9.23267 17.4457 9.11431C18.6553 8.99087 19.2342 8.55517 19.3948 8.13109C19.5553 7.707 19.4102 6.99716 18.5856 6.10354C17.7951 5.24678 16.5208 4.39634 14.9403 3.79793C13.3598 3.19951 11.8417 2.99268 10.682 3.11103ZM10.5297 1.61879C11.9666 1.47215 13.7204 1.73212 15.4714 2.39511C17.2225 3.0581 18.7086 4.02485 19.6881 5.08636C20.6335 6.11101 21.2677 7.42054 20.7976 8.66223C20.4763 9.51081 19.7476 10.0415 18.8756 10.3377L18.8512 10.5864C18.8085 11.0201 18.7488 11.6195 18.6804 12.2826C18.5439 13.6052 18.3721 15.193 18.2332 16.2206C18.0958 17.2367 17.9216 18.1654 17.782 18.8394C17.7065 19.2037 17.6277 19.5677 17.5385 19.9289C17.3496 20.8304 16.5864 21.4845 15.7038 21.895C14.7878 22.321 13.5933 22.5626 12.2528 22.5626C9.70265 22.5626 7.61297 21.8776 6.98728 20.0005C6.8862 19.6168 6.80407 19.2278 6.72362 18.8394C6.58403 18.1654 6.40982 17.2367 6.27245 16.2206C6.13295 15.1888 5.96088 13.4661 5.82457 12.0139C5.75617 11.2852 5.69637 10.6201 5.65367 10.1372C5.63217 9.89407 5.61097 9.65088 5.58999 9.40767C5.57932 9.28304 5.58998 9.16406 5.60549 9.03837C5.71664 8.13769 6.61126 7.27662 8.06548 6.69616C7.34029 5.75314 6.92513 4.63277 7.33013 3.56312C7.80026 2.32143 9.14275 1.76033 10.5297 1.61879ZM17.1289 10.6396C17.1998 10.6367 17.2702 10.633 17.3398 10.6283C17.2993 11.0382 17.2469 11.56 17.1883 12.1287C17.0517 13.4526 16.882 15.0185 16.7467 16.0196C16.5497 17.4769 16.2709 18.7602 16.145 19.3048C16.121 19.4087 16.0961 19.5125 16.0714 19.6162C16.0259 19.8437 15.774 20.2081 15.0713 20.5349C14.3961 20.8489 13.4274 21.0626 12.2528 21.0626C9.79771 21.0626 8.71725 20.3951 8.41916 19.552C8.39914 19.4697 8.37966 19.3873 8.36059 19.3048C8.31867 19.1234 8.25973 18.86 8.19244 18.5352C8.05767 17.8845 7.89033 16.9916 7.75893 16.0196C7.62416 15.0228 7.45468 13.3299 7.31801 11.8738C7.28819 11.5561 7.26001 11.2505 7.23417 10.9669C7.3779 11.0411 7.52304 11.1123 7.66588 11.1824C7.78804 11.2424 7.90851 11.3016 8.02495 11.361C8.50725 11.6069 9.07475 11.811 9.70356 11.9612C10.4756 12.1457 11.3401 12.249 12.2528 12.249C14.3262 12.249 16.1049 11.5603 17.1289 10.6396ZM13.8382 5.4146C13.6815 5.78286 13.2605 5.9648 12.8828 5.82179C12.4954 5.67512 12.3002 5.24219 12.4469 4.85481C12.5697 4.53047 12.8562 4.18935 13.3052 4.0074C13.7683 3.8197 14.3267 3.83032 14.949 4.06593C15.5712 4.30154 15.9966 4.66339 16.2193 5.11078C16.4352 5.54447 16.4239 5.98976 16.3011 6.31411C16.1544 6.70148 15.7215 6.89661 15.3341 6.74994C14.9564 6.60693 14.7615 6.19178 14.8879 5.81206C14.8869 5.8057 14.8841 5.79446 14.8765 5.77925C14.8604 5.74695 14.7761 5.60439 14.4178 5.46874C14.0596 5.33309 13.9019 5.38404 13.8685 5.39759C13.8528 5.40397 13.8432 5.41054 13.8382 5.4146ZM9.032 12.9912C9.39109 12.9721 9.67224 13.2642 9.69072 13.6111C9.71588 14.0747 9.7415 14.5382 9.76856 15.0016C9.81412 15.782 9.87062 16.6895 9.91555 17.2239C9.98125 18.0053 10.0742 18.693 10.1161 18.9847C10.1701 19.3602 10.074 19.7752 9.6166 19.8464C9.17393 19.9154 8.93368 19.5441 8.87883 19.1625C8.83468 18.8554 8.73864 18.1456 8.66995 17.3287C8.62347 16.7759 8.56612 15.8528 8.52068 15.0745C8.4935 14.609 8.46777 14.1434 8.44249 13.6778C8.42412 13.333 8.67585 13.01 9.032 12.9912ZM16.0647 13.6483C16.083 13.3036 15.8183 13.0094 15.4736 12.9912C15.1289 12.9729 14.8347 13.238 14.8164 13.5827L14.8164 13.584C14.7907 14.0566 14.7647 14.5292 14.7371 15.0016C14.6915 15.782 14.635 16.6895 14.5901 17.2239C14.5463 17.7451 14.4905 18.2237 14.4456 18.5723C14.4215 18.7593 14.3965 18.9464 14.3676 19.1328C14.3145 19.4738 14.548 19.7933 14.889 19.8464C15.2301 19.8995 15.5496 19.666 15.6027 19.325L15.6029 19.324C15.6333 19.1271 15.6599 18.9296 15.6853 18.732C15.7318 18.3708 15.7899 17.8731 15.8357 17.3287C15.8822 16.7759 15.9395 15.8528 15.9849 15.0745C16.0127 14.5998 16.0389 14.1251 16.0646 13.6503L16.0647 13.6483ZM12.9954 14.4678C12.9954 14.1226 12.7156 13.8428 12.3704 13.8428C12.0253 13.8428 11.7454 14.1226 11.7454 14.4678L11.7454 19.3657C11.7454 19.7109 12.0253 19.9907 12.3704 19.9907C12.7156 19.9907 12.9954 19.7109 12.9954 19.3657L12.9954 14.4678ZM8.34005 10.25C8.61619 10.25 8.84005 10.0261 8.84005 9.75C8.84005 9.47386 8.61619 9.25 8.34005 9.25C8.06391 9.25 7.84005 9.47386 7.84005 9.75C7.84005 10.0261 8.06391 10.25 8.34005 10.25ZM8.34005 10.75C8.89233 10.75 9.34005 10.3023 9.34005 9.75C9.34005 9.19772 8.89233 8.75 8.34005 8.75C7.78777 8.75 7.34005 9.19772 7.34005 9.75C7.34005 10.3023 7.78777 10.75 8.34005 10.75ZM11.4369 10.75C11.713 10.75 11.9369 10.5261 11.9369 10.25C11.9369 9.97386 11.713 9.75 11.4369 9.75C11.1607 9.75 10.9369 9.97386 10.9369 10.25C10.9369 10.5261 11.1607 10.75 11.4369 10.75ZM11.4369 11.25C11.9891 11.25 12.4369 10.8023 12.4369 10.25C12.4369 9.69772 11.9891 9.25 11.4369 9.25C10.8846 9.25 10.4369 9.69772 10.4369 10.25C10.4369 10.8023 10.8846 11.25 11.4369 11.25Z"
694
-
fill="currentColor"
695
-
/>
696
-
</svg>
697
-
);
698
-
};
699
-
700
-
// TINY ICONS 16x16
701
-
702
-
export const AddTiny = (props: Props) => {
703
-
return (
704
-
<svg
705
-
width="16"
706
-
height="16"
707
-
viewBox="0 0 16 16"
708
-
fill="none"
709
-
xmlns="http://www.w3.org/2000/svg"
710
-
{...props}
711
-
>
712
-
<path
713
-
fillRule="evenodd"
714
-
clipRule="evenodd"
715
-
d="M8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0ZM7.99994 13.7018C7.44766 13.7018 6.99994 13.2541 6.99994 12.7018V9H3.29821C2.74592 9 2.29821 8.55228 2.29821 8C2.29821 7.44771 2.74592 7 3.29821 7H6.99994V3.29821C6.99994 2.74592 7.44766 2.29821 7.99994 2.29821C8.55223 2.29821 8.99994 2.74592 8.99994 3.29821V7H12.7018C13.2541 7 13.7018 7.44772 13.7018 8C13.7018 8.55228 13.2541 9 12.7018 9H8.99994V12.7018C8.99994 13.2541 8.55223 13.7018 7.99994 13.7018Z"
716
-
fill="currentColor"
717
-
/>
718
-
</svg>
719
-
);
720
-
};
721
-
export const ArrowRightTiny = (props: Props) => {
722
-
return (
723
-
<svg
724
-
width="16"
725
-
height="16"
726
-
viewBox="0 0 16 16"
727
-
fill="none"
728
-
xmlns="http://www.w3.org/2000/svg"
729
-
{...props}
730
-
>
731
-
<path
732
-
fillRule="evenodd"
733
-
clipRule="evenodd"
734
-
d="M7.05487 2.30299L12.4568 8L7.05487 13.697C6.6718 14.101 6.05073 14.101 5.66767 13.697C5.2846 13.293 5.2846 12.638 5.66767 12.234L9.68238 8L5.66767 3.76597C5.2846 3.36198 5.2846 2.70698 5.66767 2.30299C6.05073 1.899 6.6718 1.899 7.05487 2.30299Z"
735
-
fill="currentColor"
736
-
/>
737
-
</svg>
738
-
);
739
-
};
740
-
741
-
export const ArrowDownTiny = (props: Props) => {
742
-
return (
743
-
<svg
744
-
width="16"
745
-
height="16"
746
-
viewBox="0 0 16 16"
747
-
fill="none"
748
-
xmlns="http://www.w3.org/2000/svg"
749
-
{...props}
750
-
>
751
-
<path
752
-
fillRule="evenodd"
753
-
clipRule="evenodd"
754
-
d="M13.697 7.05487L8 12.4568L2.30299 7.05487C1.899 6.6718 1.899 6.05073 2.30299 5.66767C2.70698 5.2846 3.36198 5.2846 3.76597 5.66767L8 9.68238L12.234 5.66767C12.638 5.2846 13.293 5.2846 13.697 5.66767C14.101 6.05073 14.101 6.6718 13.697 7.05487Z"
755
-
fill="currentColor"
756
-
/>
757
-
</svg>
758
-
);
759
-
};
760
-
761
-
export const BlueskyTiny = (props: Props) => {
762
-
return (
763
-
<svg
764
-
width="16"
765
-
height="16"
766
-
viewBox="0 0 512 512"
767
-
fill="none"
768
-
xmlns="http://www.w3.org/2000/svg"
769
-
{...props}
770
-
>
771
-
<path
772
-
fillRule="evenodd"
773
-
clipRule="evenodd"
774
-
d="M111.8 62.2C170.2 105.9 233 194.7 256 242.4c23-47.6 85.8-136.4 144.2-180.2c42.1-31.6 110.3-56 110.3 21.8c0 15.5-8.9 130.5-14.1 149.2C478.2 298 412 314.6 353.1 304.5c102.9 17.5 129.1 75.5 72.5 133.5c-107.4 110.2-154.3-27.6-166.3-62.9l0 0c-1.7-4.9-2.6-7.8-3.3-7.8s-1.6 3-3.3 7.8l0 0c-12 35.3-59 173.1-166.3 62.9c-56.5-58-30.4-116 72.5-133.5C100 314.6 33.8 298 15.7 233.1C10.4 214.4 1.5 99.4 1.5 83.9c0-77.8 68.2-53.4 110.3-21.8z"
775
-
fill="currentColor"
776
-
/>
777
-
</svg>
778
-
);
779
-
};
780
-
781
-
export const CheckTiny = (props: Props) => {
782
-
return (
783
-
<svg
784
-
width="16"
785
-
height="16"
786
-
viewBox="0 0 16 16"
787
-
fill="none"
788
-
xmlns="http://www.w3.org/2000/svg"
789
-
{...props}
790
-
>
791
-
<path
792
-
fillRule="evenodd"
793
-
clipRule="evenodd"
794
-
d="M14.7921 2.03304C15.3262 2.4705 15.4045 3.25808 14.967 3.79213L6.7757 13.7921C6.55723 14.0588 6.2383 14.2235 5.89434 14.2471C5.55039 14.2707 5.21195 14.1512 4.95907 13.9169L1.15037 10.3874C0.644007 9.91821 0.613911 9.12732 1.08315 8.62096C1.55239 8.11459 2.34327 8.0845 2.84964 8.55374L5.68371 11.18L13.033 2.20794C13.4705 1.67388 14.258 1.59558 14.7921 2.03304Z"
795
-
fill="currentColor"
796
-
/>
797
-
</svg>
798
-
);
799
-
};
800
-
801
-
export const CheckboxEmpty = (props: Props) => {
802
-
return (
803
-
<svg
804
-
width="12"
805
-
height="12"
806
-
viewBox="0 0 12 12"
807
-
fill="none"
808
-
xmlns="http://www.w3.org/2000/svg"
809
-
{...props}
810
-
>
811
-
<path
812
-
fillRule="evenodd"
813
-
clipRule="evenodd"
814
-
d="M0 1.875C0 0.839466 0.839466 0 1.875 0H10.125C11.1605 0 12 0.839466 12 1.875V10.125C12 11.1605 11.1605 12 10.125 12H1.875C0.839466 12 0 11.1605 0 10.125V1.875ZM1.875 1.25C1.52982 1.25 1.25 1.52982 1.25 1.875V10.125C1.25 10.4702 1.52982 10.75 1.875 10.75H10.125C10.4702 10.75 10.75 10.4702 10.75 10.125V1.875C10.75 1.52982 10.4702 1.25 10.125 1.25H1.875Z"
815
-
fill="currentColor"
816
-
/>
817
-
</svg>
818
-
);
819
-
};
820
-
export const CheckboxChecked = (props: Props) => {
821
-
return (
822
-
<svg
823
-
width="12"
824
-
height="12"
825
-
viewBox="0 0 12 12"
826
-
fill="none"
827
-
xmlns="http://www.w3.org/2000/svg"
828
-
{...props}
829
-
>
830
-
<path
831
-
fillRule="evenodd"
832
-
clipRule="evenodd"
833
-
d="M2 0C0.895431 0 0 0.89543 0 2V10C0 11.1046 0.89543 12 2 12H10C11.1046 12 12 11.1046 12 10V2C12 0.895431 11.1046 0 10 0H2ZM10.4554 3.95353C10.7769 3.59277 10.7451 3.03966 10.3843 2.71813C10.0236 2.3966 9.47046 2.4284 9.14893 2.78916L5.03209 7.40828L3.28982 5.92642C2.92171 5.61333 2.36949 5.65793 2.0564 6.02604C1.74331 6.39415 1.78791 6.94637 2.15602 7.25946L4.54955 9.29524C4.91165 9.60322 5.45339 9.56577 5.76966 9.21091L10.4554 3.95353Z"
834
-
fill="currentColor"
835
-
/>
836
-
</svg>
837
-
);
838
-
};
839
-
840
-
export const CommentTiny = (props: Props) => {
841
-
return (
842
-
<svg
843
-
width="16"
844
-
height="16"
845
-
viewBox="0 0 16 16"
846
-
fill="none"
847
-
xmlns="http://www.w3.org/2000/svg"
848
-
{...props}
849
-
>
850
-
<path
851
-
fillRule="evenodd"
852
-
clipRule="evenodd"
853
-
d="M13.2729 2.64811C12.2701 1.70568 10.6421 1.18237 8.1478 1.18237C6.39426 1.18237 4.77702 1.50266 3.59413 2.35686C2.40039 3.2189 1.67651 4.60444 1.67651 6.66696C1.67651 7.88721 2.1903 9.10636 3.31693 10.0167C4.44114 10.9251 6.16141 11.5153 8.56098 11.5153C9.08508 11.5153 9.60084 11.4629 10.0969 11.3613C10.5398 11.6928 11.083 12.0262 11.6403 12.2074C12.7152 12.5567 13.7185 12.3275 14.1019 12.1609C14.1019 12.1609 14.2711 12.1295 14.2741 11.8717C14.2766 11.6522 14.1019 11.5896 14.1019 11.5896C13.926 11.5083 13.6469 11.1801 13.5349 10.8816L13.5248 10.8546C13.3259 10.3243 13.2725 10.182 13.2725 9.65473C14.1019 9.1196 14.6191 8.12643 14.6191 6.45488C14.6191 4.92613 14.2789 3.59362 13.2729 2.64811ZM8.93574 3.76256L8.70323 5.91493L10.9354 5.30957L11.0981 6.34091L8.95899 6.50907L10.3425 8.28028L9.34264 8.80716L8.35446 6.84537L7.45928 8.80716L6.42459 8.28028L7.7848 6.50907L5.66892 6.34091L5.83168 5.30957L8.04056 5.91493L7.79642 3.76256H8.93574ZM1.97489 11.1316C1.78179 10.9342 1.78529 10.6176 1.98269 10.4246C2.18009 10.2315 2.49666 10.2349 2.68975 10.4324C3.92379 11.6939 5.73209 12.3694 8.36317 12.3694C8.83898 12.3694 9.30531 12.3214 9.7503 12.2291L9.96768 12.1841L10.1469 12.3151C10.5457 12.6067 11.0144 12.883 11.4665 13.0234C12.3294 13.2916 13.2154 13.2513 13.9249 13.0246C14.1879 12.9406 14.4693 13.0857 14.5533 13.3488C14.6374 13.6118 14.4923 13.8932 14.2292 13.9772C13.3347 14.263 12.2387 14.3105 11.1698 13.9784C10.6483 13.8164 10.1492 13.5339 9.73648 13.25C9.29041 13.3289 8.82988 13.3694 8.36317 13.3694C5.56006 13.3694 3.45551 12.6453 1.97489 11.1316Z"
854
-
fill="currentColor"
855
-
/>
856
-
</svg>
857
-
);
858
-
};
859
-
export const RadioEmpty = (props: Props) => {
860
-
return (
861
-
<svg
862
-
width="12"
863
-
height="12"
864
-
viewBox="0 0 12 12"
865
-
fill="none"
866
-
xmlns="http://www.w3.org/2000/svg"
867
-
{...props}
868
-
>
869
-
<path
870
-
fillRule="evenodd"
871
-
clipRule="evenodd"
872
-
d="M6 11C8.76142 11 11 8.76142 11 6C11 3.23858 8.76142 1 6 1C3.23858 1 1 3.23858 1 6C1 8.76142 3.23858 11 6 11ZM6 12C9.31371 12 12 9.31371 12 6C12 2.68629 9.31371 0 6 0C2.68629 0 0 2.68629 0 6C0 9.31371 2.68629 12 6 12Z"
873
-
fill="currentColor"
874
-
/>
875
-
</svg>
876
-
);
877
-
};
878
-
879
-
export const RadioChecked = (props: Props) => {
880
-
return (
881
-
<svg
882
-
width="12"
883
-
height="12"
884
-
viewBox="0 0 12 12"
885
-
fill="none"
886
-
xmlns="http://www.w3.org/2000/svg"
887
-
{...props}
888
-
>
889
-
<path
890
-
fillRule="evenodd"
891
-
clipRule="evenodd"
892
-
d="M6 10.5C8.48528 10.5 10.5 8.48528 10.5 6C10.5 3.51472 8.48528 1.5 6 1.5C3.51472 1.5 1.5 3.51472 1.5 6C1.5 8.48528 3.51472 10.5 6 10.5ZM6 12C9.31371 12 12 9.31371 12 6C12 2.68629 9.31371 0 6 0C2.68629 0 0 2.68629 0 6C0 9.31371 2.68629 12 6 12Z"
893
-
fill="currentColor"
894
-
/>
895
-
<path
896
-
d="M9 6C9 7.65685 7.65685 9 6 9C4.34315 9 3 7.65685 3 6C3 4.34315 4.34315 3 6 3C7.65685 3 9 4.34315 9 6Z"
897
-
fill="currentColor"
898
-
/>
899
-
</svg>
900
-
);
901
-
};
902
-
903
-
export const CloseTiny = (props: Props) => {
904
-
return (
905
-
<svg
906
-
width="16"
907
-
height="16"
908
-
viewBox="0 0 16 16"
909
-
fill="none"
910
-
xmlns="http://www.w3.org/2000/svg"
911
-
{...props}
912
-
>
913
-
<path
914
-
fillRule="evenodd"
915
-
clipRule="evenodd"
916
-
d="M13.8372 4.31196C14.3059 3.84333 14.3059 3.08353 13.8372 2.6149C13.3686 2.14627 12.6088 2.14627 12.1402 2.6149L8.18872 6.56637L4.23725 2.6149C3.76862 2.14627 3.00882 2.14627 2.54019 2.6149C2.07156 3.08353 2.07156 3.84333 2.54019 4.31196L6.49166 8.26343L2.54019 12.2149C2.07156 12.6835 2.07156 13.4433 2.54019 13.912C3.00882 14.3806 3.76862 14.3806 4.23725 13.912L8.18872 9.96048L12.1402 13.912C12.6088 14.3806 13.3686 14.3806 13.8372 13.912C14.3059 13.4433 14.3059 12.6835 13.8372 12.2149L9.88578 8.26343L13.8372 4.31196Z"
917
-
fill="currentColor"
918
-
/>
919
-
</svg>
920
-
);
921
-
};
922
-
923
-
export const LockTiny = (props: Props) => {
924
-
return (
925
-
<svg
926
-
width="16"
927
-
height="16"
928
-
viewBox="0 0 16 16"
929
-
fill="none"
930
-
xmlns="http://www.w3.org/2000/svg"
931
-
{...props}
932
-
>
933
-
<path
934
-
fillRule="evenodd"
935
-
clipRule="evenodd"
936
-
d="M8 1.52121C6.18249 1.52121 4.70911 2.99459 4.70911 4.8121V6.51834H4.67383C3.8454 6.51834 3.17383 7.18992 3.17383 8.01834V11.9686C3.17383 13.3493 4.29312 14.4686 5.67383 14.4686H10.3262C11.7069 14.4686 12.8262 13.3493 12.8262 11.9686V8.01834C12.8262 7.18991 12.1546 6.51834 11.3262 6.51834H11.2909V4.8121C11.2909 2.99459 9.8175 1.52121 8 1.52121ZM9.94088 6.51834V4.8121C9.94088 3.74018 9.07192 2.87121 8 2.87121C6.92807 2.87121 6.05911 3.74018 6.05911 4.8121V6.51834H9.94088ZM8.53274 10.603C8.90769 10.4096 9.16406 10.0186 9.16406 9.56766C9.16406 8.9247 8.64284 8.40347 7.99988 8.40347C7.35692 8.40347 6.83569 8.9247 6.83569 9.56766C6.83569 10.0322 7.10778 10.4332 7.50128 10.62L7.30909 12.3318C7.29246 12.48 7.40842 12.6097 7.55753 12.6097H8.44741C8.59476 12.6097 8.71015 12.4829 8.69631 12.3362L8.53274 10.603Z"
937
-
fill="currentColor"
938
-
/>
939
-
</svg>
940
-
);
941
-
};
942
-
943
-
export const UnlockTiny = (props: Props) => {
944
-
return (
945
-
<svg
946
-
width="16"
947
-
height="16"
948
-
viewBox="0 0 16 16"
949
-
fill="none"
950
-
xmlns="http://www.w3.org/2000/svg"
951
-
{...props}
952
-
>
953
-
<path
954
-
fillRule="evenodd"
955
-
clipRule="evenodd"
956
-
d="M4.70897 3.77456C4.70897 1.95705 6.18235 0.483673 7.99985 0.483673C9.81736 0.483673 11.2907 1.95705 11.2907 3.77456V6.51831H11.3262C12.1546 6.51831 12.8262 7.18988 12.8262 8.01831V11.9686C12.8262 13.3493 11.7069 14.4686 10.3262 14.4686H5.67381C4.2931 14.4686 3.17381 13.3493 3.17381 11.9686V8.01831C3.17381 7.18988 3.84538 6.51831 4.67381 6.51831H9.94074V3.77456C9.94074 2.70264 9.07178 1.83367 7.99985 1.83367C6.92793 1.83367 6.05897 2.70264 6.05897 3.77456V4.81478C6.05897 5.18757 5.75676 5.48978 5.38397 5.48978C5.01117 5.48978 4.70897 5.18757 4.70897 4.81478V3.77456ZM9.16404 9.56763C9.16404 10.0186 8.90767 10.4096 8.53272 10.603L8.69629 12.3362C8.71013 12.4829 8.59475 12.6097 8.4474 12.6097H7.55751C7.4084 12.6097 7.29244 12.48 7.30908 12.3318L7.50126 10.6199C7.10776 10.4332 6.83567 10.0322 6.83567 9.56763C6.83567 8.92467 7.3569 8.40344 7.99986 8.40344C8.64282 8.40344 9.16404 8.92467 9.16404 9.56763ZM2.99672 2.30807C2.78926 2.12583 2.47334 2.14627 2.29109 2.35374C2.10885 2.5612 2.12929 2.87712 2.33675 3.05937L3.30592 3.91072C3.51339 4.09297 3.82931 4.07253 4.01155 3.86506C4.1938 3.6576 4.17335 3.34168 3.96589 3.15943L2.99672 2.30807ZM0.346848 3.98126C0.426769 3.71693 0.705835 3.56744 0.970159 3.64736L2.98538 4.25669C3.24971 4.33661 3.39919 4.61567 3.31927 4.88C3.23935 5.14432 2.96029 5.29381 2.69596 5.21389L0.68074 4.60457C0.416415 4.52465 0.266927 4.24558 0.346848 3.98126ZM1.36125 5.86881C1.08858 5.91246 0.902922 6.16889 0.946575 6.44156C0.990227 6.71423 1.24666 6.89988 1.51933 6.85623L2.79161 6.65255C3.06428 6.6089 3.24993 6.35247 3.20628 6.0798C3.16263 5.80713 2.9062 5.62147 2.63353 5.66512L1.36125 5.86881Z"
957
-
fill="currentColor"
958
-
/>
959
-
</svg>
960
-
);
961
-
};
962
-
963
-
export const LogoTiny = (
964
-
props: Props & { fillColor: string; strokeColor: string },
965
-
) => {
966
-
return (
967
-
<svg
968
-
width="16"
969
-
height="16"
970
-
viewBox="0 0 16 16"
971
-
fill="none"
972
-
xmlns="http://www.w3.org/2000/svg"
973
-
{...props}
974
-
>
975
-
<path
976
-
fillRule="evenodd"
977
-
clipRule="evenodd"
978
-
d="M1.54814 10.9405C1.0522 11.7689 0.599031 12.6698 0.206248 13.6477C-0.100407 14.4112 0.269922 15.2787 1.03339 15.5854C1.79686 15.892 2.66437 15.5217 2.97102 14.7582C3.04866 14.5649 3.12348 14.3745 3.19575 14.1906L3.19643 14.1889C3.47167 13.4885 3.70905 12.8892 3.99623 12.3494C4.31967 12.3319 4.68947 12.3292 5.10646 12.3268L5.15887 12.3265C5.91935 12.3224 6.83557 12.3173 7.62565 12.1574C8.41619 11.9974 9.39452 11.6191 9.82699 10.606C9.94405 10.3317 10.0628 9.92687 9.95882 9.51563C9.99002 9.51559 10.022 9.51558 10.0548 9.51558C10.0723 9.51558 10.0902 9.5156 10.1085 9.51561C10.5257 9.51589 11.1128 9.51628 11.6376 9.37351C12.25 9.20692 12.8939 8.81245 13.1764 7.9815C13.2785 7.68126 13.2974 7.36594 13.2093 7.06794C13.2363 7.06317 13.264 7.05831 13.2924 7.05333C13.3061 7.05094 13.3199 7.04852 13.334 7.04606C13.6926 6.98339 14.1726 6.8995 14.5826 6.74609C14.9815 6.59687 15.637 6.26348 15.8334 5.49943C15.9453 5.06394 15.9336 4.6029 15.6821 4.18653C15.5775 4.01341 15.4445 3.87709 15.3265 3.77657C15.4364 3.63901 15.5762 3.44765 15.6725 3.23652C15.8395 2.87022 15.9257 2.33203 15.584 1.80545C15.1962 1.20781 14.5312 1.10341 14.2022 1.07636C13.8601 1.04823 13.4924 1.07828 13.2282 1.10216C13.1923 1.01426 13.1429 0.921818 13.0746 0.83059C12.7078 0.340692 12.1387 0.299518 11.8185 0.308131C11.1714 0.325533 10.6653 0.61265 10.2994 0.910443C10.1074 1.06673 9.93438 1.24279 9.78489 1.40899C9.48851 1.10217 9.08126 0.951024 8.6776 0.888814C7.89387 0.768032 7.25409 1.29433 6.8028 1.87193C6.24025 2.59193 5.86475 3.42836 5.36805 4.19036C5.19069 4.07498 4.91843 3.94979 4.58264 3.96538C4.02941 3.99108 3.63493 4.36619 3.39712 4.62281C2.98328 5.06939 2.73137 5.76047 2.55212 6.36452C2.35807 7.01847 2.19038 7.79233 2.03285 8.55864C1.93527 9.03328 1.91371 9.25921 2.00819 10.1245C1.71853 10.5914 1.77497 10.5253 1.54814 10.9405Z"
979
-
fill={props.strokeColor}
980
-
/>
981
-
<path
982
-
fillRule="evenodd"
983
-
clipRule="evenodd"
984
-
d="M4.93445 5.12177C5.09637 5.26404 5.28615 5.43077 5.69555 5.28833C5.96324 5.1952 6.30918 4.58845 6.69518 3.91146C7.2594 2.92188 7.90919 1.7822 8.52526 1.87714C9.26838 1.99167 9.22264 2.40306 9.18745 2.71947C9.16277 2.94142 9.14329 3.11663 9.40488 3.1099C9.67134 3.10305 9.93066 2.7899 10.2316 2.4265C10.6473 1.92453 11.1423 1.32667 11.8453 1.30777C12.341 1.29444 12.3331 1.50802 12.3252 1.72461C12.3201 1.86305 12.315 2.00273 12.4413 2.08516C12.5657 2.16637 12.8785 2.138 13.2382 2.10537C13.8147 2.05307 14.5115 1.98986 14.7451 2.34979C14.9504 2.66622 14.6888 2.98072 14.4381 3.28216C14.2257 3.53748 14.0211 3.78344 14.1146 4.01327C14.191 4.20079 14.3476 4.30644 14.5012 4.41C14.7523 4.57938 14.9952 4.74318 14.8648 5.25048C14.727 5.78688 13.8974 5.93215 13.1199 6.06832C12.4685 6.1824 11.8536 6.29008 11.7123 6.61599C11.6238 6.8204 11.7707 6.91558 11.9353 7.02222C12.1321 7.14967 12.3541 7.29348 12.2296 7.65961C11.9386 8.51555 10.9668 8.51557 10.0547 8.51558C9.2719 8.51559 8.53306 8.51561 8.30654 9.05688C8.17575 9.3694 8.37369 9.42457 8.59088 9.4851C8.85674 9.5592 9.15143 9.64133 8.90725 10.2134C8.43997 11.3081 6.69669 11.3179 5.10083 11.3268C4.51568 11.3301 3.95036 11.3333 3.47502 11.3898C3.42076 11.3962 3.37264 11.4274 3.3442 11.474C2.90681 12.1917 2.59659 12.9811 2.2657 13.8231C2.193 14.0081 2.11931 14.1956 2.04305 14.3855C1.94225 14.6365 1.65707 14.7582 1.40608 14.6574C1.1551 14.5566 1.03336 14.2714 1.13417 14.0204C1.50964 13.0857 1.94279 12.2261 2.41642 11.437C3.18939 10.0135 4.71311 8.26715 6.3244 6.95517C7.75809 5.76154 9.12719 4.86812 10.7207 4.19018C10.9201 4.10531 10.8609 3.87205 10.6527 3.93223C9.23943 4.34064 7.99012 5.15072 6.69518 5.9671C5.28673 6.85503 4.10644 8.05578 3.38013 8.92879C3.25207 9.08272 2.97202 8.95614 3.01234 8.76C3.32778 7.22563 3.65334 5.81751 4.13058 5.30252C4.58367 4.81359 4.73871 4.9498 4.93445 5.12177Z"
985
-
fill={props.fillColor}
986
-
/>
987
-
</svg>
988
-
);
989
-
};
990
-
991
-
export const MoreOptionsTiny = (props: Props) => {
992
-
return (
993
-
<svg
994
-
width="16"
995
-
height="8"
996
-
viewBox="0 0 16 8"
997
-
fill="none"
998
-
xmlns="http://www.w3.org/2000/svg"
999
-
{...props}
1000
-
>
1001
-
<path
1002
-
fillRule="evenodd"
1003
-
clipRule="evenodd"
1004
-
d="M4.5 4C4.5 3.17157 3.82843 2.5 3 2.5C2.17157 2.5 1.5 3.17157 1.5 4C1.5 4.82843 2.17157 5.5 3 5.5C3.82843 5.5 4.5 4.82843 4.5 4ZM8 2.5C8.82843 2.5 9.5 3.17157 9.5 4C9.5 4.82843 8.82843 5.5 8 5.5C7.17157 5.5 6.5 4.82843 6.5 4C6.5 3.17157 7.17157 2.5 8 2.5ZM13 2.5C13.8284 2.5 14.5 3.17157 14.5 4C14.5 4.82843 13.8284 5.5 13 5.5C12.1716 5.5 11.5 4.82843 11.5 4C11.5 3.17157 12.1716 2.5 13 2.5Z"
1005
-
fill="currentColor"
1006
-
/>
1007
-
</svg>
1008
-
);
1009
-
};
1010
-
1011
-
export const UndoTiny = (props: Props) => {
1012
-
return (
1013
-
<svg
1014
-
width="16"
1015
-
height="16"
1016
-
viewBox="0 0 16 16"
1017
-
fill="none"
1018
-
xmlns="http://www.w3.org/2000/svg"
1019
-
{...props}
1020
-
>
1021
-
<path
1022
-
fillRule="evenodd"
1023
-
clipRule="evenodd"
1024
-
d="M5.98775 3.14543C6.37828 2.75491 6.37828 2.12174 5.98775 1.73122C5.59723 1.34069 4.96407 1.34069 4.57354 1.73122L1.20732 5.09744C0.816798 5.48796 0.816798 6.12113 1.20732 6.51165L4.57354 9.87787C4.96407 10.2684 5.59723 10.2684 5.98775 9.87787C6.37828 9.48735 6.37828 8.85418 5.98775 8.46366L4.32865 6.80456H9.6299C12.1732 6.80456 13.0856 8.27148 13.0856 9.21676C13.0856 9.84525 12.8932 10.5028 12.5318 10.9786C12.1942 11.4232 11.6948 11.7367 10.9386 11.7367H9.43173C8.87944 11.7367 8.43173 12.1844 8.43173 12.7367C8.43173 13.2889 8.87944 13.7367 9.43173 13.7367H10.9386C12.3587 13.7367 13.4328 13.0991 14.1246 12.1883C14.7926 11.3086 15.0856 10.2062 15.0856 9.21676C15.0856 6.92612 13.0205 4.80456 9.6299 4.80456L4.32863 4.80456L5.98775 3.14543Z"
1025
-
fill="currentColor"
1026
-
/>
1027
-
</svg>
1028
-
);
1029
-
};
1030
-
1031
-
export const RedoTiny = (props: Props) => {
1032
-
return (
1033
-
<svg
1034
-
width="16"
1035
-
height="16"
1036
-
viewBox="0 0 16 16"
1037
-
fill="none"
1038
-
xmlns="http://www.w3.org/2000/svg"
1039
-
{...props}
1040
-
>
1041
-
<path
1042
-
fillRule="evenodd"
1043
-
clipRule="evenodd"
1044
-
d="M10.0122 3.14543C9.62172 2.75491 9.62172 2.12174 10.0122 1.73122C10.4028 1.34069 11.0359 1.34069 11.4265 1.73122L14.7927 5.09744C15.1832 5.48796 15.1832 6.12113 14.7927 6.51165L11.4265 9.87787C11.0359 10.2684 10.4028 10.2684 10.0122 9.87787C9.62172 9.48735 9.62172 8.85418 10.0122 8.46366L11.6713 6.80456H6.3701C3.82678 6.80456 2.91443 8.27148 2.91443 9.21676C2.91443 9.84525 3.10681 10.5028 3.46817 10.9786C3.8058 11.4232 4.30523 11.7367 5.06143 11.7367H6.56827C7.12056 11.7367 7.56827 12.1844 7.56827 12.7367C7.56827 13.2889 7.12056 13.7367 6.56827 13.7367H5.06143C3.6413 13.7367 2.56723 13.0991 1.87544 12.1883C1.20738 11.3086 0.914429 10.2062 0.914429 9.21676C0.914429 6.92612 2.97946 4.80456 6.3701 4.80456L11.6714 4.80456L10.0122 3.14543Z"
1045
-
fill="currentColor"
1046
-
/>
1047
-
</svg>
1048
-
);
1049
-
};
1050
-
1051
-
export const SearchTiny = (props: Props) => {
1052
-
return (
1053
-
<svg
1054
-
width="16"
1055
-
height="16"
1056
-
viewBox="0 0 16 16"
1057
-
fill="none"
1058
-
xmlns="http://www.w3.org/2000/svg"
1059
-
{...props}
1060
-
>
1061
-
<path
1062
-
fillRule="evenodd"
1063
-
clipRule="evenodd"
1064
-
d="M2.95685 7.38903C2.5496 5.40568 3.7763 3.51814 5.64053 3.13535C7.50476 2.75255 9.37599 4.00398 9.78324 5.98733C10.1905 7.97069 8.9638 9.85822 7.09957 10.241C5.23534 10.6238 3.36411 9.37239 2.95685 7.38903ZM5.36899 1.81294C2.73276 2.35425 1.08592 4.98923 1.63444 7.66057C2.18297 10.3319 4.73488 12.1047 7.37111 11.5634C8.07196 11.4195 8.70288 11.1276 9.24122 10.7264L13.1848 13.9403C13.613 14.2892 14.2429 14.225 14.5918 13.7969C14.9407 13.3688 14.8764 12.7389 14.4483 12.39L10.5619 9.2227C11.1395 8.20102 11.3616 6.96237 11.1057 5.7158C10.5571 3.04445 8.00522 1.27163 5.36899 1.81294ZM4.83423 6.30333C5.22704 6.22267 5.48009 5.83885 5.39944 5.44604C5.31878 5.05322 4.93496 4.80017 4.54214 4.88083C4.14933 4.96149 3.89628 5.34531 3.97694 5.73812C4.0576 6.13094 4.44142 6.38399 4.83423 6.30333ZM5.22415 7.40592C5.1635 7.06611 4.83887 6.83981 4.49906 6.90045C4.15925 6.9611 3.93295 7.28573 3.99359 7.62554C4.1788 8.66325 5.33436 9.59619 6.85483 9.38256C7.19665 9.33454 7.43481 9.0185 7.38679 8.67668C7.33876 8.33486 7.02273 8.09669 6.68091 8.14472C5.74535 8.27617 5.27738 7.70416 5.22415 7.40592Z"
1065
-
fill="currentColor"
1066
-
/>
1067
-
</svg>
1068
-
);
1069
-
};
1070
-
1071
-
// Text Toolbar Icons h:24px, w: variable
1072
-
1073
-
export const BoldSmall = (props: Props) => {
1074
-
return (
1075
-
<svg
1076
-
width="24"
1077
-
height="24"
1078
-
viewBox="0 0 24 24"
1079
-
fill="none"
1080
-
xmlns="http://www.w3.org/2000/svg"
1081
-
{...props}
1082
-
>
1083
-
<path
1084
-
fillRule="evenodd"
1085
-
clipRule="evenodd"
1086
-
d="M7.50664 19.6364L7.50448 19.6364H6.2C6.08954 19.6364 6 19.5468 6 19.4364V17.836C6 17.7255 6.08954 17.636 6.2 17.636H7.30664V6.00037H6.2C6.08954 6.00037 6 5.91082 6 5.80037V4.2C6 4.08954 6.08954 4 6.2 4H7.50664H10.1779H13.0328C14.1425 4 14.9085 4.18324 15.6364 4.54972C16.3642 4.9111 16.9089 5.40228 17.2702 6.02326C17.6316 6.63915 17.8123 7.23894 17.8123 8.01261C17.8123 8.66413 17.6927 9.07855 17.4535 9.52647C17.3043 9.80578 17.0377 10.2195 16.6682 10.5116C16.3158 10.7902 15.8543 11.0303 15.3972 11.1579C15.3583 11.1688 15.331 11.2039 15.331 11.2442C15.331 11.2913 15.3679 11.33 15.4149 11.3337C15.9048 11.3723 16.3832 11.5385 16.8503 11.8322C17.3491 12.1376 17.7614 12.5728 18.0872 13.1378C18.4129 13.7028 18.5758 14.6202 18.5758 15.4295C18.5758 16.2286 18.3875 16.9463 18.0108 17.5826C17.6393 18.2137 17.0641 18.7151 16.2853 19.0866C15.5066 19.4531 14.5115 19.6364 13.3001 19.6364H7.50664ZM9.66584 17.4131C9.66584 17.5236 9.75538 17.6131 9.86584 17.6131H13.071C14.201 17.6131 15.0103 17.3942 15.4989 16.9565C15.9876 16.5188 16.2319 15.9716 16.2319 15.315C16.2319 14.8213 16.1072 14.138 15.8578 13.7257C15.6084 13.3134 15.2521 12.9851 14.7889 12.7408C14.3308 12.4965 13.7862 12.3743 13.155 12.3743H9.86584C9.75538 12.3743 9.66584 12.4638 9.66584 12.5743V17.4131ZM9.66584 10.3343C9.66584 10.4447 9.75538 10.5343 9.86584 10.5343H12.8267C13.3561 10.5343 13.6793 10.4325 14.1017 10.2289C14.5293 10.0253 14.8678 9.74025 15.1172 9.37377C15.3717 9.0022 15.4989 8.69976 15.4989 8.19585C15.4989 7.54943 15.2724 7.10233 14.8194 6.6646C14.3664 6.22686 13.8243 6.00799 12.8878 6.00799H9.86584C9.75538 6.00799 9.66584 6.09753 9.66584 6.20799V10.3343Z"
1087
-
fill="currentColor"
1088
-
/>
1089
-
</svg>
1090
-
);
1091
-
};
1092
-
1093
-
export const CopySmall = (props: Props) => {
1094
-
return (
1095
-
<svg
1096
-
width="24"
1097
-
height="24"
1098
-
viewBox="0 0 24 24"
1099
-
fill="none"
1100
-
xmlns="http://www.w3.org/2000/svg"
1101
-
{...props}
1102
-
>
1103
-
<path
1104
-
fillRule="evenodd"
1105
-
clipRule="evenodd"
1106
-
d="M8.03036 3.85044C8.19103 2.68789 9.26372 1.87571 10.4263 2.03638L19.0781 3.23213C20.2406 3.39281 21.0528 4.4655 20.8921 5.62805L19.2931 17.1976C19.1324 18.3602 18.0598 19.1724 16.8972 19.0117L16.8768 19.0089L17.9581 11.1853C18.0399 10.5931 17.8827 9.99263 17.5212 9.51651L14.5554 5.61099C14.1951 5.13664 13.6615 4.82447 13.0715 4.74292L8.00381 4.04252L8.03036 3.85044ZM5.97171 6.80481C6.03787 6.32611 6.47957 5.99168 6.95827 6.05784L12.2718 6.79222C12.4984 6.82354 12.7038 6.94239 12.8439 7.12329L15.5846 10.6629C15.7287 10.849 15.7917 11.0853 15.7595 11.3184L14.5626 19.9785C14.4964 20.4572 14.0547 20.7916 13.576 20.7255L5.09311 19.5531C4.61441 19.4869 4.27998 19.0452 4.34614 18.5665L5.97171 6.80481ZM7.1294 4.81961C5.96685 4.65894 4.89416 5.47112 4.73348 6.63368L3.10791 18.3954C2.94724 19.5579 3.75942 20.6306 4.92198 20.7913L13.4049 21.9637C14.5675 22.1244 15.6402 21.3122 15.8008 20.1496L16.9977 11.4896C17.076 10.9234 16.9229 10.3496 16.5729 9.89767L13.8322 6.35801C13.492 5.91868 12.9933 5.63006 12.4429 5.55399L7.1294 4.81961ZM12.2721 8.02572C12.3193 7.6838 12.0805 7.3683 11.7385 7.32104C11.3966 7.27379 11.0811 7.51266 11.0339 7.85459L10.7715 9.75307C10.6297 10.7789 11.3463 11.7253 12.3721 11.8671L14.455 12.155C14.797 12.2022 15.1125 11.9634 15.1597 11.6214C15.207 11.2795 14.9681 10.964 14.6262 10.9168L12.5433 10.6289C12.2013 10.5816 11.9624 10.2661 12.0097 9.9242L12.2721 8.02572ZM5.99683 14.2097C6.05354 13.7994 6.43214 13.5128 6.84245 13.5695L10.0055 14.0066C10.4158 14.0633 10.7024 14.4419 10.6457 14.8523C10.589 15.2626 10.2104 15.5492 9.80011 15.4925L6.63709 15.0554C6.22678 14.9986 5.94012 14.62 5.99683 14.2097ZM6.47584 16.2222C6.06553 16.1655 5.68693 16.4521 5.63022 16.8624C5.57352 17.2728 5.86017 17.6514 6.27048 17.7081L12.8109 18.612C13.2212 18.6687 13.5998 18.3821 13.6565 17.9717C13.7132 17.5614 13.4266 17.1828 13.0163 17.1261L6.47584 16.2222Z"
1107
-
fill="currentColor"
1108
-
/>
1109
-
</svg>
1110
-
);
1111
-
};
1112
-
1113
-
export const ItalicSmall = (props: Props) => {
1114
-
return (
1115
-
<svg
1116
-
width="24"
1117
-
height="24"
1118
-
viewBox="0 0 24 24"
1119
-
fill="none"
1120
-
xmlns="http://www.w3.org/2000/svg"
1121
-
{...props}
1122
-
>
1123
-
<path
1124
-
d="M16.5405 4.29297H8.94642C8.84899 4.29297 8.76575 4.36316 8.74929 4.45919L8.47218 6.07615C8.45124 6.19833 8.54535 6.30993 8.66931 6.30993H11.1682C11.2917 6.30993 11.3856 6.42064 11.3656 6.54243L9.55711 17.5225C9.5412 17.6191 9.45768 17.69 9.35977 17.69H6.73484C6.63743 17.69 6.55419 17.7602 6.53772 17.8562L6.26156 19.4656C6.24059 19.5877 6.3347 19.6994 6.45868 19.6994H14.0711C14.1686 19.6994 14.2519 19.6291 14.2682 19.5329L14.542 17.9236C14.5628 17.8014 14.4687 17.69 14.3449 17.69H11.8282C11.7047 17.69 11.6107 17.5792 11.6308 17.4574L13.445 6.47733C13.4609 6.38076 13.5444 6.30993 13.6423 6.30993H16.2664C16.364 6.30993 16.4473 6.23954 16.4636 6.14335L16.7377 4.52639C16.7584 4.40432 16.6643 4.29297 16.5405 4.29297Z"
1125
-
fill="currentColor"
1126
-
/>
1127
-
</svg>
1128
-
);
1129
-
};
1130
-
1131
-
export const StrikethroughSmall = (props: Props) => {
1132
-
return (
1133
-
<svg
1134
-
width="24"
1135
-
height="24"
1136
-
viewBox="0 0 24 24"
1137
-
fill="none"
1138
-
xmlns="http://www.w3.org/2000/svg"
1139
-
{...props}
1140
-
>
1141
-
<path
1142
-
fillRule="evenodd"
1143
-
clipRule="evenodd"
1144
-
d="M14.766 7.54791C14.5981 7.14401 14.3193 6.81106 13.9296 6.54904C13.3392 6.14693 12.596 5.94588 11.7002 5.94588C11.0588 5.94588 10.504 6.04768 10.0358 6.25128C9.56749 6.44978 9.20356 6.72464 8.94397 7.07585C8.68947 7.42197 8.56222 7.81644 8.56222 8.25927C8.56222 8.63083 8.64875 8.9515 8.82181 9.22127C8.99996 9.49104 9.23155 9.71754 9.51659 9.90078C9.80672 10.0789 10.1172 10.2291 10.4481 10.3512C10.7789 10.4683 11.097 10.565 11.4024 10.6414L11.7916 10.7426H19.1828C19.2933 10.7426 19.3828 10.8321 19.3828 10.9426V12.2426C19.3828 12.353 19.2933 12.4426 19.1828 12.4426H4.2C4.08954 12.4426 4 12.353 4 12.2426V10.9426C4 10.8321 4.08954 10.7426 4.2 10.7426H7.02679C6.4827 10.1204 6.21066 9.33845 6.21066 8.3967C6.21066 7.49577 6.45498 6.70937 6.94361 6.0375C7.43225 5.36562 8.09394 4.8439 8.9287 4.47233C9.76345 4.09568 10.7051 3.90735 11.7536 3.90735C12.8123 3.90735 13.7463 4.09313 14.5557 4.4647C15.37 4.83627 16.0114 5.34781 16.4797 5.99932C16.6189 6.19157 16.7384 6.39238 16.838 6.60174C17.1675 7.34647 16.7266 7.9669 16.2546 8.14575C15.7343 8.34291 15.0571 8.17629 14.766 7.54791ZM17.0153 13.9178C17.0957 13.9178 17.1689 13.9658 17.197 14.0412C17.3499 14.452 17.4264 14.9169 17.4264 15.4361C17.4264 16.3218 17.1973 17.1082 16.7392 17.7953C16.2862 18.4825 15.6271 19.0245 14.7618 19.4216C13.9016 19.8186 12.8607 20.0171 11.6391 20.0171C10.4684 20.0171 9.45551 19.8313 8.60039 19.4597C7.74528 19.0882 7.07595 18.5613 6.59241 17.8793C6.40641 17.615 6.25242 17.3318 6.13043 17.0299C5.85043 16.3373 6.2981 15.6726 6.89251 15.4915C7.42606 15.329 8.08749 15.585 8.32635 16.2052C8.41821 16.4437 8.54519 16.6582 8.70728 16.8486C9.03304 17.2201 9.44787 17.4975 9.95178 17.6808C10.4608 17.8589 11.0181 17.948 11.6238 17.948C12.2906 17.948 12.8836 17.8437 13.4028 17.635C13.927 17.4212 14.3393 17.126 14.6396 16.7493C14.9399 16.3676 15.0901 15.9222 15.0901 15.4132C15.0901 14.95 14.9578 14.5708 14.6931 14.2756C14.6436 14.2193 14.5906 14.1649 14.5343 14.1123C14.4636 14.0463 14.5077 13.9178 14.6044 13.9178H17.0153Z"
1145
-
fill="currentColor"
1146
-
/>
1147
-
</svg>
1148
-
);
1149
-
};
1150
-
1151
-
export const UnderlineSmall = (props: Props) => {
1152
-
return (
1153
-
<svg
1154
-
width="24"
1155
-
height="24"
1156
-
viewBox="0 0 24 24"
1157
-
fill="none"
1158
-
xmlns="http://www.w3.org/2000/svg"
1159
-
{...props}
1160
-
>
1161
-
<path
1162
-
fillRule="evenodd"
1163
-
clipRule="evenodd"
1164
-
d="M17.363 4.61699C17.363 4.50654 17.2734 4.41699 17.163 4.41699H15.5193C15.4088 4.41699 15.3193 4.50653 15.3193 4.61699V12.2917C15.3193 12.9026 15.1852 13.4454 14.9171 13.9201C14.6534 14.3948 14.2711 14.7684 13.77 15.0408C13.2734 15.3089 12.6822 15.443 11.9966 15.443C11.3154 15.443 10.7264 15.3089 10.2298 15.0408C9.73316 14.7684 9.34859 14.3948 9.0761 13.9201C8.808 13.4454 8.67395 12.9026 8.67395 12.2917V4.61699C8.67395 4.50654 8.58441 4.41699 8.47395 4.41699H6.83684C6.72638 4.41699 6.63684 4.50654 6.63684 4.61699V12.4565C6.63684 13.4015 6.85879 14.2387 7.30269 14.9683C7.74659 15.6935 8.37069 16.2649 9.17499 16.6824C9.97928 17.0955 10.9198 17.3021 11.9966 17.3021C13.0778 17.3021 14.0205 17.0955 14.8248 16.6824C15.6291 16.2649 16.2532 15.6935 16.6971 14.9683C17.141 14.2387 17.363 13.4015 17.363 12.4565V4.61699ZM5.88525 19.8021C5.88525 19.9126 5.9748 20.0021 6.08525 20.0021H17.915C18.0254 20.0021 18.115 19.9126 18.115 19.8021V18.5296C18.115 18.4191 18.0254 18.3296 17.915 18.3296H6.08525C5.9748 18.3296 5.88525 18.4191 5.88525 18.5296V19.8021Z"
1165
-
fill="currentColor"
1166
-
/>
1167
-
</svg>
1168
-
);
1169
-
};
1170
-
1171
-
export const HighlightSmall = (props: { highlightColor: string } & Props) => {
1172
-
let { highlightColor, ...svgProps } = props;
1173
-
return (
1174
-
<svg
1175
-
width="24"
1176
-
height="24"
1177
-
viewBox="0 0 24 24"
1178
-
fill="none"
1179
-
xmlns="http://www.w3.org/2000/svg"
1180
-
{...svgProps}
1181
-
>
1182
-
<path
1183
-
fillRule="evenodd"
1184
-
clipRule="evenodd"
1185
-
d="M20.5 12C20.5 16.6944 16.6944 20.5 12 20.5C7.30558 20.5 3.5 16.6944 3.5 12C3.5 7.93802 6.34926 4.54153 10.1582 3.70008L9.84791 4.18297C9.77021 4.3039 9.72889 4.44461 9.72888 4.58836L9.72851 10.0094L8.63101 11.7402C8.62242 11.7538 8.61431 11.7675 8.60666 11.7815C8.60016 11.7908 8.59388 11.8004 8.58781 11.8101C8.38051 12.1418 8.46302 12.6162 8.76836 13.1359L7.24363 15.6498C6.74131 16.4779 7.3311 17.5381 8.29965 17.548L11.6224 17.5818C12.2379 17.5881 12.8114 17.2706 13.1328 16.7456L13.4985 16.148C13.9182 16.1939 14.2769 16.1567 14.5378 16.0308C14.6916 15.9756 14.8266 15.8704 14.9178 15.7265L16.0178 13.9918L20.4981 11.8165C20.4994 11.8775 20.5 11.9387 20.5 12ZM20.3169 10.2369L15.1709 12.7355C15.0456 12.7963 14.9397 12.8909 14.8651 13.0086L14.3138 13.878C14.2071 13.7494 14.0889 13.6201 13.9603 13.4913C13.554 13.0742 13.0329 12.6692 12.5492 12.3837C12.4992 12.3542 12.4466 12.3239 12.3919 12.2929C12.0663 12.101 11.7406 11.938 11.4239 11.8053C11.2273 11.719 11.024 11.6386 10.8321 11.5784C10.7486 11.5522 10.6549 11.5258 10.5563 11.505L11.1119 10.6287C11.188 10.5086 11.2285 10.3694 11.2285 10.2272L11.2289 4.80862L12.0696 3.50028C12.4231 3.50311 12.7716 3.52754 13.1136 3.57229C13.0973 3.59203 13.082 3.61297 13.0679 3.63511L12.2981 4.84369C12.2341 4.94402 12.2002 5.06052 12.2002 5.17948V7.82698C12.2002 8.17215 12.48 8.45198 12.8252 8.45198C13.1704 8.45198 13.4502 8.17215 13.4502 7.82698V5.36164L14.1222 4.3067C14.225 4.14534 14.2445 3.95474 14.1919 3.7853C17.2663 4.60351 19.6556 7.10172 20.3169 10.2369ZM22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12ZM12.6338 9.14563C12.979 9.14563 13.2588 9.42545 13.2588 9.77063V10.2416C13.2588 10.5868 12.979 10.8666 12.6338 10.8666C12.2886 10.8666 12.0088 10.5868 12.0088 10.2416V9.77063C12.0088 9.42545 12.2886 9.14563 12.6338 9.14563ZM12.7875 14.4388C12.5032 14.1651 12.1383 13.8821 11.7882 13.6755C11.5214 13.5181 11.1621 13.3284 10.8268 13.1808C10.733 13.1395 10.6444 13.103 10.5629 13.072L8.75514 16.0525L11.6391 16.0819C11.727 16.0828 11.809 16.0374 11.8549 15.9625L12.7875 14.4388Z"
1186
-
fill="currentColor"
1187
-
/>
1188
-
<path
1189
-
fillRule="evenodd"
1190
-
clipRule="evenodd"
1191
-
d="M20.5 12C20.5 16.6944 16.6944 20.5 12 20.5C7.30558 20.5 3.5 16.6944 3.5 12C3.5 7.93801 6.34926 4.54152 10.1582 3.70007L9.84791 4.18296C9.77021 4.30389 9.72889 4.4446 9.72888 4.58835L9.72851 10.0093L8.63101 11.7402C8.62242 11.7537 8.61431 11.7675 8.60666 11.7814C8.60016 11.7908 8.59388 11.8004 8.58781 11.8101C8.38051 12.1418 8.46302 12.6162 8.76836 13.1359L7.24363 15.6498C6.74131 16.4779 7.3311 17.5381 8.29965 17.5479L11.6224 17.5818C12.2379 17.5881 12.8114 17.2705 13.1328 16.7455L13.4985 16.148C13.9182 16.1939 14.2769 16.1567 14.5378 16.0308C14.6916 15.9756 14.8266 15.8704 14.9178 15.7265L16.0178 13.9918L20.4981 11.8164C20.4994 11.8775 20.5 11.9387 20.5 12ZM12.7875 14.4388C12.5032 14.1651 12.1383 13.8821 11.7882 13.6755C11.5214 13.5181 11.1621 13.3284 10.8268 13.1808C10.733 13.1395 10.6444 13.1029 10.5629 13.072L8.75514 16.0525L11.6391 16.0819C11.727 16.0828 11.809 16.0374 11.8549 15.9624L12.7875 14.4388Z"
1192
-
fill={highlightColor}
1193
-
/>
1194
-
</svg>
1195
-
);
1196
-
};
1197
-
1198
-
export const LinkSmall = (props: Props) => {
1199
-
return (
1200
-
<svg
1201
-
width="24"
1202
-
height="24"
1203
-
viewBox="0 0 24 24"
1204
-
fill="none"
1205
-
xmlns="http://www.w3.org/2000/svg"
1206
-
{...props}
1207
-
>
1208
-
<path
1209
-
fillRule="evenodd"
1210
-
clipRule="evenodd"
1211
-
d="M17.8125 3.92454C15.5169 2.52852 12.5243 3.25775 11.1283 5.55333L9.5103 8.21387C8.3889 10.0579 8.63885 12.3517 9.97045 13.9064C10.5675 14.6034 11.225 14.7498 11.7074 14.1675C12.2349 13.5307 11.8609 13.0473 11.5113 12.5952C11.468 12.5392 11.425 12.4838 11.3843 12.4285C10.7201 11.5292 10.6256 10.2815 11.2424 9.26723L12.8604 6.60669C13.6747 5.26772 15.4202 4.84237 16.7592 5.65665C18.0981 6.47092 18.5235 8.21646 17.7092 9.55543L16.0912 12.216C16.1369 12.7333 16.0617 13.4912 15.9517 13.9157C15.7904 14.538 15.6285 14.8863 15.502 15.1586C15.4845 15.1961 15.4678 15.2322 15.4517 15.2674C16.4058 14.8919 17.2495 14.2129 17.8233 13.2693L19.4413 10.6088C20.8373 8.3132 20.1081 5.32057 17.8125 3.92454ZM12.8718 17.7788L14.4898 15.1182C15.6464 13.2164 15.3442 10.836 13.9011 9.28159C13.5008 8.85043 12.8953 8.58987 12.3355 9.18193C11.7653 9.78495 12.2092 10.43 12.576 10.8488C13.2264 11.5914 13.4175 12.98 12.7577 14.0649L11.1397 16.7254C10.3255 18.0644 8.57993 18.4897 7.24096 17.6755C5.902 16.8612 5.47665 15.1156 6.29092 13.7767L7.9089 11.1161C7.90733 11.0611 7.90421 11.0044 7.90091 10.9444C7.88489 10.6535 7.86453 10.2837 7.99595 9.63388C8.15834 8.83095 8.36147 8.43969 8.50523 8.16278C8.52368 8.12724 8.54115 8.09358 8.55743 8.06118C7.59961 8.43591 6.75246 9.11618 6.17679 10.0628L4.55882 12.7233C3.16279 15.0189 3.89203 18.0115 6.18761 19.4076C8.48319 20.8036 11.4758 20.0744 12.8718 17.7788Z"
1212
-
fill="currentColor"
1213
-
/>
1214
-
</svg>
1215
-
);
1216
-
};
1217
-
1218
-
export const Header1Small = (props: Props) => {
1219
-
return (
1220
-
<svg
1221
-
width="32"
1222
-
height="24"
1223
-
viewBox="0 0 32 24"
1224
-
fill="none"
1225
-
xmlns="http://www.w3.org/2000/svg"
1226
-
{...props}
1227
-
>
1228
-
<path
1229
-
fillRule="evenodd"
1230
-
clipRule="evenodd"
1231
-
d="M20.4248 17.3449C20.3246 17.3572 20.2493 17.4423 20.2493 17.5434V19.0583C20.2493 19.1688 20.3388 19.2583 20.4493 19.2583H28.2973C28.4078 19.2583 28.4973 19.1688 28.4973 19.0583V17.5434C28.4973 17.4423 28.422 17.3572 28.3217 17.3449L26.1504 17.0778C26.0502 17.0654 25.9749 16.9803 25.9749 16.8792V4.92194C25.9749 4.79776 25.8629 4.70359 25.7405 4.72491L20.3949 5.6562C20.2992 5.67288 20.2292 5.75601 20.2292 5.85323V7.2876C20.2292 7.39775 20.3183 7.48717 20.4285 7.4876L22.5725 7.49604C22.6827 7.49648 22.7717 7.58589 22.7717 7.69604V16.8792C22.7717 16.9803 22.6964 17.0654 22.5961 17.0778L20.4248 17.3449ZM4.82378 4.71289C4.71332 4.71289 4.62378 4.80243 4.62378 4.91289V19.0583C4.62378 19.1688 4.71332 19.2583 4.82378 19.2583H7.69082C7.80128 19.2583 7.89082 19.1688 7.89082 19.0583V13.5208C7.89082 13.4104 7.98037 13.3208 8.09082 13.3208H13.7065C13.8169 13.3208 13.9065 13.4104 13.9065 13.5208V19.0583C13.9065 19.1688 13.996 19.2583 14.1065 19.2583H16.9735C17.084 19.2583 17.1735 19.1688 17.1735 19.0583V4.91289C17.1735 4.80243 17.084 4.71289 16.9735 4.71289H14.1065C13.996 4.71289 13.9065 4.80243 13.9065 4.91289V10.4433C13.9065 10.5537 13.8169 10.6433 13.7065 10.6433H8.09082C7.98037 10.6433 7.89082 10.5537 7.89082 10.4433V4.91289C7.89082 4.80243 7.80128 4.71289 7.69082 4.71289H4.82378Z"
1232
-
fill="currentColor"
1233
-
/>
1234
-
</svg>
1235
-
);
1236
-
};
1237
-
1238
-
export const Header2Small = (props: Props) => {
1239
-
return (
1240
-
<svg
1241
-
width="32"
1242
-
height="24"
1243
-
viewBox="0 0 32 24"
1244
-
fill="none"
1245
-
xmlns="http://www.w3.org/2000/svg"
1246
-
{...props}
1247
-
>
1248
-
<path
1249
-
fillRule="evenodd"
1250
-
clipRule="evenodd"
1251
-
d="M18.7023 17.4603C18.6687 17.4972 18.6501 17.5452 18.6501 17.5951V18.8315C18.6501 18.942 18.7397 19.0315 18.8501 19.0315H27.6383C27.7488 19.0315 27.8383 18.942 27.8383 18.8315V16.0037C27.8383 15.8933 27.7488 15.8037 27.6383 15.8037H26.1823C26.0793 15.8037 25.9931 15.8819 25.9832 15.9844L25.8754 17.0988C25.8654 17.2013 25.7793 17.2795 25.6763 17.2795H21.5426C21.5266 17.2795 21.5122 17.2698 21.5062 17.2549V17.2549C21.5006 17.2409 21.5036 17.2249 21.5138 17.2138L24.7248 13.7375C25.3215 13.0964 25.8166 12.5125 26.2102 11.9856C26.6101 11.4524 26.9084 10.9382 27.1052 10.4431C27.3083 9.948 27.4099 9.43701 27.4099 8.91016C27.4099 8.13574 27.2321 7.45337 26.8767 6.86304C26.5212 6.27271 26.0166 5.80933 25.3628 5.4729C24.7089 5.13647 23.9282 4.96826 23.0205 4.96826C22.0683 4.96826 21.2463 5.15869 20.5544 5.53955C19.8625 5.92041 19.3325 6.43774 18.9643 7.09155C18.604 7.74257 18.4326 8.47225 18.4499 9.2806C18.4501 9.28749 18.4513 9.29434 18.4534 9.30087V9.30087C18.4629 9.3291 18.4893 9.34814 18.519 9.34814H20.4687C20.5791 9.34814 20.6682 9.25844 20.6727 9.14808C20.7029 8.41863 20.9015 7.84421 21.2685 7.4248C21.6684 6.96777 22.2365 6.73926 22.9729 6.73926C23.6711 6.73926 24.2043 6.95508 24.5725 7.38672C24.947 7.81836 25.1342 8.34839 25.1342 8.97681C25.1342 9.31958 25.0739 9.65918 24.9533 9.99561C24.8391 10.3257 24.6391 10.697 24.3535 11.1096C24.0678 11.5159 23.6743 11.9983 23.1728 12.5569L18.7023 17.4603ZM5.05474 5.21338C4.94428 5.21338 4.85474 5.30292 4.85474 5.41338V18.8316C4.85474 18.942 4.94428 19.0316 5.05474 19.0316H6.73961C6.85007 19.0316 6.93961 18.942 6.93961 18.8316V13.2063C6.93961 13.0959 7.02915 13.0063 7.13961 13.0063H13.6285C13.7389 13.0063 13.8285 13.0959 13.8285 13.2063V18.8316C13.8285 18.942 13.918 19.0316 14.0285 19.0316H15.7201C15.8305 19.0316 15.9201 18.942 15.9201 18.8316V5.41338C15.9201 5.30292 15.8305 5.21338 15.7201 5.21338H14.0285C13.918 5.21338 13.8285 5.30292 13.8285 5.41338V11.0184C13.8285 11.1288 13.7389 11.2184 13.6285 11.2184H7.13961C7.02915 11.2184 6.93961 11.1288 6.93961 11.0184V5.41338C6.93961 5.30292 6.85007 5.21338 6.73961 5.21338H5.05474Z"
1252
-
fill="currentColor"
1253
-
/>
1254
-
</svg>
1255
-
);
1256
-
};
1257
-
1258
-
export const Header3Small = (props: Props) => {
1259
-
return (
1260
-
<svg
1261
-
width="32"
1262
-
height="24"
1263
-
viewBox="0 0 32 24"
1264
-
fill="none"
1265
-
xmlns="http://www.w3.org/2000/svg"
1266
-
{...props}
1267
-
>
1268
-
<path
1269
-
fillRule="evenodd"
1270
-
clipRule="evenodd"
1271
-
d="M19.5185 18.2898C20.1108 18.5796 20.8075 18.7245 21.6087 18.7245C22.4311 18.7245 23.1768 18.5732 23.8459 18.2707C24.5149 17.9638 25.0646 17.5377 25.495 16.9923C25.9297 16.4468 26.1981 15.8182 26.3004 15.1066C26.4283 14.2799 26.294 13.5704 25.8977 12.978C25.5115 12.3903 24.9205 12.0093 24.1247 11.8352C24.1038 11.8306 24.0888 11.8122 24.0888 11.7909V11.7909C24.0888 11.7709 24.102 11.7533 24.1211 11.7475C24.8271 11.5331 25.4214 11.1698 25.9041 10.6577C26.3984 10.1379 26.6967 9.5093 26.799 8.77208C26.8927 8.13714 26.8224 7.55546 26.5881 7.02706C26.3579 6.49865 25.9829 6.07464 25.4631 5.75504C24.9474 5.43544 24.3061 5.27563 23.5391 5.27563C22.8189 5.27563 22.1456 5.42265 21.5192 5.71669C20.8927 6.00646 20.3665 6.41129 19.9403 6.93117C19.5671 7.39115 19.3156 7.91283 19.1858 8.49623C19.159 8.61663 19.2533 8.72734 19.3767 8.72734H20.0434C20.1422 8.72734 20.2254 8.65495 20.2462 8.55835C20.3391 8.12647 20.529 7.74814 20.816 7.42336C21.1442 7.05262 21.5447 6.76711 22.0177 6.56683C22.4908 6.36228 22.9872 6.26001 23.5071 6.26001C24.044 6.26001 24.4915 6.36441 24.8494 6.57322C25.2074 6.77777 25.4631 7.06541 25.6165 7.43615C25.7699 7.80262 25.8104 8.22663 25.7379 8.70816C25.6655 9.23657 25.4694 9.6968 25.1498 10.0888C24.8302 10.4809 24.4275 10.7856 23.9417 11.0029C23.456 11.216 22.9254 11.3225 22.3501 11.3225H21.8463C21.7467 11.3225 21.6622 11.3959 21.6483 11.4946L21.5641 12.0917C21.5471 12.2121 21.6406 12.3197 21.7621 12.3197H22.2479C22.9467 12.3197 23.5305 12.4326 23.9993 12.6584C24.468 12.8843 24.8089 13.1996 25.022 13.6045C25.2351 14.005 25.3033 14.4695 25.2266 14.9979C25.1541 15.5349 24.9453 16.0079 24.6001 16.417C24.2592 16.8261 23.8288 17.1478 23.3089 17.3822C22.7933 17.6123 22.2308 17.7273 21.6214 17.7273C21.0504 17.7273 20.5561 17.6251 20.1385 17.4205C19.7251 17.216 19.414 16.9283 19.2052 16.5576C19.0324 16.2443 18.9508 15.8899 18.9606 15.4944C18.9635 15.3757 18.8717 15.2728 18.753 15.2728H18.0457C17.9449 15.2728 17.8592 15.3478 17.8513 15.4483C17.8037 16.0542 17.9141 16.5944 18.1825 17.069C18.4808 17.5888 18.9261 17.9958 19.5185 18.2898ZM6.51038 5.45459C6.41134 5.45459 6.32722 5.52708 6.31258 5.62504L4.41638 18.3159C4.39832 18.4368 4.49196 18.5455 4.61418 18.5455H5.31548C5.41456 18.5455 5.49871 18.473 5.5133 18.375L6.36379 12.6628C6.37838 12.5648 6.46253 12.4922 6.56161 12.4922H13.6934C13.8156 12.4922 13.9092 12.6008 13.8912 12.7217L13.0583 18.316C13.0403 18.4369 13.1339 18.5455 13.2561 18.5455H13.9512C14.0503 18.5455 14.1344 18.473 14.149 18.3751L16.0452 5.68414C16.0633 5.56326 15.9696 5.45459 15.8474 5.45459H15.1525C15.0534 5.45459 14.9693 5.5271 14.9547 5.62508L14.1043 11.3246C14.0896 11.4226 14.0055 11.4951 13.9064 11.4951H6.77465C6.65244 11.4951 6.5588 11.3864 6.57684 11.2656L7.40962 5.6841C7.42766 5.56323 7.33403 5.45459 7.21181 5.45459H6.51038Z"
1272
-
fill="currentColor"
1273
-
/>
1274
-
</svg>
1275
-
);
1276
-
};
1277
-
1278
-
export const ParagraphSmall = (props: Props) => {
1279
-
return (
1280
-
<svg
1281
-
width="24"
1282
-
height="24"
1283
-
viewBox="0 0 24 24"
1284
-
fill="none"
1285
-
xmlns="http://www.w3.org/2000/svg"
1286
-
{...props}
1287
-
>
1288
-
<path
1289
-
d="M7.56396 18.5455V5.45459H11.9873C13.0142 5.45459 13.8537 5.63996 14.5057 6.0107C15.162 6.37718 15.6478 6.87362 15.9631 7.50004C16.2785 8.12646 16.4361 9.06841 16.4361 9.83971C16.4361 10.611 16.2785 11.5754 15.9631 12.206C15.652 12.8367 15.1705 13.3396 14.5185 13.7146C13.8665 14.0853 13.0313 14.2707 12.0128 14.2707H9.14919V12.8644H11.9617C12.6648 12.8644 13.2294 12.743 13.6556 12.5001C14.0817 12.2572 14.3907 11.929 14.5824 11.5157C14.7785 11.0981 14.8765 10.3639 14.8765 9.83971C14.8765 9.31556 14.7785 8.60374 14.5824 8.19039C14.3907 7.77703 14.0796 7.45317 13.6492 7.21879C13.2188 6.98016 12.6478 6.86084 11.9361 6.86084H9.14919V18.5455H7.56396Z"
1290
-
fill="currentColor"
1291
-
/>
1292
-
</svg>
1293
-
);
1294
-
};
1295
-
1296
-
export const TextSizeSmall = (props: Props) => {
1297
-
return (
1298
-
<svg
1299
-
width="24"
1300
-
height="24"
1301
-
viewBox="0 0 24 24"
1302
-
fill="none"
1303
-
xmlns="http://www.w3.org/2000/svg"
1304
-
{...props}
1305
-
>
1306
-
<path
1307
-
fillRule="evenodd"
1308
-
clipRule="evenodd"
1309
-
d="M14.3435 12.6008C14.4028 12.7825 14.6587 12.7855 14.7222 12.6052L14.8715 12.1816H19.0382L19.8657 14.6444C19.9067 14.7666 20.0212 14.8489 20.15 14.8489H21.6021C21.809 14.8489 21.9538 14.6443 21.885 14.4491L18.2831 4.23212C18.2408 4.11212 18.1274 4.03186 18.0002 4.03186H16.0009C15.8761 4.03186 15.7643 4.10917 15.7203 4.22598L13.5539 9.96923C13.5298 10.0331 13.5282 10.1033 13.5494 10.1682L14.3435 12.6008ZM18.5093 10.6076L17.0588 6.29056C17.0507 6.26644 17.0281 6.25019 17.0027 6.25019C16.9775 6.25019 16.9552 6.26605 16.9468 6.28974L15.4259 10.6076H18.5093ZM4.57075 19.9682C4.69968 19.9682 4.81418 19.8858 4.85518 19.7636L5.98945 16.3815H11.4579L12.5943 19.7637C12.6353 19.8859 12.7498 19.9682 12.8787 19.9682H15.0516C15.2586 19.9682 15.4034 19.7636 15.3346 19.5684L10.4182 5.62298C10.3759 5.50299 10.2625 5.42273 10.1353 5.42273H7.30723C7.17995 5.42273 7.06652 5.50305 7.02425 5.62311L2.11475 19.5686C2.04604 19.7637 2.19084 19.9682 2.39772 19.9682H4.57075ZM10.7468 14.2651L8.79613 8.45953C8.78532 8.42736 8.75517 8.40568 8.72123 8.40568C8.68728 8.40568 8.65712 8.42738 8.64633 8.45957L6.69928 14.2651H10.7468Z"
1310
-
fill="currentColor"
1311
-
/>
1312
-
</svg>
1313
-
);
1314
-
};
1315
-
1316
-
export const AlignLeftSmall = (props: Props) => {
1317
-
return (
1318
-
<svg
1319
-
width="24"
1320
-
height="24"
1321
-
viewBox="0 0 24 24"
1322
-
fill="none"
1323
-
xmlns="http://www.w3.org/2000/svg"
1324
-
{...props}
1325
-
>
1326
-
<path
1327
-
fillRule="evenodd"
1328
-
clipRule="evenodd"
1329
-
d="M3.5 6.19983C3.5 5.64754 3.94772 5.19983 4.5 5.19983H19.6547C20.2069 5.19983 20.6547 5.64754 20.6547 6.19983C20.6547 6.75211 20.2069 7.19983 19.6547 7.19983H4.5C3.94772 7.19983 3.5 6.75211 3.5 6.19983ZM3.5 12C3.5 11.4477 3.94772 11 4.5 11H12.8243C13.3766 11 13.8243 11.4477 13.8243 12C13.8243 12.5523 13.3766 13 12.8243 13H4.5C3.94772 13 3.5 12.5523 3.5 12ZM4.5 16.7999C3.94772 16.7999 3.5 17.2476 3.5 17.7999C3.5 18.3522 3.94772 18.7999 4.5 18.7999H16.1426C16.6949 18.7999 17.1426 18.3522 17.1426 17.7999C17.1426 17.2476 16.6949 16.7999 16.1426 16.7999H4.5Z"
1330
-
fill="currentColor"
1331
-
/>
1332
-
</svg>
1333
-
);
1334
-
};
1335
-
export const AlignCenterSmall = (props: Props) => {
1336
-
return (
1337
-
<svg
1338
-
width="24"
1339
-
height="24"
1340
-
viewBox="0 0 24 24"
1341
-
fill="none"
1342
-
xmlns="http://www.w3.org/2000/svg"
1343
-
{...props}
1344
-
>
1345
-
<path
1346
-
fillRule="evenodd"
1347
-
clipRule="evenodd"
1348
-
d="M3.5 6.19983C3.5 5.64754 3.94772 5.19983 4.5 5.19983H19.6547C20.2069 5.19983 20.6547 5.64754 20.6547 6.19983C20.6547 6.75211 20.2069 7.19983 19.6547 7.19983H4.5C3.94772 7.19983 3.5 6.75211 3.5 6.19983ZM6.91519 12C6.91519 11.4477 7.36291 11 7.91519 11H16.2395C16.7918 11 17.2395 11.4477 17.2395 12C17.2395 12.5523 16.7918 13 16.2395 13H7.91519C7.36291 13 6.91519 12.5523 6.91519 12ZM6.25601 16.7999C5.70373 16.7999 5.25601 17.2476 5.25601 17.7999C5.25601 18.3522 5.70373 18.7999 6.25601 18.7999H17.8987C18.4509 18.7999 18.8987 18.3522 18.8987 17.7999C18.8987 17.2476 18.4509 16.7999 17.8987 16.7999H6.25601Z"
1349
-
fill="currentColor"
1350
-
/>
1351
-
</svg>
1352
-
);
1353
-
};
1354
-
export const AlignRightSmall = (props: Props) => {
1355
-
return (
1356
-
<svg
1357
-
width="24"
1358
-
height="24"
1359
-
viewBox="0 0 24 24"
1360
-
fill="none"
1361
-
xmlns="http://www.w3.org/2000/svg"
1362
-
{...props}
1363
-
>
1364
-
<path
1365
-
fillRule="evenodd"
1366
-
clipRule="evenodd"
1367
-
d="M3.5 6.19983C3.5 5.64754 3.94772 5.19983 4.5 5.19983H19.6547C20.2069 5.19983 20.6547 5.64754 20.6547 6.19983C20.6547 6.75211 20.2069 7.19983 19.6547 7.19983H4.5C3.94772 7.19983 3.5 6.75211 3.5 6.19983ZM10.3304 12C10.3304 11.4477 10.7781 11 11.3304 11H19.6547C20.2069 11 20.6547 11.4477 20.6547 12C20.6547 12.5523 20.2069 13 19.6547 13H11.3304C10.7781 13 10.3304 12.5523 10.3304 12ZM8.01202 16.7999C7.45974 16.7999 7.01202 17.2476 7.01202 17.7999C7.01202 18.3522 7.45974 18.7999 8.01202 18.7999H19.6547C20.2069 18.7999 20.6547 18.3522 20.6547 17.7999C20.6547 17.2476 20.2069 16.7999 19.6547 16.7999H8.01202Z"
1368
-
fill="currentColor"
1369
-
/>
1370
-
</svg>
1371
-
);
1372
-
};
1373
-
export const ImageFullBleedOffSmall = (props: Props) => {
1374
-
return (
1375
-
<svg
1376
-
width="24"
1377
-
height="24"
1378
-
viewBox="0 0 24 24"
1379
-
fill="none"
1380
-
xmlns="http://www.w3.org/2000/svg"
1381
-
{...props}
1382
-
>
1383
-
<path
1384
-
fillRule="evenodd"
1385
-
clipRule="evenodd"
1386
-
d="M1.82922 8.93921C1.41501 8.93921 1.07922 8.60342 1.07922 8.18921V6.18921C1.07922 4.11814 2.75816 2.43921 4.82922 2.43921H6.82922C7.24344 2.43921 7.57922 2.775 7.57922 3.18921C7.57922 3.60342 7.24344 3.93921 6.82922 3.93921L4.82922 3.93921C3.58658 3.93921 2.57922 4.94657 2.57922 6.18921L2.57922 8.18921C2.57922 8.60342 2.24344 8.93921 1.82922 8.93921ZM17.1708 2.43921C16.7566 2.43921 16.4208 2.775 16.4208 3.18921C16.4208 3.60342 16.7566 3.93921 17.1708 3.93921H19.1708C20.4134 3.93921 21.4208 4.94657 21.4208 6.18921V8.18921C21.4208 8.60342 21.7566 8.93921 22.1708 8.93921C22.585 8.93921 22.9208 8.60342 22.9208 8.18921V6.18921C22.9208 4.11814 21.2418 2.43921 19.1708 2.43921H17.1708ZM17.1708 21.5608C16.7566 21.5608 16.4208 21.225 16.4208 20.8108C16.4208 20.3966 16.7566 20.0608 17.1708 20.0608H19.1708C20.4134 20.0608 21.4208 19.0534 21.4208 17.8108V15.8108C21.4208 15.3966 21.7566 15.0608 22.1708 15.0608C22.585 15.0608 22.9208 15.3966 22.9208 15.8108V17.8108C22.9208 19.8819 21.2418 21.5608 19.1708 21.5608H17.1708ZM1.07922 15.8108C1.07922 15.3966 1.41501 15.0608 1.82922 15.0608C2.24344 15.0608 2.57922 15.3966 2.57922 15.8108L2.57922 17.8108C2.57922 19.0534 3.58658 20.0608 4.82922 20.0608H6.82922C7.24344 20.0608 7.57922 20.3966 7.57922 20.8108C7.57922 21.225 7.24344 21.5608 6.82922 21.5608H4.82922C2.75816 21.5608 1.07922 19.8819 1.07922 17.8108V15.8108ZM7.37924 12.5162L9.08548 13.6549L8.56422 14.1568C8.38144 14.3328 8.09583 14.3439 7.89985 14.1828L7.63847 13.9678C7.21682 13.6211 6.64007 13.5308 6.13263 13.7321L5.92453 13.8146L7.37924 12.5162ZM10.8169 14.8104L9.93703 14.2232L9.2578 14.8772C8.70944 15.4051 7.8526 15.4386 7.26468 14.9552L7.0033 14.7402C6.86275 14.6246 6.6705 14.5945 6.50135 14.6616L4.95422 15.2753V17.0608C4.95422 17.406 5.23405 17.6858 5.57922 17.6858H18.3533C18.6985 17.6858 18.9783 17.406 18.9783 17.0608V12.526L18.5888 12.2077L18.091 13.0482C17.7153 13.6825 16.9345 13.9498 16.249 13.6788L15.1568 13.2471C15.0216 13.1937 14.8698 13.2017 14.741 13.2692L14.2876 13.5067C13.809 13.7574 13.2325 13.7313 12.7785 13.4384L12.4416 13.2211L11.5777 14.1178L11.782 14.2556C12.011 14.4099 12.0714 14.7207 11.9171 14.9497C11.7627 15.1786 11.4519 15.2391 11.223 15.0847L10.8341 14.8225C10.8282 14.8186 10.8225 14.8145 10.8169 14.8104ZM17.8056 11.5677L17.2306 12.5386C17.1053 12.7501 16.8451 12.8392 16.6166 12.7488L15.5244 12.3171C15.1188 12.1568 14.6634 12.181 14.277 12.3834L13.8236 12.6209C13.6641 12.7044 13.4719 12.6957 13.3206 12.5981L13.1486 12.4871L15.6953 9.84339L17.8056 11.5677ZM16.328 9.06903L18.9783 11.2346V6.93921C18.9783 6.59403 18.6985 6.31421 18.3533 6.31421H5.57922C5.23405 6.31421 4.95422 6.59403 4.95422 6.93921V13.3403L6.71336 11.7702C7.05329 11.4668 7.55535 11.4315 7.93434 11.6845L10.7337 13.5526L14.9751 9.14962C15.3363 8.77464 15.9248 8.73958 16.328 9.06903ZM5.57922 5.06421C4.54369 5.06421 3.70422 5.90368 3.70422 6.93921V17.0608C3.70422 18.0963 4.54369 18.9358 5.57922 18.9358H18.3533C19.3889 18.9358 20.2283 18.0963 20.2283 17.0608V6.93921C20.2283 5.90368 19.3889 5.06421 18.3533 5.06421H5.57922ZM8.87793 8.73889C8.87793 8.4316 9.12704 8.1825 9.43433 8.1825C9.74162 8.1825 9.99073 8.4316 9.99073 8.73889C9.99073 9.04619 9.74162 9.29529 9.43433 9.29529C9.12704 9.29529 8.87793 9.04619 8.87793 8.73889ZM9.43433 7.1825C8.57475 7.1825 7.87793 7.87932 7.87793 8.73889C7.87793 9.59847 8.57475 10.2953 9.43433 10.2953C10.2939 10.2953 10.9907 9.59847 10.9907 8.73889C10.9907 7.87932 10.2939 7.1825 9.43433 7.1825Z"
1387
-
fill="currentColor"
1388
-
/>
1389
-
</svg>
1390
-
);
1391
-
};
1392
-
export const ImageFullBleedOnSmall = (props: Props) => {
1393
-
return (
1394
-
<svg
1395
-
width="24"
1396
-
height="24"
1397
-
viewBox="0 0 24 24"
1398
-
fill="none"
1399
-
xmlns="http://www.w3.org/2000/svg"
1400
-
{...props}
1401
-
>
1402
-
<path
1403
-
fillRule="evenodd"
1404
-
clipRule="evenodd"
1405
-
d="M0.712524 5.68921C0.712524 3.96332 2.11163 2.56421 3.83752 2.56421H20.1624C21.8883 2.56421 23.2874 3.96332 23.2874 5.68921V18.3108C23.2874 20.0367 21.8883 21.4358 20.1624 21.4358H3.83752C2.11164 21.4358 0.712524 20.0367 0.712524 18.3108V5.68921ZM3.83752 3.81421C2.80199 3.81421 1.96252 4.65368 1.96252 5.68921V14.1901L4.82906 11.6316C5.21149 11.2902 5.7763 11.2506 6.20267 11.5351L10.2892 14.2624L16.3336 7.98778C16.573 7.73919 16.9687 7.73179 17.2173 7.97126C17.4659 8.21074 17.4733 8.6064 17.2338 8.85499L13.5626 12.6661L14.0542 13.0054C14.1688 13.0845 14.3178 13.0936 14.4412 13.0289L15.5068 12.4708C15.8425 12.2949 16.2291 12.242 16.5997 12.321L18.8672 12.8047C18.9866 12.8301 19.1109 12.7959 19.2004 12.7129L20.5274 11.4827C20.4554 11.282 20.4879 11.0496 20.6334 10.8732C20.8531 10.607 21.247 10.5692 21.5133 10.7889L22.0374 11.2213V5.68921C22.0374 4.65368 21.198 3.81421 20.1624 3.81421H3.83752ZM21.4356 12.3453L20.0502 13.6296C19.6624 13.9892 19.1237 14.1375 18.6065 14.0272L16.339 13.5435C16.2535 13.5253 16.1642 13.5375 16.0868 13.5781L15.0212 14.1362C14.4866 14.4163 13.8408 14.377 13.3441 14.0341L12.6838 13.5783L11.3433 14.9699L11.6378 15.1684C11.9241 15.3613 11.9997 15.7498 11.8068 16.036C11.6139 16.3222 11.2255 16.3979 10.9392 16.205L10.0299 15.5921L10.0276 15.5905L9.07582 14.9554L7.84586 16.0297C7.58589 16.2568 7.19106 16.2301 6.96399 15.9702C6.73691 15.7102 6.76357 15.3154 7.02354 15.0883L7.99868 14.2365L5.58925 12.6286L2.3289 15.5385C2.22302 15.6331 2.09388 15.6849 1.96252 15.6953V18.3108C1.96252 19.3463 2.80199 20.1858 3.83752 20.1858H20.1624C21.198 20.1858 22.0374 19.3463 22.0374 18.3108V12.8418L21.4356 12.3453ZM9.71952 6.20252C9.39162 6.0947 9.03839 6.27312 8.93057 6.60102C8.82275 6.92893 9.00116 7.28216 9.32907 7.38998C9.67978 7.5053 9.84306 7.66604 9.92838 7.80233C10.02 7.94875 10.0598 8.12899 10.0598 8.33053C10.0598 8.79991 9.67925 9.18042 9.20987 9.18042C9.06221 9.18042 8.79851 9.10649 8.58819 8.92328C8.40267 8.76167 8.25172 8.51136 8.28005 8.10042C8.3038 7.75606 8.04389 7.45765 7.69953 7.4339C7.35517 7.41015 7.05676 7.67006 7.03302 8.01442C6.97619 8.83849 7.30377 9.46218 7.76714 9.86582C8.20571 10.2479 8.76126 10.4304 9.20987 10.4304C10.3696 10.4304 11.3098 9.49027 11.3098 8.33053C11.3098 7.97485 11.2407 7.54299 10.9879 7.13909C10.7287 6.72507 10.3118 6.39728 9.71952 6.20252ZM16.1204 5.922C16.1204 5.50778 16.4561 5.172 16.8704 5.172H19.3704C20.0607 5.172 20.6204 5.73164 20.6204 6.422V8.922C20.6204 9.33621 20.2846 9.672 19.8704 9.672C19.4561 9.672 19.1204 9.33621 19.1204 8.922V6.672H16.8704C16.4561 6.672 16.1204 6.33621 16.1204 5.922ZM16.8704 18.8224C16.4561 18.8224 16.1204 18.4866 16.1204 18.0724C16.1204 17.6582 16.4561 17.3224 16.8704 17.3224H19.1204V15.0724C19.1204 14.6582 19.4561 14.3224 19.8704 14.3224C20.2846 14.3224 20.6204 14.6582 20.6204 15.0724V17.5724C20.6204 18.2627 20.0607 18.8224 19.3704 18.8224H16.8704ZM7.84949 5.9248C7.84949 5.51059 7.5137 5.1748 7.09949 5.1748H4.59949C3.90913 5.1748 3.34949 5.73445 3.34949 6.4248V8.9248C3.34949 9.33902 3.68527 9.6748 4.09949 9.6748C4.5137 9.6748 4.84949 9.33902 4.84949 8.9248V6.6748H7.09949C7.5137 6.6748 7.84949 6.33902 7.84949 5.9248ZM7.09949 18.8252C7.5137 18.8252 7.84949 18.4894 7.84949 18.0752C7.84949 17.661 7.5137 17.3252 7.09949 17.3252H4.84949V15.0752C4.84949 14.661 4.5137 14.3252 4.09949 14.3252C3.68527 14.3252 3.34949 14.661 3.34949 15.0752V17.5752C3.34949 18.2656 3.90913 18.8252 4.59949 18.8252H7.09949Z"
1406
-
fill="currentColor"
1407
-
/>
1408
-
</svg>
1409
-
);
1410
-
};
1411
-
1412
-
export const ListUnorderedSmall = (props: Props) => {
1413
-
return (
1414
-
<svg
1415
-
width="24"
1416
-
height="24"
1417
-
viewBox="0 0 24 24"
1418
-
fill="none"
1419
-
xmlns="http://www.w3.org/2000/svg"
1420
-
{...props}
1421
-
>
1422
-
<path
1423
-
fillRule="evenodd"
1424
-
clipRule="evenodd"
1425
-
d="M8.1687 5.19995C7.61642 5.19995 7.1687 5.64767 7.1687 6.19995C7.1687 6.75224 7.61642 7.19995 8.1687 7.19995H19.5461C20.0984 7.19995 20.5461 6.75224 20.5461 6.19995C20.5461 5.64767 20.0984 5.19995 19.5461 5.19995H8.1687ZM4.35361 7.10005C4.85067 7.10005 5.25361 6.69711 5.25361 6.20005C5.25361 5.70299 4.85067 5.30005 4.35361 5.30005C3.85656 5.30005 3.45361 5.70299 3.45361 6.20005C3.45361 6.69711 3.85656 7.10005 4.35361 7.10005ZM5.25361 12.0001C5.25361 12.4972 4.85067 12.9001 4.35361 12.9001C3.85656 12.9001 3.45361 12.4972 3.45361 12.0001C3.45361 11.503 3.85656 11.1001 4.35361 11.1001C4.85067 11.1001 5.25361 11.503 5.25361 12.0001ZM8.1687 11C7.61642 11 7.1687 11.4477 7.1687 12C7.1687 12.5523 7.61642 13 8.1687 13H19.5461C20.0984 13 20.5461 12.5523 20.5461 12C20.5461 11.4477 20.0984 11 19.5461 11H8.1687ZM5.25361 17.8001C5.25361 18.2972 4.85067 18.7001 4.35361 18.7001C3.85656 18.7001 3.45361 18.2972 3.45361 17.8001C3.45361 17.3031 3.85656 16.9001 4.35361 16.9001C4.85067 16.9001 5.25361 17.3031 5.25361 17.8001ZM8.1687 16.8C7.61642 16.8 7.1687 17.2478 7.1687 17.8C7.1687 18.3523 7.61642 18.8 8.1687 18.8H19.5461C20.0984 18.8 20.5461 18.3523 20.5461 17.8C20.5461 17.2478 20.0984 16.8 19.5461 16.8H8.1687Z"
1426
-
fill="currentColor"
1427
-
/>
1428
-
</svg>
1429
-
);
1430
-
};
1431
-
1432
-
export const ListOrderedSmall = (props: Props) => {
1433
-
return (
1434
-
<svg
1435
-
width="24"
1436
-
height="24"
1437
-
viewBox="0 0 24 24"
1438
-
fill="none"
1439
-
xmlns="http://www.w3.org/2000/svg"
1440
-
{...props}
1441
-
>
1442
-
<path
1443
-
fillRule="evenodd"
1444
-
clipRule="evenodd"
1445
-
d="M2.61712 10.7835V9.86485L3.45578 9.72146V5.59887L2.60815 5.58543V4.7161L5.52724 4.25903V9.72146L6.50669 9.86485V10.7835H2.61712ZM7.27734 6.19995C7.27734 5.64767 7.72506 5.19995 8.27734 5.19995H19.6548C20.2071 5.19995 20.6548 5.64767 20.6548 6.19995C20.6548 6.75224 20.2071 7.19995 19.6548 7.19995H8.27734C7.72506 7.19995 7.27734 6.75224 7.27734 6.19995ZM7.27734 12C7.27734 11.4477 7.72506 11 8.27734 11H19.6548C20.2071 11 20.6548 11.4477 20.6548 12C20.6548 12.5523 20.2071 13 19.6548 13H8.27734C7.72506 13 7.27734 12.5523 7.27734 12ZM8.27734 16.8001C7.72506 16.8001 7.27734 17.2478 7.27734 17.8001C7.27734 18.3523 7.72506 18.8001 8.27734 18.8001H19.6548C20.2071 18.8001 20.6548 18.3523 20.6548 17.8001C20.6548 17.2478 20.2071 16.8001 19.6548 16.8001H8.27734ZM1.91871 18.2618V19.7411H6.50732V18.0069H5.3288L5.31088 18.2618H4.22L4.21104 18.2394L4.94343 17.4826C5.28997 17.1182 5.5663 16.8075 5.77243 16.5506C5.98155 16.2937 6.13091 16.0532 6.22054 15.8291C6.31314 15.6021 6.35945 15.3541 6.35945 15.0853C6.35945 14.6909 6.26833 14.3474 6.0861 14.0546C5.90686 13.7589 5.64845 13.5303 5.31088 13.369C4.97629 13.2047 4.57449 13.1226 4.10547 13.1226C3.63645 13.1226 3.22867 13.2182 2.88214 13.4093C2.5356 13.6005 2.26972 13.8589 2.08451 14.1846C1.90228 14.5102 1.81564 14.8747 1.8246 15.278L1.83357 15.3048L3.4118 15.3461C3.47346 15.0234 3.52123 14.9071 3.58817 14.8083C3.70767 14.6321 3.95383 14.5502 4.10547 14.5502C4.33251 14.5502 4.51426 14.5909 4.62778 14.7402C4.7413 14.8896 4.79268 15.0853 4.74967 15.3048C4.72169 15.4476 4.60209 15.6648 4.49156 15.8291C4.38102 15.9934 4.01836 16.5076 3.51648 16.9234L1.91871 18.2618Z"
1446
-
fill="currentColor"
1447
-
/>
1448
-
</svg>
1449
-
);
1450
-
};
1451
-
export const ListIndentIncreaseSmall = (props: Props) => {
1452
-
return (
1453
-
<svg
1454
-
width="24"
1455
-
height="24"
1456
-
viewBox="0 0 24 24"
1457
-
fill="none"
1458
-
xmlns="http://www.w3.org/2000/svg"
1459
-
{...props}
1460
-
>
1461
-
<path
1462
-
fillRule="evenodd"
1463
-
clipRule="evenodd"
1464
-
d="M8.2771 5.19995C7.72481 5.19995 7.2771 5.64767 7.2771 6.19995C7.2771 6.75224 7.72481 7.19995 8.2771 7.19995H19.6545C20.2068 7.19995 20.6545 6.75224 20.6545 6.19995C20.6545 5.64767 20.2068 5.19995 19.6545 5.19995H8.2771ZM4.46201 7.10005C4.95907 7.10005 5.36201 6.6971 5.36201 6.20005C5.36201 5.70299 4.95907 5.30005 4.46201 5.30005C3.96496 5.30005 3.56201 5.70299 3.56201 6.20005C3.56201 6.6971 3.96496 7.10005 4.46201 7.10005ZM11.1218 12.0001C11.1218 12.4972 10.7188 12.9001 10.2218 12.9001C9.72472 12.9001 9.32178 12.4972 9.32178 12.0001C9.32178 11.503 9.72472 11.1001 10.2218 11.1001C10.7188 11.1001 11.1218 11.503 11.1218 12.0001ZM14.0369 11C13.4846 11 13.0369 11.4477 13.0369 12C13.0369 12.5523 13.4846 13 14.0369 13H19.6545C20.2068 13 20.6545 12.5523 20.6545 12C20.6545 11.4477 20.2068 11 19.6545 11H14.0369ZM11.1218 17.8002C11.1218 18.2973 10.7188 18.7002 10.2218 18.7002C9.72472 18.7002 9.32178 18.2973 9.32178 17.8002C9.32178 17.3032 9.72472 16.9002 10.2218 16.9002C10.7188 16.9002 11.1218 17.3032 11.1218 17.8002ZM14.037 16.8C13.4847 16.8 13.037 17.2478 13.037 17.8C13.037 18.3523 13.4847 18.8 14.037 18.8L19.6547 18.8C20.207 18.8 20.6547 18.3523 20.6547 17.8C20.6547 17.2478 20.207 16.8 19.6547 16.8L14.037 16.8ZM5.00428 15.5359H2.23413C1.88895 15.5359 1.60913 15.2561 1.60913 14.9109C1.60913 14.5657 1.88895 14.2859 2.23413 14.2859H5.00453L4.00116 13.2825C3.70827 12.9896 3.70827 12.5148 4.00116 12.2219C4.29406 11.929 4.76893 11.929 5.06182 12.2219L7.75072 14.9108L5.06182 17.5997C4.76893 17.8926 4.29406 17.8926 4.00116 17.5997C3.70827 17.3068 3.70827 16.8319 4.00116 16.539L5.00428 15.5359Z"
1465
-
fill="currentColor"
1466
-
/>
1467
-
</svg>
1468
-
);
1469
-
};
1470
-
1471
-
export const ListIndentDecreaseSmall = (props: Props) => {
1472
-
return (
1473
-
<svg
1474
-
width="24"
1475
-
height="24"
1476
-
viewBox="0 0 24 24"
1477
-
fill="none"
1478
-
xmlns="http://www.w3.org/2000/svg"
1479
-
{...props}
1480
-
>
1481
-
<path
1482
-
fillRule="evenodd"
1483
-
clipRule="evenodd"
1484
-
d="M8.27716 5.19995C7.72488 5.19995 7.27716 5.64767 7.27716 6.19995C7.27716 6.75224 7.72488 7.19995 8.27716 7.19995H19.6546C20.2069 7.19995 20.6546 6.75224 20.6546 6.19995C20.6546 5.64767 20.2069 5.19995 19.6546 5.19995H8.27716ZM4.46208 7.10005C4.95913 7.10005 5.36208 6.69711 5.36208 6.20005C5.36208 5.70299 4.95913 5.30005 4.46208 5.30005C3.96502 5.30005 3.56208 5.70299 3.56208 6.20005C3.56208 6.69711 3.96502 7.10005 4.46208 7.10005ZM5.36208 12.0001C5.36208 12.4972 4.95913 12.9001 4.46208 12.9001C3.96502 12.9001 3.56208 12.4972 3.56208 12.0001C3.56208 11.503 3.96502 11.1001 4.46208 11.1001C4.95913 11.1001 5.36208 11.503 5.36208 12.0001ZM8.27716 11C7.72488 11 7.27716 11.4477 7.27716 12C7.27716 12.5523 7.72488 13 8.27716 13H20.106C20.6583 13 21.106 12.5523 21.106 12C21.106 11.4477 20.6583 11 20.106 11H8.27716ZM11.1218 17.8001C11.1218 18.2972 10.7189 18.7001 10.2218 18.7001C9.72479 18.7001 9.32184 18.2972 9.32184 17.8001C9.32184 17.3031 9.72479 16.9001 10.2218 16.9001C10.7189 16.9001 11.1218 17.3031 11.1218 17.8001ZM14.0372 16.8C13.4849 16.8 13.0372 17.2478 13.0372 17.8C13.0372 18.3523 13.4849 18.8 14.0372 18.8L19.6549 18.8C20.2071 18.8 20.6549 18.3523 20.6549 17.8C20.6549 17.2478 20.2071 16.8 19.6549 16.8L14.0372 16.8ZM4.48975 17.1753L5.4936 16.1721C5.78659 15.8793 5.78675 15.4044 5.49395 15.1114C5.20115 14.8185 4.72628 14.8183 4.43329 15.1111L1.74243 17.8002L4.43329 20.4892C4.72628 20.782 5.20115 20.7819 5.49395 20.4889C5.78675 20.1959 5.78659 19.721 5.4936 19.4282L4.48999 18.4253H6.96185C7.30703 18.4253 7.58685 18.1455 7.58685 17.8003C7.58685 17.4551 7.30703 17.1753 6.96185 17.1753H4.48975Z"
1485
-
fill="currentColor"
1486
-
/>
1487
-
</svg>
1488
-
);
1489
-
};
1490
-
1491
-
export const ListCheckboxSmall = (props: Props) => {
1492
-
return (
1493
-
<svg
1494
-
width="24"
1495
-
height="24"
1496
-
viewBox="0 0 24 24"
1497
-
fill="none"
1498
-
xmlns="http://www.w3.org/2000/svg"
1499
-
{...props}
1500
-
>
1501
-
<path
1502
-
fillRule="evenodd"
1503
-
clipRule="evenodd"
1504
-
d="M19.2777 7.26811C19.6649 6.79541 19.5956 6.09831 19.1229 5.7111C18.6502 5.32389 17.9531 5.3932 17.5658 5.86591L11.0608 13.8073L8.55229 11.4827C8.10409 11.0674 7.40406 11.094 6.98873 11.5422C6.57339 11.9904 6.60003 12.6905 7.04823 13.1058L10.4194 16.2298C10.6432 16.4372 10.9428 16.543 11.2472 16.5221C11.5517 16.5012 11.834 16.3554 12.0273 16.1194L19.2777 7.26811ZM5.72192 5.78943C4.61735 5.78943 3.72192 6.68486 3.72192 7.78943V17.2894C3.72192 18.394 4.61735 19.2894 5.72192 19.2894H15.2219C16.3265 19.2894 17.2219 18.394 17.2219 17.2894V14.4884C17.2219 14.0741 16.8861 13.7384 16.4719 13.7384C16.0577 13.7384 15.7219 14.0741 15.7219 14.4884V17.2894C15.7219 17.5656 15.4981 17.7894 15.2219 17.7894H5.72192C5.44578 17.7894 5.22192 17.5656 5.22192 17.2894V7.78943C5.22192 7.51329 5.44578 7.28943 5.72192 7.28943H12.9815C13.3957 7.28943 13.7315 6.95364 13.7315 6.53943C13.7315 6.12522 13.3957 5.78943 12.9815 5.78943H5.72192Z"
1505
-
fill="currentColor"
1506
-
/>
1507
-
</svg>
1508
-
);
1509
-
};
1510
-
1511
-
export const LockSmall = (props: Props) => {
1512
-
return (
1513
-
<svg
1514
-
width="24"
1515
-
height="24"
1516
-
viewBox="0 0 24 24"
1517
-
fill="none"
1518
-
xmlns="http://www.w3.org/2000/svg"
1519
-
{...props}
1520
-
>
1521
-
<path
1522
-
fillRule="evenodd"
1523
-
clipRule="evenodd"
1524
-
d="M12 3.9657C9.73217 3.9657 7.89374 5.80413 7.89374 8.07196V10.1794H7.78851C6.82201 10.1794 6.03851 10.9629 6.03851 11.9294V17C6.03851 18.6569 7.38166 20 9.03851 20H14.9615C16.6184 20 17.9615 18.6569 17.9615 17V11.9294C17.9615 10.9629 17.178 10.1794 16.2115 10.1794H16.1063V8.07196C16.1063 5.80413 14.2678 3.9657 12 3.9657ZM14.3563 10.1794V8.07196C14.3563 6.77063 13.3013 5.7157 12 5.7157C10.6987 5.7157 9.64374 6.77063 9.64374 8.07196V10.1794H14.3563ZM12.5824 15.3512C12.9924 15.1399 13.2727 14.7123 13.2727 14.2193C13.2727 13.5165 12.7029 12.9467 12 12.9467C11.2972 12.9467 10.7274 13.5165 10.7274 14.2193C10.7274 14.7271 11.0247 15.1654 11.4548 15.3696L11.2418 17.267C11.2252 17.4152 11.3411 17.5449 11.4902 17.5449H12.5147C12.6621 17.5449 12.7774 17.4181 12.7636 17.2714L12.5824 15.3512Z"
1525
-
fill="currentColor"
1526
-
/>
1527
-
</svg>
1528
-
);
1529
-
};
1530
-
1531
-
export const UnlockSmall = (props: Props) => {
1532
-
return (
1533
-
<svg
1534
-
width="24"
1535
-
height="24"
1536
-
viewBox="0 0 24 24"
1537
-
fill="none"
1538
-
xmlns="http://www.w3.org/2000/svg"
1539
-
{...props}
1540
-
>
1541
-
<path
1542
-
fillRule="evenodd"
1543
-
clipRule="evenodd"
1544
-
d="M7.89376 6.62482C7.89376 4.35699 9.7322 2.51855 12 2.51855C14.2678 2.51855 16.1063 4.35699 16.1063 6.62482V10.1794H16.2115C17.178 10.1794 17.9615 10.9629 17.9615 11.9294V17C17.9615 18.6569 16.6184 20 14.9615 20H9.03854C7.38168 20 6.03854 18.6569 6.03854 17V11.9294C6.03854 10.9629 6.82204 10.1794 7.78854 10.1794H14.3563V6.62482C14.3563 5.32349 13.3013 4.26855 12 4.26855C10.6987 4.26855 9.64376 5.32349 9.64376 6.62482V7.72078C9.64376 8.20403 9.25201 8.59578 8.76876 8.59578C8.28551 8.59578 7.89376 8.20403 7.89376 7.72078V6.62482ZM13.1496 14.2193C13.1496 14.7123 12.8693 15.1399 12.4593 15.3512L12.6405 17.2714C12.6544 17.4181 12.539 17.5449 12.3916 17.5449H11.3672C11.218 17.5449 11.1021 17.4152 11.1187 17.267L11.3317 15.3696C10.9016 15.1654 10.6043 14.7271 10.6043 14.2193C10.6043 13.5165 11.1741 12.9467 11.8769 12.9467C12.5798 12.9467 13.1496 13.5165 13.1496 14.2193ZM5.62896 5.3862C5.4215 5.20395 5.10558 5.2244 4.92333 5.43186C4.74109 5.63932 4.76153 5.95525 4.969 6.13749L6.06209 7.09771C6.26955 7.27996 6.58548 7.25951 6.76772 7.05205C6.94997 6.84458 6.92952 6.52866 6.72206 6.34642L5.62896 5.3862ZM3.5165 6.64283C3.25418 6.55657 2.97159 6.69929 2.88533 6.96161C2.79906 7.22393 2.94178 7.50652 3.20411 7.59278L5.54822 8.36366C5.81054 8.44992 6.09313 8.3072 6.1794 8.04488C6.26566 7.78256 6.12294 7.49997 5.86062 7.41371L3.5165 6.64283ZM3.54574 9.42431C3.52207 9.14918 3.72592 8.90696 4.00105 8.8833L5.52254 8.75244C5.79766 8.72878 6.03988 8.93263 6.06354 9.20776C6.08721 9.48288 5.88335 9.7251 5.60823 9.74876L4.08674 9.87962C3.81162 9.90329 3.5694 9.69943 3.54574 9.42431Z"
1545
-
fill="currentColor"
1546
-
/>
1547
-
</svg>
1548
-
);
1549
-
};
1550
-
1551
-
export const UpdateSmall = (props: Props) => {
1552
-
return (
1553
-
<svg
1554
-
width="24"
1555
-
height="24"
1556
-
viewBox="0 0 24 24"
1557
-
fill="none"
1558
-
xmlns="http://www.w3.org/2000/svg"
1559
-
>
1560
-
<path
1561
-
fillRule="evenodd"
1562
-
clipRule="evenodd"
1563
-
d="M9.22186 7.92684C10.1774 6.18312 11.5332 4.90336 12.9251 4.2286C13.1335 4.12754 13.3416 4.04046 13.5484 3.96745C14.6049 3.60869 15.7766 3.54735 16.7819 4.09825C17.8692 4.69405 18.5671 5.88122 18.7476 7.41916C18.9279 8.95543 18.5788 10.7869 17.6233 12.5306C16.6678 14.2743 15.312 15.5541 13.9201 16.2288C12.5267 16.9043 11.1506 16.955 10.0633 16.3592C9.19584 15.8839 8.57626 15.0321 8.26951 13.9262C8.25817 13.8746 8.24668 13.8234 8.23523 13.7724L8.23523 13.7724C8.18078 13.5299 8.12744 13.2924 8.09762 13.0383C7.91733 11.502 8.26635 9.67055 9.22186 7.92684ZM9.46946 4.78715C9.67119 4.78662 9.8633 4.78121 10.0481 4.7711C9.3182 5.48646 8.66218 6.34702 8.12565 7.32615C7.55376 8.36979 7.16847 9.45536 6.96726 10.519C6.87184 10.3382 6.77397 10.1659 6.67468 10.0061C6.66248 9.63279 6.756 9.17519 6.92538 8.67954C7.12252 8.10267 7.40257 7.53025 7.65185 7.07532C7.87489 6.6683 8.26315 6.06477 8.68993 5.5499C8.9033 5.29248 9.11698 5.06859 9.31569 4.90418C9.37126 4.8582 9.42255 4.81949 9.46946 4.78715ZM8.11028 4.69028C7.79498 4.62946 7.4876 4.54412 7.23739 4.46669C6.91656 4.36741 6.66099 4.27202 6.54912 4.22896C6.41134 4.17536 6.19445 4.14 6.05859 4.21094C5.71409 4.39084 5.01295 4.92363 4.69271 5.51519C4.53469 5.8071 4.40424 6.2273 4.30596 6.64793C4.29259 6.70518 4.27708 6.76449 4.26123 6.82511L4.26123 6.82512L4.26122 6.82514C4.18998 7.09762 4.11179 7.39666 4.18884 7.65503C4.24062 7.82867 4.31432 7.93693 4.39162 8.00286C4.59287 8.12133 4.78982 8.24738 4.98348 8.37782C5.22591 8.54111 5.52054 8.75196 5.79607 8.98466C5.84667 8.7703 5.90975 8.55912 5.97911 8.35617C6.20171 7.70478 6.51068 7.07692 6.77488 6.59477C7.02425 6.1397 7.44733 5.482 7.92003 4.91174C7.98204 4.83692 8.04556 4.76282 8.11028 4.69028ZM4.21574 3.89626L4.62051 4.02189C4.3203 4.30946 4.01949 4.65825 3.8133 5.03912C3.59059 5.45053 3.43618 5.9753 3.33219 6.42041C3.30438 6.53942 3.27957 6.65546 3.25762 6.7656L2.81215 6.40882C2.81215 6.40882 2.81126 6.40681 2.80986 6.40423C2.79662 6.37992 2.73103 6.25944 2.74152 5.96321C2.75269 5.6481 2.85108 5.26172 3.04578 4.90642C3.25394 4.52653 3.50079 4.23769 3.73458 4.06623C3.95711 3.90302 4.11635 3.8793 4.21574 3.89626ZM5.25013 10.1776C5.49632 10.4247 5.83445 10.991 6.17145 11.7406C5.73841 12.4265 5.41616 12.6857 5.21838 12.7691C5.07131 12.8312 4.93508 12.822 4.70214 12.656C4.11675 12.2388 3.60414 11.8264 3.21764 11.4066C2.8298 10.9853 2.60401 10.594 2.53069 10.2224L2.52687 10.2031C2.4802 9.9669 2.45604 9.84466 2.51608 9.58542C2.57686 9.32295 2.72752 8.9236 3.07623 8.2506C3.19924 8.54228 3.38803 8.81394 3.66359 9.02041C3.77639 9.10493 3.89934 9.17816 4.02211 9.25128L4.02211 9.25128C4.11121 9.30434 4.20021 9.35735 4.28517 9.41458C4.61144 9.63434 4.98505 9.91153 5.25013 10.1776ZM1.49231 5.91896C1.47179 6.49822 1.63299 7.06591 2.09331 7.43458C1.64229 8.27701 1.40278 8.85224 1.2983 9.30341C1.17766 9.82436 1.24402 10.1596 1.29968 10.4408L1.30433 10.4643C1.43907 11.1472 1.82601 11.7405 2.29799 12.2532C2.77132 12.7673 3.36564 13.2385 3.9767 13.6739C4.42074 13.9904 5.0195 14.2097 5.70419 13.9209C6.06177 13.77 6.39891 13.496 6.72728 13.1045C6.81994 13.3603 6.90026 13.6093 6.96835 13.8644C7.28444 15.3377 8.1138 16.7163 9.46258 17.4554C10.998 18.2968 12.8155 18.1535 14.4654 17.3536C16.1168 16.5531 17.6539 15.0761 18.7195 13.1313C19.7852 11.1865 20.203 9.09618 19.9891 7.27346C19.7753 5.4524 18.918 3.84341 17.3826 3.00204C16.1201 2.31022 14.6669 2.28413 13.2729 2.74137C13.2652 2.74368 13.2574 2.74615 13.2497 2.74878C11.4939 3.34572 10.626 3.60952 8.78711 3.52059C8.44675 3.50414 7.99961 3.39408 7.60693 3.27256C7.49582 3.23818 7.38646 3.19733 7.27712 3.15649C7.15008 3.10903 7.02308 3.06159 6.89344 3.02433C6.45975 2.89969 6.03009 2.91392 5.62971 3.0263C5.50956 2.98901 5.3892 2.94865 5.26851 2.90817C5.01835 2.82428 4.76678 2.73992 4.51267 2.68142C3.94356 2.55041 3.41069 2.75363 2.99533 3.05825C2.57846 3.36398 2.22138 3.8097 1.94957 4.30573C1.66428 4.82635 1.5106 5.40259 1.49231 5.91896ZM10.6051 8.68425C10.9866 7.98795 11.4394 7.38085 11.9278 6.8783C12.6769 7.53018 13.1717 8.17432 13.4238 8.75106C13.6893 9.35867 13.6744 9.85621 13.4617 10.2444C13.2546 10.6223 12.8385 10.9029 12.1709 11.0084C11.5426 11.1076 10.7313 11.0418 9.794 10.7741C9.95466 10.091 10.2229 9.3816 10.6051 8.68425ZM13.4264 5.71995C13.1758 5.85571 12.9254 6.0188 12.6791 6.20754C13.4537 6.89902 14.0241 7.62766 14.3401 8.35057C14.6935 9.15932 14.7389 9.99457 14.3386 10.7249C13.9392 11.4539 13.1982 11.8584 12.327 11.9961C11.5454 12.1196 10.6234 12.0373 9.63348 11.7675C9.60713 12.0758 9.60447 12.3739 9.62485 12.6574C9.70968 13.8381 10.1817 14.6978 10.9166 15.1005C11.6516 15.5033 12.6302 15.4385 13.671 14.8746C14.7064 14.3136 15.7384 13.2861 16.4923 11.9103C16.776 11.3925 16.9977 10.8667 17.159 10.3487C17.2411 10.0851 17.5214 9.93788 17.785 10.02C18.0487 10.1021 18.1959 10.3824 18.1138 10.646C17.9324 11.2285 17.6845 11.8156 17.3693 12.3909C16.5368 13.91 15.3756 15.0884 14.1473 15.7539C12.9245 16.4164 11.569 16.5983 10.4361 15.9775C9.30313 15.3567 8.72709 14.1163 8.62742 12.7291C8.52731 11.3358 8.89565 9.72284 9.72809 8.2037C10.5605 6.68456 11.7218 5.50611 12.95 4.84069C14.1729 4.17819 15.5283 3.99622 16.6613 4.61705C17.5803 5.12063 18.1356 6.03691 18.3631 7.10207C18.4208 7.37213 18.2486 7.6378 17.9785 7.69548C17.7085 7.75315 17.4428 7.58098 17.3851 7.31093C17.201 6.44889 16.7798 5.82228 16.1807 5.49401C15.4458 5.09129 14.4672 5.15607 13.4264 5.71995ZM20.2049 14.5155C19.8187 14.3656 19.3842 14.5572 19.2343 14.9434C19.0845 15.3295 19.2761 15.764 19.6622 15.9139L21.4114 16.5926C21.7976 16.7425 22.2321 16.5509 22.382 16.1648C22.5318 15.7786 22.3402 15.3441 21.9541 15.1942L20.2049 14.5155ZM17.9326 16.6232C18.2114 16.3169 18.6857 16.2945 18.9921 16.5733L22.8336 20.0686C23.1399 20.3474 23.1623 20.8218 22.8836 21.1281C22.6048 21.4345 22.1304 21.4569 21.8241 21.1781L17.9826 17.6827C17.6762 17.404 17.6539 16.9296 17.9326 16.6232ZM16.8269 17.9194C16.6484 17.5456 16.2007 17.3874 15.8269 17.5659C15.4531 17.7444 15.2949 18.1921 15.4734 18.5659L16.8786 21.5078C17.0572 21.8816 17.5049 22.0398 17.8787 21.8613C18.2524 21.6828 18.4107 21.235 18.2322 20.8613L16.8269 17.9194Z"
1564
-
fill="currentColor"
1565
-
/>
1566
-
</svg>
1567
-
);
1568
-
};
1569
-
1570
-
export const MoveBlockDown = (props: Props) => {
1571
-
return (
1572
-
<svg
1573
-
width="24"
1574
-
height="24"
1575
-
viewBox="0 0 24 24"
1576
-
fill="none"
1577
-
xmlns="http://www.w3.org/2000/svg"
1578
-
{...props}
1579
-
>
1580
-
<path
1581
-
fillRule="evenodd"
1582
-
clipRule="evenodd"
1583
-
d="M18.3444 3.56272L3.89705 5.84775C3.48792 5.91246 3.20871 6.29658 3.27342 6.7057L3.83176 10.2358C3.89647 10.645 4.28058 10.9242 4.68971 10.8595L19.137 8.57444C19.5462 8.50973 19.8254 8.12561 19.7607 7.71649L19.2023 4.18635C19.1376 3.77722 18.7535 3.49801 18.3444 3.56272ZM3.70177 4.61309C2.69864 4.77175 1.9884 5.65049 2.01462 6.63905C1.6067 6.92894 1.37517 7.43373 1.45854 7.96083L2.02167 11.5213C2.19423 12.6123 3.21854 13.3568 4.30955 13.1843L15.5014 11.4142L15.3472 10.4394L16.6131 10.2392L17.2948 13.9166L15.3038 12.4752C14.9683 12.2322 14.4994 12.3073 14.2565 12.6428C14.0135 12.9783 14.0886 13.4472 14.4241 13.6902L18.5417 16.6712L21.5228 12.5536C21.7658 12.2181 21.6907 11.7492 21.3552 11.5063C21.0197 11.2634 20.5508 11.3385 20.3079 11.674L18.7926 13.7669L18.0952 10.0048L19.3323 9.80909C20.4233 9.63654 21.1679 8.61222 20.9953 7.52121L20.437 3.99107C20.2644 2.90007 19.2401 2.15551 18.1491 2.32807L3.70177 4.61309ZM12.5175 14.1726C12.8583 14.118 13.0904 13.7974 13.0358 13.4566C12.9812 13.1157 12.6606 12.8837 12.3198 12.9383L4.48217 14.1937C3.37941 14.3704 2.62785 15.4065 2.80232 16.5096L3.35244 19.9878C3.52716 21.0925 4.56428 21.8463 5.66893 21.6716L20.0583 19.3958C21.1618 19.2212 21.9155 18.186 21.7426 17.0822L21.6508 16.4961C21.5974 16.1551 21.2776 15.922 20.9366 15.9754C20.5956 16.0288 20.3624 16.3486 20.4158 16.6896L20.5077 17.2757C20.5738 17.6981 20.2854 18.0943 19.8631 18.1611L5.47365 20.437C5.05089 20.5038 4.65396 20.2153 4.5871 19.7925L4.03697 16.3143C3.9702 15.8921 4.25783 15.4956 4.67988 15.428L12.5175 14.1726ZM5.48645 8.13141C5.4213 7.72235 5.70009 7.33793 6.10914 7.27278L12.7667 6.21241C13.1757 6.14726 13.5602 6.42605 13.6253 6.83511C13.6905 7.24417 13.4117 7.62859 13.0026 7.69374L6.34508 8.75411C5.93602 8.81926 5.5516 8.54047 5.48645 8.13141Z"
1584
-
fill="currentColor"
1585
-
/>
1586
-
</svg>
1587
-
);
1588
-
};
1589
-
1590
-
export const MoveBlockUp = (props: Props) => {
1591
-
return (
1592
-
<svg
1593
-
width="24"
1594
-
height="24"
1595
-
viewBox="0 0 24 24"
1596
-
fill="none"
1597
-
xmlns="http://www.w3.org/2000/svg"
1598
-
{...props}
1599
-
>
1600
-
<path
1601
-
fillRule="evenodd"
1602
-
clipRule="evenodd"
1603
-
d="M4.12086 10.3069C3.69777 10.3744 3.30016 10.0858 3.23323 9.66265L2.68364 6.18782C2.61677 5.76506 2.90529 5.36813 3.32805 5.30127L17.7149 3.0258C18.1378 2.95892 18.5348 3.24759 18.6015 3.67049L18.7835 4.82361C18.8373 5.16457 19.1573 5.39736 19.4983 5.34356C19.8392 5.28975 20.072 4.96974 20.0182 4.62878L19.8363 3.47566C19.6619 2.37067 18.6246 1.61639 17.5197 1.79115L3.13278 4.06661C2.02813 4.24133 1.27427 5.27845 1.44899 6.3831L1.99857 9.85793C2.17346 10.9637 3.21238 11.7177 4.31788 11.5413L11.5185 10.392C11.8594 10.3376 12.0916 10.0171 12.0372 9.67628C11.9828 9.33542 11.6624 9.1032 11.3215 9.15761L4.12086 10.3069ZM19.9004 11.6151L5.45305 13.9001C5.04392 13.9649 4.76471 14.349 4.82942 14.7581L5.38775 18.2882C5.45246 18.6974 5.83658 18.9766 6.24571 18.9119L20.6931 16.6268C21.1022 16.5621 21.3814 16.178 21.3167 15.7689L20.7583 12.2388C20.6936 11.8296 20.3095 11.5504 19.9004 11.6151ZM5.25777 12.6655C4.21806 12.8299 3.49299 13.7679 3.57645 14.8C3.17867 15.1511 2.9637 15.6918 3.05264 16.2541L3.57767 19.5737C3.75023 20.6647 4.77455 21.4093 5.86556 21.2367L19.9927 19.0023C20.7197 18.8873 21.2751 18.3524 21.4519 17.6846C22.2223 17.3097 22.6921 16.4638 22.5513 15.5736L21.993 12.0435C21.8204 10.9525 20.7961 10.2079 19.7051 10.3805L17.9019 10.6657L17.3957 7.46986L19.3483 8.96297C19.6773 9.21457 20.148 9.1518 20.3996 8.82276C20.6512 8.49373 20.5885 8.02302 20.2594 7.77141L16.2213 4.68355L13.1334 8.72172C12.8818 9.05076 12.9445 9.52146 13.2736 9.77307C13.6026 10.0247 14.0733 9.96191 14.3249 9.63287L15.8945 7.58034L16.4203 10.9L5.25777 12.6655ZM7.66514 15.3252C7.25609 15.3903 6.97729 15.7748 7.04245 16.1838C7.1076 16.5929 7.49202 16.8717 7.90108 16.8065L14.5586 15.7461C14.9677 15.681 15.2465 15.2966 15.1813 14.8875C15.1162 14.4785 14.7317 14.1997 14.3227 14.2648L7.66514 15.3252Z"
1604
-
fill="currentColor"
1605
-
/>
1606
-
</svg>
1607
-
);
1608
-
};
1609
-
1610
-
// OTHER ICONS
1611
-
1612
-
export const PopoverArrow = (
1613
-
props: { arrowFill: string; arrowStroke: string } & Props,
1614
-
) => {
1615
-
let { arrowFill, arrowStroke, ...passDownProps } = props;
1616
-
return (
1617
-
<svg
1618
-
{...passDownProps}
1619
-
width="16"
1620
-
height="8"
1621
-
viewBox="0 0 16 8"
1622
-
fill="none"
1623
-
className="-mt-[1px]"
1624
-
xmlns="http://www.w3.org/2000/svg"
1625
-
>
1626
-
<path
1627
-
d="M15.1975 0L0.951538 0.00460007L8.07229 7.31325L15.1975 0Z"
1628
-
fill={arrowFill}
1629
-
/>
1630
-
<path
1631
-
d="M16 0L8.35386 7.84887C8.15753 8.05038 7.83922 8.05038 7.64289 7.84887L0 0.00420923L1.42188 0.00424847L7.99837 6.75428L14.579 0H16Z"
1632
-
fill={arrowStroke}
1633
-
/>
1634
-
</svg>
1635
-
);
1636
-
};
+21
components/Icons/AccountSmall.tsx
+21
components/Icons/AccountSmall.tsx
···
1
+
import { Props } from "./Props";
2
+
3
+
export const AccountSmall = (props: Props) => {
4
+
return (
5
+
<svg
6
+
width="24"
7
+
height="24"
8
+
viewBox="0 0 24 24"
9
+
fill="none"
10
+
xmlns="http://www.w3.org/2000/svg"
11
+
{...props}
12
+
>
13
+
<path
14
+
fillRule="evenodd"
15
+
clipRule="evenodd"
16
+
d="M12.1186 4.00393C12.4755 4.21417 12.5944 4.67393 12.3841 5.03082L7.48811 13.3416C7.55452 13.3759 7.62551 13.4115 7.70068 13.4478C8.22649 13.7018 8.93184 13.9775 9.68768 14.0983C11.3104 14.3577 12.2206 14.15 12.5778 13.9741C12.9494 13.7911 13.399 13.944 13.582 14.3156C13.765 14.6872 13.6121 15.1368 13.2405 15.3198C12.4986 15.6851 11.2379 15.8651 9.45092 15.5795C8.5019 15.4278 7.65179 15.09 7.04836 14.7986C6.74415 14.6517 6.49643 14.5135 6.32286 14.4108C6.23595 14.3594 6.16726 14.3167 6.11899 14.2859C6.09485 14.2705 6.07578 14.2581 6.06205 14.2491L6.04551 14.2381L6.0403 14.2346L6.03847 14.2334L6.03744 14.2327L6.45839 13.6119C6.03716 14.2325 6.0373 14.2326 6.03744 14.2327C5.71013 14.0105 5.61139 13.5721 5.81219 13.2312L11.0917 4.26944C11.302 3.91255 11.7617 3.79368 12.1186 4.00393ZM5.99939 7.33218C6.76172 7.39081 7.43385 6.73443 7.50064 5.8661C7.56742 4.99778 7.00357 4.24634 6.24124 4.18771C5.4789 4.12907 4.80677 4.78546 4.73999 5.65378C4.67321 6.5221 5.23706 7.27355 5.99939 7.33218ZM17.0236 8.10185C17.7864 8.04973 18.3566 7.30312 18.2972 6.43426C18.2379 5.5654 17.5714 4.90331 16.8086 4.95543C16.0458 5.00755 15.4755 5.75416 15.5349 6.62302C15.5942 7.49188 16.2608 8.15397 17.0236 8.10185ZM16.8245 18.4262C17.1433 18.1618 17.1873 17.6889 16.9229 17.3701C16.6584 17.0513 16.1856 17.0073 15.8668 17.2717C13.8455 18.9485 11.3149 19.488 9.03465 19.0788C8.62695 19.0057 8.23713 19.2769 8.16398 19.6846C8.09083 20.0923 8.36204 20.4821 8.76974 20.5553C11.4587 21.0377 14.4429 20.4019 16.8245 18.4262Z"
17
+
fill="currentColor"
18
+
/>
19
+
</svg>
20
+
);
21
+
};
+21
components/Icons/AddBlockLarge.tsx
+21
components/Icons/AddBlockLarge.tsx
···
1
+
import { Props } from "./Props";
2
+
3
+
export const AddBlockLarge = (props: Props) => {
4
+
return (
5
+
<svg
6
+
width="48"
7
+
height="48"
8
+
viewBox="0 0 48 48"
9
+
fill="none"
10
+
xmlns="http://www.w3.org/2000/svg"
11
+
{...props}
12
+
>
13
+
<path
14
+
fillRule="evenodd"
15
+
clipRule="evenodd"
16
+
d="M44.3387 18.4727C43.5485 22.7534 39.4377 25.583 35.157 24.7929C30.8763 24.0027 28.0467 19.892 28.8369 15.6112C29.627 11.3305 33.7378 8.50091 38.0185 9.29107C42.2992 10.0812 45.1288 14.192 44.3387 18.4727ZM38.4053 12.6882C38.5056 12.1451 38.1466 11.6236 37.6035 11.5233C37.0603 11.4231 36.5388 11.7821 36.4385 12.3252L35.783 15.8765L32.2355 15.2217C31.6924 15.1215 31.1709 15.4805 31.0706 16.0236C30.9704 16.5667 31.3294 17.0882 31.8725 17.1885L35.42 17.8433L34.7646 21.3937C34.6644 21.9368 35.0234 22.4583 35.5665 22.5586C36.1096 22.6588 36.6311 22.2998 36.7314 21.7567L37.3867 18.2063L40.941 18.8624C41.4841 18.9627 42.0056 18.6036 42.1059 18.0605C42.2061 17.5174 41.8471 16.9959 41.304 16.8956L37.7498 16.2396L38.4053 12.6882ZM32.3345 25.9102L31.2465 32.7897C31.1387 33.4715 30.4985 33.9369 29.8166 33.829L6.51021 30.1424C5.82833 30.0346 5.36298 29.3944 5.47082 28.7125L7.67454 14.7778C7.78237 14.0959 8.42249 13.6306 9.10433 13.7384L26.1558 16.4341C26.565 16.4987 26.9491 16.2195 27.0137 15.8104C27.0784 15.4012 26.7992 15.0171 26.39 14.9525L9.33851 12.2568C7.83845 12.0196 6.43018 13.0434 6.19296 14.5434L3.98924 28.4781C3.752 29.9783 4.77577 31.3867 6.2759 31.624L7.76407 31.8594C7.75599 33.4374 8.90012 34.8281 10.5065 35.0821L31.0528 38.3321C32.8255 38.6125 34.4898 37.4026 34.7702 35.6297L36.1526 26.8881C35.7175 26.8679 35.2785 26.818 34.8381 26.7367C33.9479 26.5724 33.109 26.2906 32.3345 25.9102ZM23.4131 19.2175C23.4241 19.6574 23.2883 20.1867 23.0307 20.79C22.8346 21.2494 22.4778 21.6318 21.978 21.8452C22.0168 21.9598 22.0619 22.0663 22.1132 22.1622C22.3032 22.5179 22.5369 22.6726 22.8273 22.6808C23.2833 22.6937 23.5648 22.5867 23.7725 22.4523C23.9937 22.3092 24.1598 22.1206 24.3827 21.8674L24.414 21.8319C24.6279 21.5892 24.9283 21.2485 25.3658 21.062C25.8384 20.8605 26.3702 20.8732 26.9904 21.0896C27.3164 21.2032 27.4884 21.5596 27.3747 21.8855C27.2611 22.2114 26.9047 22.3835 26.5788 22.2698C26.1594 22.1235 25.9629 22.1663 25.8559 22.2119C25.7138 22.2724 25.5832 22.3957 25.3518 22.6583L25.3005 22.7167C25.0984 22.9476 24.8244 23.2605 24.4516 23.5017C24.0225 23.7794 23.49 23.95 22.792 23.9303C21.9284 23.9059 21.346 23.3788 21.0107 22.7513C20.8879 22.5216 20.7932 22.2716 20.7232 22.0125C20.3247 21.9723 19.896 21.8557 19.4428 21.6622C19.1125 21.5212 18.9198 21.4918 18.8057 21.4891C18.6971 21.4865 18.6258 21.5046 18.479 21.5417L18.4537 21.5481C18.2835 21.5911 18.0321 21.6501 17.7068 21.5903C17.3997 21.5338 17.0843 21.3833 16.7196 21.1377C16.5266 21.0077 16.4435 21.0308 16.3974 21.0447C16.2903 21.0768 16.1681 21.1625 15.9391 21.349L15.899 21.3818C15.7149 21.5327 15.4281 21.768 15.0909 21.8768C14.6466 22.0204 14.1887 21.9362 13.7529 21.6044C13.2498 21.2214 13.2805 20.6053 13.3312 20.2533C13.3748 19.9507 13.4736 19.6002 13.5602 19.2927L13.5602 19.2927L13.5602 19.2926L13.5602 19.2926L13.5603 19.2924L13.5603 19.2923C13.5842 19.2077 13.607 19.1265 13.6276 19.0504C13.7362 18.6487 13.7944 18.3491 13.7781 18.1352C13.7708 18.0397 13.7503 17.9952 13.7383 17.9764C13.7319 17.9663 13.718 17.9466 13.6752 17.9235C13.6416 17.9532 13.5853 18.0127 13.5073 18.1252C13.345 18.359 13.191 18.6606 12.9979 19.0385C12.9017 19.2268 12.7958 19.434 12.6745 19.6612C11.9987 20.9262 10.9436 22.585 8.86603 23.0247C8.52833 23.0962 8.19663 22.8803 8.12516 22.5426C8.05369 22.2049 8.26952 21.8733 8.60721 21.8018C10.09 21.488 10.9117 20.3082 11.5719 19.0723C11.6592 18.9088 11.7469 18.7374 11.8347 18.5658L11.8347 18.5658C12.0515 18.142 12.2685 17.7178 12.4802 17.4127C12.6338 17.1913 12.8377 16.9484 13.1131 16.7993C13.4286 16.6284 13.7845 16.6093 14.1325 16.7578C14.412 16.8772 14.6373 17.0609 14.7929 17.3053C14.9443 17.5433 15.0063 17.8018 15.0244 18.0402C15.059 18.4941 14.9399 18.9858 14.8343 19.3765C14.8041 19.4883 14.7747 19.5929 14.7471 19.6915L14.747 19.6918L14.747 19.6918C14.6658 19.9808 14.5992 20.2183 14.5684 20.4316C14.5522 20.544 14.5526 20.6088 14.5555 20.6424C14.6575 20.7101 14.6918 20.6942 14.7038 20.6886L14.7068 20.6873C14.7984 20.6578 14.9076 20.5769 15.1497 20.3797L15.1677 20.3651C15.3626 20.2062 15.6654 19.9593 16.0381 19.8474C16.4835 19.7138 16.951 19.7866 17.4178 20.1008C17.7128 20.2995 17.8639 20.3482 17.9331 20.3609C17.9841 20.3703 18.0189 20.3687 18.1478 20.3361L18.1849 20.3266C18.3243 20.2906 18.5486 20.2327 18.835 20.2395C19.1491 20.2468 19.5006 20.3278 19.9336 20.5126C20.1681 20.6127 20.3768 20.6796 20.5613 20.7213L20.5614 20.6992C20.5663 20.0167 20.703 19.3053 20.9968 18.783C21.1443 18.5207 21.3598 18.2563 21.6689 18.1014C22.0034 17.9339 22.3758 17.9311 22.7301 18.0816C23.2199 18.2896 23.4018 18.7668 23.4131 19.2175ZM21.8246 20.4084C21.8595 19.9816 21.9598 19.6206 22.0863 19.3957C22.1153 19.3441 22.1416 19.3069 22.1636 19.2802C22.1608 19.4685 22.0952 19.7976 21.8811 20.2993C21.8648 20.3373 21.8461 20.3738 21.8246 20.4084ZM25.8841 26.6917C25.9373 26.3507 25.704 26.0311 25.3629 25.9779L11.7135 23.8482C11.3725 23.795 11.0529 24.0283 10.9997 24.3694C10.9465 24.7104 11.1798 25.0301 11.5209 25.0833L25.1703 27.2129C25.5113 27.2661 25.8309 27.0328 25.8841 26.6917ZM26.1751 29.0768C26.5163 29.1288 26.7508 29.4475 26.6989 29.7888C26.6469 30.13 26.3282 30.3645 25.9869 30.3125L10.7045 27.9849C10.3632 27.9329 10.1287 27.6142 10.1807 27.2729C10.2326 26.9317 10.5514 26.6972 10.8926 26.7492L26.1751 29.0768Z"
17
+
fill="currentColor"
18
+
/>
19
+
</svg>
20
+
);
21
+
};
+21
components/Icons/AddSmall.tsx
+21
components/Icons/AddSmall.tsx
···
1
+
import { Props } from "./Props";
2
+
3
+
export const AddSmall = (props: Props) => {
4
+
return (
5
+
<svg
6
+
width="24"
7
+
height="24"
8
+
viewBox="0 0 24 24"
9
+
fill="none"
10
+
xmlns="http://www.w3.org/2000/svg"
11
+
{...props}
12
+
>
13
+
<path
14
+
fillRule="evenodd"
15
+
clipRule="evenodd"
16
+
d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22ZM18.6569 12C18.6569 12.5523 18.2091 13 17.6569 13H13V17.6569C13 18.2091 12.5523 18.6569 12 18.6569C11.4477 18.6569 11 18.2091 11 17.6569V13H6.34315C5.79086 13 5.34315 12.5523 5.34315 12C5.34315 11.4477 5.79086 11 6.34315 11H11L11 6.34314C11 5.79086 11.4477 5.34315 12 5.34315C12.5523 5.34315 13 5.79086 13 6.34315V11H17.6569C18.2091 11 18.6569 11.4477 18.6569 12Z"
17
+
fill="currentColor"
18
+
/>
19
+
</svg>
20
+
);
21
+
};
+21
components/Icons/AddTiny.tsx
+21
components/Icons/AddTiny.tsx
···
1
+
import { Props } from "./Props";
2
+
3
+
export const AddTiny = (props: Props) => {
4
+
return (
5
+
<svg
6
+
width="16"
7
+
height="16"
8
+
viewBox="0 0 16 16"
9
+
fill="none"
10
+
xmlns="http://www.w3.org/2000/svg"
11
+
{...props}
12
+
>
13
+
<path
14
+
fillRule="evenodd"
15
+
clipRule="evenodd"
16
+
d="M8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0ZM7.99994 13.7018C7.44766 13.7018 6.99994 13.2541 6.99994 12.7018V9H3.29821C2.74592 9 2.29821 8.55228 2.29821 8C2.29821 7.44771 2.74592 7 3.29821 7H6.99994V3.29821C6.99994 2.74592 7.44766 2.29821 7.99994 2.29821C8.55223 2.29821 8.99994 2.74592 8.99994 3.29821V7H12.7018C13.2541 7 13.7018 7.44772 13.7018 8C13.7018 8.55228 13.2541 9 12.7018 9H8.99994V12.7018C8.99994 13.2541 8.55223 13.7018 7.99994 13.7018Z"
17
+
fill="currentColor"
18
+
/>
19
+
</svg>
20
+
);
21
+
};
+20
components/Icons/AddToHomeSmall.tsx
+20
components/Icons/AddToHomeSmall.tsx
···
1
+
import { Props } from "./Props";
2
+
3
+
export const AddToHomeSmall = (props: Props) => {
4
+
return (
5
+
<svg
6
+
width="24"
7
+
height="24"
8
+
viewBox="0 0 24 24"
9
+
fill="none"
10
+
xmlns="http://www.w3.org/2000/svg"
11
+
>
12
+
<path
13
+
fillRule="evenodd"
14
+
clipRule="evenodd"
15
+
d="M20.2108 1.06435C18.2026 1.27704 16.4279 2.08514 15.062 3.57676C14.2367 4.47793 13.5856 5.60101 13.1154 6.9388L11.9454 4.47784C11.7083 3.97905 11.1117 3.76693 10.6129 4.00406C10.1141 4.24119 9.90202 4.83777 10.1391 5.33655L12.5221 10.349C12.6387 10.5942 12.8499 10.7814 13.1074 10.8677C13.3648 10.954 13.6463 10.9319 13.8871 10.8065L18.6299 8.33675C19.1197 8.08167 19.31 7.47778 19.055 6.98793C18.7999 6.49809 18.196 6.30778 17.7061 6.56286L14.8565 8.04681C15.263 6.71029 15.842 5.68633 16.5369 4.92747C17.5357 3.83683 18.8399 3.22073 20.4214 3.05322C20.9706 2.99506 21.3687 2.50267 21.3105 1.95346C21.2524 1.40425 20.76 1.00618 20.2108 1.06435ZM7.3401 7.52353C7.55331 7.54947 7.74516 7.66557 7.86705 7.84241L9.08429 9.60844L9.34152 9.434C9.68433 9.20152 10.1507 9.29096 10.3832 9.63378C10.6157 9.9766 10.5262 10.443 10.1834 10.6755L9.93558 10.8435L13.3263 15.7629L19.8556 12.8502L18.4067 10.8971C18.16 10.5644 18.2296 10.0947 18.5622 9.84791C18.8949 9.60112 19.3647 9.67074 19.6114 10.0034L21.6174 12.7074C21.7529 12.8901 21.7982 13.1244 21.7405 13.3445C21.6828 13.5645 21.5283 13.7465 21.3206 13.8392L20.7814 14.0797L20.7814 14.0844L20.7814 18.4378C20.7814 18.7168 20.6265 18.9728 20.3793 19.1022L12.356 23.3031C12.1639 23.4037 11.9377 23.4162 11.7356 23.3375L8.4716 22.065C8.18363 21.9527 7.99402 21.6753 7.99402 21.3662L7.99402 19.5861L5.80331 20.8539C5.7914 20.8631 5.77916 20.8721 5.76662 20.8806C5.72248 20.9108 5.67573 20.9359 5.62724 20.9558L5.60922 20.9662L5.60764 20.9635C5.43659 21.0279 5.24562 21.0284 5.07141 20.9607L2.49577 19.9597C2.20742 19.8476 2.01747 19.57 2.01747 19.2606L2.01747 13.9072L1.99747 13.9249C1.68748 14.1996 1.21347 14.171 0.938734 13.861C0.664001 13.5511 0.692583 13.077 1.00257 12.8023L6.75207 7.70675C6.91281 7.5643 7.1269 7.49759 7.3401 7.52353ZM7.99402 18.1012L7.99402 18.1418L6.0931 19.2419L6.0931 17.0428C6.0931 16.6763 6.2215 16.3562 6.38727 16.1652C6.5406 15.9886 6.68564 15.9526 6.8279 15.9852C7.07537 16.0419 7.37055 16.2866 7.62505 16.764C7.87163 17.2266 7.99402 17.7544 7.99402 18.1012ZM13.3681 17.3868L19.2814 14.7488L19.2814 17.9839L12.6145 21.4746L12.6145 18.9253C12.6145 18.5801 12.3347 18.3003 11.9895 18.3003C11.6443 18.3003 11.3645 18.5801 11.3645 18.9253L11.3645 21.5828L9.49402 20.8536L9.49402 18.1012C9.49402 17.4825 9.29834 16.7143 8.94873 16.0584C8.60704 15.4174 8.02793 14.7213 7.16293 14.5231C6.37611 14.3428 5.695 14.6744 5.25444 15.182C4.82632 15.6753 4.5931 16.3561 4.5931 17.0428L4.5931 19.1655L3.51747 18.7474L3.51747 12.6176C3.51747 12.6046 3.51714 12.5916 3.51648 12.5787L7.11285 9.39132L8.272 11.0731L12.445 17.1274C12.6501 17.425 13.0381 17.534 13.3681 17.3868Z"
16
+
fill="currentColor"
17
+
/>
18
+
</svg>
19
+
);
20
+
};
+21
components/Icons/ArrowDownTiny.tsx
+21
components/Icons/ArrowDownTiny.tsx
···
1
+
import { Props } from "./Props";
2
+
3
+
export const ArrowDownTiny = (props: Props) => {
4
+
return (
5
+
<svg
6
+
width="16"
7
+
height="16"
8
+
viewBox="0 0 16 16"
9
+
fill="none"
10
+
xmlns="http://www.w3.org/2000/svg"
11
+
{...props}
12
+
>
13
+
<path
14
+
fillRule="evenodd"
15
+
clipRule="evenodd"
16
+
d="M13.697 7.05487L8 12.4568L2.30299 7.05487C1.899 6.6718 1.899 6.05073 2.30299 5.66767C2.70698 5.2846 3.36198 5.2846 3.76597 5.66767L8 9.68238L12.234 5.66767C12.638 5.2846 13.293 5.2846 13.697 5.66767C14.101 6.05073 14.101 6.6718 13.697 7.05487Z"
17
+
fill="currentColor"
18
+
/>
19
+
</svg>
20
+
);
21
+
};
+21
components/Icons/ArrowRightTiny.tsx
+21
components/Icons/ArrowRightTiny.tsx
···
1
+
import { Props } from "./Props";
2
+
3
+
export const ArrowRightTiny = (props: Props) => {
4
+
return (
5
+
<svg
6
+
width="16"
7
+
height="16"
8
+
viewBox="0 0 16 16"
9
+
fill="none"
10
+
xmlns="http://www.w3.org/2000/svg"
11
+
{...props}
12
+
>
13
+
<path
14
+
fillRule="evenodd"
15
+
clipRule="evenodd"
16
+
d="M7.05487 2.30299L12.4568 8L7.05487 13.697C6.6718 14.101 6.05073 14.101 5.66767 13.697C5.2846 13.293 5.2846 12.638 5.66767 12.234L9.68238 8L5.66767 3.76597C5.2846 3.36198 5.2846 2.70698 5.66767 2.30299C6.05073 1.899 6.6718 1.899 7.05487 2.30299Z"
17
+
fill="currentColor"
18
+
/>
19
+
</svg>
20
+
);
21
+
};
components/Icons/BackToLeafletSmall.tsx
components/Icons/BackToLeafletSmall.tsx
This is a binary file and will not be displayed.
+19
components/Icons/BlockBlueskySmall.tsx
+19
components/Icons/BlockBlueskySmall.tsx
···
1
+
import { Props } from "./Props";
2
+
3
+
export const BlockBlueskySmall = (props: Props) => {
4
+
return (
5
+
<svg
6
+
width="24"
7
+
height="24"
8
+
viewBox="0 0 24 24"
9
+
fill="none"
10
+
xmlns="http://www.w3.org/2000/svg"
11
+
{...props}
12
+
>
13
+
<path
14
+
d="M6.33526 4.21162C8.62822 5.97119 11.0945 9.53887 12.0001 11.4535C12.9056 9.53901 15.3718 5.97116 17.6649 4.21162C19.3193 2.94199 22 1.95962 22 5.08557C22 5.70987 21.6498 10.33 21.4445 11.08C20.7306 13.6878 18.1292 14.3529 15.8152 13.9503C19.86 14.654 20.8889 16.9848 18.6668 19.3156C14.4465 23.7423 12.601 18.205 12.1279 16.7861C11.9998 16.4018 12.0002 16.4018 11.8721 16.7861C11.3993 18.205 9.55378 23.7424 5.33322 19.3156C3.11103 16.9848 4.13995 14.6538 8.18483 13.9503C5.87077 14.3529 3.26934 13.6878 2.55555 11.08C2.35016 10.3299 2 5.7098 2 5.08557C2 1.95962 4.68086 2.94199 6.33526 4.21162Z"
15
+
fill="currentColor"
16
+
/>
17
+
</svg>
18
+
);
19
+
};
+20
components/Icons/BlockButtonSmall.tsx
+20
components/Icons/BlockButtonSmall.tsx
···
1
+
import { Props } from "./Props";
2
+
export const BlockButtonSmall = (props: Props) => {
3
+
return (
4
+
<svg
5
+
width="24"
6
+
height="24"
7
+
viewBox="0 0 24 24"
8
+
fill="none"
9
+
xmlns="http://www.w3.org/2000/svg"
10
+
{...props}
11
+
>
12
+
<path
13
+
fillRule="evenodd"
14
+
clipRule="evenodd"
15
+
d="M7.53207 1.97182C7.53207 1.5576 7.19628 1.22182 6.78207 1.22182C6.36785 1.22182 6.03207 1.5576 6.03207 1.97182V4.05128C6.03207 4.46549 6.36785 4.80128 6.78207 4.80128C7.19628 4.80128 7.53207 4.46549 7.53207 4.05128V1.97182ZM3.62975 2.21817C3.37649 1.8904 2.90548 1.82999 2.5777 2.08325C2.24993 2.3365 2.18953 2.80752 2.44278 3.13529L4.01521 5.17036C4.26846 5.49813 4.73948 5.55854 5.06725 5.30528C5.39502 5.05202 5.45543 4.58101 5.20217 4.25324L3.62975 2.21817ZM10.558 3.78971C10.7922 3.4481 10.7052 2.98127 10.3636 2.74702C10.0219 2.51277 9.55512 2.59981 9.32087 2.94142L8.39772 4.28767C8.16347 4.62929 8.25051 5.09612 8.59212 5.33037C8.93373 5.56462 9.40057 5.47758 9.63482 5.13597L10.558 3.78971ZM1.27137 5.25744C0.865303 5.17568 0.469839 5.43857 0.388073 5.84463C0.306306 6.2507 0.569201 6.64616 0.975264 6.72793L3.27446 7.1909C3.68053 7.27267 4.07599 7.00977 4.15776 6.60371C4.23952 6.19765 3.97663 5.80218 3.57056 5.72042L1.27137 5.25744ZM3.84382 9.46008C4.23975 9.33839 4.46208 8.91878 4.34039 8.52284C4.2187 8.1269 3.79909 7.90458 3.40315 8.02627L1.81228 8.5152C1.41635 8.63689 1.19402 9.0565 1.31571 9.45244C1.4374 9.84837 1.85701 10.0707 2.25295 9.94901L3.84382 9.46008ZM7.03725 6.81012C6.88041 6.76897 6.69114 6.77767 6.47065 6.94802C6.28652 7.09028 6.24349 7.25009 6.2559 7.42889C6.27066 7.64151 6.36831 7.83561 6.41379 7.89654L6.42359 7.91004L11.1362 14.5892C11.2707 14.7799 11.2878 15.0296 11.1806 15.2368C11.0733 15.444 10.8596 15.5743 10.6263 15.5745C10.0976 15.5752 9.27053 15.5217 8.69318 15.4844L8.69309 15.4844C8.44321 15.4682 8.24012 15.4551 8.12826 15.4507C7.80371 15.4379 7.45335 15.6385 7.38185 16.0112C7.33227 16.2698 7.37677 16.4188 7.42966 16.5081C7.4861 16.6035 7.59584 16.704 7.79728 16.783C7.88252 16.8164 8.22336 16.9137 8.78389 17.0619C9.32178 17.2041 10.0151 17.3815 10.7627 17.5716L11.4606 17.749L11.4613 17.7491C12.6176 18.0428 13.8237 18.349 14.7222 18.5886L19.9243 14.6724C19.9209 14.6279 19.9144 14.5745 19.9034 14.5127C19.8598 14.2687 19.7582 13.9611 19.5955 13.6714C19.4685 13.4455 19.3161 13.1714 19.1477 12.8687L19.1476 12.8684L19.1473 12.868L19.1472 12.8678L19.1468 12.867C18.8486 12.3309 18.5006 11.7054 18.1565 11.0992C17.6106 10.1376 17.1103 9.28974 16.8597 8.95397C16.6926 8.73002 16.2319 8.48077 15.6815 8.55951L16.2659 9.14063C16.5106 9.38403 16.5117 9.77975 16.2683 10.0245C16.025 10.2693 15.6292 10.2704 15.3845 10.027L14.1471 8.79644C14.1423 8.7917 14.1376 8.78689 14.133 8.782C14.0429 8.68641 13.7456 8.55949 13.3474 8.58823C13.2195 8.59747 13.1124 8.62004 13.0242 8.65026L14.3817 10.0542C14.6216 10.3024 14.6149 10.6981 14.3668 10.938C14.1186 11.1779 13.7229 11.1713 13.483 10.9231L11.6861 9.06455C11.4948 8.87064 11.2357 8.77488 10.9918 8.79404C10.8564 8.80468 10.7078 8.85211 10.5641 8.96174L12.5193 11.3775C12.7365 11.6458 12.695 12.0394 12.4267 12.2565C12.1584 12.4737 11.7648 12.4322 11.5477 12.1639L9.26591 9.34461L9.26445 9.34279L7.48373 7.12574C7.47642 7.11664 7.46936 7.10733 7.46257 7.09783C7.38144 6.98434 7.22126 6.8584 7.03725 6.81012ZM11.156 18.9613C12.1476 19.2131 13.1677 19.4721 13.9985 19.6902C13.9616 19.9621 13.9927 20.2968 14.1943 20.567L15.1543 21.8533C15.4795 22.289 15.8967 22.5237 16.368 22.4786C16.747 22.4423 17.0375 22.2248 17.1542 22.1374L17.1653 22.1291C18.0981 21.4329 19.0298 20.7353 19.9615 20.0377L19.9638 20.0359C20.8948 19.3389 21.8257 18.6419 22.7577 17.9463C23.0316 17.7419 23.2256 17.4441 23.2533 17.0807C23.2799 16.7324 23.1468 16.4164 22.9591 16.1649L21.9991 14.8786C21.7829 14.5889 21.4706 14.3692 21.133 14.2882C21.065 13.9107 20.9172 13.472 20.6853 13.0592C20.5634 12.8423 20.4135 12.5727 20.2465 12.2726L20.246 12.2717C19.9452 11.731 19.5894 11.0913 19.2435 10.4821C18.7126 9.54681 18.1695 8.61909 17.8615 8.20633C17.2927 7.44422 15.9261 6.93571 14.6184 7.60472C14.2011 7.38147 13.6924 7.31008 13.2574 7.34148C12.8614 7.37007 12.3952 7.49539 12.0292 7.78282C11.6844 7.60323 11.2922 7.51659 10.8939 7.54788C10.4962 7.57913 10.1124 7.7263 9.77985 7.98835L8.46804 6.35511C8.22863 6.02801 7.83363 5.72676 7.35447 5.60104C6.84044 5.46618 6.24812 5.54034 5.70642 5.95885C5.12836 6.40546 4.97358 7.00672 5.0089 7.51546C5.04151 7.98521 5.23324 8.40116 5.4063 8.63646L9.38501 14.2755C9.21037 14.2648 9.03901 14.2536 8.87896 14.2432L8.8788 14.2432L8.87855 14.2431C8.59391 14.2245 8.34511 14.2083 8.17747 14.2017C7.41871 14.1718 6.37369 14.6316 6.15423 15.7758C6.05834 16.2757 6.11804 16.7461 6.35389 17.1447C6.58617 17.5373 6.94968 17.7932 7.34083 17.9467C7.51114 18.0135 7.94268 18.1324 8.46435 18.2703C9.00865 18.4143 9.7073 18.593 10.4546 18.7831L11.1558 18.9612L11.156 18.9613ZM15.2354 19.872C15.2382 19.8391 15.2475 19.8049 15.263 19.7741L20.8537 15.5655C20.9132 15.5586 20.9671 15.5857 20.9974 15.6262L21.9141 16.8555C21.961 16.9375 21.9559 16.9933 21.8789 17.0508C20.4678 18.1049 19.1219 19.1093 17.7418 20.1391L16.4177 21.1273C16.2854 21.226 16.2588 21.2432 16.1561 21.1056L15.2354 19.872Z"
16
+
fill="currentColor"
17
+
/>
18
+
</svg>
19
+
);
20
+
};
+27
components/Icons/BlockCalendarSmall.tsx
+27
components/Icons/BlockCalendarSmall.tsx
···
1
+
import { Props } from "./Props";
2
+
3
+
export const BlockCalendarSmall = (props: Props) => {
4
+
return (
5
+
<svg
6
+
width="24"
7
+
height="24"
8
+
viewBox="0 0 24 24"
9
+
fill="none"
10
+
xmlns="http://www.w3.org/2000/svg"
11
+
{...props}
12
+
>
13
+
<path
14
+
d="M6.18047 19.3H3.5C3.22386 19.3 3 19.0762 3 18.8V5.80005C3 5.52391 3.22386 5.30005 3.5 5.30005H7.5M6.18047 19.3C6.62026 20.2647 7.06178 20.8513 7.26475 21.0943C7.3377 21.1817 7.44011 21.2319 7.55351 21.2414C8.31746 21.3056 11.5817 21.4897 16.9 20.5617C19.1949 20.1613 20.7153 19.0931 21.4612 18.441C21.7315 18.2046 21.6222 17.7792 21.3027 17.6153C20.3079 17.105 18.6 15.8525 18.6 13.2678V7.79888C18.6 7.52274 18.3761 7.30005 18.1 7.30005H17.5M6.18047 19.3C5.58866 18.0019 5 16.0192 5 13.2678V7.79869C5 7.52255 5.22386 7.30005 5.5 7.30005H7M11.75 5.30005H13.5M11.8 7.30005H13"
15
+
stroke="currentColor"
16
+
strokeWidth="1.5"
17
+
strokeLinecap="round"
18
+
/>
19
+
<path
20
+
d="M8 11.8H12.1313C15.5 11.8 16.5 11.5 16.5 11.5M7.95869 9C9.01704 9 9.875 7.65685 9.875 6C9.875 4.34315 9.01704 3 7.95869 3C7.55649 3 7.18323 3.19398 6.875 3.52543M14.0837 9C15.142 9 16 7.65685 16 6C16 4.34315 15.142 3 14.0837 3C13.6815 3 13.3082 3.19398 13 3.52543"
21
+
stroke="currentColor"
22
+
strokeWidth="1.25"
23
+
strokeLinecap="round"
24
+
/>
25
+
</svg>
26
+
);
27
+
};
+21
components/Icons/BlockCanvasPageSmall.tsx
+21
components/Icons/BlockCanvasPageSmall.tsx
···
1
+
import { Props } from "./Props";
2
+
3
+
export const BlockCanvasPageSmall = (props: Props) => {
4
+
return (
5
+
<svg
6
+
width="24"
7
+
height="24"
8
+
viewBox="0 0 24 24"
9
+
fill="none"
10
+
xmlns="http://www.w3.org/2000/svg"
11
+
{...props}
12
+
>
13
+
<path
14
+
fillRule="evenodd"
15
+
clipRule="evenodd"
16
+
d="M7.94752 4.8203C7.87263 4.55451 8.02738 4.27833 8.29318 4.20344L13.9579 2.60731C14.2237 2.53242 14.4999 2.68717 14.5748 2.95296L15.925 7.745C15.9999 8.01079 15.8451 8.28697 15.5794 8.36186L12.5721 9.20921C12.6984 9.55016 12.7675 9.91846 12.7675 10.3041C12.7675 12.1239 11.2305 13.5567 9.38824 13.5567C7.54598 13.5567 6.00903 12.1239 6.00903 10.3041C6.00903 8.75121 7.12826 7.48015 8.60134 7.14076L7.94752 4.8203ZM7.10903 10.3041C7.10903 9.13881 8.10545 8.15162 9.38824 8.15162C10.671 8.15162 11.6675 9.13881 11.6675 10.3041C11.6675 11.4695 10.671 12.4567 9.38824 12.4567C8.10545 12.4567 7.10903 11.4695 7.10903 10.3041ZM17.7845 7.09478C17.958 7.11191 18.11 7.21814 18.1858 7.37515L20.5088 12.1917C20.5856 12.3509 20.5726 12.5389 20.4747 12.686C20.3767 12.8331 20.2084 12.9176 20.0319 12.9082L14.3056 12.6034C14.121 12.5935 13.9569 12.4827 13.8789 12.3151C13.8008 12.1475 13.8217 11.9505 13.933 11.803L17.3362 7.29126C17.4412 7.15209 17.6111 7.07765 17.7845 7.09478ZM17.6411 8.54771L15.2974 11.6548L19.2409 11.8647L17.6411 8.54771ZM16.0462 4.44435C15.9972 4.10267 16.2345 3.78596 16.5762 3.73695L19.1579 3.3667C20.2536 3.20955 21.2725 3.96144 21.4455 5.05484L22.7584 13.3561C22.9331 14.4608 22.1793 15.4979 21.0746 15.6726L20.669 15.7368C20.4764 17.1163 19.4043 18.2674 17.9572 18.4963L5.89725 20.4037C4.12436 20.6841 2.45984 19.4742 2.17944 17.7013L1.25681 11.8679C1.026 10.4086 1.80495 9.02266 3.07649 8.42169L3.00465 7.9675C2.83207 6.87633 3.56591 5.84819 4.65394 5.65678L6.4948 5.33294C6.83476 5.27314 7.15883 5.50025 7.21863 5.84021C7.27844 6.18016 7.05133 6.50423 6.71137 6.56404L4.87051 6.88788C4.45411 6.96113 4.17325 7.35462 4.2393 7.77223L5.55287 16.0774C5.61974 16.5002 6.01666 16.7887 6.43943 16.7218L20.8794 14.438C21.3021 14.3711 21.5906 13.9742 21.5238 13.5514L20.2108 5.25012C20.1446 4.83166 19.7547 4.54389 19.3353 4.60404L16.7536 4.97429C16.4119 5.0233 16.0952 4.78603 16.0462 4.44435ZM6.6347 17.9565L19.0507 15.9927C18.8184 16.518 18.3324 16.9183 17.7229 17.0147L5.66292 18.9221C4.70829 19.0731 3.81201 18.4216 3.66102 17.467L2.73839 11.6336C2.63976 11.0099 2.88359 10.4112 3.33068 10.0289L4.31822 16.2727C4.49293 17.3773 5.53006 18.1312 6.6347 17.9565Z"
17
+
fill="currentColor"
18
+
/>
19
+
</svg>
20
+
);
21
+
};
+21
components/Icons/BlockDocPageSmall.tsx
+21
components/Icons/BlockDocPageSmall.tsx
···
1
+
import { Props } from "./Props";
2
+
3
+
export const BlockDocPageSmall = (props: Props) => {
4
+
return (
5
+
<svg
6
+
width="24"
7
+
height="24"
8
+
viewBox="0 0 24 24"
9
+
fill="none"
10
+
xmlns="http://www.w3.org/2000/svg"
11
+
{...props}
12
+
>
13
+
<path
14
+
fillRule="evenodd"
15
+
clipRule="evenodd"
16
+
d="M19.3432 4.72556L4.8959 7.01059C4.48678 7.0753 4.20757 7.45942 4.27228 7.86855L5.58733 16.1831C5.65204 16.5923 6.03616 16.8715 6.44529 16.8068L20.8926 14.5217C21.3018 14.457 21.581 14.0729 21.5163 13.6638L20.2012 5.34919C20.1365 4.94006 19.7524 4.66086 19.3432 4.72556ZM4.70063 5.77594C3.60962 5.94849 2.86507 6.97282 3.03762 8.06382L3.10679 8.50114C1.82204 9.09635 1.03258 10.4899 1.26474 11.9578L2.18737 17.7912C2.46778 19.5641 4.1323 20.774 5.90519 20.4936L17.9651 18.5862C19.4142 18.357 20.4871 17.2032 20.6776 15.8213L21.0879 15.7564C22.1789 15.5838 22.9235 14.5595 22.7509 13.4685L21.4359 5.15392C21.2633 4.06291 20.239 3.31836 19.148 3.49091L4.70063 5.77594ZM2.74633 11.7235C2.64614 11.0901 2.89926 10.4823 3.35982 10.101L4.35268 16.3784C4.52524 17.4694 5.54955 18.214 6.64056 18.0414L19.0612 16.0769C18.8298 16.605 18.3426 17.0079 17.7308 17.1046L5.67086 19.012C4.71622 19.163 3.81994 18.5115 3.66895 17.5569L2.74633 11.7235ZM7.16645 8.26063C6.75739 8.32578 6.4786 8.71021 6.54375 9.11926C6.6089 9.52832 6.99333 9.80711 7.40238 9.74196L14.0599 8.6816C14.469 8.61645 14.7478 8.23202 14.6826 7.82297C14.6175 7.41391 14.2331 7.13512 13.824 7.20027L7.16645 8.26063ZM7.20493 11.6341C7.1615 11.3614 7.34736 11.1051 7.62006 11.0617L17.9357 9.41867C18.2084 9.37524 18.4647 9.5611 18.5082 9.8338C18.5516 10.1065 18.3657 10.3628 18.093 10.4062L7.77735 12.0492C7.50465 12.0927 7.24836 11.9068 7.20493 11.6341ZM7.97455 13.6159C7.70185 13.6593 7.51599 13.9156 7.55942 14.1883C7.60286 14.461 7.85914 14.6469 8.13184 14.6034L18.4475 12.9604C18.7202 12.917 18.9061 12.6607 18.8626 12.388C18.8192 12.1153 18.5629 11.9294 18.2902 11.9729L7.97455 13.6159Z"
17
+
fill="currentColor"
18
+
/>
19
+
</svg>
20
+
);
21
+
};
+21
components/Icons/BlockEmbedSmall.tsx
+21
components/Icons/BlockEmbedSmall.tsx
···
1
+
import { Props } from "./Props";
2
+
3
+
export const BlockEmbedSmall = (props: Props) => {
4
+
return (
5
+
<svg
6
+
width="24"
7
+
height="24"
8
+
viewBox="0 0 24 24"
9
+
fill="none"
10
+
xmlns="http://www.w3.org/2000/svg"
11
+
{...props}
12
+
>
13
+
<path
14
+
fillRule="evenodd"
15
+
clipRule="evenodd"
16
+
d="M2.46482 4.883C1.91067 4.98108 1.5331 5.51071 1.62106 6.06657L3.89264 20.2924C3.9928 20.9196 4.58099 21.3382 5.20639 21.2276L7.0985 20.8926C7.50637 20.8205 7.78407 20.4303 7.71874 20.0213C7.65342 19.6123 7.26982 19.3392 6.86195 19.4114L5.31448 19.6853L3.63798 9.18756C3.57266 8.77853 3.85035 8.38842 4.25822 8.31623L18.1651 5.8547C18.5714 5.78279 18.954 6.05348 19.0213 6.46052L19.2574 7.88871C19.325 8.29733 19.7101 8.56824 20.1176 8.49379C20.5251 8.41935 20.8007 8.02774 20.7331 7.61911C20.4898 6.1478 20.2504 4.67608 20.0133 3.20373C19.9259 2.64596 19.4034 2.27283 18.8475 2.37123L2.46482 4.883ZM4.67512 6.70302C4.75339 7.15668 4.44908 7.58789 3.99542 7.66616C3.54176 7.74443 3.11055 7.44011 3.03228 6.98645C2.95401 6.53279 3.25833 6.10158 3.71199 6.02332C4.16564 5.94505 4.59686 6.24936 4.67512 6.70302ZM6.29083 7.2701C6.74449 7.19184 7.0488 6.76062 6.97053 6.30697C6.89227 5.85331 6.46105 5.54899 6.0074 5.62726C5.55374 5.70553 5.24942 6.13674 5.32769 6.5904C5.40596 7.04405 5.83717 7.34837 6.29083 7.2701ZM9.26558 5.91097C9.34384 6.36463 9.03953 6.79584 8.58587 6.87411C8.13221 6.95237 7.701 6.64806 7.62273 6.1944C7.54447 5.74074 7.84878 5.30953 8.30244 5.23126C8.7561 5.153 9.18731 5.45731 9.26558 5.91097ZM15.3128 9.91529C16.862 8.45042 19.3054 8.51878 20.7702 10.068C22.2351 11.6172 22.1667 14.0606 20.6175 15.5254L18.822 17.2232C18.1852 17.8254 17.3973 18.1684 16.5884 18.2561C16.608 18.2325 16.6284 18.2084 16.6496 18.1833C16.8035 18.0014 17.0003 17.7687 17.2541 17.3261C17.4271 17.0242 17.6434 16.4598 17.7167 16.0543L19.5122 14.3565C20.4159 13.5021 20.4557 12.0769 19.6013 11.1733C18.7469 10.2697 17.3217 10.2298 16.4181 11.0842L14.6226 12.782C13.9381 13.4292 13.7492 14.404 14.0693 15.2315C14.089 15.2823 14.1102 15.3338 14.1316 15.3857L14.1316 15.3857C14.3046 15.8049 14.4897 16.2532 13.9526 16.6302C13.4614 16.9749 12.9888 16.7253 12.6777 16.0667C11.9839 14.5979 12.2728 12.7898 13.5173 11.6131L15.3128 9.91529ZM15.8833 17.9405L14.0878 19.6383C12.5386 21.1032 10.0952 21.0348 8.63036 19.4856C7.16549 17.9364 7.23385 15.493 8.78305 14.0281L10.5785 12.3304C11.2174 11.7263 12.0083 11.383 12.8199 11.2967C12.8006 11.3181 12.7802 11.3402 12.7586 11.3635C12.5906 11.5454 12.3532 11.8023 12.0608 12.3829C11.8242 12.8528 11.7623 13.1401 11.7137 13.3662L11.7137 13.3663C11.7036 13.4129 11.6942 13.4569 11.6838 13.4993L9.88835 15.1971C8.98473 16.0515 8.94486 17.4767 9.79929 18.3803C10.6537 19.2839 12.0789 19.3238 12.9825 18.4694L14.778 16.7716C15.5102 16.0793 15.6546 14.9764 15.3123 14.2718C15.1192 13.8745 14.9144 13.2877 15.4771 12.9455C16.0296 12.6096 16.4385 12.9358 16.6547 13.3496C17.4339 14.8416 17.1668 16.7269 15.8833 17.9405Z"
17
+
fill="currentColor"
18
+
/>
19
+
</svg>
20
+
);
21
+
};
+21
components/Icons/BlockImageSmall.tsx
+21
components/Icons/BlockImageSmall.tsx
···
1
+
import { Props } from "./Props";
2
+
3
+
export const BlockImageSmall = (props: Props) => {
4
+
return (
5
+
<svg
6
+
width="24"
7
+
height="24"
8
+
viewBox="0 0 24 24"
9
+
fill="none"
10
+
xmlns="http://www.w3.org/2000/svg"
11
+
{...props}
12
+
>
13
+
<path
14
+
fillRule="evenodd"
15
+
clipRule="evenodd"
16
+
d="M19.2652 2.56494C20.8254 2.56494 22.0902 3.82974 22.0902 5.38994V18.6099C22.0902 20.1701 20.8254 21.4349 19.2652 21.4349H4.73516C3.17495 21.4349 1.91016 20.1701 1.91016 18.6099V5.38994C1.91016 3.82974 3.17495 2.56494 4.73516 2.56494H19.2652ZM20.8402 5.38994C20.8402 4.52009 20.135 3.81494 19.2652 3.81494L4.73516 3.81494C3.86531 3.81494 3.16016 4.52009 3.16016 5.38994L3.16016 18.6099C3.16016 19.4798 3.86531 20.1849 4.73516 20.1849H19.2652C20.135 20.1849 20.8402 19.4798 20.8402 18.6099V5.38994ZM18.585 4.68457C19.3444 4.68457 19.96 5.30018 19.96 6.05957V17.9406C19.96 18.7 19.3444 19.3156 18.585 19.3156H5.41549C4.65609 19.3156 4.04049 18.7 4.04049 17.9406L4.04049 6.05957C4.04049 5.30018 4.6561 4.68457 5.41549 4.68457L18.585 4.68457ZM18.71 6.05957C18.71 5.99053 18.654 5.93457 18.585 5.93457L5.41549 5.93457C5.34645 5.93457 5.29049 5.99054 5.29049 6.05957L5.29049 13.4913L7.14816 11.8333C7.4881 11.5298 7.99016 11.4946 8.36915 11.7475L11.4035 13.7726L15.948 9.05501C16.33 8.65847 16.9607 8.64532 17.3588 9.0256L18.71 10.316V6.05957ZM18.71 11.6988L16.6682 9.74878L13.8004 12.7258L13.9119 12.8594C14.0785 13.059 14.3703 13.0976 14.5831 12.9482L16.0566 11.9134C16.5024 11.6002 17.083 11.5535 17.5732 11.7912L18.71 12.3425V11.6988ZM18.71 13.4539L17.1369 12.691C16.9735 12.6117 16.7799 12.6273 16.6313 12.7317L15.1578 13.7665C14.5195 14.2148 13.644 14.099 13.1442 13.5002L13.1025 13.4503L12.2739 14.3105L14.7323 15.4676C14.9822 15.5852 15.0894 15.8831 14.9718 16.133C14.8542 16.3828 14.5563 16.49 14.3065 16.3724L11.5916 15.0946C11.5597 15.0796 11.5301 15.0616 11.503 15.0412L10.5445 14.4015L9.75598 15.1606C9.20763 15.6886 8.35079 15.7221 7.76287 15.2386L7.40631 14.9454C7.26576 14.8298 7.07351 14.7997 6.90436 14.8668L5.29049 15.507L5.29049 17.9406C5.29049 18.0096 5.34645 18.0656 5.41549 18.0656L18.585 18.0656C18.654 18.0656 18.71 18.0096 18.71 17.9406V13.4539ZM7.81405 12.5793L9.69292 13.8332L9.06241 14.4403C8.87963 14.6162 8.59401 14.6274 8.39804 14.4663L8.04147 14.173C7.61983 13.8263 7.04308 13.736 6.53564 13.9373L6.09815 14.1108L7.81405 12.5793ZM9.38337 8.58893C9.38337 8.2421 9.66453 7.96094 10.0114 7.96094C10.3582 7.96094 10.6393 8.2421 10.6393 8.58893C10.6393 8.93576 10.3582 9.21692 10.0114 9.21692C9.66453 9.21692 9.38337 8.93576 9.38337 8.58893ZM10.0114 6.96094C9.11225 6.96094 8.38337 7.68981 8.38337 8.58893C8.38337 9.48804 9.11225 10.2169 10.0114 10.2169C10.9105 10.2169 11.6393 9.48804 11.6393 8.58893C11.6393 7.68981 10.9105 6.96094 10.0114 6.96094Z"
17
+
fill="currentColor"
18
+
/>
19
+
</svg>
20
+
);
21
+
};
+21
components/Icons/BlockMailboxSmall.tsx
+21
components/Icons/BlockMailboxSmall.tsx
···
1
+
import { Props } from "./Props";
2
+
3
+
export const BlockMailboxSmall = (props: Props) => {
4
+
return (
5
+
<svg
6
+
width="24"
7
+
height="24"
8
+
viewBox="0 0 24 24"
9
+
fill="none"
10
+
xmlns="http://www.w3.org/2000/svg"
11
+
{...props}
12
+
>
13
+
<path
14
+
fillRule="evenodd"
15
+
clipRule="evenodd"
16
+
d="M18.1405 4.10733V14.9176C18.1405 15.2887 18.5305 15.5304 18.8628 15.3655L19.2479 15.1743C19.418 15.0899 19.5256 14.9163 19.5256 14.7264L19.5249 7.23625C19.5249 7.05424 19.6238 6.8866 19.7831 6.79857L22.2488 5.43608C22.4081 5.34806 22.507 5.18044 22.507 4.99845V2.50061C22.507 2.13292 22.1235 1.891 21.7916 2.04937L18.4251 3.65608C18.2512 3.73908 18.1405 3.91463 18.1405 4.10733ZM13.2665 5.20447L13.2658 5.20481L9.16584 7.18112C10.9757 7.42867 12.2115 8.34096 13.0005 9.50354C13.9051 10.8366 14.1943 12.4518 14.1943 13.6609V19.7119L20.874 16.5746V9.8999C20.874 9.43611 20.8228 8.90363 20.6975 8.35957C20.62 8.02319 20.8299 7.68772 21.1663 7.61026C21.5027 7.53281 21.8381 7.7427 21.9156 8.07908C22.0635 8.72117 22.124 9.34811 22.124 9.8999V16.654C22.124 17.0851 21.8776 17.4783 21.4897 17.6664L21.4828 17.6697L21.4828 17.6697L13.835 21.2617C13.7519 21.3007 13.6611 21.321 13.5693 21.321H11.8129C11.4677 21.321 11.1879 21.0412 11.1879 20.696C11.1879 20.3508 11.4677 20.071 11.8129 20.071H12.9443V18.4761L6.13761 21.6453C5.21494 22.0749 4.14744 21.5593 3.8857 20.6072L3.22811 20.87C2.16076 21.2966 1 20.5105 1 19.3611V13.6342C1 13.0109 1.35661 12.4424 1.91788 12.1712L9.49069 8.51114C9.09212 8.41656 8.64806 8.36444 8.15318 8.36444C7.22369 8.36444 6.45813 8.52476 5.82706 8.7905L5.40702 8.99297C4.84121 9.30264 4.40116 9.70358 4.05806 10.1421C3.84535 10.4139 3.45254 10.4619 3.18068 10.2492C2.90883 10.0365 2.86088 9.64367 3.07359 9.37181C3.52707 8.79224 4.10319 8.27899 4.82065 7.88892L4.82464 7.88675C4.97994 7.80248 5.14184 7.72398 5.31055 7.65182L12.7248 4.07797L12.7265 4.07714C13.6982 3.6124 14.7434 3.38306 16.0829 3.38306C16.2492 3.38306 16.4118 3.38805 16.5707 3.39786C16.9153 3.41914 17.1773 3.71568 17.156 4.0602C17.1347 4.40472 16.8382 4.66676 16.4937 4.64549C16.3611 4.6373 16.2242 4.63306 16.0829 4.63306C14.9016 4.63306 14.0456 4.83202 13.2665 5.20447ZM12.9443 13.9836V17.0972L5.61 20.5121C5.38343 20.6176 5.11901 20.4761 5.08106 20.229L4.27726 14.9961C4.25197 14.8314 4.33833 14.6698 4.48927 14.5993L12.3675 10.921C12.5404 11.297 12.6688 11.6895 12.7601 12.0787C12.747 12.094 12.7345 12.1101 12.7226 12.1269L10.2306 15.6673L5.96792 14.9839C5.62709 14.9293 5.30651 15.1613 5.25187 15.5021C5.19723 15.8429 5.42923 16.1635 5.77006 16.2182L10.4181 16.9633C10.6539 17.0011 10.8906 16.9012 11.0281 16.7059L12.9443 13.9836ZM10.9801 9.17961C11.2561 9.37907 11.4945 9.60675 11.7005 9.85293L3.96045 13.4667C3.30638 13.7721 2.93216 14.4723 3.04175 15.1858L3.68032 19.3431L2.76418 19.7093C2.51787 19.8077 2.25 19.6263 2.25 19.3611V13.6342C2.25 13.4904 2.3323 13.3592 2.46182 13.2966L10.9801 9.17961Z"
17
+
fill="currentColor"
18
+
/>
19
+
</svg>
20
+
);
21
+
};
+21
components/Icons/BlockPollSmall.tsx
+21
components/Icons/BlockPollSmall.tsx
···
1
+
import { Props } from "./Props";
2
+
3
+
export const BlockPollSmall = (props: Props) => {
4
+
return (
5
+
<svg
6
+
width="24"
7
+
height="25"
8
+
viewBox="0 0 24 25"
9
+
fill="none"
10
+
xmlns="http://www.w3.org/2000/svg"
11
+
{...props}
12
+
>
13
+
<path
14
+
fillRule="evenodd"
15
+
clipRule="evenodd"
16
+
d="M2.64691 1.77699C2.64691 1.36278 2.31113 1.02699 1.89691 1.02699C1.4827 1.02699 1.14691 1.36278 1.14691 1.77699V22.6666C1.14691 23.0809 1.4827 23.4166 1.89691 23.4166C2.31113 23.4166 2.64691 23.0809 2.64691 22.6666V21.5114H17.7079C18.3292 21.5114 18.8329 21.0077 18.8329 20.3864V17.2267C18.8329 16.6054 18.3292 16.1017 17.7079 16.1017H2.64691V15.3808H21.6031C22.2244 15.3808 22.7281 14.8771 22.7281 14.2558V10.1879C22.7281 9.56656 22.2244 9.06288 21.6031 9.06288H2.64691V8.34218H11.8622C12.4835 8.34218 12.9872 7.8385 12.9872 7.21718V4.05751C12.9872 3.43619 12.4835 2.93251 11.8622 2.93251H2.64691V1.77699ZM21.4781 14.1308H2.64691V10.3129H21.4781V14.1308ZM2.64691 7.09218L2.64691 4.18251H11.7372V7.09218H2.64691ZM2.64691 20.2614L2.64691 17.3517H17.5829V20.2614H2.64691ZM11.0916 11.3764C11.2868 11.1811 11.2868 10.8646 11.0916 10.6693C10.8963 10.474 10.5797 10.474 10.3845 10.6693L7.9866 13.0671C7.79133 13.2624 7.79133 13.579 7.98659 13.7742C8.18186 13.9695 8.49844 13.9695 8.6937 13.7742L11.0916 11.3764ZM13.554 10.6693C13.7492 10.8646 13.7492 11.1811 13.554 11.3764L11.1561 13.7742C10.9608 13.9695 10.6443 13.9695 10.449 13.7742C10.2537 13.579 10.2537 13.2624 10.449 13.0671L12.8469 10.6693C13.0421 10.474 13.3587 10.474 13.554 10.6693ZM16.0163 11.3764C16.2116 11.1811 16.2116 10.8646 16.0163 10.6693C15.8211 10.474 15.5045 10.474 15.3092 10.6693L12.9113 13.0671C12.7161 13.2624 12.7161 13.579 12.9113 13.7742C13.1066 13.9695 13.4232 13.9695 13.6184 13.7742L16.0163 11.3764ZM18.4787 10.6693C18.674 10.8646 18.674 11.1811 18.4787 11.3764L16.0808 13.7742C15.8856 13.9695 15.569 13.9695 15.3737 13.7742C15.1785 13.579 15.1785 13.2624 15.3737 13.0671L17.7716 10.6693C17.9669 10.474 18.2835 10.474 18.4787 10.6693ZM20.9411 11.3764C21.1363 11.1811 21.1363 10.8646 20.9411 10.6693C20.7458 10.474 20.4292 10.474 20.234 10.6693L17.8361 13.0671C17.6408 13.2624 17.6408 13.579 17.8361 13.7742C18.0313 13.9695 18.3479 13.9695 18.5432 13.7742L20.9411 11.3764ZM21.0571 13.0156C21.2523 13.2109 21.2523 13.5275 21.0571 13.7228L21.0055 13.7743C20.8103 13.9695 20.4937 13.9695 20.2984 13.7743C20.1032 13.579 20.1032 13.2624 20.2984 13.0672L20.3499 13.0156C20.5452 12.8204 20.8618 12.8204 21.0571 13.0156ZM3.7045 11.3764C3.89978 11.1812 3.8998 10.8646 3.70455 10.6693C3.5093 10.474 3.19271 10.474 2.99744 10.6693L2.89055 10.7761C2.69527 10.9714 2.69525 11.288 2.8905 11.4833C3.08575 11.6785 3.40234 11.6785 3.59761 11.4833L3.7045 11.3764ZM6.16689 10.6693C6.36215 10.8646 6.36215 11.1811 6.16689 11.3764L3.76902 13.7742C3.57375 13.9695 3.25717 13.9695 3.06191 13.7742C2.86665 13.579 2.86665 13.2624 3.06191 13.0671L5.45978 10.6693C5.65505 10.474 5.97163 10.474 6.16689 10.6693ZM8.62923 11.3764C8.82449 11.1811 8.82449 10.8646 8.62923 10.6693C8.43397 10.474 8.11739 10.474 7.92212 10.6693L5.52426 13.0671C5.32899 13.2624 5.32899 13.579 5.52425 13.7742C5.71951 13.9695 6.0361 13.9695 6.23136 13.7742L8.62923 11.3764Z"
17
+
fill="currentColor"
18
+
/>
19
+
</svg>
20
+
);
21
+
};
+21
components/Icons/BlockRSVPSmall.tsx
+21
components/Icons/BlockRSVPSmall.tsx
···
1
+
import { Props } from "./Props";
2
+
3
+
export const BlockRSVPSmall = (props: Props) => {
4
+
return (
5
+
<svg
6
+
width="24"
7
+
height="24"
8
+
viewBox="0 0 24 24"
9
+
fill="none"
10
+
xmlns="http://www.w3.org/2000/svg"
11
+
{...props}
12
+
>
13
+
<path
14
+
fillRule="evenodd"
15
+
clipRule="evenodd"
16
+
d="M8.26788 2.26052C8.76343 1.73099 9.53423 1.56198 10.2059 1.83559L11.7491 2.46429L16.6025 2.20414C17.4868 2.15673 18.2463 2.82619 18.3102 3.7095L18.4144 5.14935L20.0677 6.01329C20.6659 6.32586 21.0921 6.89045 21.229 7.55135L23.019 16.1987C23.2697 17.4099 22.4958 18.5964 21.2863 18.8551L5.44248 22.2436C4.22165 22.5047 3.02167 21.7219 2.76862 20.4994L0.980561 11.8611C0.845583 11.209 1.0064 10.5306 1.41972 10.0085L3.56607 7.29716L3.40145 4.5493C3.34755 3.64946 4.0364 2.8777 4.93657 2.82945L7.88327 2.6715L8.26788 2.26052ZM18.6163 7.93856L18.5417 6.90833L19.373 7.34272C19.5724 7.44691 19.7145 7.63511 19.7601 7.85541L21.5501 16.5028C21.6337 16.9065 21.3757 17.302 20.9725 17.3882L5.12877 20.7767C4.72183 20.8638 4.32183 20.6028 4.23748 20.1953L2.44942 11.557C2.40443 11.3397 2.45804 11.1135 2.59581 10.9395L3.70066 9.54382L3.80512 11.2874L3.64416 11.2345C3.31624 11.1267 2.96303 11.3051 2.85524 11.6331C2.74745 11.961 2.9259 12.3142 3.25381 12.422L12.2571 15.3814L19.2176 8.99821C19.472 8.76491 19.4891 8.36956 19.2558 8.11516C19.0886 7.93292 18.8384 7.87245 18.6163 7.93856ZM17.4353 8.93663L17.0635 3.79974C17.0487 3.5959 16.8735 3.4414 16.6694 3.45234L5.00347 4.07766C4.79574 4.0888 4.63678 4.26689 4.64922 4.47455L5.08251 11.7073L11.9518 13.9653L17.4353 8.93663ZM11.1605 6.7859C11.5132 5.9923 11.7901 5.76891 12.5288 5.72291C13.3194 5.67369 14.0001 6.35526 13.9068 7.44072C13.8015 8.66549 13.1609 9.84543 11.4351 11.1966C9.55455 10.07 8.50235 9.10035 8.24589 7.89811C8.0186 6.83261 8.66576 5.94549 9.45655 5.89625C10.1954 5.85024 10.7119 6.04219 11.1605 6.7859Z"
17
+
fill="currentColor"
18
+
/>
19
+
</svg>
20
+
);
21
+
};
+79
components/Icons/BlockTextSmall.tsx
+79
components/Icons/BlockTextSmall.tsx
···
1
+
import { Props } from "./Props";
2
+
3
+
export const Header1Small = (props: Props) => {
4
+
return (
5
+
<svg
6
+
width="32"
7
+
height="24"
8
+
viewBox="0 0 32 24"
9
+
fill="none"
10
+
xmlns="http://www.w3.org/2000/svg"
11
+
{...props}
12
+
>
13
+
<path
14
+
fillRule="evenodd"
15
+
clipRule="evenodd"
16
+
d="M20.4248 17.3449C20.3246 17.3572 20.2493 17.4423 20.2493 17.5434V19.0583C20.2493 19.1688 20.3388 19.2583 20.4493 19.2583H28.2973C28.4078 19.2583 28.4973 19.1688 28.4973 19.0583V17.5434C28.4973 17.4423 28.422 17.3572 28.3217 17.3449L26.1504 17.0778C26.0502 17.0654 25.9749 16.9803 25.9749 16.8792V4.92194C25.9749 4.79776 25.8629 4.70359 25.7405 4.72491L20.3949 5.6562C20.2992 5.67288 20.2292 5.75601 20.2292 5.85323V7.2876C20.2292 7.39775 20.3183 7.48717 20.4285 7.4876L22.5725 7.49604C22.6827 7.49648 22.7717 7.58589 22.7717 7.69604V16.8792C22.7717 16.9803 22.6964 17.0654 22.5961 17.0778L20.4248 17.3449ZM4.82378 4.71289C4.71332 4.71289 4.62378 4.80243 4.62378 4.91289V19.0583C4.62378 19.1688 4.71332 19.2583 4.82378 19.2583H7.69082C7.80128 19.2583 7.89082 19.1688 7.89082 19.0583V13.5208C7.89082 13.4104 7.98037 13.3208 8.09082 13.3208H13.7065C13.8169 13.3208 13.9065 13.4104 13.9065 13.5208V19.0583C13.9065 19.1688 13.996 19.2583 14.1065 19.2583H16.9735C17.084 19.2583 17.1735 19.1688 17.1735 19.0583V4.91289C17.1735 4.80243 17.084 4.71289 16.9735 4.71289H14.1065C13.996 4.71289 13.9065 4.80243 13.9065 4.91289V10.4433C13.9065 10.5537 13.8169 10.6433 13.7065 10.6433H8.09082C7.98037 10.6433 7.89082 10.5537 7.89082 10.4433V4.91289C7.89082 4.80243 7.80128 4.71289 7.69082 4.71289H4.82378Z"
17
+
fill="currentColor"
18
+
/>
19
+
</svg>
20
+
);
21
+
};
22
+
23
+
export const Header2Small = (props: Props) => {
24
+
return (
25
+
<svg
26
+
width="32"
27
+
height="24"
28
+
viewBox="0 0 32 24"
29
+
fill="none"
30
+
xmlns="http://www.w3.org/2000/svg"
31
+
{...props}
32
+
>
33
+
<path
34
+
fillRule="evenodd"
35
+
clipRule="evenodd"
36
+
d="M18.7023 17.4603C18.6687 17.4972 18.6501 17.5452 18.6501 17.5951V18.8315C18.6501 18.942 18.7397 19.0315 18.8501 19.0315H27.6383C27.7488 19.0315 27.8383 18.942 27.8383 18.8315V16.0037C27.8383 15.8933 27.7488 15.8037 27.6383 15.8037H26.1823C26.0793 15.8037 25.9931 15.8819 25.9832 15.9844L25.8754 17.0988C25.8654 17.2013 25.7793 17.2795 25.6763 17.2795H21.5426C21.5266 17.2795 21.5122 17.2698 21.5062 17.2549V17.2549C21.5006 17.2409 21.5036 17.2249 21.5138 17.2138L24.7248 13.7375C25.3215 13.0964 25.8166 12.5125 26.2102 11.9856C26.6101 11.4524 26.9084 10.9382 27.1052 10.4431C27.3083 9.948 27.4099 9.43701 27.4099 8.91016C27.4099 8.13574 27.2321 7.45337 26.8767 6.86304C26.5212 6.27271 26.0166 5.80933 25.3628 5.4729C24.7089 5.13647 23.9282 4.96826 23.0205 4.96826C22.0683 4.96826 21.2463 5.15869 20.5544 5.53955C19.8625 5.92041 19.3325 6.43774 18.9643 7.09155C18.604 7.74257 18.4326 8.47225 18.4499 9.2806C18.4501 9.28749 18.4513 9.29434 18.4534 9.30087V9.30087C18.4629 9.3291 18.4893 9.34814 18.519 9.34814H20.4687C20.5791 9.34814 20.6682 9.25844 20.6727 9.14808C20.7029 8.41863 20.9015 7.84421 21.2685 7.4248C21.6684 6.96777 22.2365 6.73926 22.9729 6.73926C23.6711 6.73926 24.2043 6.95508 24.5725 7.38672C24.947 7.81836 25.1342 8.34839 25.1342 8.97681C25.1342 9.31958 25.0739 9.65918 24.9533 9.99561C24.8391 10.3257 24.6391 10.697 24.3535 11.1096C24.0678 11.5159 23.6743 11.9983 23.1728 12.5569L18.7023 17.4603ZM5.05474 5.21338C4.94428 5.21338 4.85474 5.30292 4.85474 5.41338V18.8316C4.85474 18.942 4.94428 19.0316 5.05474 19.0316H6.73961C6.85007 19.0316 6.93961 18.942 6.93961 18.8316V13.2063C6.93961 13.0959 7.02915 13.0063 7.13961 13.0063H13.6285C13.7389 13.0063 13.8285 13.0959 13.8285 13.2063V18.8316C13.8285 18.942 13.918 19.0316 14.0285 19.0316H15.7201C15.8305 19.0316 15.9201 18.942 15.9201 18.8316V5.41338C15.9201 5.30292 15.8305 5.21338 15.7201 5.21338H14.0285C13.918 5.21338 13.8285 5.30292 13.8285 5.41338V11.0184C13.8285 11.1288 13.7389 11.2184 13.6285 11.2184H7.13961C7.02915 11.2184 6.93961 11.1288 6.93961 11.0184V5.41338C6.93961 5.30292 6.85007 5.21338 6.73961 5.21338H5.05474Z"
37
+
fill="currentColor"
38
+
/>
39
+
</svg>
40
+
);
41
+
};
42
+
43
+
export const Header3Small = (props: Props) => {
44
+
return (
45
+
<svg
46
+
width="32"
47
+
height="24"
48
+
viewBox="0 0 32 24"
49
+
fill="none"
50
+
xmlns="http://www.w3.org/2000/svg"
51
+
{...props}
52
+
>
53
+
<path
54
+
fillRule="evenodd"
55
+
clipRule="evenodd"
56
+
d="M19.5185 18.2898C20.1108 18.5796 20.8075 18.7245 21.6087 18.7245C22.4311 18.7245 23.1768 18.5732 23.8459 18.2707C24.5149 17.9638 25.0646 17.5377 25.495 16.9923C25.9297 16.4468 26.1981 15.8182 26.3004 15.1066C26.4283 14.2799 26.294 13.5704 25.8977 12.978C25.5115 12.3903 24.9205 12.0093 24.1247 11.8352C24.1038 11.8306 24.0888 11.8122 24.0888 11.7909V11.7909C24.0888 11.7709 24.102 11.7533 24.1211 11.7475C24.8271 11.5331 25.4214 11.1698 25.9041 10.6577C26.3984 10.1379 26.6967 9.5093 26.799 8.77208C26.8927 8.13714 26.8224 7.55546 26.5881 7.02706C26.3579 6.49865 25.9829 6.07464 25.4631 5.75504C24.9474 5.43544 24.3061 5.27563 23.5391 5.27563C22.8189 5.27563 22.1456 5.42265 21.5192 5.71669C20.8927 6.00646 20.3665 6.41129 19.9403 6.93117C19.5671 7.39115 19.3156 7.91283 19.1858 8.49623C19.159 8.61663 19.2533 8.72734 19.3767 8.72734H20.0434C20.1422 8.72734 20.2254 8.65495 20.2462 8.55835C20.3391 8.12647 20.529 7.74814 20.816 7.42336C21.1442 7.05262 21.5447 6.76711 22.0177 6.56683C22.4908 6.36228 22.9872 6.26001 23.5071 6.26001C24.044 6.26001 24.4915 6.36441 24.8494 6.57322C25.2074 6.77777 25.4631 7.06541 25.6165 7.43615C25.7699 7.80262 25.8104 8.22663 25.7379 8.70816C25.6655 9.23657 25.4694 9.6968 25.1498 10.0888C24.8302 10.4809 24.4275 10.7856 23.9417 11.0029C23.456 11.216 22.9254 11.3225 22.3501 11.3225H21.8463C21.7467 11.3225 21.6622 11.3959 21.6483 11.4946L21.5641 12.0917C21.5471 12.2121 21.6406 12.3197 21.7621 12.3197H22.2479C22.9467 12.3197 23.5305 12.4326 23.9993 12.6584C24.468 12.8843 24.8089 13.1996 25.022 13.6045C25.2351 14.005 25.3033 14.4695 25.2266 14.9979C25.1541 15.5349 24.9453 16.0079 24.6001 16.417C24.2592 16.8261 23.8288 17.1478 23.3089 17.3822C22.7933 17.6123 22.2308 17.7273 21.6214 17.7273C21.0504 17.7273 20.5561 17.6251 20.1385 17.4205C19.7251 17.216 19.414 16.9283 19.2052 16.5576C19.0324 16.2443 18.9508 15.8899 18.9606 15.4944C18.9635 15.3757 18.8717 15.2728 18.753 15.2728H18.0457C17.9449 15.2728 17.8592 15.3478 17.8513 15.4483C17.8037 16.0542 17.9141 16.5944 18.1825 17.069C18.4808 17.5888 18.9261 17.9958 19.5185 18.2898ZM6.51038 5.45459C6.41134 5.45459 6.32722 5.52708 6.31258 5.62504L4.41638 18.3159C4.39832 18.4368 4.49196 18.5455 4.61418 18.5455H5.31548C5.41456 18.5455 5.49871 18.473 5.5133 18.375L6.36379 12.6628C6.37838 12.5648 6.46253 12.4922 6.56161 12.4922H13.6934C13.8156 12.4922 13.9092 12.6008 13.8912 12.7217L13.0583 18.316C13.0403 18.4369 13.1339 18.5455 13.2561 18.5455H13.9512C14.0503 18.5455 14.1344 18.473 14.149 18.3751L16.0452 5.68414C16.0633 5.56326 15.9696 5.45459 15.8474 5.45459H15.1525C15.0534 5.45459 14.9693 5.5271 14.9547 5.62508L14.1043 11.3246C14.0896 11.4226 14.0055 11.4951 13.9064 11.4951H6.77465C6.65244 11.4951 6.5588 11.3864 6.57684 11.2656L7.40962 5.6841C7.42766 5.56323 7.33403 5.45459 7.21181 5.45459H6.51038Z"
57
+
fill="currentColor"
58
+
/>
59
+
</svg>
60
+
);
61
+
};
62
+
63
+
export const ParagraphSmall = (props: Props) => {
64
+
return (
65
+
<svg
66
+
width="24"
67
+
height="24"
68
+
viewBox="0 0 24 24"
69
+
fill="none"
70
+
xmlns="http://www.w3.org/2000/svg"
71
+
{...props}
72
+
>
73
+
<path
74
+
d="M7.56396 18.5455V5.45459H11.9873C13.0142 5.45459 13.8537 5.63996 14.5057 6.0107C15.162 6.37718 15.6478 6.87362 15.9631 7.50004C16.2785 8.12646 16.4361 9.06841 16.4361 9.83971C16.4361 10.611 16.2785 11.5754 15.9631 12.206C15.652 12.8367 15.1705 13.3396 14.5185 13.7146C13.8665 14.0853 13.0313 14.2707 12.0128 14.2707H9.14919V12.8644H11.9617C12.6648 12.8644 13.2294 12.743 13.6556 12.5001C14.0817 12.2572 14.3907 11.929 14.5824 11.5157C14.7785 11.0981 14.8765 10.3639 14.8765 9.83971C14.8765 9.31556 14.7785 8.60374 14.5824 8.19039C14.3907 7.77703 14.0796 7.45317 13.6492 7.21879C13.2188 6.98016 12.6478 6.86084 11.9361 6.86084H9.14919V18.5455H7.56396Z"
75
+
fill="currentColor"
76
+
/>
77
+
</svg>
78
+
);
79
+
};
+18
components/Icons/BlueskySmall.tsx
+18
components/Icons/BlueskySmall.tsx
···
1
+
import { Props } from "./Props";
2
+
3
+
export const BlueskySmall = (props: Props) => {
4
+
return (
5
+
<svg
6
+
width="24"
7
+
height="24"
8
+
viewBox="0 0 24 24"
9
+
fill="none"
10
+
xmlns="http://www.w3.org/2000/svg"
11
+
>
12
+
<path
13
+
d="M6.33526 4.21162C8.62822 5.97119 11.0945 9.53887 12.0001 11.4535C12.9056 9.53901 15.3718 5.97116 17.6649 4.21162C19.3193 2.94199 22 1.95962 22 5.08557C22 5.70987 21.6498 10.33 21.4445 11.08C20.7306 13.6878 18.1292 14.3529 15.8152 13.9503C19.86 14.654 20.8889 16.9848 18.6668 19.3156C14.4465 23.7423 12.601 18.205 12.1279 16.7861C11.9998 16.4018 12.0002 16.4018 11.8721 16.7861C11.3993 18.205 9.55378 23.7424 5.33322 19.3156C3.11103 16.9848 4.13995 14.6538 8.18483 13.9503C5.87077 14.3529 3.26934 13.6878 2.55555 11.08C2.35016 10.3299 2 5.7098 2 5.08557C2 1.95962 4.68086 2.94199 6.33526 4.21162Z"
14
+
fill="currentColor"
15
+
/>
16
+
</svg>
17
+
);
18
+
};
+21
components/Icons/BlueskyTiny.tsx
+21
components/Icons/BlueskyTiny.tsx
···
1
+
import { Props } from "./Props";
2
+
3
+
export const BlueskyTiny = (props: Props) => {
4
+
return (
5
+
<svg
6
+
width="16"
7
+
height="16"
8
+
viewBox="0 0 512 512"
9
+
fill="none"
10
+
xmlns="http://www.w3.org/2000/svg"
11
+
{...props}
12
+
>
13
+
<path
14
+
fillRule="evenodd"
15
+
clipRule="evenodd"
16
+
d="M111.8 62.2C170.2 105.9 233 194.7 256 242.4c23-47.6 85.8-136.4 144.2-180.2c42.1-31.6 110.3-56 110.3 21.8c0 15.5-8.9 130.5-14.1 149.2C478.2 298 412 314.6 353.1 304.5c102.9 17.5 129.1 75.5 72.5 133.5c-107.4 110.2-154.3-27.6-166.3-62.9l0 0c-1.7-4.9-2.6-7.8-3.3-7.8s-1.6 3-3.3 7.8l0 0c-12 35.3-59 173.1-166.3 62.9c-56.5-58-30.4-116 72.5-133.5C100 314.6 33.8 298 15.7 233.1C10.4 214.4 1.5 99.4 1.5 83.9c0-77.8 68.2-53.4 110.3-21.8z"
17
+
fill="currentColor"
18
+
/>
19
+
</svg>
20
+
);
21
+
};
+21
components/Icons/CheckTiny.tsx
+21
components/Icons/CheckTiny.tsx
···
1
+
import { Props } from "./Props";
2
+
3
+
export const CheckTiny = (props: Props) => {
4
+
return (
5
+
<svg
6
+
width="16"
7
+
height="16"
8
+
viewBox="0 0 16 16"
9
+
fill="none"
10
+
xmlns="http://www.w3.org/2000/svg"
11
+
{...props}
12
+
>
13
+
<path
14
+
fillRule="evenodd"
15
+
clipRule="evenodd"
16
+
d="M14.7921 2.03304C15.3262 2.4705 15.4045 3.25808 14.967 3.79213L6.7757 13.7921C6.55723 14.0588 6.2383 14.2235 5.89434 14.2471C5.55039 14.2707 5.21195 14.1512 4.95907 13.9169L1.15037 10.3874C0.644007 9.91821 0.613911 9.12732 1.08315 8.62096C1.55239 8.11459 2.34327 8.0845 2.84964 8.55374L5.68371 11.18L13.033 2.20794C13.4705 1.67388 14.258 1.59558 14.7921 2.03304Z"
17
+
fill="currentColor"
18
+
/>
19
+
</svg>
20
+
);
21
+
};
+21
components/Icons/CheckboxChecked.tsx
+21
components/Icons/CheckboxChecked.tsx
···
1
+
import { Props } from "./Props";
2
+
3
+
export const CheckboxChecked = (props: Props) => {
4
+
return (
5
+
<svg
6
+
width="12"
7
+
height="12"
8
+
viewBox="0 0 12 12"
9
+
fill="none"
10
+
xmlns="http://www.w3.org/2000/svg"
11
+
{...props}
12
+
>
13
+
<path
14
+
fillRule="evenodd"
15
+
clipRule="evenodd"
16
+
d="M2 0C0.895431 0 0 0.89543 0 2V10C0 11.1046 0.89543 12 2 12H10C11.1046 12 12 11.1046 12 10V2C12 0.895431 11.1046 0 10 0H2ZM10.4554 3.95353C10.7769 3.59277 10.7451 3.03966 10.3843 2.71813C10.0236 2.3966 9.47046 2.4284 9.14893 2.78916L5.03209 7.40828L3.28982 5.92642C2.92171 5.61333 2.36949 5.65793 2.0564 6.02604C1.74331 6.39415 1.78791 6.94637 2.15602 7.25946L4.54955 9.29524C4.91165 9.60322 5.45339 9.56577 5.76966 9.21091L10.4554 3.95353Z"
17
+
fill="currentColor"
18
+
/>
19
+
</svg>
20
+
);
21
+
};
+21
components/Icons/CheckboxEmpty.tsx
+21
components/Icons/CheckboxEmpty.tsx
···
1
+
import { Props } from "./Props";
2
+
3
+
export const CheckboxEmpty = (props: Props) => {
4
+
return (
5
+
<svg
6
+
width="12"
7
+
height="12"
8
+
viewBox="0 0 12 12"
9
+
fill="none"
10
+
xmlns="http://www.w3.org/2000/svg"
11
+
{...props}
12
+
>
13
+
<path
14
+
fillRule="evenodd"
15
+
clipRule="evenodd"
16
+
d="M0 1.875C0 0.839466 0.839466 0 1.875 0H10.125C11.1605 0 12 0.839466 12 1.875V10.125C12 11.1605 11.1605 12 10.125 12H1.875C0.839466 12 0 11.1605 0 10.125V1.875ZM1.875 1.25C1.52982 1.25 1.25 1.52982 1.25 1.875V10.125C1.25 10.4702 1.52982 10.75 1.875 10.75H10.125C10.4702 10.75 10.75 10.4702 10.75 10.125V1.875C10.75 1.52982 10.4702 1.25 10.125 1.25H1.875Z"
17
+
fill="currentColor"
18
+
/>
19
+
</svg>
20
+
);
21
+
};
+25
components/Icons/CloseContrastSmall.tsx
+25
components/Icons/CloseContrastSmall.tsx
···
1
+
export const CloseContrastSmall = (props: { fill: string; stroke: string }) => {
2
+
// this is a special close (x) icon that has high contrast for use on top of images and noisy backgrounds
3
+
return (
4
+
<svg
5
+
width="24"
6
+
height="24"
7
+
viewBox="0 0 24 24"
8
+
fill="none"
9
+
xmlns="http://www.w3.org/2000/svg"
10
+
>
11
+
<path
12
+
fillRule="evenodd"
13
+
clipRule="evenodd"
14
+
d="M19.5314 17.2686C20.1562 17.8935 20.1562 18.9065 19.5314 19.5314C18.9065 20.1562 17.8935 20.1562 17.2686 19.5314L12 14.2627L6.73137 19.5314C6.10653 20.1562 5.09347 20.1562 4.46863 19.5314C3.84379 18.9065 3.84379 17.8935 4.46863 17.2686L9.73726 12L4.46863 6.73137C3.84379 6.10653 3.84379 5.09347 4.46863 4.46863C5.09347 3.84379 6.10653 3.84379 6.73137 4.46863L12 9.73726L17.2686 4.46863C17.8935 3.84379 18.9065 3.84379 19.5314 4.46863C20.1562 5.09347 20.1562 6.10653 19.5314 6.73137L14.2627 12L19.5314 17.2686Z"
15
+
fill={props.fill}
16
+
/>
17
+
<path
18
+
fillRule="evenodd"
19
+
clipRule="evenodd"
20
+
d="M17.2686 4.46863C17.8935 3.84379 18.9065 3.84379 19.5314 4.46863C20.1562 5.09347 20.1562 6.10653 19.5314 6.73137L14.2627 12L19.5314 17.2686C20.1562 17.8935 20.1562 18.9065 19.5314 19.5314C18.9065 20.1562 17.8935 20.1562 17.2686 19.5314L12 14.2627L6.73137 19.5314C6.10653 20.1562 5.09347 20.1562 4.46863 19.5314C3.84379 18.9065 3.84379 17.8935 4.46863 17.2686L9.73726 12L4.46863 6.73137C3.84379 6.10653 3.84379 5.09347 4.46863 4.46863C5.09347 3.84379 6.10653 3.84379 6.73137 4.46863L12 9.73726L17.2686 4.46863ZM12 7.61594L16.208 3.40797C17.4186 2.19734 19.3814 2.19734 20.592 3.40797C21.8027 4.61859 21.8027 6.58141 20.592 7.79203L16.3841 12L20.592 16.208C21.8027 17.4186 21.8027 19.3814 20.592 20.592C19.3814 21.8027 17.4186 21.8027 16.208 20.592L12 16.3841L7.79203 20.592C6.58141 21.8027 4.61859 21.8027 3.40797 20.592C2.19734 19.3814 2.19734 17.4186 3.40797 16.208L7.61594 12L3.40797 7.79203C2.19734 6.5814 2.19734 4.6186 3.40797 3.40797C4.61859 2.19734 6.58141 2.19734 7.79203 3.40797L12 7.61594Z"
21
+
fill={props.stroke}
22
+
/>
23
+
</svg>
24
+
);
25
+
};
+21
components/Icons/CloseTiny.tsx
+21
components/Icons/CloseTiny.tsx
···
1
+
import { Props } from "./Props";
2
+
3
+
export const CloseTiny = (props: Props) => {
4
+
return (
5
+
<svg
6
+
width="16"
7
+
height="16"
8
+
viewBox="0 0 16 16"
9
+
fill="none"
10
+
xmlns="http://www.w3.org/2000/svg"
11
+
{...props}
12
+
>
13
+
<path
14
+
fillRule="evenodd"
15
+
clipRule="evenodd"
16
+
d="M13.8372 4.31196C14.3059 3.84333 14.3059 3.08353 13.8372 2.6149C13.3686 2.14627 12.6088 2.14627 12.1402 2.6149L8.18872 6.56637L4.23725 2.6149C3.76862 2.14627 3.00882 2.14627 2.54019 2.6149C2.07156 3.08353 2.07156 3.84333 2.54019 4.31196L6.49166 8.26343L2.54019 12.2149C2.07156 12.6835 2.07156 13.4433 2.54019 13.912C3.00882 14.3806 3.76862 14.3806 4.23725 13.912L8.18872 9.96048L12.1402 13.912C12.6088 14.3806 13.3686 14.3806 13.8372 13.912C14.3059 13.4433 14.3059 12.6835 13.8372 12.2149L9.88578 8.26343L13.8372 4.31196Z"
17
+
fill="currentColor"
18
+
/>
19
+
</svg>
20
+
);
21
+
};
+21
components/Icons/CommentTiny.tsx
+21
components/Icons/CommentTiny.tsx
···
1
+
import { Props } from "./Props";
2
+
3
+
export const CommentTiny = (props: Props) => {
4
+
return (
5
+
<svg
6
+
width="16"
7
+
height="16"
8
+
viewBox="0 0 16 16"
9
+
fill="none"
10
+
xmlns="http://www.w3.org/2000/svg"
11
+
{...props}
12
+
>
13
+
<path
14
+
fillRule="evenodd"
15
+
clipRule="evenodd"
16
+
d="M13.2729 2.64811C12.2701 1.70568 10.6421 1.18237 8.1478 1.18237C6.39426 1.18237 4.77702 1.50266 3.59413 2.35686C2.40039 3.2189 1.67651 4.60444 1.67651 6.66696C1.67651 7.88721 2.1903 9.10636 3.31693 10.0167C4.44114 10.9251 6.16141 11.5153 8.56098 11.5153C9.08508 11.5153 9.60084 11.4629 10.0969 11.3613C10.5398 11.6928 11.083 12.0262 11.6403 12.2074C12.7152 12.5567 13.7185 12.3275 14.1019 12.1609C14.1019 12.1609 14.2711 12.1295 14.2741 11.8717C14.2766 11.6522 14.1019 11.5896 14.1019 11.5896C13.926 11.5083 13.6469 11.1801 13.5349 10.8816L13.5248 10.8546C13.3259 10.3243 13.2725 10.182 13.2725 9.65473C14.1019 9.1196 14.6191 8.12643 14.6191 6.45488C14.6191 4.92613 14.2789 3.59362 13.2729 2.64811ZM8.93574 3.76256L8.70323 5.91493L10.9354 5.30957L11.0981 6.34091L8.95899 6.50907L10.3425 8.28028L9.34264 8.80716L8.35446 6.84537L7.45928 8.80716L6.42459 8.28028L7.7848 6.50907L5.66892 6.34091L5.83168 5.30957L8.04056 5.91493L7.79642 3.76256H8.93574ZM1.97489 11.1316C1.78179 10.9342 1.78529 10.6176 1.98269 10.4246C2.18009 10.2315 2.49666 10.2349 2.68975 10.4324C3.92379 11.6939 5.73209 12.3694 8.36317 12.3694C8.83898 12.3694 9.30531 12.3214 9.7503 12.2291L9.96768 12.1841L10.1469 12.3151C10.5457 12.6067 11.0144 12.883 11.4665 13.0234C12.3294 13.2916 13.2154 13.2513 13.9249 13.0246C14.1879 12.9406 14.4693 13.0857 14.5533 13.3488C14.6374 13.6118 14.4923 13.8932 14.2292 13.9772C13.3347 14.263 12.2387 14.3105 11.1698 13.9784C10.6483 13.8164 10.1492 13.5339 9.73648 13.25C9.29041 13.3289 8.82988 13.3694 8.36317 13.3694C5.56006 13.3694 3.45551 12.6453 1.97489 11.1316Z"
17
+
fill="currentColor"
18
+
/>
19
+
</svg>
20
+
);
21
+
};
+21
components/Icons/DeleteSmall.tsx
+21
components/Icons/DeleteSmall.tsx
···
1
+
import { Props } from "./Props";
2
+
3
+
export const DeleteSmall = (props: Props) => {
4
+
return (
5
+
<svg
6
+
width="24"
7
+
height="24"
8
+
viewBox="0 0 24 24"
9
+
fill="none"
10
+
xmlns="http://www.w3.org/2000/svg"
11
+
{...props}
12
+
>
13
+
<path
14
+
fillRule="evenodd"
15
+
clipRule="evenodd"
16
+
d="M10.682 3.11103C9.4724 3.23448 8.89352 3.67017 8.73295 4.09426C8.57457 4.51256 8.71273 5.20871 9.51183 6.08877C9.86249 6.47497 10.3151 6.86398 10.8567 7.2317C11.521 7.68272 12.3093 8.09493 13.1874 8.42742C14.7679 9.02584 16.286 9.23267 17.4457 9.11431C18.6553 8.99087 19.2342 8.55517 19.3948 8.13109C19.5553 7.707 19.4102 6.99716 18.5856 6.10354C17.7951 5.24678 16.5208 4.39634 14.9403 3.79793C13.3598 3.19951 11.8417 2.99268 10.682 3.11103ZM10.5297 1.61879C11.9666 1.47215 13.7204 1.73212 15.4714 2.39511C17.2225 3.0581 18.7086 4.02485 19.6881 5.08636C20.6335 6.11101 21.2677 7.42054 20.7976 8.66223C20.4763 9.51081 19.7476 10.0415 18.8756 10.3377L18.8512 10.5864C18.8085 11.0201 18.7488 11.6195 18.6804 12.2826C18.5439 13.6052 18.3721 15.193 18.2332 16.2206C18.0958 17.2367 17.9216 18.1654 17.782 18.8394C17.7065 19.2037 17.6277 19.5677 17.5385 19.9289C17.3496 20.8304 16.5864 21.4845 15.7038 21.895C14.7878 22.321 13.5933 22.5626 12.2528 22.5626C9.70265 22.5626 7.61297 21.8776 6.98728 20.0005C6.8862 19.6168 6.80407 19.2278 6.72362 18.8394C6.58403 18.1654 6.40982 17.2367 6.27245 16.2206C6.13295 15.1888 5.96088 13.4661 5.82457 12.0139C5.75617 11.2852 5.69637 10.6201 5.65367 10.1372C5.63217 9.89407 5.61097 9.65088 5.58999 9.40767C5.57932 9.28304 5.58998 9.16406 5.60549 9.03837C5.71664 8.13769 6.61126 7.27662 8.06548 6.69616C7.34029 5.75314 6.92513 4.63277 7.33013 3.56312C7.80026 2.32143 9.14275 1.76033 10.5297 1.61879ZM17.1289 10.6396C17.1998 10.6367 17.2702 10.633 17.3398 10.6283C17.2993 11.0382 17.2469 11.56 17.1883 12.1287C17.0517 13.4526 16.882 15.0185 16.7467 16.0196C16.5497 17.4769 16.2709 18.7602 16.145 19.3048C16.121 19.4087 16.0961 19.5125 16.0714 19.6162C16.0259 19.8437 15.774 20.2081 15.0713 20.5349C14.3961 20.8489 13.4274 21.0626 12.2528 21.0626C9.79771 21.0626 8.71725 20.3951 8.41916 19.552C8.39914 19.4697 8.37966 19.3873 8.36059 19.3048C8.31867 19.1234 8.25973 18.86 8.19244 18.5352C8.05767 17.8845 7.89033 16.9916 7.75893 16.0196C7.62416 15.0228 7.45468 13.3299 7.31801 11.8738C7.28819 11.5561 7.26001 11.2505 7.23417 10.9669C7.3779 11.0411 7.52304 11.1123 7.66588 11.1824C7.78804 11.2424 7.90851 11.3016 8.02495 11.361C8.50725 11.6069 9.07475 11.811 9.70356 11.9612C10.4756 12.1457 11.3401 12.249 12.2528 12.249C14.3262 12.249 16.1049 11.5603 17.1289 10.6396ZM13.8382 5.4146C13.6815 5.78286 13.2605 5.9648 12.8828 5.82179C12.4954 5.67512 12.3002 5.24219 12.4469 4.85481C12.5697 4.53047 12.8562 4.18935 13.3052 4.0074C13.7683 3.8197 14.3267 3.83032 14.949 4.06593C15.5712 4.30154 15.9966 4.66339 16.2193 5.11078C16.4352 5.54447 16.4239 5.98976 16.3011 6.31411C16.1544 6.70148 15.7215 6.89661 15.3341 6.74994C14.9564 6.60693 14.7615 6.19178 14.8879 5.81206C14.8869 5.8057 14.8841 5.79446 14.8765 5.77925C14.8604 5.74695 14.7761 5.60439 14.4178 5.46874C14.0596 5.33309 13.9019 5.38404 13.8685 5.39759C13.8528 5.40397 13.8432 5.41054 13.8382 5.4146ZM9.032 12.9912C9.39109 12.9721 9.67224 13.2642 9.69072 13.6111C9.71588 14.0747 9.7415 14.5382 9.76856 15.0016C9.81412 15.782 9.87062 16.6895 9.91555 17.2239C9.98125 18.0053 10.0742 18.693 10.1161 18.9847C10.1701 19.3602 10.074 19.7752 9.6166 19.8464C9.17393 19.9154 8.93368 19.5441 8.87883 19.1625C8.83468 18.8554 8.73864 18.1456 8.66995 17.3287C8.62347 16.7759 8.56612 15.8528 8.52068 15.0745C8.4935 14.609 8.46777 14.1434 8.44249 13.6778C8.42412 13.333 8.67585 13.01 9.032 12.9912ZM16.0647 13.6483C16.083 13.3036 15.8183 13.0094 15.4736 12.9912C15.1289 12.9729 14.8347 13.238 14.8164 13.5827L14.8164 13.584C14.7907 14.0566 14.7647 14.5292 14.7371 15.0016C14.6915 15.782 14.635 16.6895 14.5901 17.2239C14.5463 17.7451 14.4905 18.2237 14.4456 18.5723C14.4215 18.7593 14.3965 18.9464 14.3676 19.1328C14.3145 19.4738 14.548 19.7933 14.889 19.8464C15.2301 19.8995 15.5496 19.666 15.6027 19.325L15.6029 19.324C15.6333 19.1271 15.6599 18.9296 15.6853 18.732C15.7318 18.3708 15.7899 17.8731 15.8357 17.3287C15.8822 16.7759 15.9395 15.8528 15.9849 15.0745C16.0127 14.5998 16.0389 14.1251 16.0646 13.6503L16.0647 13.6483ZM12.9954 14.4678C12.9954 14.1226 12.7156 13.8428 12.3704 13.8428C12.0253 13.8428 11.7454 14.1226 11.7454 14.4678L11.7454 19.3657C11.7454 19.7109 12.0253 19.9907 12.3704 19.9907C12.7156 19.9907 12.9954 19.7109 12.9954 19.3657L12.9954 14.4678ZM8.34005 10.25C8.61619 10.25 8.84005 10.0261 8.84005 9.75C8.84005 9.47386 8.61619 9.25 8.34005 9.25C8.06391 9.25 7.84005 9.47386 7.84005 9.75C7.84005 10.0261 8.06391 10.25 8.34005 10.25ZM8.34005 10.75C8.89233 10.75 9.34005 10.3023 9.34005 9.75C9.34005 9.19772 8.89233 8.75 8.34005 8.75C7.78777 8.75 7.34005 9.19772 7.34005 9.75C7.34005 10.3023 7.78777 10.75 8.34005 10.75ZM11.4369 10.75C11.713 10.75 11.9369 10.5261 11.9369 10.25C11.9369 9.97386 11.713 9.75 11.4369 9.75C11.1607 9.75 10.9369 9.97386 10.9369 10.25C10.9369 10.5261 11.1607 10.75 11.4369 10.75ZM11.4369 11.25C11.9891 11.25 12.4369 10.8023 12.4369 10.25C12.4369 9.69772 11.9891 9.25 11.4369 9.25C10.8846 9.25 10.4369 9.69772 10.4369 10.25C10.4369 10.8023 10.8846 11.25 11.4369 11.25Z"
17
+
fill="currentColor"
18
+
/>
19
+
</svg>
20
+
);
21
+
};
+21
components/Icons/HelpSmall.tsx
+21
components/Icons/HelpSmall.tsx
···
1
+
import { Props } from "./Props";
2
+
3
+
export const HelpSmall = (props: Props) => {
4
+
return (
5
+
<svg
6
+
width="24"
7
+
height="24"
8
+
viewBox="0 0 24 24"
9
+
fill="none"
10
+
xmlns="http://www.w3.org/2000/svg"
11
+
{...props}
12
+
>
13
+
<path
14
+
fillRule="evenodd"
15
+
clipRule="evenodd"
16
+
d="M12 20.5C16.6944 20.5 20.5 16.6944 20.5 12C20.5 7.30558 16.6944 3.5 12 3.5C7.30558 3.5 3.5 7.30558 3.5 12C3.5 16.6944 7.30558 20.5 12 20.5ZM12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22ZM10.7623 14.1436C10.6242 14.1436 10.5123 14.0317 10.5123 13.8936V11.737C10.5123 11.6028 10.6182 11.493 10.7521 11.4839C11.505 11.4329 12.1113 11.2873 12.5709 11.047C13.0783 10.7818 13.3321 10.3204 13.3321 9.66306V9.42086C13.3321 8.93648 13.1879 8.59049 12.8996 8.3829C12.6228 8.17531 12.2768 8.07151 11.8616 8.07151C11.3888 8.07151 11.0024 8.20991 10.7025 8.4867C10.4678 8.69435 10.2896 8.95501 10.168 9.26868C10.1131 9.41021 9.95475 9.4897 9.81469 9.43115L8.17697 8.74653C8.0589 8.69717 7.99639 8.56631 8.03977 8.44591C8.13721 8.17547 8.26363 7.91227 8.41902 7.65633C8.62662 7.32187 8.89187 7.02778 9.2148 6.77406C9.53772 6.5088 9.92407 6.29544 10.3739 6.13398C10.8236 5.97252 11.3484 5.89179 11.9481 5.89179C12.5593 5.89179 13.1129 5.97828 13.6088 6.15128C14.1163 6.32427 14.5488 6.56646 14.9063 6.87785C15.2638 7.18924 15.5406 7.56406 15.7367 8.00231C15.9327 8.44057 16.0308 8.91918 16.0308 9.43816C16.0308 9.92255 15.9443 10.3666 15.7713 10.7702C15.6098 11.1623 15.3849 11.5083 15.0966 11.8082C14.8198 12.0965 14.4911 12.3329 14.1105 12.5175C13.8037 12.6709 13.4809 12.7844 13.1421 12.8581C13.0227 12.8841 12.9342 12.9876 12.9342 13.1098V13.8936C12.9342 14.0317 12.8222 14.1436 12.6842 14.1436H10.7623ZM10.6403 17.4448C10.8724 17.6768 11.2558 17.7929 11.7906 17.7929C12.3354 17.7929 12.7188 17.6768 12.9408 17.4448C13.1729 17.2127 13.2889 16.8265 13.2889 16.5036V16.3041C13.2889 15.9913 13.1729 15.5428 12.9408 15.3107C12.7088 15.0787 12.3253 14.9626 11.7906 14.9626C11.2558 14.9626 10.8724 15.0787 10.6403 15.3107C10.4184 15.5327 10.3074 15.9812 10.3074 16.3041V16.5036C10.3074 16.8265 10.4184 17.2127 10.6403 17.4448Z"
17
+
fill="currentColor"
18
+
/>
19
+
</svg>
20
+
);
21
+
};
+21
components/Icons/HideSmall.tsx
+21
components/Icons/HideSmall.tsx
···
1
+
import { Props } from "./Props";
2
+
3
+
export const HideSmall = (props: Props) => {
4
+
return (
5
+
<svg
6
+
width="24"
7
+
height="24"
8
+
viewBox="0 0 24 24"
9
+
fill="none"
10
+
xmlns="http://www.w3.org/2000/svg"
11
+
{...props}
12
+
>
13
+
<path
14
+
fillRule="evenodd"
15
+
clipRule="evenodd"
16
+
d="M10.3845 0.739651C10.6966 0.887153 10.83 1.25971 10.6825 1.57179C10.5807 1.7871 10.3498 2.48036 10.3883 3.23186C10.4035 3.52764 10.5274 3.84342 10.7081 4.13757C10.8192 4.31851 10.9411 4.47386 11.046 4.59092C11.5167 4.516 11.9995 4.47708 12.4913 4.47708C14.5377 4.47708 16.4281 5.15156 17.9502 6.28963L20.2096 4.0302C20.6001 3.63967 21.2333 3.63967 21.6238 4.0302C22.0144 4.42072 22.0143 5.05389 21.6238 5.44441L4.38621 22.682C3.99569 23.0725 3.36252 23.0725 2.972 22.682C2.58148 22.2915 2.58148 21.6583 2.972 21.2678L5.18002 19.0598C4.04195 17.5377 3.36747 15.6473 3.36747 13.6009C3.36747 11.4983 4.07877 9.5617 5.27386 8.01876C4.84133 7.91636 4.3619 7.73023 3.95619 7.39663C3.15095 6.73451 2.66344 5.87648 2.50519 5.49135C2.374 5.17207 2.52648 4.8069 2.84575 4.67571C3.16503 4.54452 3.5302 4.69699 3.66139 5.01627C3.75796 5.25128 4.13513 5.92546 4.75009 6.43112C4.99572 6.63309 5.33394 6.76184 5.69287 6.83035C5.92317 6.87431 6.14018 6.8893 6.31036 6.88966C6.5291 6.6881 6.75773 6.4971 6.99542 6.31746C6.8382 6.22597 6.67534 6.12145 6.51363 6.00427C6.04057 5.66146 5.53149 5.17707 5.22716 4.54672C4.68729 3.42853 4.60044 2.26789 4.6284 1.78268C4.64825 1.43808 4.9437 1.17481 5.28831 1.19466C5.63291 1.21452 5.89618 1.50997 5.87633 1.85458C5.85821 2.16913 5.92191 3.1107 6.35283 4.00325C6.53389 4.37827 6.86595 4.71587 7.24713 4.9921C7.62529 5.26615 8.00652 5.44703 8.22178 5.52453L8.23411 5.52911C8.70521 5.28013 9.20074 5.07119 9.71616 4.9068C9.69143 4.86926 9.66699 4.8309 9.64296 4.79177C9.39953 4.39543 9.16963 3.8746 9.13996 3.29587C9.08881 2.29836 9.38123 1.39968 9.55235 1.03764C9.69985 0.72556 10.0724 0.592148 10.3845 0.739651ZM6.25386 17.9859L7.69488 16.5449C6.62559 15.346 6.09605 13.5782 6.41224 11.7357C6.92876 8.72588 9.50665 6.65646 12.1701 7.11354C13.4148 7.32715 14.4579 8.05474 15.1633 9.07646L16.8763 7.36347C15.636 6.48972 14.1242 5.97708 12.4913 5.97708C8.2808 5.97708 4.86747 9.3904 4.86747 13.6009C4.86747 15.2339 5.38012 16.7456 6.25386 17.9859ZM19.7258 9.31481C20.0994 9.13604 20.5473 9.29403 20.726 9.66768C21.2963 10.8596 21.6152 12.1941 21.6152 13.6009C21.6152 18.6399 17.5303 22.7248 12.4913 22.7248C11.094 22.7248 9.76808 22.4102 8.58235 21.8472C8.20817 21.6695 8.04886 21.2222 8.22653 20.848C8.40419 20.4738 8.85154 20.3145 9.22572 20.4922C10.2147 20.9617 11.3212 21.2248 12.4913 21.2248C16.7019 21.2248 20.1152 17.8115 20.1152 13.6009C20.1152 12.4228 19.8485 11.3091 19.3729 10.3151C19.1941 9.94141 19.3521 9.49358 19.7258 9.31481ZM8.16264 16.0771L9.60758 14.6322C9.52116 14.3786 9.34284 14.1635 9.09082 14.0445C8.57241 13.7995 7.93844 14.0533 7.67479 14.6113C7.41115 15.1692 7.61768 15.8201 8.13609 16.0651C8.14491 16.0692 8.15376 16.0733 8.16264 16.0771ZM15.5687 13.9949C15.7082 13.8552 15.931 13.9782 15.8732 14.167C15.2808 16.1038 13.8053 17.5348 12.0795 17.9518C11.8959 17.9962 11.7881 17.7814 11.9215 17.6477L15.5687 13.9949ZM10.9388 11.2785C10.3328 12.5611 9.17857 13.2877 8.36081 12.9013C7.54305 12.5149 7.37141 11.1619 7.97744 9.87928C8.58348 8.59666 9.7377 7.87012 10.5555 8.25651C11.3732 8.6429 11.5449 9.9959 10.9388 11.2785Z"
17
+
fill="currentColor"
18
+
/>
19
+
</svg>
20
+
);
21
+
};
+21
components/Icons/HomeSmall.tsx
+21
components/Icons/HomeSmall.tsx
···
1
+
import { Props } from "./Props";
2
+
3
+
export const HomeSmall = (props: Props) => {
4
+
return (
5
+
<svg
6
+
width="24"
7
+
height="24"
8
+
viewBox="0 0 24 24"
9
+
fill="none"
10
+
xmlns="http://www.w3.org/2000/svg"
11
+
{...props}
12
+
>
13
+
<path
14
+
fillRule="evenodd"
15
+
clipRule="evenodd"
16
+
d="M18.7066 1.65454C18.3926 1.51114 18.0218 1.64942 17.8784 1.9634C17.8089 2.11556 17.8056 2.28108 17.8563 2.42758C17.85 2.43434 17.8456 2.43822 17.844 2.43967C17.7408 2.50967 17.6154 2.61065 17.5169 2.74933C17.4138 2.89456 17.3166 3.11886 17.3652 3.38982C17.412 3.65115 17.573 3.83231 17.7183 3.94652C17.8637 4.06083 18.041 4.14714 18.2284 4.21706C18.3145 4.2492 18.3824 4.27985 18.4345 4.30764L18.4258 4.31721C18.4258 4.31721 18.4243 4.31876 18.4213 4.32147C18.4182 4.32435 18.4135 4.3284 18.4067 4.33377C18.3924 4.34523 18.3738 4.35873 18.3449 4.37865L18.3253 4.39198C18.2748 4.42626 18.1786 4.49152 18.0989 4.56396C17.9946 4.65876 17.8596 4.81464 17.804 5.04782C17.7485 5.28088 17.7936 5.50019 17.87 5.68345C18.0027 6.0021 18.3686 6.15282 18.6872 6.02011C18.9424 5.91384 19.0899 5.65804 19.0704 5.39672C19.1399 5.34841 19.2466 5.27096 19.3447 5.16465C19.5076 4.98797 19.6493 4.78073 19.7161 4.54056C19.7881 4.28148 19.7625 4.01854 19.641 3.78406C19.4757 3.46487 19.1687 3.2667 18.8882 3.13789C18.9696 3.02693 19.0348 2.90823 19.0802 2.79358C19.1293 2.66937 19.1798 2.48891 19.1581 2.2888C19.1331 2.0588 19.0038 1.79027 18.7066 1.65454ZM15.5641 4.19457C15.3529 3.92421 14.9852 3.83164 14.6711 3.96978L7.26728 7.22658C7.19603 7.25793 7.13008 7.30018 7.07182 7.35181L1.32232 12.4474C1.01233 12.7221 0.98375 13.1961 1.25848 13.5061C1.53322 13.8161 2.00723 13.8447 2.31722 13.57L2.33722 13.5522V18.9057C2.33722 19.215 2.52717 19.4927 2.81552 19.6047L5.39115 20.6058C5.56538 20.6735 5.75637 20.673 5.92742 20.6085L5.92897 20.6112L5.94654 20.601C5.99519 20.5811 6.04209 20.556 6.08636 20.5257C6.09904 20.517 6.1114 20.508 6.12344 20.4986L8.31377 19.2311V21.0113C8.31377 21.3204 8.50338 21.5978 8.79135 21.7101L12.0554 22.9825C12.2574 23.0613 12.4836 23.0488 12.6757 22.9482L20.6991 18.7473C20.9463 18.6179 21.1012 18.3619 21.1012 18.0828V13.7295L21.1012 13.7248L21.6403 13.4842C21.8511 13.3902 22.0068 13.2044 22.0626 12.9805C22.1183 12.7566 22.0679 12.5194 21.9258 12.3376C21.5519 11.859 21.2022 11.3379 20.7921 10.8902V7.34595C20.7921 6.93173 20.4563 6.59595 20.0421 6.59595H17.066C16.6518 6.59595 16.316 6.93173 16.316 7.34595V9.39619C16.316 9.8104 16.6518 10.1462 17.066 10.1462C17.4802 10.1462 17.816 9.8104 17.816 9.39619V8.09595H19.2921V11.0584C19.2921 11.3559 19.4862 11.6314 19.7162 11.9458L20.1532 12.5052L13.646 15.408L8.7016 8.23437L14.7412 5.57768L15.3052 6.29968C15.5602 6.62609 16.0316 6.68397 16.358 6.42897C16.6844 6.17396 16.7423 5.70263 16.4873 5.37622L15.5641 4.19457ZM8.31377 17.7868L6.41285 18.8869V16.6879C6.41285 16.3214 6.54125 16.0013 6.70702 15.8103C6.86035 15.6337 7.00539 15.5976 7.14764 15.6302C7.39512 15.6869 7.6903 15.9316 7.94479 16.4091C8.19138 16.8716 8.31377 17.3994 8.31377 17.7463V17.7868ZM19.6012 14.3939L13.6878 17.0318C13.3578 17.179 12.9698 17.07 12.7648 16.7725L7.4326 9.03638L3.83622 12.2237C3.83688 12.2366 3.83722 12.2496 3.83722 12.2627V18.3925L4.91285 18.8106V16.6879C4.91285 16.0011 5.14607 15.3204 5.57419 14.8271C6.01475 14.3195 6.69585 13.9878 7.48268 14.1681C8.34767 14.3663 8.92679 15.0625 9.26848 15.7035C9.61808 16.3593 9.81377 17.1276 9.81377 17.7463V20.4987L11.6843 21.2279V18.5704C11.6843 18.2252 11.9641 17.9454 12.3093 17.9454C12.6544 17.9454 12.9343 18.2252 12.9343 18.5704V21.1196L19.6012 17.629V14.3939Z"
17
+
fill="currentColor"
18
+
/>
19
+
</svg>
20
+
);
21
+
};
+21
components/Icons/InfoSmall.tsx
+21
components/Icons/InfoSmall.tsx
···
1
+
import { Props } from "./Props";
2
+
3
+
export const InfoSmall = (props: Props) => {
4
+
return (
5
+
<svg
6
+
width="24"
7
+
height="24"
8
+
viewBox="0 0 24 24"
9
+
fill="none"
10
+
xmlns="http://www.w3.org/2000/svg"
11
+
{...props}
12
+
>
13
+
<path
14
+
fillRule="evenodd"
15
+
clipRule="evenodd"
16
+
d="M20.5 12C20.5 16.6944 16.6944 20.5 12 20.5C7.30558 20.5 3.5 16.6944 3.5 12C3.5 7.30558 7.30558 3.5 12 3.5C16.6944 3.5 20.5 7.30558 20.5 12ZM22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12ZM11.6031 8.38389C11.8058 8.56522 12.1471 8.65589 12.6271 8.65589C13.1071 8.65589 13.4645 8.56522 13.6991 8.38389C13.9338 8.20255 14.0778 7.94122 14.1311 7.59989C14.1631 7.40789 14.1845 7.26922 14.1951 7.18389C14.2058 7.08789 14.2111 7.01322 14.2111 6.95989C14.2111 6.68255 14.1098 6.45322 13.9071 6.27189C13.7151 6.07989 13.3791 5.98389 12.8991 5.98389C12.4191 5.98389 12.0618 6.07455 11.8271 6.25589C11.5925 6.43722 11.4485 6.69855 11.3951 7.03989C11.3631 7.23189 11.3418 7.37589 11.3311 7.47189C11.3205 7.55722 11.3151 7.62655 11.3151 7.67989C11.3151 7.95722 11.4111 8.19189 11.6031 8.38389ZM10.4831 17.6799C10.8138 18.0212 11.3098 18.1919 11.9711 18.1919C12.5258 18.1919 13.0378 18.0372 13.5071 17.7279C13.9871 17.4186 14.4991 16.9599 15.0431 16.3519L16.0191 15.2319L14.7391 14.0959L12.4991 16.3839L12.2271 16.3039L13.4591 9.74389H8.59514L8.29114 11.5679H10.7871L10.1471 14.9919C10.0831 15.3226 10.0405 15.5732 10.0191 15.7439C9.9978 15.9146 9.98714 16.0906 9.98714 16.2719C9.98714 16.8586 10.1525 17.3279 10.4831 17.6799Z"
17
+
fill="currentColor"
18
+
/>
19
+
</svg>
20
+
);
21
+
};
+21
components/Icons/LinkSmall.tsx
+21
components/Icons/LinkSmall.tsx
···
1
+
import { Props } from "./Props";
2
+
3
+
export const LinkSmall = (props: Props) => {
4
+
return (
5
+
<svg
6
+
width="24"
7
+
height="24"
8
+
viewBox="0 0 24 24"
9
+
fill="none"
10
+
xmlns="http://www.w3.org/2000/svg"
11
+
{...props}
12
+
>
13
+
<path
14
+
fillRule="evenodd"
15
+
clipRule="evenodd"
16
+
d="M17.8125 3.92454C15.5169 2.52852 12.5243 3.25775 11.1283 5.55333L9.5103 8.21387C8.3889 10.0579 8.63885 12.3517 9.97045 13.9064C10.5675 14.6034 11.225 14.7498 11.7074 14.1675C12.2349 13.5307 11.8609 13.0473 11.5113 12.5952C11.468 12.5392 11.425 12.4838 11.3843 12.4285C10.7201 11.5292 10.6256 10.2815 11.2424 9.26723L12.8604 6.60669C13.6747 5.26772 15.4202 4.84237 16.7592 5.65665C18.0981 6.47092 18.5235 8.21646 17.7092 9.55543L16.0912 12.216C16.1369 12.7333 16.0617 13.4912 15.9517 13.9157C15.7904 14.538 15.6285 14.8863 15.502 15.1586C15.4845 15.1961 15.4678 15.2322 15.4517 15.2674C16.4058 14.8919 17.2495 14.2129 17.8233 13.2693L19.4413 10.6088C20.8373 8.3132 20.1081 5.32057 17.8125 3.92454ZM12.8718 17.7788L14.4898 15.1182C15.6464 13.2164 15.3442 10.836 13.9011 9.28159C13.5008 8.85043 12.8953 8.58987 12.3355 9.18193C11.7653 9.78495 12.2092 10.43 12.576 10.8488C13.2264 11.5914 13.4175 12.98 12.7577 14.0649L11.1397 16.7254C10.3255 18.0644 8.57993 18.4897 7.24096 17.6755C5.902 16.8612 5.47665 15.1156 6.29092 13.7767L7.9089 11.1161C7.90733 11.0611 7.90421 11.0044 7.90091 10.9444C7.88489 10.6535 7.86453 10.2837 7.99595 9.63388C8.15834 8.83095 8.36147 8.43969 8.50523 8.16278C8.52368 8.12724 8.54115 8.09358 8.55743 8.06118C7.59961 8.43591 6.75246 9.11618 6.17679 10.0628L4.55882 12.7233C3.16279 15.0189 3.89203 18.0115 6.18761 19.4076C8.48319 20.8036 11.4758 20.0744 12.8718 17.7788Z"
17
+
fill="currentColor"
18
+
/>
19
+
</svg>
20
+
);
21
+
};
+21
components/Icons/LockTiny.tsx
+21
components/Icons/LockTiny.tsx
···
1
+
import { Props } from "./Props";
2
+
3
+
export const LockTiny = (props: Props) => {
4
+
return (
5
+
<svg
6
+
width="16"
7
+
height="16"
8
+
viewBox="0 0 16 16"
9
+
fill="none"
10
+
xmlns="http://www.w3.org/2000/svg"
11
+
{...props}
12
+
>
13
+
<path
14
+
fillRule="evenodd"
15
+
clipRule="evenodd"
16
+
d="M8 1.52121C6.18249 1.52121 4.70911 2.99459 4.70911 4.8121V6.51834H4.67383C3.8454 6.51834 3.17383 7.18992 3.17383 8.01834V11.9686C3.17383 13.3493 4.29312 14.4686 5.67383 14.4686H10.3262C11.7069 14.4686 12.8262 13.3493 12.8262 11.9686V8.01834C12.8262 7.18991 12.1546 6.51834 11.3262 6.51834H11.2909V4.8121C11.2909 2.99459 9.8175 1.52121 8 1.52121ZM9.94088 6.51834V4.8121C9.94088 3.74018 9.07192 2.87121 8 2.87121C6.92807 2.87121 6.05911 3.74018 6.05911 4.8121V6.51834H9.94088ZM8.53274 10.603C8.90769 10.4096 9.16406 10.0186 9.16406 9.56766C9.16406 8.9247 8.64284 8.40347 7.99988 8.40347C7.35692 8.40347 6.83569 8.9247 6.83569 9.56766C6.83569 10.0322 7.10778 10.4332 7.50128 10.62L7.30909 12.3318C7.29246 12.48 7.40842 12.6097 7.55753 12.6097H8.44741C8.59476 12.6097 8.71015 12.4829 8.69631 12.3362L8.53274 10.603Z"
17
+
fill="currentColor"
18
+
/>
19
+
</svg>
20
+
);
21
+
};
+30
components/Icons/LogoSmall.tsx
+30
components/Icons/LogoSmall.tsx
···
1
+
import { Props } from "./Props";
2
+
3
+
export const LogoSmall = (
4
+
props: Props & { fillColor?: string; strokeColor: string },
5
+
) => {
6
+
let { strokeColor, fillColor, ...baseProps } = props;
7
+
return (
8
+
<svg
9
+
width="24"
10
+
height="24"
11
+
viewBox="0 0 24 24"
12
+
fill="none"
13
+
xmlns="http://www.w3.org/2000/svg"
14
+
{...baseProps}
15
+
>
16
+
<path
17
+
fillRule="evenodd"
18
+
clipRule="evenodd"
19
+
d="M2.32215 16.4108C1.57824 17.6533 0.898485 19.0047 0.309311 20.4716C-0.150671 21.6168 0.404821 22.9181 1.55002 23.378C2.69523 23.838 3.99649 23.2825 4.45647 22.1373C4.57293 21.8474 4.68516 21.5618 4.79357 21.2859L4.79458 21.2833C5.20745 20.2328 5.56352 19.3338 5.99429 18.5241C6.47944 18.4978 7.03415 18.4938 7.65963 18.4902L7.73825 18.4898C8.87897 18.4835 10.2533 18.476 11.4384 18.2361C12.6242 17.9961 14.0917 17.4287 14.7404 15.909C14.916 15.4976 15.0941 14.8903 14.9382 14.2734C14.985 14.2734 15.0329 14.2734 15.0821 14.2734C15.1084 14.2734 15.1353 14.2734 15.1626 14.2734C15.7884 14.2738 16.6691 14.2744 17.4563 14.0603C18.3749 13.8104 19.3408 13.2187 19.7646 11.9723C19.9177 11.5219 19.946 11.0489 19.8139 10.6019C19.8544 10.5948 19.8959 10.5875 19.9385 10.58C19.959 10.5764 19.9798 10.5728 20.0009 10.5691C20.5388 10.4751 21.2588 10.3493 21.8739 10.1191C22.4722 9.89531 23.4554 9.39523 23.75 8.24915C23.9179 7.5959 23.9003 6.90435 23.5231 6.2798C23.3663 6.02011 23.1667 5.81564 22.9897 5.66485C23.1546 5.45852 23.3642 5.17147 23.5087 4.85478C23.7592 4.30533 23.8884 3.49804 23.3759 2.70818C22.7942 1.81172 21.7967 1.65512 21.3033 1.61454C20.7902 1.57235 20.2386 1.61742 19.8422 1.65324C19.7884 1.52139 19.7143 1.38273 19.6118 1.24589C19.0616 0.511039 18.208 0.449277 17.7276 0.462196C16.757 0.488299 15.9979 0.918975 15.4491 1.36566C15.1611 1.6001 14.9015 1.86418 14.6773 2.11348C14.2327 1.65325 13.6218 1.42654 13.0163 1.33322C11.8407 1.15205 10.8811 1.94149 10.2041 2.8079C9.36031 3.8879 8.79706 5.14254 8.05202 6.28553C7.78598 6.11247 7.37758 5.92468 6.87391 5.94808C6.04405 5.98662 5.45234 6.54928 5.09562 6.93422C4.47486 7.60409 4.09699 8.64071 3.82812 9.54678C3.53705 10.5277 3.28551 11.6885 3.04921 12.838C2.90284 13.5499 2.87051 13.8888 3.01223 15.1868C2.57773 15.8871 2.66239 15.7879 2.32215 16.4108Z"
20
+
fill={strokeColor}
21
+
/>
22
+
<path
23
+
fillRule="evenodd"
24
+
clipRule="evenodd"
25
+
d="M7.40173 7.68265C7.64462 7.89605 7.92928 8.14615 8.54339 7.93249C8.94492 7.79279 9.46383 6.88268 10.0428 5.86718C10.8892 4.38281 11.8639 2.67329 12.788 2.81571C13.9026 2.9875 13.834 3.60458 13.7812 4.0792C13.7442 4.41212 13.715 4.67494 14.1074 4.66485C14.5071 4.65457 14.896 4.18484 15.3474 3.63974C15.971 2.88678 16.7136 1.99 17.768 1.96164C18.5115 1.94165 18.4998 2.26202 18.4879 2.58691C18.4803 2.79457 18.4726 3.00408 18.662 3.12774C18.8486 3.24955 19.3179 3.20699 19.8573 3.15805C20.7221 3.0796 21.7673 2.98479 22.1177 3.52468C22.4257 3.99932 22.0333 4.47107 21.6572 4.92323C21.3386 5.30622 21.0317 5.67516 21.172 6.0199C21.2865 6.30118 21.5215 6.45965 21.7518 6.61499C22.1286 6.86906 22.4929 7.11477 22.2973 7.87571C22.0905 8.68031 20.8462 8.89822 19.6799 9.10247C18.7028 9.27359 17.7804 9.43512 17.5686 9.92398C17.4357 10.2306 17.6561 10.3734 17.9031 10.5333C18.1982 10.7245 18.5312 10.9402 18.3445 11.4894C17.908 12.7733 16.4503 12.7733 15.0822 12.7734C13.9079 12.7734 12.7997 12.7734 12.4599 13.5853C12.2637 14.0541 12.5606 14.1368 12.8864 14.2276C13.2852 14.3388 13.7272 14.462 13.3609 15.3201C12.66 16.9622 10.0451 16.9768 7.6513 16.9903C6.77358 16.9952 5.92559 16.9999 5.21259 17.0847C5.1312 17.0944 5.05901 17.1411 5.01636 17.2111C4.36027 18.2876 3.89495 19.4717 3.3986 20.7347C3.28956 21.0122 3.17903 21.2935 3.06464 21.5782C2.91343 21.9547 2.48566 22.1373 2.10919 21.9861C1.73272 21.8349 1.55011 21.4071 1.70132 21.0307C2.26451 19.6285 2.91425 18.3391 3.6247 17.1555C4.78415 15.0203 7.06972 12.4007 9.48667 10.4328C11.6372 8.64231 13.6909 7.30217 16.081 6.28526C16.3802 6.15796 16.2914 5.80807 15.9791 5.89834C13.8592 6.51095 11.9852 7.72607 10.0428 8.95064C7.93016 10.2825 6.15972 12.0837 5.07026 13.3932C4.87817 13.6241 4.45809 13.4342 4.51857 13.14C4.99173 10.8384 5.48007 8.72627 6.19593 7.95378C6.87557 7.22037 7.10812 7.42469 7.40173 7.68265Z"
26
+
fill={fillColor ? fillColor : "currentColor"}
27
+
/>
28
+
</svg>
29
+
);
30
+
};
+21
components/Icons/LogoutSmall.tsx
+21
components/Icons/LogoutSmall.tsx
···
1
+
import { Props } from "./Props";
2
+
3
+
export const LogoutSmall = (props: Props) => {
4
+
return (
5
+
<svg
6
+
width="24"
7
+
height="24"
8
+
viewBox="0 0 24 24"
9
+
fill="none"
10
+
xmlns="http://www.w3.org/2000/svg"
11
+
{...props}
12
+
>
13
+
<path
14
+
fillRule="evenodd"
15
+
clipRule="evenodd"
16
+
d="M2.72545 7.55075L6.93535 10.1083L2.68652 11.0528V8.27643C2.68652 8.04069 2.69936 7.7979 2.72545 7.55075ZM1.68652 8.27643C1.68652 7.73323 1.74558 7.16457 1.86532 6.59318C2.38456 4.11541 4.08055 1.47172 7.22846 0.731262C8.8403 0.35212 10.2985 0.892465 11.3372 1.89122C12.3176 2.83384 12.9367 4.19263 12.9949 5.61158C14.2911 5.61366 15.3412 6.66508 15.3412 7.96179C15.3412 8.27057 15.2817 8.56545 15.1735 8.83556C15.2461 8.82928 15.3186 8.82403 15.391 8.81933C16.1631 8.76924 16.9452 8.89575 17.7198 9.02103C18.045 9.07363 18.3688 9.12601 18.6901 9.16502C18.9798 9.2002 19.2831 9.29186 19.5649 9.50168C20.1284 9.9211 20.4485 10.5683 20.7604 11.1991C20.873 11.4267 20.9845 11.6521 21.1059 11.8639C21.2666 12.1789 21.307 12.5432 21.2338 12.8884C21.1631 13.2217 20.9468 13.6728 20.4377 13.9073C19.9681 14.1235 19.5172 14.0609 19.1948 13.925C19.0336 13.8571 18.891 13.7664 18.7717 13.6669C18.9401 14.1505 18.9976 14.6322 18.9949 15.1455C18.992 15.6864 18.9472 16.3025 18.9008 16.8131C19.109 16.8217 19.3181 16.8339 19.5269 16.846C19.91 16.8684 20.2943 16.8908 20.6767 16.8908C21.0472 16.8908 21.4492 16.9855 21.789 17.2177C22.1444 17.4605 22.4583 17.8844 22.4583 18.4532C22.4583 18.9208 22.2814 19.3734 21.8831 19.6818C21.5406 19.9469 21.1499 20.0123 20.8959 20.0317C19.3828 20.1473 18.4316 20.1859 17.4952 20.1859C17.2346 20.1718 16.9741 20.1283 16.7242 20.0521C16.4925 19.9814 16.0246 19.8081 15.7353 19.3601C15.7108 19.3221 15.4425 18.7583 15.4425 18.7583C15.4154 19.2517 15.3843 19.7606 15.3504 20.2049C15.3118 20.7108 15.2633 21.2336 15.1943 21.5194L15.1886 21.5431C15.1551 21.6848 15.0743 22.0268 14.8524 22.3127C14.54 22.7153 14.0913 22.8679 13.6482 22.8679C13.346 22.8679 13.0201 22.7988 12.7307 22.5971C12.4717 22.4165 12.3169 22.182 12.2261 21.9672L3.93764 24L1.68652 22.7546V8.27643ZM8.50928 14.029C8.3246 13.8372 8.20741 13.6154 8.14644 13.3842L2.68652 14.6718V15.9403L9.17477 14.4449C8.94495 14.3647 8.70862 14.2361 8.50928 14.029ZM13.3665 14.3553C13.2473 14.455 13.1209 14.5301 12.9994 14.5871V15.5995C13.1494 15.3197 13.3064 15.05 13.4463 14.769C13.4301 14.6624 13.4021 14.5178 13.3665 14.3553ZM11.0941 17.5438L12.0416 18.0905C12.0247 18.2628 12.0207 18.4396 12.0226 18.6165L4.19688 20.4841L2.68652 19.6184V19.5078L11.0941 17.5438ZM4.60253 21.4154L12.053 19.6373C12.0561 19.76 12.0601 19.8827 12.0641 20.0054C12.0746 20.3283 12.0851 20.6512 12.0791 20.9736L4.5384 22.823L4.60253 21.4154ZM2.68652 12.0772V13.6444L7.75764 12.4485V10.9499L2.68652 12.0772ZM2.68652 16.9665L10.6728 15.1258V16.6153L2.68652 18.4809V16.9665ZM2.68652 20.771L3.60681 21.2985L3.54569 22.6403L2.68652 22.165V20.771ZM12.9911 6.61157C12.2454 6.61157 11.6409 7.21609 11.6409 7.96179C11.6409 8.7075 12.2454 9.31201 12.9911 9.31201C13.7369 9.31201 14.3414 8.7075 14.3414 7.96179C14.3414 7.21609 13.7369 6.61157 12.9911 6.61157ZM11.8873 13.8072C12.128 13.8072 12.562 13.7671 12.7691 13.5466C12.9762 13.3262 13.8696 12.3264 13.8696 12.3264C13.8696 12.3264 14.4616 14.3451 14.4616 14.894C14.4616 15.0075 14.2964 15.3096 14.0764 15.7119C13.7416 16.3242 13.2798 17.1686 13.0796 17.9346C12.928 18.5144 12.9802 19.2082 13.0292 19.86C13.0598 20.267 13.0815 20.641 13.0793 21.0127C13.0771 21.3819 13.0743 21.8679 13.6483 21.8679C14.0669 21.8679 14.143 21.6135 14.2223 21.2847C14.3144 20.9032 14.4001 19.553 14.4616 18.3767C14.6345 18.1582 14.8802 17.8768 15.1306 17.5985C15.4533 17.2399 15.8785 16.774 16.0872 16.6014C16.3085 16.4183 16.5746 16.2399 16.867 16.207C17.1414 16.1762 17.3889 16.3736 17.4198 16.648C17.4502 16.9181 17.2593 17.1621 16.9916 17.1992C16.6833 17.3103 16.4163 17.651 16.2457 17.9121C16.3597 18.3229 16.4724 18.658 16.5754 18.8175C16.7531 19.0926 17.2659 19.1611 17.4954 19.1859C18.3988 19.1859 19.3233 19.149 20.8198 19.0346C21.1715 19.0077 21.4585 18.8726 21.4585 18.4532C21.4585 18.11 21.0963 17.8908 20.6769 17.8908C20.122 17.8908 19.5662 17.8605 19.0105 17.8303C18.6045 17.8082 17.8495 17.8303 17.7929 17.7758C17.761 17.7451 17.7825 17.6116 17.8167 17.3993C17.9714 16.4396 18.2046 15.2236 17.9229 14.2884C17.5623 13.0915 16.659 11.4324 16.659 11.4324L18.2969 11.3624C18.5943 11.8351 19.2162 12.6632 19.3205 12.8021C19.4791 13.0131 19.774 13.112 20.0195 12.999C20.2935 12.8728 20.3062 12.4967 20.2264 12.3401C19.8747 11.7269 19.4216 10.9388 19.2672 10.6712C19.0743 10.3367 18.8946 10.1972 18.5697 10.1577C18.1413 10.1057 17.7387 10.0493 17.3686 9.99737C16.5469 9.88216 15.8851 9.78936 15.456 9.81723C14.8336 9.85753 14.3202 9.93273 13.6384 10.3998C13.1059 10.7646 12.6639 11.3226 12.2396 11.8583C12.0743 12.067 11.9117 12.2723 11.7474 12.4615C11.7474 12.4615 10.0906 12.3986 9.67705 12.3986C9.36806 12.3986 9.11608 12.6278 9.09643 12.9361C9.07551 13.2645 9.27953 13.4692 9.67719 13.5466C10.0748 13.6241 11.6895 13.8072 11.8873 13.8072Z"
17
+
fill="currentColor"
18
+
/>
19
+
</svg>
20
+
);
21
+
};
+21
components/Icons/MoreOptionsTiny.tsx
+21
components/Icons/MoreOptionsTiny.tsx
···
1
+
import { Props } from "./Props";
2
+
3
+
export const MoreOptionsTiny = (props: Props) => {
4
+
return (
5
+
<svg
6
+
width="16"
7
+
height="8"
8
+
viewBox="0 0 16 8"
9
+
fill="none"
10
+
xmlns="http://www.w3.org/2000/svg"
11
+
{...props}
12
+
>
13
+
<path
14
+
fillRule="evenodd"
15
+
clipRule="evenodd"
16
+
d="M4.5 4C4.5 3.17157 3.82843 2.5 3 2.5C2.17157 2.5 1.5 3.17157 1.5 4C1.5 4.82843 2.17157 5.5 3 5.5C3.82843 5.5 4.5 4.82843 4.5 4ZM8 2.5C8.82843 2.5 9.5 3.17157 9.5 4C9.5 4.82843 8.82843 5.5 8 5.5C7.17157 5.5 6.5 4.82843 6.5 4C6.5 3.17157 7.17157 2.5 8 2.5ZM13 2.5C13.8284 2.5 14.5 3.17157 14.5 4C14.5 4.82843 13.8284 5.5 13 5.5C12.1716 5.5 11.5 4.82843 11.5 4C11.5 3.17157 12.1716 2.5 13 2.5Z"
17
+
fill="currentColor"
18
+
/>
19
+
</svg>
20
+
);
21
+
};
+21
components/Icons/PaintSmall.tsx
+21
components/Icons/PaintSmall.tsx
···
1
+
import { Props } from "./Props";
2
+
3
+
export const PaintSmall = (props: Props) => {
4
+
return (
5
+
<svg
6
+
width="24"
7
+
height="24"
8
+
viewBox="0 0 24 24"
9
+
fill="none"
10
+
xmlns="http://www.w3.org/2000/svg"
11
+
{...props}
12
+
>
13
+
<path
14
+
fillRule="evenodd"
15
+
clipRule="evenodd"
16
+
d="M16.5897 2.57276C17.03 1.59594 18.1788 1.161 19.1556 1.60129C20.1236 2.03761 20.5595 3.16971 20.1388 4.14072L18.149 9.59139L19.4187 10.0415L19.4419 10.0516C19.4925 10.0738 19.5435 10.0958 19.595 10.1179L19.5952 10.118C20.0292 10.305 20.4906 10.5039 20.9581 10.8866L20.9753 10.9007L20.9916 10.9158C21.1846 11.0951 21.5289 11.4408 21.5475 11.9814L21.5483 12.0068L21.4436 14.8288C21.4342 15.0821 21.2906 15.3111 21.0666 15.4297C20.9458 15.4937 20.8115 15.5203 20.6797 15.5101C20.6452 16.5455 20.5233 17.5495 20.4259 18.1722C20.3212 18.9575 20.1633 19.7402 19.9283 20.4796C19.6962 21.2101 19.3849 21.936 19.0346 22.3864C18.9445 22.5022 18.7885 22.623 18.6401 22.5471C18.1918 22.318 17.5257 22.0761 16.6728 21.7722C15.8161 21.467 14.9366 21.2082 14.3222 21.1255C14.1436 21.1015 13.8858 21.0947 13.5359 21.0856H13.5359C13.3954 21.0819 13.24 21.0778 13.069 21.0721C12.4901 21.0527 11.7728 21.0141 10.9587 20.8994C9.28778 20.6641 8.13276 20.0256 7.10416 19.0761C7.06006 19.0354 7.02078 18.9797 6.99865 18.948C6.96916 18.9057 6.93454 18.8528 6.89633 18.7922C6.81959 18.6707 6.72171 18.508 6.60968 18.3166C6.10283 17.4506 5.58816 16.5703 5.12427 15.6688C5.36258 15.7088 5.61538 15.7334 5.87068 15.74C6.33159 15.7518 6.86778 15.7056 7.35602 15.5394C7.3341 15.7105 7.28797 15.8756 7.23268 16.0735C7.19469 16.2094 7.15238 16.3608 7.11063 16.5403C7.06543 16.7346 7.12124 16.9387 7.25908 17.0829C8.3936 18.2702 9.47717 18.4204 10.6361 18.581L10.6363 18.5811L10.6365 18.5811C10.793 18.6028 10.9509 18.6247 11.1104 18.6493C11.2259 18.6672 11.344 18.6504 11.45 18.6012C11.8937 18.395 12.2394 18.1991 12.5601 17.8922C12.646 17.81 12.728 17.7219 12.8084 17.6265C12.8433 17.8047 12.8506 17.9456 12.8382 18.0264C12.8084 18.2218 12.8782 18.4191 13.0241 18.5523C13.17 18.6856 13.3731 18.7371 13.565 18.6897L13.566 18.6894L13.5675 18.6891L13.5712 18.6881L13.5807 18.6856C13.588 18.6837 13.5972 18.6812 13.6082 18.678C13.63 18.6717 13.659 18.6629 13.6935 18.6512C13.7617 18.6282 13.8544 18.5932 13.9581 18.5435C13.9631 18.5616 13.9675 18.579 13.9716 18.5958C13.9909 18.6764 13.9999 18.7395 14.004 18.7784C14.006 18.7978 14.0068 18.811 14.0071 18.8171L14.0073 18.82C14.0101 19.0566 14.1538 19.269 14.3729 19.3595C14.7635 19.5208 15.0765 19.6436 15.3436 19.7484C15.9653 19.9922 16.3387 20.1387 16.864 20.4465C17.0282 20.5427 17.2278 20.5644 17.4138 20.4967C17.569 20.4402 17.6663 20.339 17.7155 20.2798C17.8133 20.1619 17.8741 20.0197 17.9117 19.9208C17.9947 19.7026 18.0669 19.4103 18.1285 19.1147C18.1951 18.7949 17.9899 18.4817 17.6701 18.4151C17.3504 18.3485 17.0371 18.5537 16.9705 18.8735C16.9511 18.9667 16.9319 19.0526 16.9132 19.1305C16.5295 18.9421 16.1591 18.7968 15.7016 18.6173L15.7013 18.6172L15.7008 18.617C15.5277 18.549 15.3421 18.4762 15.1386 18.3943C15.1335 18.3702 15.1278 18.3453 15.1217 18.3196C15.0564 18.0478 14.9278 17.6862 14.6747 17.3066C14.5678 17.1462 14.3894 17.048 14.1967 17.0434C14.0924 17.041 13.9911 17.0661 13.9019 17.1142C13.8964 17.0945 13.891 17.0751 13.8854 17.0559C13.7813 16.6973 13.6194 16.317 13.4236 16.0489C13.3078 15.8903 13.1208 15.7995 12.9246 15.8066C12.7283 15.8137 12.5484 15.9178 12.4443 16.0844C12.1298 16.5882 11.9366 16.8517 11.7424 17.0376C11.5849 17.1883 11.4076 17.306 11.1097 17.453C10.9976 17.4364 10.8897 17.4209 10.7856 17.406L10.7854 17.406C9.74946 17.2578 9.0868 17.163 8.34733 16.4934L8.35172 16.4781C8.49854 15.967 8.67404 15.3561 8.4202 14.4209C8.36477 14.2167 8.20447 14.0577 7.99983 14.0039C7.7952 13.9501 7.57741 14.0097 7.4287 14.1602C7.17398 14.4181 6.60362 14.5756 5.901 14.5575C5.57202 14.5491 5.25789 14.5025 5.00609 14.4346C4.88043 14.4008 4.77815 14.3637 4.70123 14.328C4.66316 14.3103 4.63448 14.2944 4.61398 14.2815C4.59401 14.2688 4.58571 14.2614 4.58522 14.2609C4.532 14.2107 4.47192 14.1723 4.4082 14.1455C4.37301 14.0618 4.3385 13.9778 4.30471 13.8936C4.26949 13.8215 4.23753 13.7503 4.20889 13.6803C4.15615 13.5515 4.18459 13.4036 4.28137 13.3035C4.37814 13.2034 4.52495 13.17 4.65552 13.2184C5.03697 13.3597 5.74376 13.473 6.50629 13.1229C7.28692 12.5883 7.7272 12.2365 8.06777 11.8758C8.29782 11.6322 8.49129 11.3753 8.71608 11.0337C8.59147 10.9435 8.49784 10.814 8.45245 10.663C8.3861 10.4423 8.43109 10.203 8.5731 10.0215L10.2 7.94144C10.5613 7.4562 11.1927 7.25529 11.7687 7.44373L11.7773 7.44654L14.3897 8.33823L16.5811 2.5919L16.5897 2.57276ZM13.4229 18.1156C13.5646 18.6898 13.5648 18.6897 13.565 18.6897L13.4229 18.1156ZM9.40193 12.1189C9.45677 12.1475 9.50807 12.1797 9.55443 12.2161C9.65542 12.2955 9.70315 12.4552 9.75583 12.6316C9.86568 12.9993 9.99708 13.4391 10.678 13.3723C11.0096 13.3398 11.1571 13.5867 11.3362 13.8867C11.5205 14.1952 11.7383 14.5599 12.2247 14.7342C12.4878 14.8285 12.7114 14.7482 12.9781 14.6525C13.2888 14.5409 13.6581 14.4084 14.2167 14.5061C14.7198 14.5941 14.9433 15.0558 15.1814 15.5476C15.4346 16.0706 15.7042 16.6278 16.3443 16.806C16.5902 16.8745 16.8894 16.8033 17.2205 16.7245L17.2205 16.7245C17.3265 16.6993 17.4357 16.6733 17.5475 16.6509C17.6802 16.2803 17.7373 15.9539 17.8154 15.4595C17.8664 15.1369 18.1693 14.9167 18.4919 14.9677C18.8146 15.0187 19.0347 15.3216 18.9837 15.6442C18.9286 15.9928 18.8796 16.2807 18.8091 16.5618C18.9385 16.5206 19.0536 16.4614 19.1594 16.407C19.265 16.3527 19.3612 16.3032 19.4528 16.2814C19.4873 15.8252 19.5092 15.3415 19.5062 14.8708L18.8525 14.4615L9.8556 11.4494C9.70074 11.6936 9.55424 11.9134 9.40193 12.1189ZM15.7335 8.79785C16.0822 8.93698 16.2643 9.32671 16.1416 9.68604C16.015 10.057 15.6117 10.2551 15.2407 10.1285L11.3341 8.79513L11.3315 8.79876L10.31 10.1047L19.3831 13.1423C19.4361 13.1601 19.4869 13.1841 19.5344 13.2138L20.0707 13.5496L20.126 12.0596C20.1209 12.0532 20.1143 12.0452 20.1057 12.0357C20.0893 12.0174 20.0685 11.9963 20.0415 11.9707C19.742 11.7295 19.4636 11.6086 19.0222 11.417L18.8969 11.3625L16.9995 10.6898C16.8211 10.6266 16.6753 10.4946 16.5946 10.3232C16.5139 10.1519 16.5051 9.95546 16.57 9.77757L18.8223 3.60771L18.833 3.58394C18.9512 3.32178 18.8345 3.01346 18.5723 2.8953C18.3152 2.77942 18.0138 2.88943 17.8908 3.14098L15.7335 8.79785ZM5.40493 7.08147C5.55409 6.9843 5.729 6.94252 5.91599 6.96191C6.28345 7.00002 6.5787 7.09661 6.79418 7.26644C7.02073 7.44501 7.12554 7.67799 7.15342 7.91182C7.17977 8.13281 7.13745 8.34918 7.08809 8.52322C7.04925 8.6602 6.99819 8.79542 6.9595 8.89789L6.95949 8.8979L6.95949 8.89791C6.83592 9.22515 6.58536 9.46805 6.3083 9.6709C6.13891 9.79493 5.94762 9.92259 5.73942 9.97C5.68934 9.9814 5.55191 10.0087 5.41483 9.93592C5.26963 9.85882 5.17901 9.72656 5.12318 9.6217C5.06286 9.50838 5.01689 9.37677 4.98238 9.24246C4.91318 8.97315 4.87898 8.64937 4.88925 8.33853C4.89932 8.03387 4.95327 7.70277 5.09071 7.44074C5.16096 7.30681 5.26146 7.17492 5.40493 7.08147ZM4.70757 12.5895C3.70747 12.6462 2.82739 12.5812 2.21453 12.2156C1.85252 11.9996 1.58573 11.7845 1.41384 11.4513C1.25183 11.1372 1.19438 10.7533 1.1456 10.2622C1.08298 9.63177 1.36573 9.11954 1.83928 8.85633C2.30095 8.59972 2.89795 8.60343 3.44527 8.88031C3.72916 9.02393 3.87925 9.23896 3.96277 9.48449C4.01856 9.64847 4.04898 9.84685 4.07711 10.0302C4.08492 10.0811 4.09255 10.1309 4.1005 10.1785C4.17785 10.6411 4.32202 11.2413 4.96025 12.0083C5.04597 12.1113 5.06635 12.2538 5.01292 12.3767C4.95949 12.4996 4.84137 12.5819 4.70757 12.5895Z"
17
+
fill="currentColor"
18
+
/>
19
+
</svg>
20
+
);
21
+
};
+27
components/Icons/PopoverArrow.tsx
+27
components/Icons/PopoverArrow.tsx
···
1
+
import { Props } from "./Props";
2
+
3
+
export const PopoverArrow = (
4
+
props: { arrowFill: string; arrowStroke: string } & Props,
5
+
) => {
6
+
let { arrowFill, arrowStroke, ...passDownProps } = props;
7
+
return (
8
+
<svg
9
+
{...passDownProps}
10
+
width="16"
11
+
height="8"
12
+
viewBox="0 0 16 8"
13
+
fill="none"
14
+
className="-mt-[1px]"
15
+
xmlns="http://www.w3.org/2000/svg"
16
+
>
17
+
<path
18
+
d="M15.1975 0L0.951538 0.00460007L8.07229 7.31325L15.1975 0Z"
19
+
fill={arrowFill}
20
+
/>
21
+
<path
22
+
d="M16 0L8.35386 7.84887C8.15753 8.05038 7.83922 8.05038 7.64289 7.84887L0 0.00420923L1.42188 0.00424847L7.99837 6.75428L14.579 0H16Z"
23
+
fill={arrowStroke}
24
+
/>
25
+
</svg>
26
+
);
27
+
};
+2
components/Icons/Props.ts
+2
components/Icons/Props.ts
+21
components/Icons/TemplateRemoveSmall.tsx
+21
components/Icons/TemplateRemoveSmall.tsx
···
1
+
import { Props } from "./Props";
2
+
3
+
export const TemplateRemoveSmall = (props: Props) => {
4
+
return (
5
+
<svg
6
+
width="24"
7
+
height="24"
8
+
viewBox="0 0 24 24"
9
+
fill="none"
10
+
xmlns="http://www.w3.org/2000/svg"
11
+
{...props}
12
+
>
13
+
<path
14
+
fillRule="evenodd"
15
+
clipRule="evenodd"
16
+
d="M21.6598 1.22969C22.0503 0.839167 22.6835 0.839167 23.074 1.22969C23.4646 1.62021 23.4646 2.25338 23.074 2.6439L21.9991 3.71887C22 3.72121 22.001 3.72355 22.002 3.7259L21.0348 4.69374C21.0347 4.69033 21.0345 4.68693 21.0344 4.68353L17.2882 8.42972L17.2977 8.43313L16.3813 9.35011L16.3714 9.34656L15.5955 10.1224L15.6058 10.1261L14.6894 11.0431L14.6787 11.0393L14.3959 11.3221L14.4067 11.326L13.4903 12.2429L13.479 12.2389L12.8919 12.8261L12.9034 12.8302L10.2156 15.5198L10.2028 15.5152L9.35969 16.3583C9.36255 16.3614 9.36541 16.3645 9.36826 16.3676L7.20585 18.5314C7.19871 18.5321 7.19159 18.5328 7.18448 18.5335L6.26611 19.4519C6.27069 19.4539 6.27528 19.4559 6.27989 19.4579L5.40679 20.3316C5.40244 20.3291 5.39809 20.3267 5.39376 20.3242L2.54817 23.1698C2.15765 23.5603 1.52448 23.5603 1.13396 23.1698C0.743434 22.7793 0.743433 22.1461 1.13396 21.7556L4.57518 18.3144C4.5862 18.296 4.59778 18.2779 4.6099 18.2599C4.72342 18.0917 4.86961 17.964 5.02393 17.8656L6.39488 16.4947C6.25376 16.4822 6.10989 16.4734 5.96441 16.4685C5.20904 16.4433 4.461 16.5264 3.88183 16.7201C3.2818 16.9207 2.99485 17.1912 2.91069 17.4452C2.80892 17.7525 2.47737 17.919 2.17013 17.8173C1.8629 17.7155 1.69634 17.3839 1.79811 17.0767C2.05627 16.2973 2.78206 15.852 3.51019 15.6085C4.2592 15.3581 5.15477 15.2689 6.00346 15.2972C6.48903 15.3133 6.97583 15.3686 7.42782 15.4617L8.11942 14.7701L7.89431 14.6896C7.7838 14.6501 7.69213 14.5705 7.63742 14.4667L5.91365 11.1952C5.86162 11.0964 5.84836 10.9944 5.86434 10.9002L5.85245 10.9196L5.11563 9.4308C4.96523 9.11293 5.04515 8.78343 5.24544 8.56361L5.25054 8.55806C5.25749 8.55058 5.26457 8.54323 5.2718 8.53601L6.43022 7.3457C6.6445 7.11834 6.97346 7.03892 7.26837 7.14439L9.80363 8.05107L12.9624 7.10485C13.1067 7.02062 13.2859 6.99834 13.4555 7.05901L14.4322 7.40831C14.7942 6.69891 14.93 5.89897 15.0777 5.02873L15.0777 5.02872L15.0958 4.9222C15.2586 3.96572 15.4529 2.86736 16.1798 2.04515C17.0056 1.11114 18.7307 0.837125 20.2663 1.83615C20.4285 1.94168 20.5821 2.05061 20.7266 2.16294L21.6598 1.22969ZM19.8899 2.99965C19.8075 2.93935 19.72 2.87895 19.6271 2.81856C18.4897 2.07854 17.4326 2.39759 17.0579 2.82147C16.5869 3.3541 16.4234 4.10723 16.2512 5.11887L16.2231 5.28522L16.2231 5.28523C16.1304 5.83581 16.0274 6.44661 15.8342 7.05527L19.8899 2.99965ZM14.288 8.60148L13.2682 8.23675L11.6654 8.71688L13.5122 9.37736L14.288 8.60148ZM12.5953 10.2942L9.59692 9.22187L9.58424 9.21734L7.10654 8.33124L6.82935 8.61605L12.3125 10.577L12.5953 10.2942ZM11.3957 11.4938L6.56005 9.76447L6.04788 10.6006C6.16458 10.5123 6.32269 10.4767 6.48628 10.5352L10.8085 12.081L11.3957 11.4938ZM17.0099 12.2569L16.2294 11.9778L15.313 12.8948L16.8798 13.4551L18.7426 16.9905L18.0747 17.8398L19.1912 18.2615C19.6607 18.4294 20.1033 18.1358 20.2179 17.728L20.7391 16.3648C20.824 16.1511 20.8112 15.9108 20.7039 15.7071L19.124 12.7086L18.8949 11.321L18.8931 11.3104L18.8904 11.2969C18.8874 11.234 18.8742 11.1705 18.8497 11.1087L18.3522 9.8537L16.5121 11.6949L16.5482 11.7078L16.5582 11.7115L17.1419 11.9202L17.0099 12.2569ZM12.0382 16.1716L14.7261 13.482L16.0553 13.9574C16.1658 13.9969 16.2575 14.0764 16.3122 14.1803L18.0359 17.4518C18.2352 17.83 17.8658 18.2557 17.4633 18.1118L12.0382 16.1716ZM8.44038 19.7717L7.26492 20.9479C7.80247 21.0274 8.35468 21.0252 8.82243 20.8811C9.24804 20.7499 9.52382 20.5096 9.73008 20.285C9.79978 20.2091 9.87046 20.1246 9.92979 20.0536L9.92981 20.0536L9.92999 20.0534L9.9306 20.0527C9.95072 20.0286 9.96953 20.0061 9.98653 19.9861C10.0618 19.8973 10.1248 19.8281 10.1905 19.7694C10.307 19.6651 10.4472 19.579 10.6908 19.5395C10.9182 19.5027 11.2529 19.5041 11.7567 19.6004C11.6943 19.6815 11.6359 19.764 11.5823 19.8476C11.3276 20.2439 11.1352 20.7322 11.2038 21.2293C11.3097 21.9955 11.8139 22.4463 12.3522 22.6544C12.8626 22.8518 13.4377 22.8513 13.8631 22.731C14.7279 22.4863 15.6213 21.724 15.4107 20.664C15.3105 20.1591 14.9656 19.7211 14.4516 19.3701C14.3677 19.3128 14.2783 19.2571 14.1833 19.203C14.5987 19.0436 14.9889 19.0051 15.2828 19.1025C15.59 19.2042 15.9215 19.0377 16.0233 18.7304C16.1251 18.4232 15.9585 18.0916 15.6513 17.9899C14.6724 17.6656 13.5751 18.0821 12.7766 18.6397C12.6141 18.5938 12.4436 18.5504 12.265 18.5097C11.5394 18.3444 10.9698 18.307 10.5035 18.3825C10.018 18.4612 9.67586 18.657 9.40877 18.8961C9.28262 19.009 9.17853 19.1268 9.09296 19.2277C9.06342 19.2625 9.03731 19.2937 9.0131 19.3227L9.01295 19.3228C8.9605 19.3856 8.91697 19.4377 8.86686 19.4922C8.73917 19.6313 8.63185 19.7134 8.47726 19.761C8.46519 19.7648 8.45289 19.7683 8.44038 19.7717ZM12.5683 20.4811C12.3863 20.7644 12.3505 20.965 12.3648 21.0689C12.4003 21.3259 12.5445 21.4722 12.7749 21.5613C13.0331 21.6611 13.3469 21.659 13.544 21.6032C14.1554 21.4302 14.2952 21.0637 14.2612 20.8923C14.2391 20.7814 14.1422 20.578 13.7907 20.338C13.6005 20.2082 13.347 20.076 13.0173 19.9508C12.8341 20.1242 12.681 20.3057 12.5683 20.4811Z"
17
+
fill="currentColor"
18
+
/>
19
+
</svg>
20
+
);
21
+
};
+25
components/Icons/TemplateSmall.tsx
+25
components/Icons/TemplateSmall.tsx
···
1
+
import { Props } from "./Props";
2
+
3
+
export const TemplateSmall = (props: Props & { fill?: string }) => {
4
+
return (
5
+
<svg
6
+
width="24"
7
+
height="24"
8
+
viewBox="0 0 24 24"
9
+
fill="none"
10
+
xmlns="http://www.w3.org/2000/svg"
11
+
{...props}
12
+
>
13
+
<path
14
+
d="M14.1876 3.5073C14.3657 2.68428 14.8409 1.80449 15.1974 1.39941L15.2085 1.38682C15.5258 1.02605 16.1664 0.297788 17.7348 0.0551971C19.7272 -0.252968 22.338 1.22339 23.1781 3.53026C23.9464 5.63998 22.4863 7.65134 21.1778 8.49107C20.443 8.96256 19.8776 9.29865 19.5389 9.6655C19.6381 9.88024 19.8755 10.4623 19.9945 10.8588C20.1304 11.312 20.1356 11.8263 20.2444 12.3342C20.6412 13.1008 21.4615 14.6122 21.6483 14.9894C21.9441 15.5868 22.0637 16.0554 21.901 16.59C21.7793 16.99 21.3809 18.0037 21.2098 18.4064C21.1134 18.6333 20.6741 19.1794 20.165 19.3516C19.5207 19.5694 19.2 19.533 18.2867 19.1682C17.9231 19.3768 17.3068 19.3194 17.0874 19.2128C16.9902 19.5392 16.6234 19.8695 16.4353 20.0055C16.5008 20.1749 16.6684 20.619 16.5759 21.4191C16.4257 22.7176 14.6119 24.4819 12.2763 23.8544C10.5744 23.3971 10.2099 22.1002 10.0744 21.5462C8.16651 22.8209 5.74592 21.9772 4.43632 21.1133C3.44653 20.4603 3.16063 19.4467 3.2199 18.7888C2.57837 19.147 1.33433 19.2159 0.756062 17.9729C0.320217 17.036 0.838862 15.6535 2.49397 14.7706C3.56898 14.1971 5.01017 14.061 6.14456 14.136C5.47545 12.9417 4.17774 10.4051 3.97777 9.74456C3.72779 8.91889 3.94746 8.3129 4.30348 7.88113C4.6595 7.44936 5.21244 6.90396 5.75026 6.38129C6.28808 5.85862 7.06074 5.85862 7.7349 6.07072C8.27424 6.2404 9.36352 6.65146 9.84074 6.83578C10.5069 6.63086 11.9689 6.18102 12.4877 6.02101C13.0065 5.861 13.184 5.78543 13.7188 5.90996C13.8302 5.37643 14.0045 4.35336 14.1876 3.5073Z"
15
+
fill={props.fill || "transparent"}
16
+
/>
17
+
<path
18
+
fillRule="evenodd"
19
+
clipRule="evenodd"
20
+
d="M19.6271 2.81856C18.4896 2.07854 17.4326 2.39759 17.0578 2.82147C16.5869 3.3541 16.4234 4.10723 16.2512 5.11887L16.2231 5.28522L16.2231 5.28523C16.0919 6.06363 15.9405 6.96241 15.5423 7.80533L17.4557 8.48962C18.0778 7.71969 18.7304 7.28473 19.2974 6.92363L19.3687 6.87829C20.0258 6.46022 20.473 6.17579 20.7913 5.5972C21.0667 5.09643 21.0978 4.64884 20.9415 4.23092C20.7767 3.79045 20.3738 3.3044 19.6271 2.81856ZM15.0777 5.02873C14.9299 5.89897 14.7941 6.69891 14.4321 7.4083L13.4555 7.05901C13.2858 6.99834 13.1067 7.02061 12.9624 7.10485L9.80359 8.05107L7.26833 7.14438C6.97342 7.03892 6.64447 7.11834 6.43018 7.3457L5.27176 8.53601C5.26453 8.54323 5.25745 8.55058 5.2505 8.55806L5.2454 8.56361C5.04511 8.78343 4.9652 9.11292 5.1156 9.43079L5.85241 10.9196L5.8643 10.9002C5.84832 10.9944 5.86158 11.0964 5.91361 11.1952L7.63738 14.4667C7.6921 14.5705 7.78376 14.6501 7.89428 14.6896L17.4633 18.1118C17.8658 18.2557 18.2352 17.83 18.0359 17.4518L16.3121 14.1803C16.2574 14.0764 16.1657 13.9969 16.0552 13.9574L6.48624 10.5352C6.32266 10.4767 6.16454 10.5123 6.04784 10.6006L6.56002 9.76447L16.8798 13.4551L18.7426 16.9905L18.0747 17.8398L19.1912 18.2615C19.6606 18.4294 20.1033 18.1358 20.2179 17.728L20.7391 16.3648C20.8239 16.1511 20.8112 15.9108 20.7039 15.7071L19.124 12.7086L18.8949 11.321C18.8935 11.3129 18.892 11.3049 18.8904 11.2969C18.8874 11.234 18.8741 11.1705 18.8496 11.1087L18.1936 9.45372C18.7455 8.68856 19.3357 8.28878 19.927 7.9122C19.9681 7.88603 20.0096 7.85977 20.0514 7.83331C20.6663 7.44436 21.3511 7.01112 21.8182 6.16211C22.2345 5.40522 22.3314 4.60167 22.0392 3.82037C21.7555 3.06161 21.1334 2.40034 20.2662 1.83615C18.7307 0.837123 17.0056 1.11114 16.1798 2.04515C15.4528 2.86736 15.2586 3.96572 15.0958 4.92219L15.0777 5.02872L15.0777 5.02873ZM13.2681 8.23675L11.6653 8.71688L16.3567 10.3947L16.6254 9.4374L13.2681 8.23675ZM16.5481 11.7078L16.5582 11.7114L17.1419 11.9202L17.0098 12.2569L6.82932 8.61605L7.1065 8.33124L9.5842 9.21734L9.59688 9.22187L16.5481 11.7078ZM12.5683 20.4811C12.3863 20.7644 12.3505 20.965 12.3648 21.0689C12.4003 21.3259 12.5444 21.4722 12.7748 21.5613C13.0331 21.6611 13.3469 21.659 13.544 21.6032C14.1553 21.4302 14.2952 21.0637 14.2611 20.8923C14.2391 20.7814 14.1421 20.578 13.7906 20.338C13.6004 20.2082 13.3469 20.076 13.0173 19.9508C12.834 20.1242 12.681 20.3057 12.5683 20.4811ZM11.7567 19.6004C11.6942 19.6815 11.6359 19.764 11.5822 19.8476C11.3276 20.2439 11.1351 20.7322 11.2038 21.2293C11.3096 21.9955 11.8139 22.4463 12.3521 22.6544C12.8626 22.8518 13.4377 22.8513 13.863 22.731C14.7279 22.4863 15.6213 21.724 15.4107 20.664C15.3104 20.1591 14.9656 19.7211 14.4515 19.3701C14.3677 19.3128 14.2783 19.2571 14.1833 19.203C14.5987 19.0436 14.9889 19.0051 15.2827 19.1025C15.59 19.2042 15.9215 19.0377 16.0233 18.7304C16.125 18.4232 15.9585 18.0916 15.6513 17.9899C14.6724 17.6656 13.5751 18.0821 12.7766 18.6397C12.6141 18.5938 12.4436 18.5504 12.265 18.5097C11.5393 18.3444 10.9698 18.307 10.5034 18.3825C10.018 18.4612 9.67582 18.657 9.40873 18.8961C9.28258 19.009 9.17849 19.1268 9.09292 19.2277C9.06338 19.2625 9.03727 19.2937 9.01306 19.3227L9.01291 19.3228C8.96046 19.3856 8.91693 19.4377 8.86682 19.4922C8.73913 19.6313 8.63181 19.7134 8.47722 19.761C8.03942 19.896 7.30137 19.8237 6.60705 19.5851C6.27195 19.4699 5.98787 19.3293 5.79222 19.1916C5.64379 19.0871 5.59428 19.019 5.58047 19L5.58045 19C5.57827 18.997 5.57698 18.9952 5.57634 18.9947C5.57144 18.9579 5.57397 18.938 5.57539 18.9305C5.57674 18.9233 5.57829 18.9201 5.58128 18.9156C5.59031 18.9023 5.63142 18.8546 5.76375 18.7965C6.04383 18.6735 6.48291 18.6061 7.03421 18.5487C7.12534 18.5392 7.22003 18.5299 7.31675 18.5205L7.31734 18.5205L7.31774 18.5204C7.75337 18.478 8.22986 18.4315 8.60602 18.3399C8.83695 18.2837 9.10046 18.1956 9.31444 18.0333C9.55604 17.8501 9.73703 17.5659 9.72457 17.1949C9.71117 16.7955 9.50249 16.4807 9.2559 16.2553C9.01235 16.0327 8.69774 15.863 8.36729 15.7333C7.70363 15.4729 6.85166 15.3254 6.00343 15.2972C5.15473 15.2689 4.25916 15.3581 3.51015 15.6085C2.78202 15.852 2.05623 16.2973 1.79807 17.0767C1.6963 17.3839 1.86287 17.7155 2.1701 17.8173C2.47733 17.919 2.80889 17.7525 2.91065 17.4452C2.99481 17.1912 3.28176 16.9207 3.8818 16.7201C4.46096 16.5264 5.209 16.4433 5.96437 16.4685C6.7202 16.4937 7.43275 16.6256 7.93908 16.8243C8.19363 16.9243 8.36538 17.0292 8.46519 17.1204C8.4773 17.1315 8.4878 17.1419 8.49689 17.1515C8.45501 17.1668 8.39992 17.1838 8.3287 17.2012C8.04154 17.2711 7.67478 17.3072 7.24492 17.3496L7.24413 17.3497L7.24246 17.3498C7.13635 17.3603 7.02639 17.3711 6.91284 17.3829C6.38763 17.4376 5.76632 17.5153 5.29238 17.7234C5.0477 17.8309 4.78839 17.9954 4.60986 18.2599C4.42009 18.541 4.36482 18.8707 4.42432 19.213C4.49899 19.6426 4.83826 19.9534 5.11763 20.15C5.42736 20.368 5.81812 20.5533 6.22607 20.6935C7.01783 20.9656 8.03865 21.1226 8.82239 20.8811C9.248 20.7499 9.52379 20.5096 9.73004 20.285C9.79974 20.2091 9.87042 20.1246 9.92975 20.0536L9.92977 20.0536L9.92995 20.0534C9.9503 20.0291 9.96932 20.0063 9.98649 19.9861C10.0618 19.8973 10.1248 19.8281 10.1905 19.7694C10.3069 19.6651 10.4472 19.579 10.6908 19.5395C10.9181 19.5027 11.2529 19.5041 11.7567 19.6004Z"
21
+
fill="currentColor"
22
+
/>
23
+
</svg>
24
+
);
25
+
};
+1
components/Icons/TrashSmall.tsx
+1
components/Icons/TrashSmall.tsx
···
1
+
import { Props } from "./Props";
+2
-6
components/Layout.tsx
+2
-6
components/Layout.tsx
···
1
1
import * as DropdownMenu from "@radix-ui/react-dropdown-menu";
2
2
import { theme } from "tailwind.config";
3
-
import { PopoverArrow } from "./Icons";
4
-
import {
5
-
CardThemeProvider,
6
-
NestedCardThemeProvider,
7
-
} from "./ThemeManager/ThemeProvider";
8
-
import { Input } from "./Input";
3
+
import { NestedCardThemeProvider } from "./ThemeManager/ThemeProvider";
4
+
import { PopoverArrow } from "./Icons/PopoverArrow";
9
5
10
6
export const Separator = (props: { classname?: string }) => {
11
7
return (
+1
-2
components/LoginButton.tsx
+1
-2
components/LoginButton.tsx
···
1
1
"use client";
2
-
import { logout } from "actions/logout";
3
2
import { useIdentityData } from "./IdentityProvider";
4
3
import { Popover } from "./Popover";
5
4
import LoginForm from "app/login/LoginForm";
6
5
import { ButtonPrimary } from "./Buttons";
7
6
import { ActionButton } from "./ActionBar/ActionButton";
8
-
import { AccountSmall } from "./Icons";
7
+
import { AccountSmall } from "./Icons/AccountSmall";
9
8
10
9
export function LoginButton() {
11
10
let identityData = useIdentityData();
+42
-19
components/Pages/index.tsx
+42
-19
components/Pages/index.tsx
···
1
1
"use client";
2
2
3
-
import { useEffect, useState } from "react";
3
+
import { useState } from "react";
4
4
import { useUIState } from "src/useUIState";
5
5
import { useEntitySetContext } from "../EntitySetProvider";
6
6
import { useSearchParams } from "next/navigation";
···
19
19
20
20
import { Media } from "../Media";
21
21
import { DesktopPageFooter } from "../DesktopFooter";
22
-
import { ShareOptions } from "../ShareOptions";
23
22
import { ThemePopover } from "../ThemeManager/ThemeSetter";
24
-
import { HomeButton } from "../HomeButton";
25
23
import { Canvas } from "../Canvas";
26
24
import { DraftPostOptions } from "../Blocks/MailboxBlock";
27
25
import { Blocks } from "components/Blocks";
28
26
import { MenuItem, Menu } from "../Layout";
29
-
import {
30
-
MoreOptionsTiny,
31
-
CloseTiny,
32
-
PaintSmall,
33
-
ShareSmall,
34
-
UndoTiny,
35
-
RedoTiny,
36
-
} from "../Icons";
37
-
import { HelpPopover } from "../HelpPopover";
38
27
import { scanIndex } from "src/replicache/utils";
39
28
import { PageThemeSetter } from "../ThemeManager/PageThemeSetter";
40
29
import { CardThemeProvider } from "../ThemeManager/ThemeProvider";
41
30
import { PageShareMenu } from "./PageShareMenu";
42
-
import { Watermark } from "components/Watermark";
43
31
import { scrollIntoViewIfNeeded } from "src/utils/scrollIntoViewIfNeeded";
44
-
import { LoginButton } from "components/LoginButton";
45
32
import { useUndoState } from "src/undoManager";
46
-
import { useIsMobile } from "src/hooks/isMobile";
47
-
import { PublishToPublication } from "components/ShareOptions/PublicationOptions";
48
-
import { ButtonPrimary } from "components/Buttons";
49
-
import { Popover } from "components/Popover";
50
-
import { InputWithLabel } from "components/Input";
51
33
import { usePublicationContext } from "components/Providers/PublicationContext";
34
+
import { CloseTiny } from "components/Icons/CloseTiny";
35
+
import { MoreOptionsTiny } from "components/Icons/MoreOptionsTiny";
36
+
import { PaintSmall } from "components/Icons/PaintSmall";
37
+
import { ShareSmall } from "components/Icons/ShareSmall";
52
38
53
39
export function Pages(props: { rootPage: string }) {
54
40
let rootPage = useEntity(props.rootPage, "root/page")[0];
···
450
436
selectedBlocks: [],
451
437
}));
452
438
};
439
+
const UndoTiny = () => {
440
+
return (
441
+
<svg
442
+
width="16"
443
+
height="16"
444
+
viewBox="0 0 16 16"
445
+
fill="none"
446
+
xmlns="http://www.w3.org/2000/svg"
447
+
>
448
+
<path
449
+
fillRule="evenodd"
450
+
clipRule="evenodd"
451
+
d="M5.98775 3.14543C6.37828 2.75491 6.37828 2.12174 5.98775 1.73122C5.59723 1.34069 4.96407 1.34069 4.57354 1.73122L1.20732 5.09744C0.816798 5.48796 0.816798 6.12113 1.20732 6.51165L4.57354 9.87787C4.96407 10.2684 5.59723 10.2684 5.98775 9.87787C6.37828 9.48735 6.37828 8.85418 5.98775 8.46366L4.32865 6.80456H9.6299C12.1732 6.80456 13.0856 8.27148 13.0856 9.21676C13.0856 9.84525 12.8932 10.5028 12.5318 10.9786C12.1942 11.4232 11.6948 11.7367 10.9386 11.7367H9.43173C8.87944 11.7367 8.43173 12.1844 8.43173 12.7367C8.43173 13.2889 8.87944 13.7367 9.43173 13.7367H10.9386C12.3587 13.7367 13.4328 13.0991 14.1246 12.1883C14.7926 11.3086 15.0856 10.2062 15.0856 9.21676C15.0856 6.92612 13.0205 4.80456 9.6299 4.80456L4.32863 4.80456L5.98775 3.14543Z"
452
+
fill="currentColor"
453
+
/>
454
+
</svg>
455
+
);
456
+
};
457
+
458
+
const RedoTiny = () => {
459
+
return (
460
+
<svg
461
+
width="16"
462
+
height="16"
463
+
viewBox="0 0 16 16"
464
+
fill="none"
465
+
xmlns="http://www.w3.org/2000/svg"
466
+
>
467
+
<path
468
+
fillRule="evenodd"
469
+
clipRule="evenodd"
470
+
d="M10.0122 3.14543C9.62172 2.75491 9.62172 2.12174 10.0122 1.73122C10.4028 1.34069 11.0359 1.34069 11.4265 1.73122L14.7927 5.09744C15.1832 5.48796 15.1832 6.12113 14.7927 6.51165L11.4265 9.87787C11.0359 10.2684 10.4028 10.2684 10.0122 9.87787C9.62172 9.48735 9.62172 8.85418 10.0122 8.46366L11.6713 6.80456H6.3701C3.82678 6.80456 2.91443 8.27148 2.91443 9.21676C2.91443 9.84525 3.10681 10.5028 3.46817 10.9786C3.8058 11.4232 4.30523 11.7367 5.06143 11.7367H6.56827C7.12056 11.7367 7.56827 12.1844 7.56827 12.7367C7.56827 13.2889 7.12056 13.7367 6.56827 13.7367H5.06143C3.6413 13.7367 2.56723 13.0991 1.87544 12.1883C1.20738 11.3086 0.914429 10.2062 0.914429 9.21676C0.914429 6.92612 2.97946 4.80456 6.3701 4.80456L11.6714 4.80456L10.0122 3.14543Z"
471
+
fill="currentColor"
472
+
/>
473
+
</svg>
474
+
);
475
+
};
+1
-1
components/Popover.tsx
+1
-1
components/Popover.tsx
···
1
1
import * as RadixPopover from "@radix-ui/react-popover";
2
-
import { PopoverArrow } from "./Icons";
3
2
import { theme } from "tailwind.config";
4
3
import { NestedCardThemeProvider } from "./ThemeManager/ThemeProvider";
5
4
import { createContext, useState } from "react";
5
+
import { PopoverArrow } from "./Icons/PopoverArrow";
6
6
7
7
export const PopoverOpenContext = createContext(false);
8
8
export const Popover = (props: {
+2
-1
components/ThemeManager/PageThemeSetter.tsx
+2
-1
components/ThemeManager/PageThemeSetter.tsx
···
14
14
import { CanvasBackgroundPattern } from "components/Canvas";
15
15
import { Replicache } from "replicache";
16
16
import { theme } from "tailwind.config";
17
-
import { BlockImageSmall, PaintSmall } from "components/Icons";
18
17
import { ButtonPrimary } from "components/Buttons";
18
+
import { BlockImageSmall } from "components/Icons/BlockImageSmall";
19
+
import { PaintSmall } from "components/Icons/PaintSmall";
19
20
20
21
export const PageThemeSetter = (props: { entityID: string }) => {
21
22
let { rep, rootEntity } = useReplicache();
+5
-8
components/ThemeManager/ThemeSetter.tsx
+5
-8
components/ThemeManager/ThemeSetter.tsx
···
17
17
} from "react-aria-components";
18
18
19
19
import { useEffect, useMemo, useState } from "react";
20
-
import {
21
-
BlockImageSmall,
22
-
CheckboxChecked,
23
-
CheckboxEmpty,
24
-
CloseContrastSmall,
25
-
PaintSmall,
26
-
PopoverArrow,
27
-
} from "components/Icons";
28
20
import { ReplicacheMutators, useEntity, useReplicache } from "src/replicache";
29
21
import { Replicache } from "replicache";
30
22
import { FilterAttributes } from "src/replicache/attributes";
···
39
31
import { onMouseDown } from "src/utils/iosInputMouseDown";
40
32
import { ActionButton } from "components/ActionBar/ActionButton";
41
33
import { useInitialPageLoad } from "components/InitialPageLoadProvider";
34
+
import { BlockImageSmall } from "components/Icons/BlockImageSmall";
35
+
import { CheckboxChecked } from "components/Icons/CheckboxChecked";
36
+
import { CheckboxEmpty } from "components/Icons/CheckboxEmpty";
37
+
import { CloseContrastSmall } from "components/Icons/CloseContrastSmall";
38
+
import { PaintSmall } from "components/Icons/PaintSmall";
42
39
43
40
export type pickers =
44
41
| "null"
+1
-1
components/Toast.tsx
+1
-1
components/Toast.tsx
+39
-1
components/Toolbar/BlockToolbar.tsx
+39
-1
components/Toolbar/BlockToolbar.tsx
···
1
-
import { DeleteSmall, MoveBlockDown, MoveBlockUp } from "components/Icons";
2
1
import { useEntity, useReplicache } from "src/replicache";
3
2
import { ToolbarButton } from ".";
4
3
import { Separator, ShortcutKey } from "components/Layout";
···
8
7
import { LockBlockButton } from "./LockBlockButton";
9
8
import { TextAlignmentButton } from "./TextAlignmentToolbar";
10
9
import { ImageFullBleedButton } from "./ImageToolbar";
10
+
import { DeleteSmall } from "components/Icons/DeleteSmall";
11
11
12
12
export const BlockToolbar = (props: {
13
13
setToolbarState: (state: "areYouSure" | "block" | "text-alignment") => void;
···
184
184
</>
185
185
);
186
186
};
187
+
188
+
const MoveBlockDown = () => {
189
+
return (
190
+
<svg
191
+
width="24"
192
+
height="24"
193
+
viewBox="0 0 24 24"
194
+
fill="none"
195
+
xmlns="http://www.w3.org/2000/svg"
196
+
>
197
+
<path
198
+
fillRule="evenodd"
199
+
clipRule="evenodd"
200
+
d="M18.3444 3.56272L3.89705 5.84775C3.48792 5.91246 3.20871 6.29658 3.27342 6.7057L3.83176 10.2358C3.89647 10.645 4.28058 10.9242 4.68971 10.8595L19.137 8.57444C19.5462 8.50973 19.8254 8.12561 19.7607 7.71649L19.2023 4.18635C19.1376 3.77722 18.7535 3.49801 18.3444 3.56272ZM3.70177 4.61309C2.69864 4.77175 1.9884 5.65049 2.01462 6.63905C1.6067 6.92894 1.37517 7.43373 1.45854 7.96083L2.02167 11.5213C2.19423 12.6123 3.21854 13.3568 4.30955 13.1843L15.5014 11.4142L15.3472 10.4394L16.6131 10.2392L17.2948 13.9166L15.3038 12.4752C14.9683 12.2322 14.4994 12.3073 14.2565 12.6428C14.0135 12.9783 14.0886 13.4472 14.4241 13.6902L18.5417 16.6712L21.5228 12.5536C21.7658 12.2181 21.6907 11.7492 21.3552 11.5063C21.0197 11.2634 20.5508 11.3385 20.3079 11.674L18.7926 13.7669L18.0952 10.0048L19.3323 9.80909C20.4233 9.63654 21.1679 8.61222 20.9953 7.52121L20.437 3.99107C20.2644 2.90007 19.2401 2.15551 18.1491 2.32807L3.70177 4.61309ZM12.5175 14.1726C12.8583 14.118 13.0904 13.7974 13.0358 13.4566C12.9812 13.1157 12.6606 12.8837 12.3198 12.9383L4.48217 14.1937C3.37941 14.3704 2.62785 15.4065 2.80232 16.5096L3.35244 19.9878C3.52716 21.0925 4.56428 21.8463 5.66893 21.6716L20.0583 19.3958C21.1618 19.2212 21.9155 18.186 21.7426 17.0822L21.6508 16.4961C21.5974 16.1551 21.2776 15.922 20.9366 15.9754C20.5956 16.0288 20.3624 16.3486 20.4158 16.6896L20.5077 17.2757C20.5738 17.6981 20.2854 18.0943 19.8631 18.1611L5.47365 20.437C5.05089 20.5038 4.65396 20.2153 4.5871 19.7925L4.03697 16.3143C3.9702 15.8921 4.25783 15.4956 4.67988 15.428L12.5175 14.1726ZM5.48645 8.13141C5.4213 7.72235 5.70009 7.33793 6.10914 7.27278L12.7667 6.21241C13.1757 6.14726 13.5602 6.42605 13.6253 6.83511C13.6905 7.24417 13.4117 7.62859 13.0026 7.69374L6.34508 8.75411C5.93602 8.81926 5.5516 8.54047 5.48645 8.13141Z"
201
+
fill="currentColor"
202
+
/>
203
+
</svg>
204
+
);
205
+
};
206
+
207
+
const MoveBlockUp = () => {
208
+
return (
209
+
<svg
210
+
width="24"
211
+
height="24"
212
+
viewBox="0 0 24 24"
213
+
fill="none"
214
+
xmlns="http://www.w3.org/2000/svg"
215
+
>
216
+
<path
217
+
fillRule="evenodd"
218
+
clipRule="evenodd"
219
+
d="M4.12086 10.3069C3.69777 10.3744 3.30016 10.0858 3.23323 9.66265L2.68364 6.18782C2.61677 5.76506 2.90529 5.36813 3.32805 5.30127L17.7149 3.0258C18.1378 2.95892 18.5348 3.24759 18.6015 3.67049L18.7835 4.82361C18.8373 5.16457 19.1573 5.39736 19.4983 5.34356C19.8392 5.28975 20.072 4.96974 20.0182 4.62878L19.8363 3.47566C19.6619 2.37067 18.6246 1.61639 17.5197 1.79115L3.13278 4.06661C2.02813 4.24133 1.27427 5.27845 1.44899 6.3831L1.99857 9.85793C2.17346 10.9637 3.21238 11.7177 4.31788 11.5413L11.5185 10.392C11.8594 10.3376 12.0916 10.0171 12.0372 9.67628C11.9828 9.33542 11.6624 9.1032 11.3215 9.15761L4.12086 10.3069ZM19.9004 11.6151L5.45305 13.9001C5.04392 13.9649 4.76471 14.349 4.82942 14.7581L5.38775 18.2882C5.45246 18.6974 5.83658 18.9766 6.24571 18.9119L20.6931 16.6268C21.1022 16.5621 21.3814 16.178 21.3167 15.7689L20.7583 12.2388C20.6936 11.8296 20.3095 11.5504 19.9004 11.6151ZM5.25777 12.6655C4.21806 12.8299 3.49299 13.7679 3.57645 14.8C3.17867 15.1511 2.9637 15.6918 3.05264 16.2541L3.57767 19.5737C3.75023 20.6647 4.77455 21.4093 5.86556 21.2367L19.9927 19.0023C20.7197 18.8873 21.2751 18.3524 21.4519 17.6846C22.2223 17.3097 22.6921 16.4638 22.5513 15.5736L21.993 12.0435C21.8204 10.9525 20.7961 10.2079 19.7051 10.3805L17.9019 10.6657L17.3957 7.46986L19.3483 8.96297C19.6773 9.21457 20.148 9.1518 20.3996 8.82276C20.6512 8.49373 20.5885 8.02302 20.2594 7.77141L16.2213 4.68355L13.1334 8.72172C12.8818 9.05076 12.9445 9.52146 13.2736 9.77307C13.6026 10.0247 14.0733 9.96191 14.3249 9.63287L15.8945 7.58034L16.4203 10.9L5.25777 12.6655ZM7.66514 15.3252C7.25609 15.3903 6.97729 15.7748 7.04245 16.1838C7.1076 16.5929 7.49202 16.8717 7.90108 16.8065L14.5586 15.7461C14.9677 15.681 15.2465 15.2966 15.1813 14.8875C15.1162 14.4785 14.7317 14.1997 14.3227 14.2648L7.66514 15.3252Z"
220
+
fill="currentColor"
221
+
/>
222
+
</svg>
223
+
);
224
+
};
+32
-8
components/Toolbar/HighlightToolbar.tsx
+32
-8
components/Toolbar/HighlightToolbar.tsx
···
20
20
import { useColorAttribute } from "components/ThemeManager/useColorAttribute";
21
21
import { useParams } from "next/navigation";
22
22
import { rangeHasMark } from "src/utils/prosemirror/rangeHasMark";
23
-
import {
24
-
ArrowRightTiny,
25
-
HighlightSmall,
26
-
PaintSmall,
27
-
PopoverArrow,
28
-
} from "components/Icons";
23
+
29
24
import { Separator, ShortcutKey } from "components/Layout";
30
25
import { isMac } from "@react-aria/utils";
31
26
import { ToolbarButton } from ".";
32
27
import { NestedCardThemeProvider } from "components/ThemeManager/ThemeProvider";
28
+
import { Props } from "components/Icons/Props";
29
+
import { PopoverArrow } from "components/Icons/PopoverArrow";
30
+
import { ArrowRightTiny } from "components/Icons/ArrowRightTiny";
31
+
import { PaintSmall } from "components/Icons/PaintSmall";
33
32
34
33
export const HighlightButton = (props: {
35
34
lastUsedHighlight: string;
···
193
192
194
193
export const HighlightColorSettings = (props: { pageID: string }) => {
195
194
let { rep, rootEntity } = useReplicache();
196
-
let params = useParams();
197
195
let set = useMemo(() => {
198
196
return setColorAttribute(rep, rootEntity);
199
197
}, [rep, rootEntity]);
···
212
210
"theme/card-background-image-opacity",
213
211
);
214
212
215
-
let color = useEntity(rootEntity, "theme/highlight-1");
216
213
let highlight1Value = useColorAttribute(rootEntity, "theme/highlight-1");
217
214
let highlight2Value = useColorAttribute(rootEntity, "theme/highlight-2");
218
215
let highlight3Value = useColorAttribute(rootEntity, "theme/highlight-3");
···
364
361
</Popover.Root>
365
362
);
366
363
};
364
+
365
+
const HighlightSmall = (props: { highlightColor: string } & Props) => {
366
+
let { highlightColor, ...svgProps } = props;
367
+
return (
368
+
<svg
369
+
width="24"
370
+
height="24"
371
+
viewBox="0 0 24 24"
372
+
fill="none"
373
+
xmlns="http://www.w3.org/2000/svg"
374
+
{...svgProps}
375
+
>
376
+
<path
377
+
fillRule="evenodd"
378
+
clipRule="evenodd"
379
+
d="M20.5 12C20.5 16.6944 16.6944 20.5 12 20.5C7.30558 20.5 3.5 16.6944 3.5 12C3.5 7.93802 6.34926 4.54153 10.1582 3.70008L9.84791 4.18297C9.77021 4.3039 9.72889 4.44461 9.72888 4.58836L9.72851 10.0094L8.63101 11.7402C8.62242 11.7538 8.61431 11.7675 8.60666 11.7815C8.60016 11.7908 8.59388 11.8004 8.58781 11.8101C8.38051 12.1418 8.46302 12.6162 8.76836 13.1359L7.24363 15.6498C6.74131 16.4779 7.3311 17.5381 8.29965 17.548L11.6224 17.5818C12.2379 17.5881 12.8114 17.2706 13.1328 16.7456L13.4985 16.148C13.9182 16.1939 14.2769 16.1567 14.5378 16.0308C14.6916 15.9756 14.8266 15.8704 14.9178 15.7265L16.0178 13.9918L20.4981 11.8165C20.4994 11.8775 20.5 11.9387 20.5 12ZM20.3169 10.2369L15.1709 12.7355C15.0456 12.7963 14.9397 12.8909 14.8651 13.0086L14.3138 13.878C14.2071 13.7494 14.0889 13.6201 13.9603 13.4913C13.554 13.0742 13.0329 12.6692 12.5492 12.3837C12.4992 12.3542 12.4466 12.3239 12.3919 12.2929C12.0663 12.101 11.7406 11.938 11.4239 11.8053C11.2273 11.719 11.024 11.6386 10.8321 11.5784C10.7486 11.5522 10.6549 11.5258 10.5563 11.505L11.1119 10.6287C11.188 10.5086 11.2285 10.3694 11.2285 10.2272L11.2289 4.80862L12.0696 3.50028C12.4231 3.50311 12.7716 3.52754 13.1136 3.57229C13.0973 3.59203 13.082 3.61297 13.0679 3.63511L12.2981 4.84369C12.2341 4.94402 12.2002 5.06052 12.2002 5.17948V7.82698C12.2002 8.17215 12.48 8.45198 12.8252 8.45198C13.1704 8.45198 13.4502 8.17215 13.4502 7.82698V5.36164L14.1222 4.3067C14.225 4.14534 14.2445 3.95474 14.1919 3.7853C17.2663 4.60351 19.6556 7.10172 20.3169 10.2369ZM22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12ZM12.6338 9.14563C12.979 9.14563 13.2588 9.42545 13.2588 9.77063V10.2416C13.2588 10.5868 12.979 10.8666 12.6338 10.8666C12.2886 10.8666 12.0088 10.5868 12.0088 10.2416V9.77063C12.0088 9.42545 12.2886 9.14563 12.6338 9.14563ZM12.7875 14.4388C12.5032 14.1651 12.1383 13.8821 11.7882 13.6755C11.5214 13.5181 11.1621 13.3284 10.8268 13.1808C10.733 13.1395 10.6444 13.103 10.5629 13.072L8.75514 16.0525L11.6391 16.0819C11.727 16.0828 11.809 16.0374 11.8549 15.9625L12.7875 14.4388Z"
380
+
fill="currentColor"
381
+
/>
382
+
<path
383
+
fillRule="evenodd"
384
+
clipRule="evenodd"
385
+
d="M20.5 12C20.5 16.6944 16.6944 20.5 12 20.5C7.30558 20.5 3.5 16.6944 3.5 12C3.5 7.93801 6.34926 4.54152 10.1582 3.70007L9.84791 4.18296C9.77021 4.30389 9.72889 4.4446 9.72888 4.58835L9.72851 10.0093L8.63101 11.7402C8.62242 11.7537 8.61431 11.7675 8.60666 11.7814C8.60016 11.7908 8.59388 11.8004 8.58781 11.8101C8.38051 12.1418 8.46302 12.6162 8.76836 13.1359L7.24363 15.6498C6.74131 16.4779 7.3311 17.5381 8.29965 17.5479L11.6224 17.5818C12.2379 17.5881 12.8114 17.2705 13.1328 16.7455L13.4985 16.148C13.9182 16.1939 14.2769 16.1567 14.5378 16.0308C14.6916 15.9756 14.8266 15.8704 14.9178 15.7265L16.0178 13.9918L20.4981 11.8164C20.4994 11.8775 20.5 11.9387 20.5 12ZM12.7875 14.4388C12.5032 14.1651 12.1383 13.8821 11.7882 13.6755C11.5214 13.5181 11.1621 13.3284 10.8268 13.1808C10.733 13.1395 10.6444 13.1029 10.5629 13.072L8.75514 16.0525L11.6391 16.0819C11.727 16.0828 11.809 16.0374 11.8549 15.9624L12.7875 14.4388Z"
386
+
fill={highlightColor}
387
+
/>
388
+
</svg>
389
+
);
390
+
};
+40
-5
components/Toolbar/ImageToolbar.tsx
+40
-5
components/Toolbar/ImageToolbar.tsx
···
1
-
import {
2
-
ImageFullBleedOffSmall,
3
-
ImageFullBleedOnSmall,
4
-
LinkSmall,
5
-
} from "components/Icons";
6
1
import { ToolbarButton } from ".";
7
2
import { useEntity, useReplicache } from "src/replicache";
8
3
import { useUIState } from "src/useUIState";
4
+
import { Props } from "components/Icons/Props";
9
5
10
6
export const ImageFullBleedButton = (props: {}) => {
11
7
let { rep } = useReplicache();
···
32
28
</ToolbarButton>
33
29
);
34
30
};
31
+
32
+
const ImageFullBleedOffSmall = (props: Props) => {
33
+
return (
34
+
<svg
35
+
width="24"
36
+
height="24"
37
+
viewBox="0 0 24 24"
38
+
fill="none"
39
+
xmlns="http://www.w3.org/2000/svg"
40
+
{...props}
41
+
>
42
+
<path
43
+
fillRule="evenodd"
44
+
clipRule="evenodd"
45
+
d="M1.82922 8.93921C1.41501 8.93921 1.07922 8.60342 1.07922 8.18921V6.18921C1.07922 4.11814 2.75816 2.43921 4.82922 2.43921H6.82922C7.24344 2.43921 7.57922 2.775 7.57922 3.18921C7.57922 3.60342 7.24344 3.93921 6.82922 3.93921L4.82922 3.93921C3.58658 3.93921 2.57922 4.94657 2.57922 6.18921L2.57922 8.18921C2.57922 8.60342 2.24344 8.93921 1.82922 8.93921ZM17.1708 2.43921C16.7566 2.43921 16.4208 2.775 16.4208 3.18921C16.4208 3.60342 16.7566 3.93921 17.1708 3.93921H19.1708C20.4134 3.93921 21.4208 4.94657 21.4208 6.18921V8.18921C21.4208 8.60342 21.7566 8.93921 22.1708 8.93921C22.585 8.93921 22.9208 8.60342 22.9208 8.18921V6.18921C22.9208 4.11814 21.2418 2.43921 19.1708 2.43921H17.1708ZM17.1708 21.5608C16.7566 21.5608 16.4208 21.225 16.4208 20.8108C16.4208 20.3966 16.7566 20.0608 17.1708 20.0608H19.1708C20.4134 20.0608 21.4208 19.0534 21.4208 17.8108V15.8108C21.4208 15.3966 21.7566 15.0608 22.1708 15.0608C22.585 15.0608 22.9208 15.3966 22.9208 15.8108V17.8108C22.9208 19.8819 21.2418 21.5608 19.1708 21.5608H17.1708ZM1.07922 15.8108C1.07922 15.3966 1.41501 15.0608 1.82922 15.0608C2.24344 15.0608 2.57922 15.3966 2.57922 15.8108L2.57922 17.8108C2.57922 19.0534 3.58658 20.0608 4.82922 20.0608H6.82922C7.24344 20.0608 7.57922 20.3966 7.57922 20.8108C7.57922 21.225 7.24344 21.5608 6.82922 21.5608H4.82922C2.75816 21.5608 1.07922 19.8819 1.07922 17.8108V15.8108ZM7.37924 12.5162L9.08548 13.6549L8.56422 14.1568C8.38144 14.3328 8.09583 14.3439 7.89985 14.1828L7.63847 13.9678C7.21682 13.6211 6.64007 13.5308 6.13263 13.7321L5.92453 13.8146L7.37924 12.5162ZM10.8169 14.8104L9.93703 14.2232L9.2578 14.8772C8.70944 15.4051 7.8526 15.4386 7.26468 14.9552L7.0033 14.7402C6.86275 14.6246 6.6705 14.5945 6.50135 14.6616L4.95422 15.2753V17.0608C4.95422 17.406 5.23405 17.6858 5.57922 17.6858H18.3533C18.6985 17.6858 18.9783 17.406 18.9783 17.0608V12.526L18.5888 12.2077L18.091 13.0482C17.7153 13.6825 16.9345 13.9498 16.249 13.6788L15.1568 13.2471C15.0216 13.1937 14.8698 13.2017 14.741 13.2692L14.2876 13.5067C13.809 13.7574 13.2325 13.7313 12.7785 13.4384L12.4416 13.2211L11.5777 14.1178L11.782 14.2556C12.011 14.4099 12.0714 14.7207 11.9171 14.9497C11.7627 15.1786 11.4519 15.2391 11.223 15.0847L10.8341 14.8225C10.8282 14.8186 10.8225 14.8145 10.8169 14.8104ZM17.8056 11.5677L17.2306 12.5386C17.1053 12.7501 16.8451 12.8392 16.6166 12.7488L15.5244 12.3171C15.1188 12.1568 14.6634 12.181 14.277 12.3834L13.8236 12.6209C13.6641 12.7044 13.4719 12.6957 13.3206 12.5981L13.1486 12.4871L15.6953 9.84339L17.8056 11.5677ZM16.328 9.06903L18.9783 11.2346V6.93921C18.9783 6.59403 18.6985 6.31421 18.3533 6.31421H5.57922C5.23405 6.31421 4.95422 6.59403 4.95422 6.93921V13.3403L6.71336 11.7702C7.05329 11.4668 7.55535 11.4315 7.93434 11.6845L10.7337 13.5526L14.9751 9.14962C15.3363 8.77464 15.9248 8.73958 16.328 9.06903ZM5.57922 5.06421C4.54369 5.06421 3.70422 5.90368 3.70422 6.93921V17.0608C3.70422 18.0963 4.54369 18.9358 5.57922 18.9358H18.3533C19.3889 18.9358 20.2283 18.0963 20.2283 17.0608V6.93921C20.2283 5.90368 19.3889 5.06421 18.3533 5.06421H5.57922ZM8.87793 8.73889C8.87793 8.4316 9.12704 8.1825 9.43433 8.1825C9.74162 8.1825 9.99073 8.4316 9.99073 8.73889C9.99073 9.04619 9.74162 9.29529 9.43433 9.29529C9.12704 9.29529 8.87793 9.04619 8.87793 8.73889ZM9.43433 7.1825C8.57475 7.1825 7.87793 7.87932 7.87793 8.73889C7.87793 9.59847 8.57475 10.2953 9.43433 10.2953C10.2939 10.2953 10.9907 9.59847 10.9907 8.73889C10.9907 7.87932 10.2939 7.1825 9.43433 7.1825Z"
46
+
fill="currentColor"
47
+
/>
48
+
</svg>
49
+
);
50
+
};
51
+
const ImageFullBleedOnSmall = (props: Props) => {
52
+
return (
53
+
<svg
54
+
width="24"
55
+
height="24"
56
+
viewBox="0 0 24 24"
57
+
fill="none"
58
+
xmlns="http://www.w3.org/2000/svg"
59
+
{...props}
60
+
>
61
+
<path
62
+
fillRule="evenodd"
63
+
clipRule="evenodd"
64
+
d="M0.712524 5.68921C0.712524 3.96332 2.11163 2.56421 3.83752 2.56421H20.1624C21.8883 2.56421 23.2874 3.96332 23.2874 5.68921V18.3108C23.2874 20.0367 21.8883 21.4358 20.1624 21.4358H3.83752C2.11164 21.4358 0.712524 20.0367 0.712524 18.3108V5.68921ZM3.83752 3.81421C2.80199 3.81421 1.96252 4.65368 1.96252 5.68921V14.1901L4.82906 11.6316C5.21149 11.2902 5.7763 11.2506 6.20267 11.5351L10.2892 14.2624L16.3336 7.98778C16.573 7.73919 16.9687 7.73179 17.2173 7.97126C17.4659 8.21074 17.4733 8.6064 17.2338 8.85499L13.5626 12.6661L14.0542 13.0054C14.1688 13.0845 14.3178 13.0936 14.4412 13.0289L15.5068 12.4708C15.8425 12.2949 16.2291 12.242 16.5997 12.321L18.8672 12.8047C18.9866 12.8301 19.1109 12.7959 19.2004 12.7129L20.5274 11.4827C20.4554 11.282 20.4879 11.0496 20.6334 10.8732C20.8531 10.607 21.247 10.5692 21.5133 10.7889L22.0374 11.2213V5.68921C22.0374 4.65368 21.198 3.81421 20.1624 3.81421H3.83752ZM21.4356 12.3453L20.0502 13.6296C19.6624 13.9892 19.1237 14.1375 18.6065 14.0272L16.339 13.5435C16.2535 13.5253 16.1642 13.5375 16.0868 13.5781L15.0212 14.1362C14.4866 14.4163 13.8408 14.377 13.3441 14.0341L12.6838 13.5783L11.3433 14.9699L11.6378 15.1684C11.9241 15.3613 11.9997 15.7498 11.8068 16.036C11.6139 16.3222 11.2255 16.3979 10.9392 16.205L10.0299 15.5921L10.0276 15.5905L9.07582 14.9554L7.84586 16.0297C7.58589 16.2568 7.19106 16.2301 6.96399 15.9702C6.73691 15.7102 6.76357 15.3154 7.02354 15.0883L7.99868 14.2365L5.58925 12.6286L2.3289 15.5385C2.22302 15.6331 2.09388 15.6849 1.96252 15.6953V18.3108C1.96252 19.3463 2.80199 20.1858 3.83752 20.1858H20.1624C21.198 20.1858 22.0374 19.3463 22.0374 18.3108V12.8418L21.4356 12.3453ZM9.71952 6.20252C9.39162 6.0947 9.03839 6.27312 8.93057 6.60102C8.82275 6.92893 9.00116 7.28216 9.32907 7.38998C9.67978 7.5053 9.84306 7.66604 9.92838 7.80233C10.02 7.94875 10.0598 8.12899 10.0598 8.33053C10.0598 8.79991 9.67925 9.18042 9.20987 9.18042C9.06221 9.18042 8.79851 9.10649 8.58819 8.92328C8.40267 8.76167 8.25172 8.51136 8.28005 8.10042C8.3038 7.75606 8.04389 7.45765 7.69953 7.4339C7.35517 7.41015 7.05676 7.67006 7.03302 8.01442C6.97619 8.83849 7.30377 9.46218 7.76714 9.86582C8.20571 10.2479 8.76126 10.4304 9.20987 10.4304C10.3696 10.4304 11.3098 9.49027 11.3098 8.33053C11.3098 7.97485 11.2407 7.54299 10.9879 7.13909C10.7287 6.72507 10.3118 6.39728 9.71952 6.20252ZM16.1204 5.922C16.1204 5.50778 16.4561 5.172 16.8704 5.172H19.3704C20.0607 5.172 20.6204 5.73164 20.6204 6.422V8.922C20.6204 9.33621 20.2846 9.672 19.8704 9.672C19.4561 9.672 19.1204 9.33621 19.1204 8.922V6.672H16.8704C16.4561 6.672 16.1204 6.33621 16.1204 5.922ZM16.8704 18.8224C16.4561 18.8224 16.1204 18.4866 16.1204 18.0724C16.1204 17.6582 16.4561 17.3224 16.8704 17.3224H19.1204V15.0724C19.1204 14.6582 19.4561 14.3224 19.8704 14.3224C20.2846 14.3224 20.6204 14.6582 20.6204 15.0724V17.5724C20.6204 18.2627 20.0607 18.8224 19.3704 18.8224H16.8704ZM7.84949 5.9248C7.84949 5.51059 7.5137 5.1748 7.09949 5.1748H4.59949C3.90913 5.1748 3.34949 5.73445 3.34949 6.4248V8.9248C3.34949 9.33902 3.68527 9.6748 4.09949 9.6748C4.5137 9.6748 4.84949 9.33902 4.84949 8.9248V6.6748H7.09949C7.5137 6.6748 7.84949 6.33902 7.84949 5.9248ZM7.09949 18.8252C7.5137 18.8252 7.84949 18.4894 7.84949 18.0752C7.84949 17.661 7.5137 17.3252 7.09949 17.3252H4.84949V15.0752C4.84949 14.661 4.5137 14.3252 4.09949 14.3252C3.68527 14.3252 3.34949 14.661 3.34949 15.0752V17.5752C3.34949 18.2656 3.90913 18.8252 4.59949 18.8252H7.09949Z"
65
+
fill="currentColor"
66
+
/>
67
+
</svg>
68
+
);
69
+
};
+2
-1
components/Toolbar/InlineLinkToolbar.tsx
+2
-1
components/Toolbar/InlineLinkToolbar.tsx
···
2
2
import { EditorState, TextSelection } from "prosemirror-state";
3
3
import { useUIState } from "src/useUIState";
4
4
import { ToolbarButton } from ".";
5
-
import { CheckTiny, CloseTiny, LinkSmall } from "components/Icons";
6
5
import { useEffect, useState } from "react";
7
6
import { Separator } from "components/Layout";
8
7
import { MarkType } from "prosemirror-model";
···
10
9
import { rangeHasMark } from "src/utils/prosemirror/rangeHasMark";
11
10
import { Input } from "components/Input";
12
11
import { useReplicache } from "src/replicache";
12
+
import { CheckTiny } from "components/Icons/CheckTiny";
13
+
import { LinkSmall } from "components/Icons/LinkSmall";
13
14
14
15
export function LinkButton(props: { setToolbarState: (s: "link") => void }) {
15
16
let focusedBlock = useUIState((s) => s.focusedEntity);
+82
-12
components/Toolbar/ListToolbar.tsx
+82
-12
components/Toolbar/ListToolbar.tsx
···
1
-
import {
2
-
ArrowRightTiny,
3
-
ListCheckboxSmall,
4
-
ListIndentDecreaseSmall,
5
-
ListIndentIncreaseSmall,
6
-
ListUnorderedSmall,
7
-
} from "components/Icons";
8
1
import { Separator, ShortcutKey } from "components/Layout";
9
2
import { useBlocks } from "src/hooks/queries/useBlocks";
10
3
import { useEntity, useReplicache } from "src/replicache";
···
13
6
import { ToolbarButton } from ".";
14
7
import { indent, outdent, outdentFull } from "src/utils/list-operations";
15
8
import { useEffect } from "react";
9
+
import { Props } from "components/Icons/Props";
10
+
import { ArrowRightTiny } from "components/Icons/ArrowRightTiny";
16
11
17
12
export const ListButton = (props: { setToolbarState: (s: "list") => void }) => {
18
13
let focusedBlock = useUIState((s) => s.focusedEntity);
···
22
17
);
23
18
24
19
let block = siblings.find((s) => s.value === focusedBlock?.entityID);
25
-
let previousBlock =
26
-
siblings[siblings.findIndex((b) => b.value === focusedBlock?.entityID) - 1];
27
20
28
21
let { rep } = useReplicache();
29
22
···
169
162
</div>
170
163
);
171
164
};
172
-
function setInitialRender(arg0: boolean) {
173
-
throw new Error("Function not implemented.");
174
-
}
165
+
166
+
const ListUnorderedSmall = (props: Props) => {
167
+
return (
168
+
<svg
169
+
width="24"
170
+
height="24"
171
+
viewBox="0 0 24 24"
172
+
fill="none"
173
+
xmlns="http://www.w3.org/2000/svg"
174
+
{...props}
175
+
>
176
+
<path
177
+
fillRule="evenodd"
178
+
clipRule="evenodd"
179
+
d="M8.1687 5.19995C7.61642 5.19995 7.1687 5.64767 7.1687 6.19995C7.1687 6.75224 7.61642 7.19995 8.1687 7.19995H19.5461C20.0984 7.19995 20.5461 6.75224 20.5461 6.19995C20.5461 5.64767 20.0984 5.19995 19.5461 5.19995H8.1687ZM4.35361 7.10005C4.85067 7.10005 5.25361 6.69711 5.25361 6.20005C5.25361 5.70299 4.85067 5.30005 4.35361 5.30005C3.85656 5.30005 3.45361 5.70299 3.45361 6.20005C3.45361 6.69711 3.85656 7.10005 4.35361 7.10005ZM5.25361 12.0001C5.25361 12.4972 4.85067 12.9001 4.35361 12.9001C3.85656 12.9001 3.45361 12.4972 3.45361 12.0001C3.45361 11.503 3.85656 11.1001 4.35361 11.1001C4.85067 11.1001 5.25361 11.503 5.25361 12.0001ZM8.1687 11C7.61642 11 7.1687 11.4477 7.1687 12C7.1687 12.5523 7.61642 13 8.1687 13H19.5461C20.0984 13 20.5461 12.5523 20.5461 12C20.5461 11.4477 20.0984 11 19.5461 11H8.1687ZM5.25361 17.8001C5.25361 18.2972 4.85067 18.7001 4.35361 18.7001C3.85656 18.7001 3.45361 18.2972 3.45361 17.8001C3.45361 17.3031 3.85656 16.9001 4.35361 16.9001C4.85067 16.9001 5.25361 17.3031 5.25361 17.8001ZM8.1687 16.8C7.61642 16.8 7.1687 17.2478 7.1687 17.8C7.1687 18.3523 7.61642 18.8 8.1687 18.8H19.5461C20.0984 18.8 20.5461 18.3523 20.5461 17.8C20.5461 17.2478 20.0984 16.8 19.5461 16.8H8.1687Z"
180
+
fill="currentColor"
181
+
/>
182
+
</svg>
183
+
);
184
+
};
185
+
186
+
const ListIndentIncreaseSmall = (props: Props) => {
187
+
return (
188
+
<svg
189
+
width="24"
190
+
height="24"
191
+
viewBox="0 0 24 24"
192
+
fill="none"
193
+
xmlns="http://www.w3.org/2000/svg"
194
+
{...props}
195
+
>
196
+
<path
197
+
fillRule="evenodd"
198
+
clipRule="evenodd"
199
+
d="M8.2771 5.19995C7.72481 5.19995 7.2771 5.64767 7.2771 6.19995C7.2771 6.75224 7.72481 7.19995 8.2771 7.19995H19.6545C20.2068 7.19995 20.6545 6.75224 20.6545 6.19995C20.6545 5.64767 20.2068 5.19995 19.6545 5.19995H8.2771ZM4.46201 7.10005C4.95907 7.10005 5.36201 6.6971 5.36201 6.20005C5.36201 5.70299 4.95907 5.30005 4.46201 5.30005C3.96496 5.30005 3.56201 5.70299 3.56201 6.20005C3.56201 6.6971 3.96496 7.10005 4.46201 7.10005ZM11.1218 12.0001C11.1218 12.4972 10.7188 12.9001 10.2218 12.9001C9.72472 12.9001 9.32178 12.4972 9.32178 12.0001C9.32178 11.503 9.72472 11.1001 10.2218 11.1001C10.7188 11.1001 11.1218 11.503 11.1218 12.0001ZM14.0369 11C13.4846 11 13.0369 11.4477 13.0369 12C13.0369 12.5523 13.4846 13 14.0369 13H19.6545C20.2068 13 20.6545 12.5523 20.6545 12C20.6545 11.4477 20.2068 11 19.6545 11H14.0369ZM11.1218 17.8002C11.1218 18.2973 10.7188 18.7002 10.2218 18.7002C9.72472 18.7002 9.32178 18.2973 9.32178 17.8002C9.32178 17.3032 9.72472 16.9002 10.2218 16.9002C10.7188 16.9002 11.1218 17.3032 11.1218 17.8002ZM14.037 16.8C13.4847 16.8 13.037 17.2478 13.037 17.8C13.037 18.3523 13.4847 18.8 14.037 18.8L19.6547 18.8C20.207 18.8 20.6547 18.3523 20.6547 17.8C20.6547 17.2478 20.207 16.8 19.6547 16.8L14.037 16.8ZM5.00428 15.5359H2.23413C1.88895 15.5359 1.60913 15.2561 1.60913 14.9109C1.60913 14.5657 1.88895 14.2859 2.23413 14.2859H5.00453L4.00116 13.2825C3.70827 12.9896 3.70827 12.5148 4.00116 12.2219C4.29406 11.929 4.76893 11.929 5.06182 12.2219L7.75072 14.9108L5.06182 17.5997C4.76893 17.8926 4.29406 17.8926 4.00116 17.5997C3.70827 17.3068 3.70827 16.8319 4.00116 16.539L5.00428 15.5359Z"
200
+
fill="currentColor"
201
+
/>
202
+
</svg>
203
+
);
204
+
};
205
+
206
+
const ListIndentDecreaseSmall = (props: Props) => {
207
+
return (
208
+
<svg
209
+
width="24"
210
+
height="24"
211
+
viewBox="0 0 24 24"
212
+
fill="none"
213
+
xmlns="http://www.w3.org/2000/svg"
214
+
{...props}
215
+
>
216
+
<path
217
+
fillRule="evenodd"
218
+
clipRule="evenodd"
219
+
d="M8.27716 5.19995C7.72488 5.19995 7.27716 5.64767 7.27716 6.19995C7.27716 6.75224 7.72488 7.19995 8.27716 7.19995H19.6546C20.2069 7.19995 20.6546 6.75224 20.6546 6.19995C20.6546 5.64767 20.2069 5.19995 19.6546 5.19995H8.27716ZM4.46208 7.10005C4.95913 7.10005 5.36208 6.69711 5.36208 6.20005C5.36208 5.70299 4.95913 5.30005 4.46208 5.30005C3.96502 5.30005 3.56208 5.70299 3.56208 6.20005C3.56208 6.69711 3.96502 7.10005 4.46208 7.10005ZM5.36208 12.0001C5.36208 12.4972 4.95913 12.9001 4.46208 12.9001C3.96502 12.9001 3.56208 12.4972 3.56208 12.0001C3.56208 11.503 3.96502 11.1001 4.46208 11.1001C4.95913 11.1001 5.36208 11.503 5.36208 12.0001ZM8.27716 11C7.72488 11 7.27716 11.4477 7.27716 12C7.27716 12.5523 7.72488 13 8.27716 13H20.106C20.6583 13 21.106 12.5523 21.106 12C21.106 11.4477 20.6583 11 20.106 11H8.27716ZM11.1218 17.8001C11.1218 18.2972 10.7189 18.7001 10.2218 18.7001C9.72479 18.7001 9.32184 18.2972 9.32184 17.8001C9.32184 17.3031 9.72479 16.9001 10.2218 16.9001C10.7189 16.9001 11.1218 17.3031 11.1218 17.8001ZM14.0372 16.8C13.4849 16.8 13.0372 17.2478 13.0372 17.8C13.0372 18.3523 13.4849 18.8 14.0372 18.8L19.6549 18.8C20.2071 18.8 20.6549 18.3523 20.6549 17.8C20.6549 17.2478 20.2071 16.8 19.6549 16.8L14.0372 16.8ZM4.48975 17.1753L5.4936 16.1721C5.78659 15.8793 5.78675 15.4044 5.49395 15.1114C5.20115 14.8185 4.72628 14.8183 4.43329 15.1111L1.74243 17.8002L4.43329 20.4892C4.72628 20.782 5.20115 20.7819 5.49395 20.4889C5.78675 20.1959 5.78659 19.721 5.4936 19.4282L4.48999 18.4253H6.96185C7.30703 18.4253 7.58685 18.1455 7.58685 17.8003C7.58685 17.4551 7.30703 17.1753 6.96185 17.1753H4.48975Z"
220
+
fill="currentColor"
221
+
/>
222
+
</svg>
223
+
);
224
+
};
225
+
226
+
const ListCheckboxSmall = (props: Props) => {
227
+
return (
228
+
<svg
229
+
width="24"
230
+
height="24"
231
+
viewBox="0 0 24 24"
232
+
fill="none"
233
+
xmlns="http://www.w3.org/2000/svg"
234
+
{...props}
235
+
>
236
+
<path
237
+
fillRule="evenodd"
238
+
clipRule="evenodd"
239
+
d="M19.2777 7.26811C19.6649 6.79541 19.5956 6.09831 19.1229 5.7111C18.6502 5.32389 17.9531 5.3932 17.5658 5.86591L11.0608 13.8073L8.55229 11.4827C8.10409 11.0674 7.40406 11.094 6.98873 11.5422C6.57339 11.9904 6.60003 12.6905 7.04823 13.1058L10.4194 16.2298C10.6432 16.4372 10.9428 16.543 11.2472 16.5221C11.5517 16.5012 11.834 16.3554 12.0273 16.1194L19.2777 7.26811ZM5.72192 5.78943C4.61735 5.78943 3.72192 6.68486 3.72192 7.78943V17.2894C3.72192 18.394 4.61735 19.2894 5.72192 19.2894H15.2219C16.3265 19.2894 17.2219 18.394 17.2219 17.2894V14.4884C17.2219 14.0741 16.8861 13.7384 16.4719 13.7384C16.0577 13.7384 15.7219 14.0741 15.7219 14.4884V17.2894C15.7219 17.5656 15.4981 17.7894 15.2219 17.7894H5.72192C5.44578 17.7894 5.22192 17.5656 5.22192 17.2894V7.78943C5.22192 7.51329 5.44578 7.28943 5.72192 7.28943H12.9815C13.3957 7.28943 13.7315 6.95364 13.7315 6.53943C13.7315 6.12522 13.3957 5.78943 12.9815 5.78943H5.72192Z"
240
+
fill="currentColor"
241
+
/>
242
+
</svg>
243
+
);
244
+
};
+42
-1
components/Toolbar/LockBlockButton.tsx
+42
-1
components/Toolbar/LockBlockButton.tsx
···
1
1
import { useUIState } from "src/useUIState";
2
2
import { ToolbarButton } from ".";
3
3
import { useEntity, useReplicache } from "src/replicache";
4
-
import { LockSmall, UnlockSmall } from "components/Icons";
4
+
5
5
import { focusBlock } from "src/utils/focusBlock";
6
+
import { Props } from "components/Icons/Props";
6
7
7
8
export function LockBlockButton() {
8
9
let focusedBlock = useUIState((s) => s.focusedEntity);
···
60
61
</ToolbarButton>
61
62
);
62
63
}
64
+
65
+
const LockSmall = (props: Props) => {
66
+
return (
67
+
<svg
68
+
width="24"
69
+
height="24"
70
+
viewBox="0 0 24 24"
71
+
fill="none"
72
+
xmlns="http://www.w3.org/2000/svg"
73
+
{...props}
74
+
>
75
+
<path
76
+
fillRule="evenodd"
77
+
clipRule="evenodd"
78
+
d="M12 3.9657C9.73217 3.9657 7.89374 5.80413 7.89374 8.07196V10.1794H7.78851C6.82201 10.1794 6.03851 10.9629 6.03851 11.9294V17C6.03851 18.6569 7.38166 20 9.03851 20H14.9615C16.6184 20 17.9615 18.6569 17.9615 17V11.9294C17.9615 10.9629 17.178 10.1794 16.2115 10.1794H16.1063V8.07196C16.1063 5.80413 14.2678 3.9657 12 3.9657ZM14.3563 10.1794V8.07196C14.3563 6.77063 13.3013 5.7157 12 5.7157C10.6987 5.7157 9.64374 6.77063 9.64374 8.07196V10.1794H14.3563ZM12.5824 15.3512C12.9924 15.1399 13.2727 14.7123 13.2727 14.2193C13.2727 13.5165 12.7029 12.9467 12 12.9467C11.2972 12.9467 10.7274 13.5165 10.7274 14.2193C10.7274 14.7271 11.0247 15.1654 11.4548 15.3696L11.2418 17.267C11.2252 17.4152 11.3411 17.5449 11.4902 17.5449H12.5147C12.6621 17.5449 12.7774 17.4181 12.7636 17.2714L12.5824 15.3512Z"
79
+
fill="currentColor"
80
+
/>
81
+
</svg>
82
+
);
83
+
};
84
+
85
+
const UnlockSmall = (props: Props) => {
86
+
return (
87
+
<svg
88
+
width="24"
89
+
height="24"
90
+
viewBox="0 0 24 24"
91
+
fill="none"
92
+
xmlns="http://www.w3.org/2000/svg"
93
+
{...props}
94
+
>
95
+
<path
96
+
fillRule="evenodd"
97
+
clipRule="evenodd"
98
+
d="M7.89376 6.62482C7.89376 4.35699 9.7322 2.51855 12 2.51855C14.2678 2.51855 16.1063 4.35699 16.1063 6.62482V10.1794H16.2115C17.178 10.1794 17.9615 10.9629 17.9615 11.9294V17C17.9615 18.6569 16.6184 20 14.9615 20H9.03854C7.38168 20 6.03854 18.6569 6.03854 17V11.9294C6.03854 10.9629 6.82204 10.1794 7.78854 10.1794H14.3563V6.62482C14.3563 5.32349 13.3013 4.26855 12 4.26855C10.6987 4.26855 9.64376 5.32349 9.64376 6.62482V7.72078C9.64376 8.20403 9.25201 8.59578 8.76876 8.59578C8.28551 8.59578 7.89376 8.20403 7.89376 7.72078V6.62482ZM13.1496 14.2193C13.1496 14.7123 12.8693 15.1399 12.4593 15.3512L12.6405 17.2714C12.6544 17.4181 12.539 17.5449 12.3916 17.5449H11.3672C11.218 17.5449 11.1021 17.4152 11.1187 17.267L11.3317 15.3696C10.9016 15.1654 10.6043 14.7271 10.6043 14.2193C10.6043 13.5165 11.1741 12.9467 11.8769 12.9467C12.5798 12.9467 13.1496 13.5165 13.1496 14.2193ZM5.62896 5.3862C5.4215 5.20395 5.10558 5.2244 4.92333 5.43186C4.74109 5.63932 4.76153 5.95525 4.969 6.13749L6.06209 7.09771C6.26955 7.27996 6.58548 7.25951 6.76772 7.05205C6.94997 6.84458 6.92952 6.52866 6.72206 6.34642L5.62896 5.3862ZM3.5165 6.64283C3.25418 6.55657 2.97159 6.69929 2.88533 6.96161C2.79906 7.22393 2.94178 7.50652 3.20411 7.59278L5.54822 8.36366C5.81054 8.44992 6.09313 8.3072 6.1794 8.04488C6.26566 7.78256 6.12294 7.49997 5.86062 7.41371L3.5165 6.64283ZM3.54574 9.42431C3.52207 9.14918 3.72592 8.90696 4.00105 8.8833L5.52254 8.75244C5.79766 8.72878 6.03988 8.93263 6.06354 9.20776C6.08721 9.48288 5.88335 9.7251 5.60823 9.74876L4.08674 9.87962C3.81162 9.90329 3.5694 9.69943 3.54574 9.42431Z"
99
+
fill="currentColor"
100
+
/>
101
+
</svg>
102
+
);
103
+
};
+40
-3
components/Toolbar/MultiSelectToolbar.tsx
+40
-3
components/Toolbar/MultiSelectToolbar.tsx
···
1
-
import React, { useState } from "react";
2
1
import { useUIState } from "src/useUIState";
3
2
import { ReplicacheMutators, useReplicache } from "src/replicache";
4
3
import { ToolbarButton } from "./index";
5
-
import { TrashSmall, CopySmall } from "components/Icons";
6
-
import { AreYouSure } from "components/Blocks/DeleteBlock";
7
4
import { copySelection } from "src/utils/copySelection";
8
5
import { useSmoker } from "components/Toast";
9
6
import { getBlocksWithType } from "src/hooks/queries/useBlocks";
10
7
import { Replicache } from "replicache";
11
8
import { LockBlockButton } from "./LockBlockButton";
9
+
import { Props } from "components/Icons/Props";
12
10
13
11
export const MultiselectToolbar = (props: {
14
12
setToolbarState: (state: "areYouSure" | "multiselect") => void;
···
71
69
}
72
70
});
73
71
}
72
+
const CopySmall = (props: Props) => {
73
+
return (
74
+
<svg
75
+
width="24"
76
+
height="24"
77
+
viewBox="0 0 24 24"
78
+
fill="none"
79
+
xmlns="http://www.w3.org/2000/svg"
80
+
{...props}
81
+
>
82
+
<path
83
+
fillRule="evenodd"
84
+
clipRule="evenodd"
85
+
d="M8.03036 3.85044C8.19103 2.68789 9.26372 1.87571 10.4263 2.03638L19.0781 3.23213C20.2406 3.39281 21.0528 4.4655 20.8921 5.62805L19.2931 17.1976C19.1324 18.3602 18.0598 19.1724 16.8972 19.0117L16.8768 19.0089L17.9581 11.1853C18.0399 10.5931 17.8827 9.99263 17.5212 9.51651L14.5554 5.61099C14.1951 5.13664 13.6615 4.82447 13.0715 4.74292L8.00381 4.04252L8.03036 3.85044ZM5.97171 6.80481C6.03787 6.32611 6.47957 5.99168 6.95827 6.05784L12.2718 6.79222C12.4984 6.82354 12.7038 6.94239 12.8439 7.12329L15.5846 10.6629C15.7287 10.849 15.7917 11.0853 15.7595 11.3184L14.5626 19.9785C14.4964 20.4572 14.0547 20.7916 13.576 20.7255L5.09311 19.5531C4.61441 19.4869 4.27998 19.0452 4.34614 18.5665L5.97171 6.80481ZM7.1294 4.81961C5.96685 4.65894 4.89416 5.47112 4.73348 6.63368L3.10791 18.3954C2.94724 19.5579 3.75942 20.6306 4.92198 20.7913L13.4049 21.9637C14.5675 22.1244 15.6402 21.3122 15.8008 20.1496L16.9977 11.4896C17.076 10.9234 16.9229 10.3496 16.5729 9.89767L13.8322 6.35801C13.492 5.91868 12.9933 5.63006 12.4429 5.55399L7.1294 4.81961ZM12.2721 8.02572C12.3193 7.6838 12.0805 7.3683 11.7385 7.32104C11.3966 7.27379 11.0811 7.51266 11.0339 7.85459L10.7715 9.75307C10.6297 10.7789 11.3463 11.7253 12.3721 11.8671L14.455 12.155C14.797 12.2022 15.1125 11.9634 15.1597 11.6214C15.207 11.2795 14.9681 10.964 14.6262 10.9168L12.5433 10.6289C12.2013 10.5816 11.9624 10.2661 12.0097 9.9242L12.2721 8.02572ZM5.99683 14.2097C6.05354 13.7994 6.43214 13.5128 6.84245 13.5695L10.0055 14.0066C10.4158 14.0633 10.7024 14.4419 10.6457 14.8523C10.589 15.2626 10.2104 15.5492 9.80011 15.4925L6.63709 15.0554C6.22678 14.9986 5.94012 14.62 5.99683 14.2097ZM6.47584 16.2222C6.06553 16.1655 5.68693 16.4521 5.63022 16.8624C5.57352 17.2728 5.86017 17.6514 6.27048 17.7081L12.8109 18.612C13.2212 18.6687 13.5998 18.3821 13.6565 17.9717C13.7132 17.5614 13.4266 17.1828 13.0163 17.1261L6.47584 16.2222Z"
86
+
fill="currentColor"
87
+
/>
88
+
</svg>
89
+
);
90
+
};
91
+
92
+
const TrashSmall = (props: Props) => {
93
+
return (
94
+
<svg
95
+
width="24"
96
+
height="24"
97
+
viewBox="0 0 24 24"
98
+
fill="none"
99
+
xmlns="http://www.w3.org/2000/svg"
100
+
{...props}
101
+
>
102
+
<path
103
+
fillRule="evenodd"
104
+
clipRule="evenodd"
105
+
d="M10.682 3.11103C9.4724 3.23448 8.89352 3.67017 8.73295 4.09426C8.57457 4.51256 8.71273 5.20871 9.51183 6.08877C9.86249 6.47497 10.3151 6.86398 10.8567 7.2317C11.521 7.68272 12.3093 8.09493 13.1874 8.42742C14.7679 9.02584 16.286 9.23267 17.4457 9.11431C18.6553 8.99087 19.2342 8.55517 19.3948 8.13109C19.5553 7.707 19.4102 6.99716 18.5856 6.10354C17.7951 5.24678 16.5208 4.39634 14.9403 3.79793C13.3598 3.19951 11.8417 2.99268 10.682 3.11103ZM10.5297 1.61879C11.9666 1.47215 13.7204 1.73212 15.4714 2.39511C17.2225 3.0581 18.7086 4.02485 19.6881 5.08636C20.6335 6.11101 21.2677 7.42054 20.7976 8.66223C20.4763 9.51081 19.7476 10.0415 18.8756 10.3377L18.8512 10.5864C18.8085 11.0201 18.7488 11.6195 18.6804 12.2826C18.5439 13.6052 18.3721 15.193 18.2332 16.2206C18.0958 17.2367 17.9216 18.1654 17.782 18.8394C17.7065 19.2037 17.6277 19.5677 17.5385 19.9289C17.3496 20.8304 16.5864 21.4845 15.7038 21.895C14.7878 22.321 13.5933 22.5626 12.2528 22.5626C9.70265 22.5626 7.61297 21.8776 6.98728 20.0005C6.8862 19.6168 6.80407 19.2278 6.72362 18.8394C6.58403 18.1654 6.40982 17.2367 6.27245 16.2206C6.13295 15.1888 5.96088 13.4661 5.82457 12.0139C5.75617 11.2852 5.69637 10.6201 5.65367 10.1372C5.63217 9.89407 5.61097 9.65088 5.58999 9.40767C5.57932 9.28304 5.58998 9.16406 5.60549 9.03837C5.71664 8.13769 6.61126 7.27662 8.06548 6.69616C7.34029 5.75314 6.92513 4.63277 7.33013 3.56312C7.80026 2.32143 9.14275 1.76033 10.5297 1.61879ZM17.1289 10.6396C17.1998 10.6367 17.2702 10.633 17.3398 10.6283C17.2993 11.0382 17.2469 11.56 17.1883 12.1287C17.0517 13.4526 16.882 15.0185 16.7467 16.0196C16.5497 17.4769 16.2709 18.7602 16.145 19.3048C16.121 19.4087 16.0961 19.5125 16.0714 19.6162C16.0259 19.8437 15.774 20.2081 15.0713 20.5349C14.3961 20.8489 13.4274 21.0626 12.2528 21.0626C9.79771 21.0626 8.71725 20.3951 8.41916 19.552C8.39914 19.4697 8.37966 19.3873 8.36059 19.3048C8.31867 19.1234 8.25973 18.86 8.19244 18.5352C8.05767 17.8845 7.89033 16.9916 7.75893 16.0196C7.62416 15.0228 7.45468 13.3299 7.31801 11.8738C7.28819 11.5561 7.26001 11.2505 7.23417 10.9669C7.3779 11.0411 7.52304 11.1123 7.66588 11.1824C7.78804 11.2424 7.90851 11.3016 8.02495 11.361C8.50725 11.6069 9.07475 11.811 9.70356 11.9612C10.4756 12.1457 11.3401 12.249 12.2528 12.249C14.3262 12.249 16.1049 11.5603 17.1289 10.6396ZM13.8382 5.4146C13.6815 5.78286 13.2605 5.9648 12.8828 5.82179C12.4954 5.67512 12.3002 5.24219 12.4469 4.85481C12.5697 4.53047 12.8562 4.18935 13.3052 4.0074C13.7683 3.8197 14.3267 3.83032 14.949 4.06593C15.5712 4.30154 15.9966 4.66339 16.2193 5.11078C16.4352 5.54447 16.4239 5.98976 16.3011 6.31411C16.1544 6.70148 15.7215 6.89661 15.3341 6.74994C14.9564 6.60693 14.7615 6.19178 14.8879 5.81206C14.8869 5.8057 14.8841 5.79446 14.8765 5.77925C14.8604 5.74695 14.7761 5.60439 14.4178 5.46874C14.0596 5.33309 13.9019 5.38404 13.8685 5.39759C13.8528 5.40397 13.8432 5.41054 13.8382 5.4146ZM9.032 12.9912C9.39109 12.9721 9.67224 13.2642 9.69072 13.6111C9.71588 14.0747 9.7415 14.5382 9.76856 15.0016C9.81412 15.782 9.87062 16.6895 9.91555 17.2239C9.98125 18.0053 10.0742 18.693 10.1161 18.9847C10.1701 19.3602 10.074 19.7752 9.6166 19.8464C9.17393 19.9154 8.93368 19.5441 8.87883 19.1625C8.83468 18.8554 8.73864 18.1456 8.66995 17.3287C8.62347 16.7759 8.56612 15.8528 8.52068 15.0745C8.4935 14.609 8.46777 14.1434 8.44249 13.6778C8.42412 13.333 8.67585 13.01 9.032 12.9912ZM16.0647 13.6483C16.083 13.3036 15.8183 13.0094 15.4736 12.9912C15.1289 12.9729 14.8347 13.238 14.8164 13.5827L14.8164 13.584C14.7907 14.0566 14.7647 14.5292 14.7371 15.0016C14.6915 15.782 14.635 16.6895 14.5901 17.2239C14.5463 17.7451 14.4905 18.2237 14.4456 18.5723C14.4215 18.7593 14.3965 18.9464 14.3676 19.1328C14.3145 19.4738 14.548 19.7933 14.889 19.8464C15.2301 19.8995 15.5496 19.666 15.6027 19.325L15.6029 19.324C15.6333 19.1271 15.6599 18.9296 15.6853 18.732C15.7318 18.3708 15.7899 17.8731 15.8357 17.3287C15.8822 16.7759 15.9395 15.8528 15.9849 15.0745C16.0127 14.5998 16.0389 14.1251 16.0646 13.6503L16.0647 13.6483ZM12.9954 14.4678C12.9954 14.1226 12.7156 13.8428 12.3704 13.8428C12.0253 13.8428 11.7454 14.1226 11.7454 14.4678L11.7454 19.3657C11.7454 19.7109 12.0253 19.9907 12.3704 19.9907C12.7156 19.9907 12.9954 19.7109 12.9954 19.3657L12.9954 14.4678ZM8.34005 10.25C8.61619 10.25 8.84005 10.0261 8.84005 9.75C8.84005 9.47386 8.61619 9.25 8.34005 9.25C8.06391 9.25 7.84005 9.47386 7.84005 9.75C7.84005 10.0261 8.06391 10.25 8.34005 10.25ZM8.34005 10.75C8.89233 10.75 9.34005 10.3023 9.34005 9.75C9.34005 9.19772 8.89233 8.75 8.34005 8.75C7.78777 8.75 7.34005 9.19772 7.34005 9.75C7.34005 10.3023 7.78777 10.75 8.34005 10.75ZM11.4369 10.75C11.713 10.75 11.9369 10.5261 11.9369 10.25C11.9369 9.97386 11.713 9.75 11.4369 9.75C11.1607 9.75 10.9369 9.97386 10.9369 10.25C10.9369 10.5261 11.1607 10.75 11.4369 10.75ZM11.4369 11.25C11.9891 11.25 12.4369 10.8023 12.4369 10.25C12.4369 9.69772 11.9891 9.25 11.4369 9.25C10.8846 9.25 10.4369 9.69772 10.4369 10.25C10.4369 10.8023 10.8846 11.25 11.4369 11.25Z"
106
+
fill="currentColor"
107
+
/>
108
+
</svg>
109
+
);
110
+
};
+59
-5
components/Toolbar/TextAlignmentToolbar.tsx
+59
-5
components/Toolbar/TextAlignmentToolbar.tsx
···
2
2
import { ToolbarButton } from ".";
3
3
import { useCallback } from "react";
4
4
import { useEntity, useReplicache } from "src/replicache";
5
-
import {
6
-
AlignCenterSmall,
7
-
AlignLeftSmall,
8
-
AlignRightSmall,
9
-
} from "components/Icons";
5
+
import { Props } from "components/Icons/Props";
10
6
11
7
export function TextAlignmentToolbar() {
12
8
let focusedBlock = useUIState((s) => s.focusedEntity);
···
73
69
</ToolbarButton>
74
70
);
75
71
}
72
+
73
+
export const AlignLeftSmall = (props: Props) => {
74
+
return (
75
+
<svg
76
+
width="24"
77
+
height="24"
78
+
viewBox="0 0 24 24"
79
+
fill="none"
80
+
xmlns="http://www.w3.org/2000/svg"
81
+
{...props}
82
+
>
83
+
<path
84
+
fillRule="evenodd"
85
+
clipRule="evenodd"
86
+
d="M3.5 6.19983C3.5 5.64754 3.94772 5.19983 4.5 5.19983H19.6547C20.2069 5.19983 20.6547 5.64754 20.6547 6.19983C20.6547 6.75211 20.2069 7.19983 19.6547 7.19983H4.5C3.94772 7.19983 3.5 6.75211 3.5 6.19983ZM3.5 12C3.5 11.4477 3.94772 11 4.5 11H12.8243C13.3766 11 13.8243 11.4477 13.8243 12C13.8243 12.5523 13.3766 13 12.8243 13H4.5C3.94772 13 3.5 12.5523 3.5 12ZM4.5 16.7999C3.94772 16.7999 3.5 17.2476 3.5 17.7999C3.5 18.3522 3.94772 18.7999 4.5 18.7999H16.1426C16.6949 18.7999 17.1426 18.3522 17.1426 17.7999C17.1426 17.2476 16.6949 16.7999 16.1426 16.7999H4.5Z"
87
+
fill="currentColor"
88
+
/>
89
+
</svg>
90
+
);
91
+
};
92
+
export const AlignCenterSmall = (props: Props) => {
93
+
return (
94
+
<svg
95
+
width="24"
96
+
height="24"
97
+
viewBox="0 0 24 24"
98
+
fill="none"
99
+
xmlns="http://www.w3.org/2000/svg"
100
+
{...props}
101
+
>
102
+
<path
103
+
fillRule="evenodd"
104
+
clipRule="evenodd"
105
+
d="M3.5 6.19983C3.5 5.64754 3.94772 5.19983 4.5 5.19983H19.6547C20.2069 5.19983 20.6547 5.64754 20.6547 6.19983C20.6547 6.75211 20.2069 7.19983 19.6547 7.19983H4.5C3.94772 7.19983 3.5 6.75211 3.5 6.19983ZM6.91519 12C6.91519 11.4477 7.36291 11 7.91519 11H16.2395C16.7918 11 17.2395 11.4477 17.2395 12C17.2395 12.5523 16.7918 13 16.2395 13H7.91519C7.36291 13 6.91519 12.5523 6.91519 12ZM6.25601 16.7999C5.70373 16.7999 5.25601 17.2476 5.25601 17.7999C5.25601 18.3522 5.70373 18.7999 6.25601 18.7999H17.8987C18.4509 18.7999 18.8987 18.3522 18.8987 17.7999C18.8987 17.2476 18.4509 16.7999 17.8987 16.7999H6.25601Z"
106
+
fill="currentColor"
107
+
/>
108
+
</svg>
109
+
);
110
+
};
111
+
export const AlignRightSmall = (props: Props) => {
112
+
return (
113
+
<svg
114
+
width="24"
115
+
height="24"
116
+
viewBox="0 0 24 24"
117
+
fill="none"
118
+
xmlns="http://www.w3.org/2000/svg"
119
+
{...props}
120
+
>
121
+
<path
122
+
fillRule="evenodd"
123
+
clipRule="evenodd"
124
+
d="M3.5 6.19983C3.5 5.64754 3.94772 5.19983 4.5 5.19983H19.6547C20.2069 5.19983 20.6547 5.64754 20.6547 6.19983C20.6547 6.75211 20.2069 7.19983 19.6547 7.19983H4.5C3.94772 7.19983 3.5 6.75211 3.5 6.19983ZM10.3304 12C10.3304 11.4477 10.7781 11 11.3304 11H19.6547C20.2069 11 20.6547 11.4477 20.6547 12C20.6547 12.5523 20.2069 13 19.6547 13H11.3304C10.7781 13 10.3304 12.5523 10.3304 12ZM8.01202 16.7999C7.45974 16.7999 7.01202 17.2476 7.01202 17.7999C7.01202 18.3522 7.45974 18.7999 8.01202 18.7999H19.6547C20.2069 18.7999 20.6547 18.3522 20.6547 17.7999C20.6547 17.2476 20.2069 16.7999 19.6547 16.7999H8.01202Z"
125
+
fill="currentColor"
126
+
/>
127
+
</svg>
128
+
);
129
+
};
+22
-2
components/Toolbar/TextBlockTypeToolbar.tsx
+22
-2
components/Toolbar/TextBlockTypeToolbar.tsx
···
2
2
Header1Small,
3
3
Header2Small,
4
4
Header3Small,
5
-
TextSizeSmall,
6
-
} from "components/Icons";
5
+
} from "components/Icons/BlockTextSmall";
6
+
import { Props } from "components/Icons/Props";
7
7
import { ShortcutKey } from "components/Layout";
8
8
import { ToolbarButton } from "components/Toolbar";
9
9
import { TextSelection } from "prosemirror-state";
···
170
170
</ToolbarButton>
171
171
);
172
172
}
173
+
174
+
const TextSizeSmall = (props: Props) => {
175
+
return (
176
+
<svg
177
+
width="24"
178
+
height="24"
179
+
viewBox="0 0 24 24"
180
+
fill="none"
181
+
xmlns="http://www.w3.org/2000/svg"
182
+
{...props}
183
+
>
184
+
<path
185
+
fillRule="evenodd"
186
+
clipRule="evenodd"
187
+
d="M14.3435 12.6008C14.4028 12.7825 14.6587 12.7855 14.7222 12.6052L14.8715 12.1816H19.0382L19.8657 14.6444C19.9067 14.7666 20.0212 14.8489 20.15 14.8489H21.6021C21.809 14.8489 21.9538 14.6443 21.885 14.4491L18.2831 4.23212C18.2408 4.11212 18.1274 4.03186 18.0002 4.03186H16.0009C15.8761 4.03186 15.7643 4.10917 15.7203 4.22598L13.5539 9.96923C13.5298 10.0331 13.5282 10.1033 13.5494 10.1682L14.3435 12.6008ZM18.5093 10.6076L17.0588 6.29056C17.0507 6.26644 17.0281 6.25019 17.0027 6.25019C16.9775 6.25019 16.9552 6.26605 16.9468 6.28974L15.4259 10.6076H18.5093ZM4.57075 19.9682C4.69968 19.9682 4.81418 19.8858 4.85518 19.7636L5.98945 16.3815H11.4579L12.5943 19.7637C12.6353 19.8859 12.7498 19.9682 12.8787 19.9682H15.0516C15.2586 19.9682 15.4034 19.7636 15.3346 19.5684L10.4182 5.62298C10.3759 5.50299 10.2625 5.42273 10.1353 5.42273H7.30723C7.17995 5.42273 7.06652 5.50305 7.02425 5.62311L2.11475 19.5686C2.04604 19.7637 2.19084 19.9682 2.39772 19.9682H4.57075ZM10.7468 14.2651L8.79613 8.45953C8.78532 8.42736 8.75517 8.40568 8.72123 8.40568C8.68728 8.40568 8.65712 8.42738 8.64633 8.45957L6.69928 14.2651H10.7468Z"
188
+
fill="currentColor"
189
+
/>
190
+
</svg>
191
+
);
192
+
};
+58
-1
components/Toolbar/TextToolbar.tsx
+58
-1
components/Toolbar/TextToolbar.tsx
···
1
1
import { isMac } from "@react-aria/utils";
2
-
import { BoldSmall, ItalicSmall, StrikethroughSmall } from "components/Icons";
3
2
import { Separator, ShortcutKey } from "components/Layout";
4
3
import { metaKey } from "src/utils/metaKey";
5
4
import { LinkButton } from "./InlineLinkToolbar";
···
11
10
import { schema } from "components/Blocks/TextBlock/schema";
12
11
import { TextAlignmentButton } from "./TextAlignmentToolbar";
13
12
import { LockBlockButton } from "./LockBlockButton";
13
+
import { Props } from "components/Icons/Props";
14
14
15
15
export const TextToolbar = (props: {
16
16
lastUsedHighlight: string;
···
86
86
</>
87
87
);
88
88
};
89
+
90
+
const ItalicSmall = (props: Props) => {
91
+
return (
92
+
<svg
93
+
width="24"
94
+
height="24"
95
+
viewBox="0 0 24 24"
96
+
fill="none"
97
+
xmlns="http://www.w3.org/2000/svg"
98
+
{...props}
99
+
>
100
+
<path
101
+
d="M16.5405 4.29297H8.94642C8.84899 4.29297 8.76575 4.36316 8.74929 4.45919L8.47218 6.07615C8.45124 6.19833 8.54535 6.30993 8.66931 6.30993H11.1682C11.2917 6.30993 11.3856 6.42064 11.3656 6.54243L9.55711 17.5225C9.5412 17.6191 9.45768 17.69 9.35977 17.69H6.73484C6.63743 17.69 6.55419 17.7602 6.53772 17.8562L6.26156 19.4656C6.24059 19.5877 6.3347 19.6994 6.45868 19.6994H14.0711C14.1686 19.6994 14.2519 19.6291 14.2682 19.5329L14.542 17.9236C14.5628 17.8014 14.4687 17.69 14.3449 17.69H11.8282C11.7047 17.69 11.6107 17.5792 11.6308 17.4574L13.445 6.47733C13.4609 6.38076 13.5444 6.30993 13.6423 6.30993H16.2664C16.364 6.30993 16.4473 6.23954 16.4636 6.14335L16.7377 4.52639C16.7584 4.40432 16.6643 4.29297 16.5405 4.29297Z"
102
+
fill="currentColor"
103
+
/>
104
+
</svg>
105
+
);
106
+
};
107
+
108
+
const StrikethroughSmall = (props: Props) => {
109
+
return (
110
+
<svg
111
+
width="24"
112
+
height="24"
113
+
viewBox="0 0 24 24"
114
+
fill="none"
115
+
xmlns="http://www.w3.org/2000/svg"
116
+
{...props}
117
+
>
118
+
<path
119
+
fillRule="evenodd"
120
+
clipRule="evenodd"
121
+
d="M14.766 7.54791C14.5981 7.14401 14.3193 6.81106 13.9296 6.54904C13.3392 6.14693 12.596 5.94588 11.7002 5.94588C11.0588 5.94588 10.504 6.04768 10.0358 6.25128C9.56749 6.44978 9.20356 6.72464 8.94397 7.07585C8.68947 7.42197 8.56222 7.81644 8.56222 8.25927C8.56222 8.63083 8.64875 8.9515 8.82181 9.22127C8.99996 9.49104 9.23155 9.71754 9.51659 9.90078C9.80672 10.0789 10.1172 10.2291 10.4481 10.3512C10.7789 10.4683 11.097 10.565 11.4024 10.6414L11.7916 10.7426H19.1828C19.2933 10.7426 19.3828 10.8321 19.3828 10.9426V12.2426C19.3828 12.353 19.2933 12.4426 19.1828 12.4426H4.2C4.08954 12.4426 4 12.353 4 12.2426V10.9426C4 10.8321 4.08954 10.7426 4.2 10.7426H7.02679C6.4827 10.1204 6.21066 9.33845 6.21066 8.3967C6.21066 7.49577 6.45498 6.70937 6.94361 6.0375C7.43225 5.36562 8.09394 4.8439 8.9287 4.47233C9.76345 4.09568 10.7051 3.90735 11.7536 3.90735C12.8123 3.90735 13.7463 4.09313 14.5557 4.4647C15.37 4.83627 16.0114 5.34781 16.4797 5.99932C16.6189 6.19157 16.7384 6.39238 16.838 6.60174C17.1675 7.34647 16.7266 7.9669 16.2546 8.14575C15.7343 8.34291 15.0571 8.17629 14.766 7.54791ZM17.0153 13.9178C17.0957 13.9178 17.1689 13.9658 17.197 14.0412C17.3499 14.452 17.4264 14.9169 17.4264 15.4361C17.4264 16.3218 17.1973 17.1082 16.7392 17.7953C16.2862 18.4825 15.6271 19.0245 14.7618 19.4216C13.9016 19.8186 12.8607 20.0171 11.6391 20.0171C10.4684 20.0171 9.45551 19.8313 8.60039 19.4597C7.74528 19.0882 7.07595 18.5613 6.59241 17.8793C6.40641 17.615 6.25242 17.3318 6.13043 17.0299C5.85043 16.3373 6.2981 15.6726 6.89251 15.4915C7.42606 15.329 8.08749 15.585 8.32635 16.2052C8.41821 16.4437 8.54519 16.6582 8.70728 16.8486C9.03304 17.2201 9.44787 17.4975 9.95178 17.6808C10.4608 17.8589 11.0181 17.948 11.6238 17.948C12.2906 17.948 12.8836 17.8437 13.4028 17.635C13.927 17.4212 14.3393 17.126 14.6396 16.7493C14.9399 16.3676 15.0901 15.9222 15.0901 15.4132C15.0901 14.95 14.9578 14.5708 14.6931 14.2756C14.6436 14.2193 14.5906 14.1649 14.5343 14.1123C14.4636 14.0463 14.5077 13.9178 14.6044 13.9178H17.0153Z"
122
+
fill="currentColor"
123
+
/>
124
+
</svg>
125
+
);
126
+
};
127
+
const BoldSmall = (props: Props) => {
128
+
return (
129
+
<svg
130
+
width="24"
131
+
height="24"
132
+
viewBox="0 0 24 24"
133
+
fill="none"
134
+
xmlns="http://www.w3.org/2000/svg"
135
+
{...props}
136
+
>
137
+
<path
138
+
fillRule="evenodd"
139
+
clipRule="evenodd"
140
+
d="M7.50664 19.6364L7.50448 19.6364H6.2C6.08954 19.6364 6 19.5468 6 19.4364V17.836C6 17.7255 6.08954 17.636 6.2 17.636H7.30664V6.00037H6.2C6.08954 6.00037 6 5.91082 6 5.80037V4.2C6 4.08954 6.08954 4 6.2 4H7.50664H10.1779H13.0328C14.1425 4 14.9085 4.18324 15.6364 4.54972C16.3642 4.9111 16.9089 5.40228 17.2702 6.02326C17.6316 6.63915 17.8123 7.23894 17.8123 8.01261C17.8123 8.66413 17.6927 9.07855 17.4535 9.52647C17.3043 9.80578 17.0377 10.2195 16.6682 10.5116C16.3158 10.7902 15.8543 11.0303 15.3972 11.1579C15.3583 11.1688 15.331 11.2039 15.331 11.2442C15.331 11.2913 15.3679 11.33 15.4149 11.3337C15.9048 11.3723 16.3832 11.5385 16.8503 11.8322C17.3491 12.1376 17.7614 12.5728 18.0872 13.1378C18.4129 13.7028 18.5758 14.6202 18.5758 15.4295C18.5758 16.2286 18.3875 16.9463 18.0108 17.5826C17.6393 18.2137 17.0641 18.7151 16.2853 19.0866C15.5066 19.4531 14.5115 19.6364 13.3001 19.6364H7.50664ZM9.66584 17.4131C9.66584 17.5236 9.75538 17.6131 9.86584 17.6131H13.071C14.201 17.6131 15.0103 17.3942 15.4989 16.9565C15.9876 16.5188 16.2319 15.9716 16.2319 15.315C16.2319 14.8213 16.1072 14.138 15.8578 13.7257C15.6084 13.3134 15.2521 12.9851 14.7889 12.7408C14.3308 12.4965 13.7862 12.3743 13.155 12.3743H9.86584C9.75538 12.3743 9.66584 12.4638 9.66584 12.5743V17.4131ZM9.66584 10.3343C9.66584 10.4447 9.75538 10.5343 9.86584 10.5343H12.8267C13.3561 10.5343 13.6793 10.4325 14.1017 10.2289C14.5293 10.0253 14.8678 9.74025 15.1172 9.37377C15.3717 9.0022 15.4989 8.69976 15.4989 8.19585C15.4989 7.54943 15.2724 7.10233 14.8194 6.6646C14.3664 6.22686 13.8243 6.00799 12.8878 6.00799H9.86584C9.75538 6.00799 9.66584 6.09753 9.66584 6.20799V10.3343Z"
141
+
fill="currentColor"
142
+
/>
143
+
</svg>
144
+
);
145
+
};
+1
-1
components/Toolbar/index.tsx
+1
-1
components/Toolbar/index.tsx
···
1
1
"use client";
2
2
3
3
import React, { useEffect, useState } from "react";
4
-
import { CloseTiny } from "components/Icons";
5
4
import { TextBlockTypeToolbar } from "./TextBlockTypeToolbar";
6
5
import { InlineLinkToolbar } from "./InlineLinkToolbar";
7
6
import { useEditorStates } from "src/state/useEditorState";
···
18
17
import { TooltipButton } from "components/Buttons";
19
18
import { TextAlignmentToolbar } from "./TextAlignmentToolbar";
20
19
import { useIsMobile } from "src/hooks/isMobile";
20
+
import { CloseTiny } from "components/Icons/CloseTiny";
21
21
22
22
export type ToolbarTypes =
23
23
| "areYouSure"
+1
-2
components/Watermark.tsx
+1
-2
components/Watermark.tsx
···
1
-
import Link from "next/link";
2
-
import { LogoSmall, LogoTiny } from "./Icons";
3
1
import { theme } from "tailwind.config";
4
2
import { useEntity, useReplicache } from "src/replicache";
3
+
import { LogoSmall } from "./Icons/LogoSmall";
5
4
6
5
export const Watermark = (props: { mobile?: boolean }) => {
7
6
let { rootEntity } = useReplicache();