From 1df879c274ee4953890d6af428f1a58233f2610d Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Mon, 13 Oct 2025 10:39:41 -0700 Subject: [PATCH 01/26] improve layout, improve nav --- apps/docs/app/page.tsx | 62 ++++++++++----------- apps/docs/components/ui/header.tsx | 23 ++------ apps/docs/components/ui/navigation-menu.tsx | 2 +- 3 files changed, 37 insertions(+), 50 deletions(-) diff --git a/apps/docs/app/page.tsx b/apps/docs/app/page.tsx index 9bd8b244a..3dcfa67a9 100644 --- a/apps/docs/app/page.tsx +++ b/apps/docs/app/page.tsx @@ -28,7 +28,7 @@ import { SplitUnified } from './diff-examples/SplitUnified'; export default function Home() { return ( -
+
by{' '} - The Pierre Computer Company + + The Pierre Computer Company + } > @@ -58,7 +60,7 @@ export default function Home() { -
+

Everything but the kitchen sink @@ -81,7 +83,7 @@ export default function Home() {

{/* TODO: add this back once we add the migration APIs - +

Migrate to Precision Diffs

@@ -90,7 +92,7 @@ export default function Home() {

*/} -
+

With love from The Pierre Computer Company @@ -128,31 +130,29 @@ export default function Home() {

-
-
-
-
Precision Diffs
- -
+
+
+
Precision Diffs
+
@@ -173,7 +173,7 @@ const Hero = () => { }; return ( -
+

Precision Diffs

diff --git a/apps/docs/components/ui/header.tsx b/apps/docs/components/ui/header.tsx index 09438e336..7e1a3946d 100644 --- a/apps/docs/components/ui/header.tsx +++ b/apps/docs/components/ui/header.tsx @@ -5,6 +5,7 @@ import Link from 'next/link'; import { usePathname } from 'next/navigation'; import * as React from 'react'; +import { IconArrowUpRight } from '../icons'; import { NavigationMenu, NavigationMenuItem, @@ -39,7 +40,7 @@ function Header({ className, logo, children, ...props }: HeaderProps) {
{children} - {external && ( - - - - )} + {external && } ); diff --git a/apps/docs/components/ui/navigation-menu.tsx b/apps/docs/components/ui/navigation-menu.tsx index 0503cf59a..02e16584f 100644 --- a/apps/docs/components/ui/navigation-menu.tsx +++ b/apps/docs/components/ui/navigation-menu.tsx @@ -42,7 +42,7 @@ NavigationMenuList.displayName = NavigationMenuPrimitive.List.displayName; const NavigationMenuItem = NavigationMenuPrimitive.Item; const navigationMenuTriggerStyle = cva( - 'group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus:outline-none disabled:pointer-events-none disabled:opacity-50 data-[active]:bg-accent/50 data-[state=open]:bg-accent/50' + 'group inline-flex h-9 w-max items-center justify-center rounded-md px-4 py-2 text-sm font-medium transition-colors hover:text-accent-foreground focus:text-accent-foreground focus:outline-none disabled:pointer-events-none disabled:opacity-50 data-[active]:text-accent-foreground' ); const NavigationMenuTrigger = React.forwardRef< From 94d081ef31595fadda3385a3a9426ee50252813e Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Mon, 13 Oct 2025 11:38:34 -0700 Subject: [PATCH 02/26] footer partial, button group overhaul --- apps/docs/app/diff-examples/SplitUnified.tsx | 15 ++++--- apps/docs/app/docs/page.tsx | 39 ++++++++++++++-- apps/docs/app/page.tsx | 47 ++++++-------------- apps/docs/components/Footer.tsx | 31 +++++++++++++ apps/docs/components/ui/button-group.tsx | 19 ++++---- apps/docs/components/ui/button.tsx | 3 +- 6 files changed, 101 insertions(+), 53 deletions(-) create mode 100644 apps/docs/components/Footer.tsx diff --git a/apps/docs/app/diff-examples/SplitUnified.tsx b/apps/docs/app/diff-examples/SplitUnified.tsx index 9d1963ca7..8d555db0f 100644 --- a/apps/docs/app/diff-examples/SplitUnified.tsx +++ b/apps/docs/app/diff-examples/SplitUnified.tsx @@ -44,15 +44,18 @@ export default function Home() { export function SplitUnified() { const [diffStyle, setDiffStyle] = useState<'split' | 'unified'>('split'); return ( -
-

Diff styles

-

- Choose from stacked (unified) or split (side-by-side). Both use CSS Grid - under the hood, meaning fewer DOM nodes and fast rendering. -

+
+
+

Diff layout styles

+

+ Choose from stacked (unified) or split (side-by-side). Both use CSS + Grid under the hood, meaning fewer DOM nodes and faster rendering. +

+
setDiffStyle(value as 'split' | 'unified')} + size="lg" > diff --git a/apps/docs/app/docs/page.tsx b/apps/docs/app/docs/page.tsx index 075da8c1b..a5aeaef45 100644 --- a/apps/docs/app/docs/page.tsx +++ b/apps/docs/app/docs/page.tsx @@ -1,11 +1,13 @@ 'use client'; +import Footer from '@/components/Footer'; +import { Header } from '@/components/ui/header'; import { useEffect, useState } from 'react'; import DocsSidebar from '../../components/DocsSidebar'; -import Header from '../../components/Header'; import MobileMenuButton from '../../components/MobileMenuButton'; -import '../css/index.css'; + +// import '../css/index.css'; export default function DocsPage() { const [isMobileMenuOpen, setIsMobileMenuOpen] = useState(false); @@ -33,8 +35,35 @@ export default function DocsPage() { }, [isMobileMenuOpen]); return ( -
-
+
+
+ by{' '} + + The Pierre Computer Company + + + } + > + Precision Diffs + + } + > + + Home + Docs + + Discord + + + GitHub + + +
@@ -47,6 +76,8 @@ export default function DocsPage() {

Install

+ +
); } diff --git a/apps/docs/app/page.tsx b/apps/docs/app/page.tsx index 3dcfa67a9..2e5d10cce 100644 --- a/apps/docs/app/page.tsx +++ b/apps/docs/app/page.tsx @@ -1,5 +1,6 @@ 'use client'; +import Footer from '@/components/Footer'; import { IconArrowUpRight, IconBook, @@ -60,9 +61,11 @@ export default function Home() { -
-
-

+
+ +
+
+

Everything but the kitchen sink

@@ -130,31 +133,7 @@ export default function Home() {

-
-
-
Precision Diffs
- -
-
+

); } @@ -173,11 +152,11 @@ const Hero = () => { }; return ( -
-

+
+

Precision Diffs

-

+

Fast, exact diffing for modern apps. Fully open source, built with Shiki, insanely customizable, and packed with the features you need. Made with love by{' '} @@ -190,12 +169,12 @@ const Hero = () => { .

-
+
+ + + {['word', 'word-alt', 'char', 'none'].map((value) => ( + + setLineDiffStyle( + value as 'word-alt' | 'word' | 'char' | 'none' + ) + } + > + {value} + + ))} + + Date: Mon, 13 Oct 2025 18:52:03 -0700 Subject: [PATCH 06/26] some small stylistic changes --- apps/docs/app/diff-examples/Annotations.tsx | 12 +++--- apps/docs/app/diff-examples/DiffStyles.tsx | 3 ++ apps/docs/app/diff-examples/FontStyles.tsx | 41 ++++++++++++++++++++- apps/docs/app/diff-examples/ShikiThemes.tsx | 7 ++++ 4 files changed, 56 insertions(+), 7 deletions(-) diff --git a/apps/docs/app/diff-examples/Annotations.tsx b/apps/docs/app/diff-examples/Annotations.tsx index d31fda609..b28bc7ff6 100644 --- a/apps/docs/app/diff-examples/Annotations.tsx +++ b/apps/docs/app/diff-examples/Annotations.tsx @@ -93,25 +93,25 @@ const Thread = () => ( mainComment={{ author: 'You', timestamp: '3h', - content: 'Good lord I hate building diffs.', + content: 'Good lord, I refuse to look at diffs ever again after this.', avatarUrl: - 'https://pbs.twimg.com/profile_images/1976050101333393408/i8UHRtQf_400x400.jpg', + 'https://db.heypierre.app/storage/v1/object/public/avatars/i8UHRtQf_400x400.jpg', isYou: true, }} replies={[ { author: 'Amadeus', timestamp: '2h', - content: 'This is my favorite part of the job.', + content: 'Wait, how long have we been working on this?', avatarUrl: - 'https://pbs.twimg.com/profile_images/709894027336769536/Evzotboe_400x400.jpg', + 'https://db.heypierre.app/storage/v1/object/public/avatars/Evzotboe_400x400.jpg', }, { author: 'Mark', timestamp: '2h', - content: 'We need to get this done by Friday.', + content: "*checks notes* …… it's not been a short amount of time.", avatarUrl: - 'https://pbs.twimg.com/profile_images/1196263867178872832/BET9cPgr_400x400.jpg', + 'https://db.heypierre.app/storage/v1/object/public/avatars/BET9cPgr_400x400.jpg', }, ]} onAddReply={() => console.log('Add reply clicked')} diff --git a/apps/docs/app/diff-examples/DiffStyles.tsx b/apps/docs/app/diff-examples/DiffStyles.tsx index 2566ec1ce..99f3051d6 100644 --- a/apps/docs/app/diff-examples/DiffStyles.tsx +++ b/apps/docs/app/diff-examples/DiffStyles.tsx @@ -5,6 +5,8 @@ import { IconAnnotate, IconBarChart, IconBarChart2, + IconCheck, + IconCheckLg, IconCodeBlock, IconCommentSuggest, IconEye, @@ -159,6 +161,7 @@ export function DiffStyles() { } > {value} + {lineDiffStyle === value && } ))} diff --git a/apps/docs/app/diff-examples/FontStyles.tsx b/apps/docs/app/diff-examples/FontStyles.tsx index 5bfa68244..d7acefc54 100644 --- a/apps/docs/app/diff-examples/FontStyles.tsx +++ b/apps/docs/app/diff-examples/FontStyles.tsx @@ -1,7 +1,7 @@ 'use client'; import { FileDiff } from '@/components/diff-ui/FileDiff'; -import { IconFunction, IconType } from '@/components/icons'; +import { IconCheck, IconFunction, IconType } from '@/components/icons'; import { Button } from '@/components/ui/button'; import { DropdownMenu, @@ -79,18 +79,33 @@ export function FontStyles() { setSelectedFont('Geist Mono')}> Geist Mono + {selectedFont === 'Geist Mono' && ( + + )} setSelectedFont('SF Mono')}> SF Mono + {selectedFont === 'SF Mono' && ( + + )} setSelectedFont('cursive')}> Cursive + {selectedFont === 'cursive' && ( + + )} setSelectedFont('fantasy')}> Fantasy + {selectedFont === 'fantasy' && ( + + )} setSelectedFont('monospace')}> Monospace + {selectedFont === 'monospace' && ( + + )} @@ -105,15 +120,27 @@ export function FontStyles() { setSelectedFontSize('10px')}> 10px + {selectedFontSize === '10px' && ( + + )} setSelectedFontSize('12px')}> 12px + {selectedFontSize === '12px' && ( + + )} setSelectedFontSize('14px')}> 14px + {selectedFontSize === '14px' && ( + + )} setSelectedFontSize('18px')}> 18px + {selectedFontSize === '18px' && ( + + )} @@ -128,15 +155,27 @@ export function FontStyles() { setSelectedLineHeight('16px')}> 16px + {selectedLineHeight === '16px' && ( + + )} setSelectedLineHeight('20px')}> 20px + {selectedLineHeight === '20px' && ( + + )} setSelectedLineHeight('24px')}> 24px + {selectedLineHeight === '24px' && ( + + )} setSelectedLineHeight('28px')}> 28px + {selectedLineHeight === '28px' && ( + + )} diff --git a/apps/docs/app/diff-examples/ShikiThemes.tsx b/apps/docs/app/diff-examples/ShikiThemes.tsx index 117fd8831..b55c9c027 100644 --- a/apps/docs/app/diff-examples/ShikiThemes.tsx +++ b/apps/docs/app/diff-examples/ShikiThemes.tsx @@ -2,6 +2,7 @@ import { FileDiff } from '@/components/diff-ui/FileDiff'; import { + IconCheck, IconColorAuto, IconColorDark, IconColorLight, @@ -173,6 +174,9 @@ export function ShikiThemes() { } > {theme} + {selectedLightTheme === theme && ( + + )} ))} @@ -202,6 +206,9 @@ export function ShikiThemes() { } > {theme} + {selectedDarkTheme === theme && ( + + )} ))} From 7c9e8776fc3f098fdd31e97f7a58f02119706c5d Mon Sep 17 00:00:00 2001 From: fat Date: Mon, 13 Oct 2025 19:10:18 -0700 Subject: [PATCH 07/26] okay sick --- apps/docs/app/diff-examples/DiffStyles.tsx | 50 +++++++++++++++++----- 1 file changed, 39 insertions(+), 11 deletions(-) diff --git a/apps/docs/app/diff-examples/DiffStyles.tsx b/apps/docs/app/diff-examples/DiffStyles.tsx index 99f3051d6..0f3ae3b0a 100644 --- a/apps/docs/app/diff-examples/DiffStyles.tsx +++ b/apps/docs/app/diff-examples/DiffStyles.tsx @@ -81,6 +81,29 @@ export default function Home() { `, }; +const diffStyleOptions = [ + { + value: 'word-alt', + label: 'Word-Alt', + description: 'Highlights entire words, uses enhanced algorithm', + }, + { + value: 'word', + label: 'Word', + description: 'Highlights changed words within lines', + }, + { + value: 'char', + label: 'Character', + description: 'Highlights individual character changes', + }, + { + value: 'none', + label: 'None', + description: 'Shows line-level changes only', + }, +] as const; + export function DiffStyles() { const [diffIndicators, setDiffStyle] = useState<'classic' | 'bars' | 'none'>( 'bars' @@ -146,22 +169,27 @@ export function DiffStyles() { className="justify-start w-full md:w-auto" > - {lineDiffStyle} + {diffStyleOptions.find((opt) => opt.value === lineDiffStyle) + ?.label || lineDiffStyle} - - {['word', 'word-alt', 'char', 'none'].map((value) => ( + + {diffStyleOptions.map((option) => ( - setLineDiffStyle( - value as 'word-alt' | 'word' | 'char' | 'none' - ) - } + key={option.value} + onClick={() => setLineDiffStyle(option.value)} + className="flex-col items-start py-2" > - {value} - {lineDiffStyle === value && } +
+ {option.label} + {lineDiffStyle === option.value && ( + + )} +
+ + {option.description} + ))} From 68257b910ad4c71ef88678a8092135ebacf389f7 Mon Sep 17 00:00:00 2001 From: fat Date: Tue, 14 Oct 2025 17:41:44 -0700 Subject: [PATCH 08/26] update fonts --- apps/docs/app/diff-examples/FontStyles.tsx | 46 +++++++++++++++------- apps/docs/app/layout.tsx | 35 +++++++++++++++- apps/docs/app/page.tsx | 2 +- 3 files changed, 66 insertions(+), 17 deletions(-) diff --git a/apps/docs/app/diff-examples/FontStyles.tsx b/apps/docs/app/diff-examples/FontStyles.tsx index d7acefc54..a5aa0918f 100644 --- a/apps/docs/app/diff-examples/FontStyles.tsx +++ b/apps/docs/app/diff-examples/FontStyles.tsx @@ -51,6 +51,14 @@ export default function Home() { `, }; +const fontMap: Record = { + 'Geist Mono': '--font-geist-mono', + 'Fira Code': '--font-fira-mono', + 'IBM Plex Mono': '--font-ibm-plex-mono', + 'JetBrains Mono': '--font-jetbrains-mono', + 'Cascadia Code': '--font-cascadia-code', +}; + export function FontStyles() { const [selectedFont, setSelectedFont] = useState('Geist Mono'); const [selectedFontSize, setSelectedFontSize] = useState('14px'); @@ -77,33 +85,43 @@ export function FontStyles() { - setSelectedFont('Geist Mono')}> + setSelectedFont('Geist Mono')} + > Geist Mono {selectedFont === 'Geist Mono' && ( )} - setSelectedFont('SF Mono')}> - SF Mono - {selectedFont === 'SF Mono' && ( + setSelectedFont('Fira Code')} + > + Fira Code + {selectedFont === 'Fira Code' && ( )} - setSelectedFont('cursive')}> - Cursive - {selectedFont === 'cursive' && ( + setSelectedFont('IBM Plex Mono')} + > + IBM Plex Mono + {selectedFont === 'IBM Plex Mono' && ( )} - setSelectedFont('fantasy')}> - Fantasy - {selectedFont === 'fantasy' && ( + setSelectedFont('JetBrains Mono')} + > + JetBrains Mono + {selectedFont === 'JetBrains Mono' && ( )} - setSelectedFont('monospace')}> - Monospace - {selectedFont === 'monospace' && ( + setSelectedFont('Cascadia Code')} + > + Cascadia Code + {selectedFont === 'Cascadia Code' && ( )} @@ -190,7 +208,7 @@ export function FontStyles() {
{children} diff --git a/apps/docs/app/page.tsx b/apps/docs/app/page.tsx index 2e5d10cce..22ebb4f2f 100644 --- a/apps/docs/app/page.tsx +++ b/apps/docs/app/page.tsx @@ -80,7 +80,7 @@ export default function Home() { - + {/* */}
From c09005706624ad5c8ea18b838f70e2e04b94c0f5 Mon Sep 17 00:00:00 2001 From: fat Date: Tue, 14 Oct 2025 17:47:10 -0700 Subject: [PATCH 09/26] more fixes --- apps/docs/app/diff-examples/DiffStyles.tsx | 2 +- apps/docs/app/diff-examples/ShikiThemes.tsx | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/apps/docs/app/diff-examples/DiffStyles.tsx b/apps/docs/app/diff-examples/DiffStyles.tsx index 0f3ae3b0a..86d105c80 100644 --- a/apps/docs/app/diff-examples/DiffStyles.tsx +++ b/apps/docs/app/diff-examples/DiffStyles.tsx @@ -121,7 +121,7 @@ export function DiffStyles() { title="Choose how changes are styled" description="Your diffs, your choice. Render changed lines with classic diff indicators (+/–), full-width background colors, or vertical bars. You can even highlight inline changes—character or word based—and toggle line wrapping, hide numbers, and more." /> -
+
diff --git a/apps/docs/app/diff-examples/ShikiThemes.tsx b/apps/docs/app/diff-examples/ShikiThemes.tsx index b55c9c027..ba3e11ab8 100644 --- a/apps/docs/app/diff-examples/ShikiThemes.tsx +++ b/apps/docs/app/diff-examples/ShikiThemes.tsx @@ -152,7 +152,7 @@ export function ShikiThemes() { title="Adapts to any Shiki theme" description="Precision Diffs are built with Shiki for syntax highlighting and general theming. Our components automatically adapt to blend in with your theme selection, including across color modes." /> -
+
diff --git a/apps/docs/app/page.tsx b/apps/docs/app/page.tsx index de49764d6..43113409b 100644 --- a/apps/docs/app/page.tsx +++ b/apps/docs/app/page.tsx @@ -174,7 +174,7 @@ const Hero = () => { @@ -194,20 +188,6 @@ export function DiffStyles() { ))} - - setOverflow(value as 'wrap' | 'scroll')} - > - - - Wrap - - - - No wrap - -
Date: Tue, 14 Oct 2025 20:36:15 -0700 Subject: [PATCH 13/26] Redo icons --- apps/docs/components/icons/Color.ts | 56 +- apps/docs/components/icons/icons/IconA11y.tsx | 13 +- .../icons/icons/IconAlignCenter.tsx | 13 +- .../components/icons/icons/IconAlignLeft.tsx | 13 +- .../components/icons/icons/IconAlignRight.tsx | 13 +- .../components/icons/icons/IconAnnotate.tsx | 13 +- apps/docs/components/icons/icons/IconApp.tsx | 13 +- .../components/icons/icons/IconAppToolbar.tsx | 13 +- .../components/icons/icons/IconApproved.tsx | 13 +- .../icons/icons/IconApprovedArrow.tsx | 13 +- .../components/icons/icons/IconArchived.tsx | 13 +- .../docs/components/icons/icons/IconArray.tsx | 13 +- .../docs/components/icons/icons/IconArrow.tsx | 13 +- .../icons/icons/IconArrowDownRight.tsx | 13 +- .../icons/icons/IconArrowLeftBar.tsx | 13 +- .../components/icons/icons/IconArrowRight.tsx | 13 +- .../icons/icons/IconArrowRightBar.tsx | 13 +- .../icons/icons/IconArrowRightShort.tsx | 13 +- .../components/icons/icons/IconArrowShort.tsx | 13 +- .../icons/icons/IconArrowUpRight.tsx | 13 +- .../icons/icons/IconArrowUpRightCircle.tsx | 13 +- .../icons/icons/IconArrowsExpand.tsx | 13 +- .../icons/icons/IconArrowsUpDown.tsx | 13 +- .../components/icons/icons/IconAsterisk.tsx | 13 +- .../icons/icons/IconAsteriskSquircle.tsx | 13 +- apps/docs/components/icons/icons/IconAt.tsx | 13 +- apps/docs/components/icons/icons/IconAt2.tsx | 13 +- apps/docs/components/icons/icons/IconBan.tsx | 13 +- .../components/icons/icons/IconBarChart.tsx | 13 +- .../components/icons/icons/IconBarChart2.tsx | 13 +- apps/docs/components/icons/icons/IconBell.tsx | 13 +- .../components/icons/icons/IconBellFill.tsx | 13 +- .../components/icons/icons/IconBellUnread.tsx | 13 +- .../icons/icons/IconBellUnreadFill.tsx | 13 +- apps/docs/components/icons/icons/IconBin.tsx | 13 +- .../components/icons/icons/IconBinFill.tsx | 13 +- .../docs/components/icons/icons/IconBoard.tsx | 13 +- apps/docs/components/icons/icons/IconBolt.tsx | 13 +- apps/docs/components/icons/icons/IconBook.tsx | 13 +- .../components/icons/icons/IconBookClosed.tsx | 13 +- .../components/icons/icons/IconBookmark.tsx | 13 +- .../icons/icons/IconBookmarkFill.tsx | 13 +- apps/docs/components/icons/icons/IconBox.tsx | 13 +- .../components/icons/icons/IconBoxTape.tsx | 13 +- .../components/icons/icons/IconBraces.tsx | 13 +- .../components/icons/icons/IconBracesAt.tsx | 13 +- .../components/icons/icons/IconBrackets.tsx | 13 +- .../components/icons/icons/IconBranch.tsx | 13 +- .../components/icons/icons/IconBranches.tsx | 13 +- .../icons/icons/IconBrandBuildkite.tsx | 13 +- .../icons/icons/IconBrandDiscord.tsx | 13 +- .../components/icons/icons/IconBrandGit.tsx | 13 +- .../icons/icons/IconBrandGithub.tsx | 13 +- .../icons/icons/IconBrandGoogle.tsx | 13 +- .../icons/icons/IconBrandLinear.tsx | 13 +- .../icons/icons/IconBrandNotion.tsx | 13 +- .../icons/icons/IconBrandStorybook.tsx | 13 +- .../icons/icons/IconBrandTwitter.tsx | 13 +- .../icons/icons/IconBrandTwitterX.tsx | 13 +- .../icons/icons/IconBrandVercel.tsx | 13 +- .../docs/components/icons/icons/IconBrush.tsx | 13 +- apps/docs/components/icons/icons/IconBug.tsx | 13 +- .../components/icons/icons/IconBuilding.tsx | 13 +- .../icons/icons/IconBuildingPlus.tsx | 13 +- apps/docs/components/icons/icons/IconBulb.tsx | 13 +- .../components/icons/icons/IconBulbFill.tsx | 13 +- .../components/icons/icons/IconBullseye.tsx | 13 +- .../components/icons/icons/IconCalendar.tsx | 13 +- .../docs/components/icons/icons/IconCheck.tsx | 13 +- .../components/icons/icons/IconCheckCheck.tsx | 13 +- .../icons/icons/IconCheckCircle.tsx | 13 +- .../components/icons/icons/IconCheckLg.tsx | 13 +- .../components/icons/icons/IconCheckbox.tsx | 13 +- .../icons/icons/IconCheckboxFill.tsx | 13 +- .../icons/icons/IconCheckboxHalf.tsx | 13 +- .../components/icons/icons/IconChevron.tsx | 13 +- .../icons/icons/IconChevronFlat.tsx | 13 +- .../components/icons/icons/IconChevronSm.tsx | 13 +- .../components/icons/icons/IconChevrons.tsx | 13 +- .../icons/icons/IconChevronsClose.tsx | 13 +- .../icons/icons/IconChevronsNarrow.tsx | 13 +- .../icons/icons/IconChevronsNarrowClose.tsx | 13 +- .../components/icons/icons/IconCiFailed.tsx | 13 +- .../icons/icons/IconCiFailedFill.tsx | 13 +- .../icons/icons/IconCiFailedOctagon.tsx | 13 +- .../icons/icons/IconCiFailedOctagonFill.tsx | 13 +- .../components/icons/icons/IconCiWarning.tsx | 13 +- .../icons/icons/IconCiWarningFill.tsx | 13 +- .../components/icons/icons/IconClockArrow.tsx | 13 +- apps/docs/components/icons/icons/IconCode.tsx | 13 +- .../components/icons/icons/IconCodeBlock.tsx | 13 +- .../icons/icons/IconCodeComments.tsx | 13 +- .../components/icons/icons/IconCodeFolder.tsx | 13 +- .../components/icons/icons/IconCodeSearch.tsx | 13 +- .../icons/icons/IconCodeStyleBars.tsx | 28 + .../icons/icons/IconCodeStyleBg.tsx | 28 + .../icons/icons/IconCodeStyleInline.tsx | 28 + .../icons/icons/IconCollapsedRow.tsx | 13 +- .../components/icons/icons/IconColorAuto.tsx | 13 +- .../components/icons/icons/IconColorDark.tsx | 13 +- .../components/icons/icons/IconColorLight.tsx | 13 +- .../components/icons/icons/IconComment.tsx | 13 +- .../components/icons/icons/IconCommentAdd.tsx | 13 +- .../icons/icons/IconCommentFill.tsx | 13 +- .../icons/icons/IconCommentIssue.tsx | 13 +- .../icons/IconCommentRightResolvedFill.tsx | 13 +- .../icons/icons/IconCommentSuggest.tsx | 13 +- .../components/icons/icons/IconCommit.tsx | 13 +- .../icons/icons/IconCommitArrow.tsx | 13 +- .../components/icons/icons/IconConflict.tsx | 13 +- apps/docs/components/icons/icons/IconCopy.tsx | 13 +- .../components/icons/icons/IconCopyFill.tsx | 13 +- .../components/icons/icons/IconCreditCard.tsx | 13 +- .../docs/components/icons/icons/IconCrown.tsx | 13 +- .../components/icons/icons/IconCrownFill.tsx | 13 +- .../components/icons/icons/IconCursor.tsx | 13 +- .../components/icons/icons/IconDesktop.tsx | 13 +- .../icons/icons/IconDiffBlended.tsx | 13 +- .../components/icons/icons/IconDiffSplit.tsx | 13 +- apps/docs/components/icons/icons/IconDock.tsx | 13 +- .../docs/components/icons/icons/IconDraft.tsx | 13 +- .../components/icons/icons/IconDragonball.tsx | 13 +- .../icons/icons/IconDragonballFill.tsx | 13 +- .../components/icons/icons/IconEllipsis.tsx | 13 +- .../components/icons/icons/IconEmojiSmile.tsx | 13 +- .../icons/icons/IconEmojiSmileDashed.tsx | 13 +- .../icons/icons/IconEmojiSmileFill.tsx | 13 +- .../components/icons/icons/IconEnvelope.tsx | 13 +- .../icons/icons/IconEnvelopeFill.tsx | 13 +- .../icons/icons/IconEnvelopeOpenFill.tsx | 13 +- .../components/icons/icons/IconExpandRow.tsx | 13 +- .../components/icons/icons/IconExtensions.tsx | 13 +- apps/docs/components/icons/icons/IconEye.tsx | 13 +- .../components/icons/icons/IconEyeSlash.tsx | 13 +- apps/docs/components/icons/icons/IconFile.tsx | 13 +- .../components/icons/icons/IconFileCode.tsx | 13 +- .../components/icons/icons/IconFileExport.tsx | 13 +- .../components/icons/icons/IconFileLocked.tsx | 13 +- .../icons/icons/IconFileRichText.tsx | 13 +- .../components/icons/icons/IconFileText.tsx | 13 +- .../components/icons/icons/IconFileTree.tsx | 13 +- .../icons/icons/IconFileTreeFill.tsx | 13 +- .../docs/components/icons/icons/IconFiles.tsx | 13 +- .../components/icons/icons/IconFilter.tsx | 13 +- apps/docs/components/icons/icons/IconFire.tsx | 13 +- apps/docs/components/icons/icons/IconFlag.tsx | 13 +- .../components/icons/icons/IconFlagFill.tsx | 13 +- .../components/icons/icons/IconFolder.tsx | 13 +- .../components/icons/icons/IconFolderOpen.tsx | 13 +- .../components/icons/icons/IconFolders.tsx | 13 +- .../components/icons/icons/IconFullscreen.tsx | 13 +- .../icons/icons/IconFullscreenFill.tsx | 13 +- .../components/icons/icons/IconFunction.tsx | 13 +- .../icons/icons/IconFunctionFill.tsx | 13 +- .../docs/components/icons/icons/IconGauge.tsx | 13 +- apps/docs/components/icons/icons/IconGear.tsx | 13 +- .../components/icons/icons/IconGearFill.tsx | 13 +- .../docs/components/icons/icons/IconGlobe.tsx | 13 +- apps/docs/components/icons/icons/IconGrid.tsx | 13 +- .../components/icons/icons/IconGrid2x1.tsx | 13 +- apps/docs/components/icons/icons/IconGrip.tsx | 13 +- .../docs/components/icons/icons/IconHeart.tsx | 13 +- .../components/icons/icons/IconHeartFill.tsx | 13 +- apps/docs/components/icons/icons/IconHome.tsx | 13 +- .../docs/components/icons/icons/IconHome2.tsx | 13 +- .../components/icons/icons/IconHome2Fill.tsx | 13 +- .../components/icons/icons/IconHomeFill.tsx | 13 +- .../docs/components/icons/icons/IconImage.tsx | 13 +- .../components/icons/icons/IconImageGif.tsx | 13 +- .../components/icons/icons/IconInProgress.tsx | 13 +- .../icons/icons/IconInProgressArrow.tsx | 13 +- .../components/icons/icons/IconInReview.tsx | 13 +- .../icons/icons/IconInReviewArrow.tsx | 13 +- .../icons/icons/IconInReviewRightFill.tsx | 13 +- .../docs/components/icons/icons/IconInbox.tsx | 13 +- .../icons/icons/IconInboxUnread.tsx | 13 +- .../components/icons/icons/IconIndent.tsx | 13 +- apps/docs/components/icons/icons/IconInfo.tsx | 13 +- .../components/icons/icons/IconInfoFill.tsx | 13 +- .../docs/components/icons/icons/IconIssue.tsx | 13 +- apps/docs/components/icons/icons/IconKey.tsx | 13 +- .../components/icons/icons/IconKeyFill.tsx | 13 +- .../components/icons/icons/IconLaptop.tsx | 13 +- .../components/icons/icons/IconLaurel.tsx | 13 +- .../components/icons/icons/IconLayers.tsx | 13 +- .../components/icons/icons/IconLayers2.tsx | 13 +- .../icons/icons/IconLayers2Bottom.tsx | 13 +- .../icons/icons/IconLayers2Outline.tsx | 13 +- .../components/icons/icons/IconLayers2Top.tsx | 13 +- .../icons/icons/IconLayers3Bottom.tsx | 13 +- .../icons/icons/IconLayers3Middle.tsx | 13 +- .../components/icons/icons/IconLayers3Top.tsx | 13 +- .../components/icons/icons/IconLifeRaft.tsx | 13 +- .../components/icons/icons/IconLineGraph.tsx | 13 +- .../icons/icons/IconLineGraphArea.tsx | 13 +- .../icons/icons/IconLineGraphAxis.tsx | 13 +- .../icons/icons/IconLineGraphBase.tsx | 13 +- .../components/icons/icons/IconLinear1.tsx | 13 +- .../components/icons/icons/IconLinear2.tsx | 13 +- .../components/icons/icons/IconLinear3.tsx | 13 +- .../components/icons/icons/IconLinearDone.tsx | 13 +- apps/docs/components/icons/icons/IconLink.tsx | 13 +- .../components/icons/icons/IconListCheck.tsx | 13 +- .../icons/icons/IconListOrdered.tsx | 13 +- .../icons/icons/IconListUnordered.tsx | 13 +- apps/docs/components/icons/icons/IconLock.tsx | 13 +- .../icons/icons/IconLockKeyhole.tsx | 13 +- .../icons/icons/IconLockKeyholeOpen.tsx | 13 +- .../components/icons/icons/IconLockOpen.tsx | 13 +- apps/docs/components/icons/icons/IconLogs.tsx | 13 +- .../icons/icons/IconMagnifyingGlassFocus.tsx | 13 +- .../components/icons/icons/IconMakeLonger.tsx | 13 +- .../icons/icons/IconMakeShorter.tsx | 13 +- apps/docs/components/icons/icons/IconMap.tsx | 13 +- .../components/icons/icons/IconMapFill.tsx | 13 +- .../docs/components/icons/icons/IconMedal.tsx | 13 +- apps/docs/components/icons/icons/IconMenu.tsx | 13 +- .../components/icons/icons/IconMerged.tsx | 13 +- .../icons/icons/IconMergedContinuous.tsx | 13 +- .../components/icons/icons/IconMergedFill.tsx | 13 +- .../components/icons/icons/IconMicrophone.tsx | 13 +- .../docs/components/icons/icons/IconMinus.tsx | 13 +- .../components/icons/icons/IconMinusLg.tsx | 13 +- apps/docs/components/icons/icons/IconMoon.tsx | 13 +- .../components/icons/icons/IconNoNewLine.tsx | 13 +- apps/docs/components/icons/icons/IconNote.tsx | 13 +- .../components/icons/icons/IconOutdent.tsx | 13 +- .../components/icons/icons/IconPaperclip.tsx | 13 +- .../components/icons/icons/IconParagraph.tsx | 13 +- .../icons/icons/IconParagraphPlus.tsx | 13 +- .../icons/icons/IconParentheses.tsx | 13 +- .../components/icons/icons/IconPencil.tsx | 13 +- .../icons/icons/IconPencilSquircle.tsx | 13 +- .../components/icons/icons/IconPeople.tsx | 13 +- .../components/icons/icons/IconPerson.tsx | 13 +- .../icons/icons/IconPersonStatus.tsx | 13 +- .../docs/components/icons/icons/IconPhone.tsx | 13 +- .../components/icons/icons/IconPierre.tsx | 13 +- apps/docs/components/icons/icons/IconPin.tsx | 13 +- apps/docs/components/icons/icons/IconPlay.tsx | 13 +- .../components/icons/icons/IconPlayCircle.tsx | 13 +- apps/docs/components/icons/icons/IconPlus.tsx | 13 +- .../components/icons/icons/IconPlusLg.tsx | 13 +- .../icons/icons/IconPlusSparkle.tsx | 13 +- .../components/icons/icons/IconPushed.tsx | 13 +- .../components/icons/icons/IconQuestion.tsx | 13 +- .../icons/icons/IconQuestionFill.tsx | 13 +- .../icons/icons/IconQuestionMark.tsx | 13 +- .../components/icons/icons/IconQuoteBlock.tsx | 13 +- .../components/icons/icons/IconRefresh.tsx | 13 +- .../docs/components/icons/icons/IconRegex.tsx | 13 +- .../components/icons/icons/IconReload.tsx | 13 +- .../components/icons/icons/IconRepeat.tsx | 13 +- .../docs/components/icons/icons/IconReply.tsx | 13 +- .../components/icons/icons/IconReplyFill.tsx | 13 +- apps/docs/components/icons/icons/IconRows.tsx | 13 +- .../components/icons/icons/IconSearch.tsx | 13 +- .../components/icons/icons/IconServer.tsx | 13 +- .../docs/components/icons/icons/IconShare.tsx | 13 +- .../components/icons/icons/IconShield.tsx | 13 +- .../components/icons/icons/IconShieldFill.tsx | 13 +- .../icons/icons/IconShieldKeyhole.tsx | 13 +- .../icons/icons/IconShieldKeyholeFill.tsx | 13 +- .../components/icons/icons/IconSidebar.tsx | 13 +- .../icons/icons/IconSidebarLeft.tsx | 13 +- .../icons/icons/IconSidebarLeftOpen.tsx | 13 +- .../icons/icons/IconSidebarOpen.tsx | 13 +- .../components/icons/icons/IconSignIn.tsx | 13 +- .../components/icons/icons/IconSignOut.tsx | 13 +- .../components/icons/icons/IconSignpost.tsx | 13 +- .../icons/icons/IconSignpostFill.tsx | 13 +- .../components/icons/icons/IconSortDown.tsx | 13 +- .../components/icons/icons/IconSortUp.tsx | 13 +- .../components/icons/icons/IconSparkle.tsx | 13 +- .../components/icons/icons/IconSparkles.tsx | 13 +- .../components/icons/icons/IconSpelling.tsx | 13 +- .../components/icons/icons/IconSquircle.tsx | 13 +- .../components/icons/icons/IconSquircleLg.tsx | 13 +- .../icons/icons/IconSquircleLgFill.tsx | 13 +- .../icons/icons/IconSquircleSpeechText.tsx | 13 +- .../docs/components/icons/icons/IconStamp.tsx | 13 +- apps/docs/components/icons/icons/IconStar.tsx | 13 +- .../components/icons/icons/IconStarFill.tsx | 13 +- apps/docs/components/icons/icons/IconSun.tsx | 13 +- apps/docs/components/icons/icons/IconSwap.tsx | 13 +- .../components/icons/icons/IconSwitch.tsx | 13 +- .../components/icons/icons/IconSwitches.tsx | 13 +- .../icons/icons/IconSymbolAdded.tsx | 13 +- .../icons/icons/IconSymbolDeleted.tsx | 13 +- .../icons/icons/IconSymbolDiffstat.tsx | 13 +- .../icons/icons/IconSymbolIgnored.tsx | 13 +- .../components/icons/icons/IconSymbolMap.tsx | 13 +- .../icons/icons/IconSymbolModified.tsx | 13 +- .../icons/icons/IconSymbolMoved.tsx | 13 +- .../icons/icons/IconSymbolPlaceholder.tsx | 13 +- .../components/icons/icons/IconSymbolRef.tsx | 13 +- .../icons/icons/IconSymbolResolved.tsx | 13 +- .../docs/components/icons/icons/IconTable.tsx | 13 +- .../icons/icons/IconTableColumnAdd.tsx | 13 +- .../icons/icons/IconTableColumnDelete.tsx | 13 +- .../icons/icons/IconTableColumnHeader.tsx | 13 +- .../icons/icons/IconTableRowAdd.tsx | 13 +- .../icons/icons/IconTableRowDelete.tsx | 13 +- .../icons/icons/IconTableRowHeader.tsx | 13 +- .../components/icons/icons/IconTablet.tsx | 13 +- apps/docs/components/icons/icons/IconTag.tsx | 13 +- .../components/icons/icons/IconTagFill.tsx | 13 +- .../components/icons/icons/IconTarget.tsx | 13 +- .../components/icons/icons/IconTerminal.tsx | 13 +- .../icons/icons/IconTerminalFill.tsx | 13 +- apps/docs/components/icons/icons/IconText.tsx | 13 +- .../components/icons/icons/IconTextBold.tsx | 13 +- .../components/icons/icons/IconTextH1.tsx | 13 +- .../icons/icons/IconTextItalics.tsx | 13 +- .../components/icons/icons/IconTextStrike.tsx | 13 +- .../components/icons/icons/IconThumbsUp.tsx | 13 +- .../icons/icons/IconThumbsUpFill.tsx | 13 +- apps/docs/components/icons/icons/IconTodo.tsx | 13 +- .../docs/components/icons/icons/IconToken.tsx | 13 +- .../icons/icons/IconToolbarSide.tsx | 13 +- .../components/icons/icons/IconToolbarTop.tsx | 13 +- .../docs/components/icons/icons/IconTrash.tsx | 13 +- apps/docs/components/icons/icons/IconType.tsx | 13 +- .../components/icons/icons/IconUnlink.tsx | 13 +- .../components/icons/icons/IconVariable.tsx | 13 +- .../components/icons/icons/IconWaiting.tsx | 13 +- .../icons/icons/IconWaitingFill.tsx | 13 +- .../icons/icons/IconWarningOctogonFill.tsx | 13 +- .../components/icons/icons/IconWebhook.tsx | 13 +- .../components/icons/icons/IconWheelchair.tsx | 13 +- .../components/icons/icons/IconWordWrap.tsx | 13 +- .../components/icons/icons/IconWorkflow.tsx | 13 +- .../components/icons/icons/IconWrench.tsx | 13 +- apps/docs/components/icons/icons/IconX.tsx | 13 +- .../components/icons/icons/IconXSquircle.tsx | 13 +- apps/docs/components/icons/icons/index.ts | 665 +++++++++--------- 336 files changed, 2763 insertions(+), 2345 deletions(-) create mode 100644 apps/docs/components/icons/icons/IconCodeStyleBars.tsx create mode 100644 apps/docs/components/icons/icons/IconCodeStyleBg.tsx create mode 100644 apps/docs/components/icons/icons/IconCodeStyleInline.tsx diff --git a/apps/docs/components/icons/Color.ts b/apps/docs/components/icons/Color.ts index 8c21a036e..ddc5803cc 100644 --- a/apps/docs/components/icons/Color.ts +++ b/apps/docs/components/icons/Color.ts @@ -1,41 +1,41 @@ // Icon colors are mapped to global colors that are adaptive to dark and light modes. // They're extremely limited compared to the full color palette. export type Color = { - black: string; - white: string; + black: string; + white: string; - purple: string; - green: string; - red: string; - yellow: string; - blue: string; + purple: string; + green: string; + red: string; + yellow: string; + blue: string; - fg: string; - fg1: string; - fg2: string; - fg3: string; - fg4: string; + fg: string; + fg1: string; + fg2: string; + fg3: string; + fg4: string; - bg: string; - border: string; + bg: string; + border: string; }; export const Colors = { - black: 'var(--color-black)', - white: 'var(--color-white)', + black: 'var(--color-black)', + white: 'var(--color-white)', - purple: 'var(--ui-theme-primary-icon)', - green: 'var(--ui-theme-success-icon)', - red: 'var(--ui-theme-danger-icon)', - yellow: 'var(--ui-theme-warning-icon)', - blue: 'var(--ui-theme-primary-icon)', + purple: 'var(--ui-theme-primary-icon)', + green: 'var(--ui-theme-success-icon)', + red: 'var(--ui-theme-danger-icon)', + yellow: 'var(--ui-theme-warning-icon)', + blue: 'var(--ui-theme-primary-icon)', - fg: 'var(--color-fg)', - fg1: 'var(--color-fg1)', - fg2: 'var(--color-fg2)', - fg3: 'var(--color-fg3)', - fg4: 'var(--color-fg4)', + fg: 'var(--color-fg)', + fg1: 'var(--color-fg1)', + fg2: 'var(--color-fg2)', + fg3: 'var(--color-fg3)', + fg4: 'var(--color-fg4)', - bg: 'var(--color-bg)', - border: 'var(--color-border)', + bg: 'var(--color-bg)', + border: 'var(--color-border)', }; diff --git a/apps/docs/components/icons/icons/IconA11y.tsx b/apps/docs/components/icons/icons/IconA11y.tsx index 6afd33508..f85739d79 100644 --- a/apps/docs/components/icons/icons/IconA11y.tsx +++ b/apps/docs/components/icons/icons/IconA11y.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconA11y.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconA11y = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconAlignCenter.tsx b/apps/docs/components/icons/icons/IconAlignCenter.tsx index 5fcd247a9..3c1b354de 100644 --- a/apps/docs/components/icons/icons/IconAlignCenter.tsx +++ b/apps/docs/components/icons/icons/IconAlignCenter.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconAlignCenter.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconAlignCenter = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconAlignLeft.tsx b/apps/docs/components/icons/icons/IconAlignLeft.tsx index 320f73ea6..036172295 100644 --- a/apps/docs/components/icons/icons/IconAlignLeft.tsx +++ b/apps/docs/components/icons/icons/IconAlignLeft.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconAlignLeft.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconAlignLeft = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconAlignRight.tsx b/apps/docs/components/icons/icons/IconAlignRight.tsx index 48bc50d53..9d8755ce8 100644 --- a/apps/docs/components/icons/icons/IconAlignRight.tsx +++ b/apps/docs/components/icons/icons/IconAlignRight.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconAlignRight.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconAlignRight = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconAnnotate.tsx b/apps/docs/components/icons/icons/IconAnnotate.tsx index 631845e74..dfb6d713f 100644 --- a/apps/docs/components/icons/icons/IconAnnotate.tsx +++ b/apps/docs/components/icons/icons/IconAnnotate.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconAnnotate.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconAnnotate = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconApp.tsx b/apps/docs/components/icons/icons/IconApp.tsx index 7807ab977..4ec4b1e7d 100644 --- a/apps/docs/components/icons/icons/IconApp.tsx +++ b/apps/docs/components/icons/icons/IconApp.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconApp.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconApp = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconAppToolbar.tsx b/apps/docs/components/icons/icons/IconAppToolbar.tsx index 200fff162..ec83317aa 100644 --- a/apps/docs/components/icons/icons/IconAppToolbar.tsx +++ b/apps/docs/components/icons/icons/IconAppToolbar.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconAppToolbar.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconAppToolbar = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconApproved.tsx b/apps/docs/components/icons/icons/IconApproved.tsx index 4c8b3ab2f..77cf4c6e3 100644 --- a/apps/docs/components/icons/icons/IconApproved.tsx +++ b/apps/docs/components/icons/icons/IconApproved.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconApproved.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconApproved = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconApprovedArrow.tsx b/apps/docs/components/icons/icons/IconApprovedArrow.tsx index c553fb2f1..5d4393bc0 100644 --- a/apps/docs/components/icons/icons/IconApprovedArrow.tsx +++ b/apps/docs/components/icons/icons/IconApprovedArrow.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconApprovedArrow.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconApprovedArrow = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconArchived.tsx b/apps/docs/components/icons/icons/IconArchived.tsx index be2007cb6..dc989ac2c 100644 --- a/apps/docs/components/icons/icons/IconArchived.tsx +++ b/apps/docs/components/icons/icons/IconArchived.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconArchived.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconArchived = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconArray.tsx b/apps/docs/components/icons/icons/IconArray.tsx index bd1b96bee..bef76a98b 100644 --- a/apps/docs/components/icons/icons/IconArray.tsx +++ b/apps/docs/components/icons/icons/IconArray.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconArray.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconArray = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconArrow.tsx b/apps/docs/components/icons/icons/IconArrow.tsx index 2e9695713..7605f83e0 100644 --- a/apps/docs/components/icons/icons/IconArrow.tsx +++ b/apps/docs/components/icons/icons/IconArrow.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconArrow.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconArrow = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconArrowDownRight.tsx b/apps/docs/components/icons/icons/IconArrowDownRight.tsx index 67488320d..bc8096a7e 100644 --- a/apps/docs/components/icons/icons/IconArrowDownRight.tsx +++ b/apps/docs/components/icons/icons/IconArrowDownRight.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconArrowDownRight.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconArrowDownRight = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconArrowLeftBar.tsx b/apps/docs/components/icons/icons/IconArrowLeftBar.tsx index 5c3ec9102..ab4239329 100644 --- a/apps/docs/components/icons/icons/IconArrowLeftBar.tsx +++ b/apps/docs/components/icons/icons/IconArrowLeftBar.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconArrowLeftBar.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconArrowLeftBar = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconArrowRight.tsx b/apps/docs/components/icons/icons/IconArrowRight.tsx index 868971e20..6eed727c5 100644 --- a/apps/docs/components/icons/icons/IconArrowRight.tsx +++ b/apps/docs/components/icons/icons/IconArrowRight.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconArrowRight.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconArrowRight = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconArrowRightBar.tsx b/apps/docs/components/icons/icons/IconArrowRightBar.tsx index 9cc753ba5..a1a457f36 100644 --- a/apps/docs/components/icons/icons/IconArrowRightBar.tsx +++ b/apps/docs/components/icons/icons/IconArrowRightBar.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconArrowRightBar.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconArrowRightBar = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconArrowRightShort.tsx b/apps/docs/components/icons/icons/IconArrowRightShort.tsx index 61ab527f6..1d115479e 100644 --- a/apps/docs/components/icons/icons/IconArrowRightShort.tsx +++ b/apps/docs/components/icons/icons/IconArrowRightShort.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconArrowRightShort.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconArrowRightShort = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconArrowShort.tsx b/apps/docs/components/icons/icons/IconArrowShort.tsx index 801f41ada..157dffb41 100644 --- a/apps/docs/components/icons/icons/IconArrowShort.tsx +++ b/apps/docs/components/icons/icons/IconArrowShort.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconArrowShort.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconArrowShort = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconArrowUpRight.tsx b/apps/docs/components/icons/icons/IconArrowUpRight.tsx index 4b9122a86..aa8e30d8d 100644 --- a/apps/docs/components/icons/icons/IconArrowUpRight.tsx +++ b/apps/docs/components/icons/icons/IconArrowUpRight.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconArrowUpRight.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconArrowUpRight = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconArrowUpRightCircle.tsx b/apps/docs/components/icons/icons/IconArrowUpRightCircle.tsx index f96e78de7..153dbfb85 100644 --- a/apps/docs/components/icons/icons/IconArrowUpRightCircle.tsx +++ b/apps/docs/components/icons/icons/IconArrowUpRightCircle.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconArrowUpRightCircle.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconArrowUpRightCircle = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconArrowsExpand.tsx b/apps/docs/components/icons/icons/IconArrowsExpand.tsx index 778082bd8..ded6fb15e 100644 --- a/apps/docs/components/icons/icons/IconArrowsExpand.tsx +++ b/apps/docs/components/icons/icons/IconArrowsExpand.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconArrowsExpand.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconArrowsExpand = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconArrowsUpDown.tsx b/apps/docs/components/icons/icons/IconArrowsUpDown.tsx index 5b6a3a898..84f5b8bd3 100644 --- a/apps/docs/components/icons/icons/IconArrowsUpDown.tsx +++ b/apps/docs/components/icons/icons/IconArrowsUpDown.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconArrowsUpDown.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconArrowsUpDown = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconAsterisk.tsx b/apps/docs/components/icons/icons/IconAsterisk.tsx index 2237be4eb..cfa5c7ce2 100644 --- a/apps/docs/components/icons/icons/IconAsterisk.tsx +++ b/apps/docs/components/icons/icons/IconAsterisk.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconAsterisk.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconAsterisk = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconAsteriskSquircle.tsx b/apps/docs/components/icons/icons/IconAsteriskSquircle.tsx index 6889a1683..ad21ae008 100644 --- a/apps/docs/components/icons/icons/IconAsteriskSquircle.tsx +++ b/apps/docs/components/icons/icons/IconAsteriskSquircle.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconAsteriskSquircle.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconAsteriskSquircle = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconAt.tsx b/apps/docs/components/icons/icons/IconAt.tsx index 7619c6667..7f0f41631 100644 --- a/apps/docs/components/icons/icons/IconAt.tsx +++ b/apps/docs/components/icons/icons/IconAt.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconAt.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconAt = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconAt2.tsx b/apps/docs/components/icons/icons/IconAt2.tsx index b85828ac3..a017cbe90 100644 --- a/apps/docs/components/icons/icons/IconAt2.tsx +++ b/apps/docs/components/icons/icons/IconAt2.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconAt2.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconAt2 = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconBan.tsx b/apps/docs/components/icons/icons/IconBan.tsx index 4f02ae3cd..80c48a66d 100644 --- a/apps/docs/components/icons/icons/IconBan.tsx +++ b/apps/docs/components/icons/icons/IconBan.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconBan.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconBan = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconBarChart.tsx b/apps/docs/components/icons/icons/IconBarChart.tsx index 4a4c38111..1a305eeb3 100644 --- a/apps/docs/components/icons/icons/IconBarChart.tsx +++ b/apps/docs/components/icons/icons/IconBarChart.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconBarChart.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconBarChart = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconBarChart2.tsx b/apps/docs/components/icons/icons/IconBarChart2.tsx index 5266edb1f..988e71bc3 100644 --- a/apps/docs/components/icons/icons/IconBarChart2.tsx +++ b/apps/docs/components/icons/icons/IconBarChart2.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconBarChart2.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconBarChart2 = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconBell.tsx b/apps/docs/components/icons/icons/IconBell.tsx index c8a7bc421..bc5173296 100644 --- a/apps/docs/components/icons/icons/IconBell.tsx +++ b/apps/docs/components/icons/icons/IconBell.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconBell.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconBell = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconBellFill.tsx b/apps/docs/components/icons/icons/IconBellFill.tsx index 3f9400dea..f639738f5 100644 --- a/apps/docs/components/icons/icons/IconBellFill.tsx +++ b/apps/docs/components/icons/icons/IconBellFill.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconBellFill.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconBellFill = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconBellUnread.tsx b/apps/docs/components/icons/icons/IconBellUnread.tsx index f1a441012..b1f8d6e58 100644 --- a/apps/docs/components/icons/icons/IconBellUnread.tsx +++ b/apps/docs/components/icons/icons/IconBellUnread.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconBellUnread.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconBellUnread = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconBellUnreadFill.tsx b/apps/docs/components/icons/icons/IconBellUnreadFill.tsx index ca43e86f7..a5081fbfe 100644 --- a/apps/docs/components/icons/icons/IconBellUnreadFill.tsx +++ b/apps/docs/components/icons/icons/IconBellUnreadFill.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconBellUnreadFill.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconBellUnreadFill = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconBin.tsx b/apps/docs/components/icons/icons/IconBin.tsx index c8b69db16..c84be469f 100644 --- a/apps/docs/components/icons/icons/IconBin.tsx +++ b/apps/docs/components/icons/icons/IconBin.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconBin.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconBin = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconBinFill.tsx b/apps/docs/components/icons/icons/IconBinFill.tsx index 9133252a3..c2a2e82c3 100644 --- a/apps/docs/components/icons/icons/IconBinFill.tsx +++ b/apps/docs/components/icons/icons/IconBinFill.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconBinFill.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconBinFill = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconBoard.tsx b/apps/docs/components/icons/icons/IconBoard.tsx index 9d804bf75..42eb53280 100644 --- a/apps/docs/components/icons/icons/IconBoard.tsx +++ b/apps/docs/components/icons/icons/IconBoard.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconBoard.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconBoard = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconBolt.tsx b/apps/docs/components/icons/icons/IconBolt.tsx index 27ed14281..c9c9eafc3 100644 --- a/apps/docs/components/icons/icons/IconBolt.tsx +++ b/apps/docs/components/icons/icons/IconBolt.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconBolt.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconBolt = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconBook.tsx b/apps/docs/components/icons/icons/IconBook.tsx index 2e7128561..de78af799 100644 --- a/apps/docs/components/icons/icons/IconBook.tsx +++ b/apps/docs/components/icons/icons/IconBook.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconBook.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconBook = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconBookClosed.tsx b/apps/docs/components/icons/icons/IconBookClosed.tsx index fd86b00bc..8207480da 100644 --- a/apps/docs/components/icons/icons/IconBookClosed.tsx +++ b/apps/docs/components/icons/icons/IconBookClosed.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconBookClosed.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconBookClosed = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconBookmark.tsx b/apps/docs/components/icons/icons/IconBookmark.tsx index 33281c6f5..71623fa61 100644 --- a/apps/docs/components/icons/icons/IconBookmark.tsx +++ b/apps/docs/components/icons/icons/IconBookmark.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconBookmark.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconBookmark = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconBookmarkFill.tsx b/apps/docs/components/icons/icons/IconBookmarkFill.tsx index ffbff1873..67190606b 100644 --- a/apps/docs/components/icons/icons/IconBookmarkFill.tsx +++ b/apps/docs/components/icons/icons/IconBookmarkFill.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconBookmarkFill.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconBookmarkFill = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconBox.tsx b/apps/docs/components/icons/icons/IconBox.tsx index 1234804e3..07f8df80c 100644 --- a/apps/docs/components/icons/icons/IconBox.tsx +++ b/apps/docs/components/icons/icons/IconBox.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconBox.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconBox = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconBoxTape.tsx b/apps/docs/components/icons/icons/IconBoxTape.tsx index 415c82d67..fa01e9842 100644 --- a/apps/docs/components/icons/icons/IconBoxTape.tsx +++ b/apps/docs/components/icons/icons/IconBoxTape.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconBoxTape.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconBoxTape = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconBraces.tsx b/apps/docs/components/icons/icons/IconBraces.tsx index cadbb40d6..2548aca90 100644 --- a/apps/docs/components/icons/icons/IconBraces.tsx +++ b/apps/docs/components/icons/icons/IconBraces.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconBraces.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconBraces = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconBracesAt.tsx b/apps/docs/components/icons/icons/IconBracesAt.tsx index 4e4f066aa..6d590a06d 100644 --- a/apps/docs/components/icons/icons/IconBracesAt.tsx +++ b/apps/docs/components/icons/icons/IconBracesAt.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconBracesAt.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconBracesAt = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1.125); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconBrackets.tsx b/apps/docs/components/icons/icons/IconBrackets.tsx index 60dd8beb3..43a6ae8c9 100644 --- a/apps/docs/components/icons/icons/IconBrackets.tsx +++ b/apps/docs/components/icons/icons/IconBrackets.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconBrackets.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconBrackets = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconBranch.tsx b/apps/docs/components/icons/icons/IconBranch.tsx index 38b12f3c9..eba42b554 100644 --- a/apps/docs/components/icons/icons/IconBranch.tsx +++ b/apps/docs/components/icons/icons/IconBranch.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconBranch.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconBranch = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconBranches.tsx b/apps/docs/components/icons/icons/IconBranches.tsx index 7c7777573..152b460d5 100644 --- a/apps/docs/components/icons/icons/IconBranches.tsx +++ b/apps/docs/components/icons/icons/IconBranches.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconBranches.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconBranches = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconBrandBuildkite.tsx b/apps/docs/components/icons/icons/IconBrandBuildkite.tsx index 1389fb221..daafc2e47 100644 --- a/apps/docs/components/icons/icons/IconBrandBuildkite.tsx +++ b/apps/docs/components/icons/icons/IconBrandBuildkite.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconBrandBuildkite.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconBrandBuildkite = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1.5); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconBrandDiscord.tsx b/apps/docs/components/icons/icons/IconBrandDiscord.tsx index 0237015bd..cda1a6a8c 100644 --- a/apps/docs/components/icons/icons/IconBrandDiscord.tsx +++ b/apps/docs/components/icons/icons/IconBrandDiscord.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconBrandDiscord.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconBrandDiscord = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1.125); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconBrandGit.tsx b/apps/docs/components/icons/icons/IconBrandGit.tsx index 3977c7f43..01aa7b7e1 100644 --- a/apps/docs/components/icons/icons/IconBrandGit.tsx +++ b/apps/docs/components/icons/icons/IconBrandGit.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconBrandGit.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconBrandGit = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconBrandGithub.tsx b/apps/docs/components/icons/icons/IconBrandGithub.tsx index d2a04708c..31158cdbc 100644 --- a/apps/docs/components/icons/icons/IconBrandGithub.tsx +++ b/apps/docs/components/icons/icons/IconBrandGithub.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconBrandGithub.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconBrandGithub = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconBrandGoogle.tsx b/apps/docs/components/icons/icons/IconBrandGoogle.tsx index 8473d0c3e..db0b45cfd 100644 --- a/apps/docs/components/icons/icons/IconBrandGoogle.tsx +++ b/apps/docs/components/icons/icons/IconBrandGoogle.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconBrandGoogle.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconBrandGoogle = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconBrandLinear.tsx b/apps/docs/components/icons/icons/IconBrandLinear.tsx index a88b3edeb..dd7628888 100644 --- a/apps/docs/components/icons/icons/IconBrandLinear.tsx +++ b/apps/docs/components/icons/icons/IconBrandLinear.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconBrandLinear.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconBrandLinear = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconBrandNotion.tsx b/apps/docs/components/icons/icons/IconBrandNotion.tsx index 459c190ea..13911e074 100644 --- a/apps/docs/components/icons/icons/IconBrandNotion.tsx +++ b/apps/docs/components/icons/icons/IconBrandNotion.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconBrandNotion.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconBrandNotion = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconBrandStorybook.tsx b/apps/docs/components/icons/icons/IconBrandStorybook.tsx index 26b00fc11..de7c832fa 100644 --- a/apps/docs/components/icons/icons/IconBrandStorybook.tsx +++ b/apps/docs/components/icons/icons/IconBrandStorybook.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconBrandStorybook.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconBrandStorybook = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconBrandTwitter.tsx b/apps/docs/components/icons/icons/IconBrandTwitter.tsx index e06f3cfe5..0cbe9173f 100644 --- a/apps/docs/components/icons/icons/IconBrandTwitter.tsx +++ b/apps/docs/components/icons/icons/IconBrandTwitter.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconBrandTwitter.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconBrandTwitter = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconBrandTwitterX.tsx b/apps/docs/components/icons/icons/IconBrandTwitterX.tsx index 894a07733..ff27348eb 100644 --- a/apps/docs/components/icons/icons/IconBrandTwitterX.tsx +++ b/apps/docs/components/icons/icons/IconBrandTwitterX.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconBrandTwitterX.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconBrandTwitterX = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconBrandVercel.tsx b/apps/docs/components/icons/icons/IconBrandVercel.tsx index 1a149b38d..8d3921ac8 100644 --- a/apps/docs/components/icons/icons/IconBrandVercel.tsx +++ b/apps/docs/components/icons/icons/IconBrandVercel.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconBrandVercel.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconBrandVercel = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconBrush.tsx b/apps/docs/components/icons/icons/IconBrush.tsx index 6afc6d7cd..a8fdeadbc 100644 --- a/apps/docs/components/icons/icons/IconBrush.tsx +++ b/apps/docs/components/icons/icons/IconBrush.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconBrush.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconBrush = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconBug.tsx b/apps/docs/components/icons/icons/IconBug.tsx index d78e2843e..964fa53b7 100644 --- a/apps/docs/components/icons/icons/IconBug.tsx +++ b/apps/docs/components/icons/icons/IconBug.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconBug.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconBug = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconBuilding.tsx b/apps/docs/components/icons/icons/IconBuilding.tsx index 1c468acda..11d3d7ec2 100644 --- a/apps/docs/components/icons/icons/IconBuilding.tsx +++ b/apps/docs/components/icons/icons/IconBuilding.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconBuilding.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconBuilding = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconBuildingPlus.tsx b/apps/docs/components/icons/icons/IconBuildingPlus.tsx index f89d3de5a..3c19ab9e6 100644 --- a/apps/docs/components/icons/icons/IconBuildingPlus.tsx +++ b/apps/docs/components/icons/icons/IconBuildingPlus.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconBuildingPlus.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconBuildingPlus = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconBulb.tsx b/apps/docs/components/icons/icons/IconBulb.tsx index 390cd749c..34968e972 100644 --- a/apps/docs/components/icons/icons/IconBulb.tsx +++ b/apps/docs/components/icons/icons/IconBulb.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconBulb.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconBulb = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconBulbFill.tsx b/apps/docs/components/icons/icons/IconBulbFill.tsx index 517ca3e5a..e76d2d024 100644 --- a/apps/docs/components/icons/icons/IconBulbFill.tsx +++ b/apps/docs/components/icons/icons/IconBulbFill.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconBulbFill.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconBulbFill = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconBullseye.tsx b/apps/docs/components/icons/icons/IconBullseye.tsx index 44b63c6c2..c01be639b 100644 --- a/apps/docs/components/icons/icons/IconBullseye.tsx +++ b/apps/docs/components/icons/icons/IconBullseye.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconBullseye.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconBullseye = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconCalendar.tsx b/apps/docs/components/icons/icons/IconCalendar.tsx index 10e5b2df9..d3326d44a 100644 --- a/apps/docs/components/icons/icons/IconCalendar.tsx +++ b/apps/docs/components/icons/icons/IconCalendar.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconCalendar.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconCalendar = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconCheck.tsx b/apps/docs/components/icons/icons/IconCheck.tsx index bf863a22c..c3ac1d265 100644 --- a/apps/docs/components/icons/icons/IconCheck.tsx +++ b/apps/docs/components/icons/icons/IconCheck.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconCheck.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconCheck = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconCheckCheck.tsx b/apps/docs/components/icons/icons/IconCheckCheck.tsx index f947e77e7..81a94bf74 100644 --- a/apps/docs/components/icons/icons/IconCheckCheck.tsx +++ b/apps/docs/components/icons/icons/IconCheckCheck.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconCheckCheck.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconCheckCheck = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconCheckCircle.tsx b/apps/docs/components/icons/icons/IconCheckCircle.tsx index be7e4b8e9..bf3cc5f3a 100644 --- a/apps/docs/components/icons/icons/IconCheckCircle.tsx +++ b/apps/docs/components/icons/icons/IconCheckCircle.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconCheckCircle.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconCheckCircle = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconCheckLg.tsx b/apps/docs/components/icons/icons/IconCheckLg.tsx index 37449f4a4..9ce4a2d3a 100644 --- a/apps/docs/components/icons/icons/IconCheckLg.tsx +++ b/apps/docs/components/icons/icons/IconCheckLg.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconCheckLg.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconCheckLg = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconCheckbox.tsx b/apps/docs/components/icons/icons/IconCheckbox.tsx index 8083f6c5b..2e50629c0 100644 --- a/apps/docs/components/icons/icons/IconCheckbox.tsx +++ b/apps/docs/components/icons/icons/IconCheckbox.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconCheckbox.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconCheckbox = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconCheckboxFill.tsx b/apps/docs/components/icons/icons/IconCheckboxFill.tsx index 09d024a49..462117d6f 100644 --- a/apps/docs/components/icons/icons/IconCheckboxFill.tsx +++ b/apps/docs/components/icons/icons/IconCheckboxFill.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconCheckboxFill.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconCheckboxFill = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconCheckboxHalf.tsx b/apps/docs/components/icons/icons/IconCheckboxHalf.tsx index 6ff368a8d..0ee381066 100644 --- a/apps/docs/components/icons/icons/IconCheckboxHalf.tsx +++ b/apps/docs/components/icons/icons/IconCheckboxHalf.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconCheckboxHalf.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconCheckboxHalf = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconChevron.tsx b/apps/docs/components/icons/icons/IconChevron.tsx index 545820df5..8381e6f66 100644 --- a/apps/docs/components/icons/icons/IconChevron.tsx +++ b/apps/docs/components/icons/icons/IconChevron.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconChevron.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconChevron = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconChevronFlat.tsx b/apps/docs/components/icons/icons/IconChevronFlat.tsx index a9cd65991..8179f1e99 100644 --- a/apps/docs/components/icons/icons/IconChevronFlat.tsx +++ b/apps/docs/components/icons/icons/IconChevronFlat.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconChevronFlat.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconChevronFlat = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 0.5); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconChevronSm.tsx b/apps/docs/components/icons/icons/IconChevronSm.tsx index 8a10cf325..763f67a48 100644 --- a/apps/docs/components/icons/icons/IconChevronSm.tsx +++ b/apps/docs/components/icons/icons/IconChevronSm.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconChevronSm.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconChevronSm = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 0.625); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconChevrons.tsx b/apps/docs/components/icons/icons/IconChevrons.tsx index 2fd47afdc..dfb61e91c 100644 --- a/apps/docs/components/icons/icons/IconChevrons.tsx +++ b/apps/docs/components/icons/icons/IconChevrons.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconChevrons.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconChevrons = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconChevronsClose.tsx b/apps/docs/components/icons/icons/IconChevronsClose.tsx index 1f6ed4eee..9244b6bdc 100644 --- a/apps/docs/components/icons/icons/IconChevronsClose.tsx +++ b/apps/docs/components/icons/icons/IconChevronsClose.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconChevronsClose.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconChevronsClose = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconChevronsNarrow.tsx b/apps/docs/components/icons/icons/IconChevronsNarrow.tsx index 7832557c3..7bfe66cbc 100644 --- a/apps/docs/components/icons/icons/IconChevronsNarrow.tsx +++ b/apps/docs/components/icons/icons/IconChevronsNarrow.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconChevronsNarrow.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconChevronsNarrow = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 0.625); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconChevronsNarrowClose.tsx b/apps/docs/components/icons/icons/IconChevronsNarrowClose.tsx index ad952c1ba..94a2b0a13 100644 --- a/apps/docs/components/icons/icons/IconChevronsNarrowClose.tsx +++ b/apps/docs/components/icons/icons/IconChevronsNarrowClose.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconChevronsNarrowClose.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconChevronsNarrowClose = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 0.625); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconCiFailed.tsx b/apps/docs/components/icons/icons/IconCiFailed.tsx index cc590dfc3..c39a0a535 100644 --- a/apps/docs/components/icons/icons/IconCiFailed.tsx +++ b/apps/docs/components/icons/icons/IconCiFailed.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconCiFailed.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconCiFailed = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconCiFailedFill.tsx b/apps/docs/components/icons/icons/IconCiFailedFill.tsx index 4d19f5950..08050dd08 100644 --- a/apps/docs/components/icons/icons/IconCiFailedFill.tsx +++ b/apps/docs/components/icons/icons/IconCiFailedFill.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconCiFailedFill.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconCiFailedFill = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconCiFailedOctagon.tsx b/apps/docs/components/icons/icons/IconCiFailedOctagon.tsx index 3df21f6ab..7d8e7f077 100644 --- a/apps/docs/components/icons/icons/IconCiFailedOctagon.tsx +++ b/apps/docs/components/icons/icons/IconCiFailedOctagon.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconCiFailedOctagon.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconCiFailedOctagon = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconCiFailedOctagonFill.tsx b/apps/docs/components/icons/icons/IconCiFailedOctagonFill.tsx index 72af3de7f..2dede95a6 100644 --- a/apps/docs/components/icons/icons/IconCiFailedOctagonFill.tsx +++ b/apps/docs/components/icons/icons/IconCiFailedOctagonFill.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconCiFailedOctagonFill.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconCiFailedOctagonFill = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconCiWarning.tsx b/apps/docs/components/icons/icons/IconCiWarning.tsx index b19f50007..e6e591d39 100644 --- a/apps/docs/components/icons/icons/IconCiWarning.tsx +++ b/apps/docs/components/icons/icons/IconCiWarning.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconCiWarning.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconCiWarning = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconCiWarningFill.tsx b/apps/docs/components/icons/icons/IconCiWarningFill.tsx index cae368435..55c4207a3 100644 --- a/apps/docs/components/icons/icons/IconCiWarningFill.tsx +++ b/apps/docs/components/icons/icons/IconCiWarningFill.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconCiWarningFill.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconCiWarningFill = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconClockArrow.tsx b/apps/docs/components/icons/icons/IconClockArrow.tsx index 159ad685d..5efe040f4 100644 --- a/apps/docs/components/icons/icons/IconClockArrow.tsx +++ b/apps/docs/components/icons/icons/IconClockArrow.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconClockArrow.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconClockArrow = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 0.9444444444444444); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconCode.tsx b/apps/docs/components/icons/icons/IconCode.tsx index 250563cff..1205c11b1 100644 --- a/apps/docs/components/icons/icons/IconCode.tsx +++ b/apps/docs/components/icons/icons/IconCode.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconCode.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconCode = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconCodeBlock.tsx b/apps/docs/components/icons/icons/IconCodeBlock.tsx index 88e3437d3..6fe5a8147 100644 --- a/apps/docs/components/icons/icons/IconCodeBlock.tsx +++ b/apps/docs/components/icons/icons/IconCodeBlock.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconCodeBlock.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconCodeBlock = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconCodeComments.tsx b/apps/docs/components/icons/icons/IconCodeComments.tsx index bff365b11..89aee79ff 100644 --- a/apps/docs/components/icons/icons/IconCodeComments.tsx +++ b/apps/docs/components/icons/icons/IconCodeComments.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconCodeComments.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconCodeComments = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconCodeFolder.tsx b/apps/docs/components/icons/icons/IconCodeFolder.tsx index 5f0a85157..7b3502450 100644 --- a/apps/docs/components/icons/icons/IconCodeFolder.tsx +++ b/apps/docs/components/icons/icons/IconCodeFolder.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconCodeFolder.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconCodeFolder = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1.125); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconCodeSearch.tsx b/apps/docs/components/icons/icons/IconCodeSearch.tsx index b566446e2..8923e8f04 100644 --- a/apps/docs/components/icons/icons/IconCodeSearch.tsx +++ b/apps/docs/components/icons/icons/IconCodeSearch.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconCodeSearch.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconCodeSearch = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconCodeStyleBars.tsx b/apps/docs/components/icons/icons/IconCodeStyleBars.tsx new file mode 100644 index 000000000..4fca29725 --- /dev/null +++ b/apps/docs/components/icons/icons/IconCodeStyleBars.tsx @@ -0,0 +1,28 @@ +// Generated from svgs/IconCodeStyleBars.svg + +import { type Color, Colors } from "../Color"; + +interface IconProps { + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; +} + +// prettier-ignore +export const IconCodeStyleBars = ({ + size = 16, + color = "currentcolor", + style, + className, + ...props +}: IconProps) => { + const height = size; + const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); + + return ( + + ); +}; + +export { IconCodeStyleBars as ReactComponent }; diff --git a/apps/docs/components/icons/icons/IconCodeStyleBg.tsx b/apps/docs/components/icons/icons/IconCodeStyleBg.tsx new file mode 100644 index 000000000..2775b4819 --- /dev/null +++ b/apps/docs/components/icons/icons/IconCodeStyleBg.tsx @@ -0,0 +1,28 @@ +// Generated from svgs/IconCodeStyleBg.svg + +import { type Color, Colors } from "../Color"; + +interface IconProps { + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; +} + +// prettier-ignore +export const IconCodeStyleBg = ({ + size = 16, + color = "currentcolor", + style, + className, + ...props +}: IconProps) => { + const height = size; + const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); + + return ( + + ); +}; + +export { IconCodeStyleBg as ReactComponent }; diff --git a/apps/docs/components/icons/icons/IconCodeStyleInline.tsx b/apps/docs/components/icons/icons/IconCodeStyleInline.tsx new file mode 100644 index 000000000..0c0356b9e --- /dev/null +++ b/apps/docs/components/icons/icons/IconCodeStyleInline.tsx @@ -0,0 +1,28 @@ +// Generated from svgs/IconCodeStyleInline.svg + +import { type Color, Colors } from "../Color"; + +interface IconProps { + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; +} + +// prettier-ignore +export const IconCodeStyleInline = ({ + size = 16, + color = "currentcolor", + style, + className, + ...props +}: IconProps) => { + const height = size; + const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); + + return ( + + ); +}; + +export { IconCodeStyleInline as ReactComponent }; diff --git a/apps/docs/components/icons/icons/IconCollapsedRow.tsx b/apps/docs/components/icons/icons/IconCollapsedRow.tsx index 1e8ed9ab0..d8c806897 100644 --- a/apps/docs/components/icons/icons/IconCollapsedRow.tsx +++ b/apps/docs/components/icons/icons/IconCollapsedRow.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconCollapsedRow.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconCollapsedRow = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 0.75); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconColorAuto.tsx b/apps/docs/components/icons/icons/IconColorAuto.tsx index b7886e087..85e403555 100644 --- a/apps/docs/components/icons/icons/IconColorAuto.tsx +++ b/apps/docs/components/icons/icons/IconColorAuto.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconColorAuto.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconColorAuto = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconColorDark.tsx b/apps/docs/components/icons/icons/IconColorDark.tsx index 739964d9d..9145efeba 100644 --- a/apps/docs/components/icons/icons/IconColorDark.tsx +++ b/apps/docs/components/icons/icons/IconColorDark.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconColorDark.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconColorDark = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconColorLight.tsx b/apps/docs/components/icons/icons/IconColorLight.tsx index dbe5d7c2b..28acd483a 100644 --- a/apps/docs/components/icons/icons/IconColorLight.tsx +++ b/apps/docs/components/icons/icons/IconColorLight.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconColorLight.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconColorLight = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconComment.tsx b/apps/docs/components/icons/icons/IconComment.tsx index fee1f96f2..0974b394d 100644 --- a/apps/docs/components/icons/icons/IconComment.tsx +++ b/apps/docs/components/icons/icons/IconComment.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconComment.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconComment = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconCommentAdd.tsx b/apps/docs/components/icons/icons/IconCommentAdd.tsx index c7ecdacc8..f9c688b53 100644 --- a/apps/docs/components/icons/icons/IconCommentAdd.tsx +++ b/apps/docs/components/icons/icons/IconCommentAdd.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconCommentAdd.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconCommentAdd = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconCommentFill.tsx b/apps/docs/components/icons/icons/IconCommentFill.tsx index e7c9945e3..32f782fc4 100644 --- a/apps/docs/components/icons/icons/IconCommentFill.tsx +++ b/apps/docs/components/icons/icons/IconCommentFill.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconCommentFill.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconCommentFill = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconCommentIssue.tsx b/apps/docs/components/icons/icons/IconCommentIssue.tsx index a20004dec..2820ba760 100644 --- a/apps/docs/components/icons/icons/IconCommentIssue.tsx +++ b/apps/docs/components/icons/icons/IconCommentIssue.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconCommentIssue.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconCommentIssue = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconCommentRightResolvedFill.tsx b/apps/docs/components/icons/icons/IconCommentRightResolvedFill.tsx index c5882b055..23b18fb10 100644 --- a/apps/docs/components/icons/icons/IconCommentRightResolvedFill.tsx +++ b/apps/docs/components/icons/icons/IconCommentRightResolvedFill.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconCommentRightResolvedFill.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconCommentRightResolvedFill = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconCommentSuggest.tsx b/apps/docs/components/icons/icons/IconCommentSuggest.tsx index b369b585f..8931ec5b1 100644 --- a/apps/docs/components/icons/icons/IconCommentSuggest.tsx +++ b/apps/docs/components/icons/icons/IconCommentSuggest.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconCommentSuggest.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconCommentSuggest = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconCommit.tsx b/apps/docs/components/icons/icons/IconCommit.tsx index 362bb4fbc..02d7e24d7 100644 --- a/apps/docs/components/icons/icons/IconCommit.tsx +++ b/apps/docs/components/icons/icons/IconCommit.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconCommit.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconCommit = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconCommitArrow.tsx b/apps/docs/components/icons/icons/IconCommitArrow.tsx index a7cd57814..30c1ed814 100644 --- a/apps/docs/components/icons/icons/IconCommitArrow.tsx +++ b/apps/docs/components/icons/icons/IconCommitArrow.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconCommitArrow.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconCommitArrow = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconConflict.tsx b/apps/docs/components/icons/icons/IconConflict.tsx index 15ed95c81..49301de40 100644 --- a/apps/docs/components/icons/icons/IconConflict.tsx +++ b/apps/docs/components/icons/icons/IconConflict.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconConflict.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconConflict = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconCopy.tsx b/apps/docs/components/icons/icons/IconCopy.tsx index 7753f073a..0a1ae42c6 100644 --- a/apps/docs/components/icons/icons/IconCopy.tsx +++ b/apps/docs/components/icons/icons/IconCopy.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconCopy.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconCopy = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconCopyFill.tsx b/apps/docs/components/icons/icons/IconCopyFill.tsx index 74dc8ec72..1759b6777 100644 --- a/apps/docs/components/icons/icons/IconCopyFill.tsx +++ b/apps/docs/components/icons/icons/IconCopyFill.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconCopyFill.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconCopyFill = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconCreditCard.tsx b/apps/docs/components/icons/icons/IconCreditCard.tsx index ebf39fea7..46ad0fa3a 100644 --- a/apps/docs/components/icons/icons/IconCreditCard.tsx +++ b/apps/docs/components/icons/icons/IconCreditCard.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconCreditCard.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconCreditCard = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1.125); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconCrown.tsx b/apps/docs/components/icons/icons/IconCrown.tsx index 8bc405637..d491768f3 100644 --- a/apps/docs/components/icons/icons/IconCrown.tsx +++ b/apps/docs/components/icons/icons/IconCrown.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconCrown.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconCrown = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1.125); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconCrownFill.tsx b/apps/docs/components/icons/icons/IconCrownFill.tsx index 5ccc0289a..bd512b58c 100644 --- a/apps/docs/components/icons/icons/IconCrownFill.tsx +++ b/apps/docs/components/icons/icons/IconCrownFill.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconCrownFill.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconCrownFill = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1.125); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconCursor.tsx b/apps/docs/components/icons/icons/IconCursor.tsx index 4b6184df7..ee483a698 100644 --- a/apps/docs/components/icons/icons/IconCursor.tsx +++ b/apps/docs/components/icons/icons/IconCursor.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconCursor.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconCursor = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconDesktop.tsx b/apps/docs/components/icons/icons/IconDesktop.tsx index a99ec2347..a1e7528d7 100644 --- a/apps/docs/components/icons/icons/IconDesktop.tsx +++ b/apps/docs/components/icons/icons/IconDesktop.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconDesktop.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconDesktop = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconDiffBlended.tsx b/apps/docs/components/icons/icons/IconDiffBlended.tsx index 1441dfb39..3e3fad1dc 100644 --- a/apps/docs/components/icons/icons/IconDiffBlended.tsx +++ b/apps/docs/components/icons/icons/IconDiffBlended.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconDiffBlended.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconDiffBlended = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconDiffSplit.tsx b/apps/docs/components/icons/icons/IconDiffSplit.tsx index 76e6d309e..d0bdcec37 100644 --- a/apps/docs/components/icons/icons/IconDiffSplit.tsx +++ b/apps/docs/components/icons/icons/IconDiffSplit.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconDiffSplit.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconDiffSplit = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconDock.tsx b/apps/docs/components/icons/icons/IconDock.tsx index 02eed2e00..ccf055ffb 100644 --- a/apps/docs/components/icons/icons/IconDock.tsx +++ b/apps/docs/components/icons/icons/IconDock.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconDock.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconDock = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconDraft.tsx b/apps/docs/components/icons/icons/IconDraft.tsx index 38190cdf1..31ad1c62d 100644 --- a/apps/docs/components/icons/icons/IconDraft.tsx +++ b/apps/docs/components/icons/icons/IconDraft.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconDraft.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconDraft = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconDragonball.tsx b/apps/docs/components/icons/icons/IconDragonball.tsx index dd10a3d2a..c08056242 100644 --- a/apps/docs/components/icons/icons/IconDragonball.tsx +++ b/apps/docs/components/icons/icons/IconDragonball.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconDragonball.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconDragonball = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconDragonballFill.tsx b/apps/docs/components/icons/icons/IconDragonballFill.tsx index a5ac56229..cb60d7e60 100644 --- a/apps/docs/components/icons/icons/IconDragonballFill.tsx +++ b/apps/docs/components/icons/icons/IconDragonballFill.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconDragonballFill.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconDragonballFill = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconEllipsis.tsx b/apps/docs/components/icons/icons/IconEllipsis.tsx index 8d9c37226..c85827040 100644 --- a/apps/docs/components/icons/icons/IconEllipsis.tsx +++ b/apps/docs/components/icons/icons/IconEllipsis.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconEllipsis.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconEllipsis = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconEmojiSmile.tsx b/apps/docs/components/icons/icons/IconEmojiSmile.tsx index 9fcec4739..30d47f172 100644 --- a/apps/docs/components/icons/icons/IconEmojiSmile.tsx +++ b/apps/docs/components/icons/icons/IconEmojiSmile.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconEmojiSmile.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconEmojiSmile = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconEmojiSmileDashed.tsx b/apps/docs/components/icons/icons/IconEmojiSmileDashed.tsx index d197a46fa..673676898 100644 --- a/apps/docs/components/icons/icons/IconEmojiSmileDashed.tsx +++ b/apps/docs/components/icons/icons/IconEmojiSmileDashed.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconEmojiSmileDashed.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconEmojiSmileDashed = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconEmojiSmileFill.tsx b/apps/docs/components/icons/icons/IconEmojiSmileFill.tsx index 44d53308b..acc09ba63 100644 --- a/apps/docs/components/icons/icons/IconEmojiSmileFill.tsx +++ b/apps/docs/components/icons/icons/IconEmojiSmileFill.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconEmojiSmileFill.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconEmojiSmileFill = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconEnvelope.tsx b/apps/docs/components/icons/icons/IconEnvelope.tsx index 7a45ec131..991801576 100644 --- a/apps/docs/components/icons/icons/IconEnvelope.tsx +++ b/apps/docs/components/icons/icons/IconEnvelope.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconEnvelope.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconEnvelope = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconEnvelopeFill.tsx b/apps/docs/components/icons/icons/IconEnvelopeFill.tsx index 8d6c98818..dd78d2c44 100644 --- a/apps/docs/components/icons/icons/IconEnvelopeFill.tsx +++ b/apps/docs/components/icons/icons/IconEnvelopeFill.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconEnvelopeFill.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconEnvelopeFill = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconEnvelopeOpenFill.tsx b/apps/docs/components/icons/icons/IconEnvelopeOpenFill.tsx index c7e0f221a..2fbd068c6 100644 --- a/apps/docs/components/icons/icons/IconEnvelopeOpenFill.tsx +++ b/apps/docs/components/icons/icons/IconEnvelopeOpenFill.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconEnvelopeOpenFill.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconEnvelopeOpenFill = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconExpandRow.tsx b/apps/docs/components/icons/icons/IconExpandRow.tsx index 258db1328..e504cd4d8 100644 --- a/apps/docs/components/icons/icons/IconExpandRow.tsx +++ b/apps/docs/components/icons/icons/IconExpandRow.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconExpandRow.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconExpandRow = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 0.75); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconExtensions.tsx b/apps/docs/components/icons/icons/IconExtensions.tsx index 2740d6338..f460f2212 100644 --- a/apps/docs/components/icons/icons/IconExtensions.tsx +++ b/apps/docs/components/icons/icons/IconExtensions.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconExtensions.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconExtensions = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconEye.tsx b/apps/docs/components/icons/icons/IconEye.tsx index 90b45f531..4a1adb84a 100644 --- a/apps/docs/components/icons/icons/IconEye.tsx +++ b/apps/docs/components/icons/icons/IconEye.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconEye.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconEye = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconEyeSlash.tsx b/apps/docs/components/icons/icons/IconEyeSlash.tsx index 064cf3241..256a8f707 100644 --- a/apps/docs/components/icons/icons/IconEyeSlash.tsx +++ b/apps/docs/components/icons/icons/IconEyeSlash.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconEyeSlash.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconEyeSlash = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconFile.tsx b/apps/docs/components/icons/icons/IconFile.tsx index 254f0a25a..097c246cb 100644 --- a/apps/docs/components/icons/icons/IconFile.tsx +++ b/apps/docs/components/icons/icons/IconFile.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconFile.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconFile = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1.0625); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconFileCode.tsx b/apps/docs/components/icons/icons/IconFileCode.tsx index 0194259b9..881391244 100644 --- a/apps/docs/components/icons/icons/IconFileCode.tsx +++ b/apps/docs/components/icons/icons/IconFileCode.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconFileCode.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconFileCode = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1.0625); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconFileExport.tsx b/apps/docs/components/icons/icons/IconFileExport.tsx index 8298eef05..15939a2af 100644 --- a/apps/docs/components/icons/icons/IconFileExport.tsx +++ b/apps/docs/components/icons/icons/IconFileExport.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconFileExport.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconFileExport = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1.0625); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconFileLocked.tsx b/apps/docs/components/icons/icons/IconFileLocked.tsx index 9f3c0f07b..9138ad583 100644 --- a/apps/docs/components/icons/icons/IconFileLocked.tsx +++ b/apps/docs/components/icons/icons/IconFileLocked.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconFileLocked.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconFileLocked = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1.0625); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconFileRichText.tsx b/apps/docs/components/icons/icons/IconFileRichText.tsx index c1168dee4..4a1dacfc3 100644 --- a/apps/docs/components/icons/icons/IconFileRichText.tsx +++ b/apps/docs/components/icons/icons/IconFileRichText.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconFileRichText.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconFileRichText = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconFileText.tsx b/apps/docs/components/icons/icons/IconFileText.tsx index 8ba7314ee..ee1f66d54 100644 --- a/apps/docs/components/icons/icons/IconFileText.tsx +++ b/apps/docs/components/icons/icons/IconFileText.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconFileText.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconFileText = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1.0625); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconFileTree.tsx b/apps/docs/components/icons/icons/IconFileTree.tsx index 03b41a664..163c6572c 100644 --- a/apps/docs/components/icons/icons/IconFileTree.tsx +++ b/apps/docs/components/icons/icons/IconFileTree.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconFileTree.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconFileTree = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconFileTreeFill.tsx b/apps/docs/components/icons/icons/IconFileTreeFill.tsx index 10f330a32..0ba775064 100644 --- a/apps/docs/components/icons/icons/IconFileTreeFill.tsx +++ b/apps/docs/components/icons/icons/IconFileTreeFill.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconFileTreeFill.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconFileTreeFill = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconFiles.tsx b/apps/docs/components/icons/icons/IconFiles.tsx index 70a02a5c0..115e72b7d 100644 --- a/apps/docs/components/icons/icons/IconFiles.tsx +++ b/apps/docs/components/icons/icons/IconFiles.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconFiles.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconFiles = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1.125); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconFilter.tsx b/apps/docs/components/icons/icons/IconFilter.tsx index 361425e92..178792a92 100644 --- a/apps/docs/components/icons/icons/IconFilter.tsx +++ b/apps/docs/components/icons/icons/IconFilter.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconFilter.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconFilter = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconFire.tsx b/apps/docs/components/icons/icons/IconFire.tsx index 090748255..cfd967c5e 100644 --- a/apps/docs/components/icons/icons/IconFire.tsx +++ b/apps/docs/components/icons/icons/IconFire.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconFire.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconFire = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconFlag.tsx b/apps/docs/components/icons/icons/IconFlag.tsx index a5de210bc..8da5c5fae 100644 --- a/apps/docs/components/icons/icons/IconFlag.tsx +++ b/apps/docs/components/icons/icons/IconFlag.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconFlag.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconFlag = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconFlagFill.tsx b/apps/docs/components/icons/icons/IconFlagFill.tsx index 564b59b29..0de8572a4 100644 --- a/apps/docs/components/icons/icons/IconFlagFill.tsx +++ b/apps/docs/components/icons/icons/IconFlagFill.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconFlagFill.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconFlagFill = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconFolder.tsx b/apps/docs/components/icons/icons/IconFolder.tsx index 80a99f7d1..b15e0f4c0 100644 --- a/apps/docs/components/icons/icons/IconFolder.tsx +++ b/apps/docs/components/icons/icons/IconFolder.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconFolder.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconFolder = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1.125); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconFolderOpen.tsx b/apps/docs/components/icons/icons/IconFolderOpen.tsx index 37169c587..4ae43a18e 100644 --- a/apps/docs/components/icons/icons/IconFolderOpen.tsx +++ b/apps/docs/components/icons/icons/IconFolderOpen.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconFolderOpen.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconFolderOpen = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1.125); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconFolders.tsx b/apps/docs/components/icons/icons/IconFolders.tsx index 5ec5dcf34..640c6d99c 100644 --- a/apps/docs/components/icons/icons/IconFolders.tsx +++ b/apps/docs/components/icons/icons/IconFolders.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconFolders.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconFolders = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconFullscreen.tsx b/apps/docs/components/icons/icons/IconFullscreen.tsx index 37523c427..783c5dc7c 100644 --- a/apps/docs/components/icons/icons/IconFullscreen.tsx +++ b/apps/docs/components/icons/icons/IconFullscreen.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconFullscreen.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconFullscreen = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1.125); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconFullscreenFill.tsx b/apps/docs/components/icons/icons/IconFullscreenFill.tsx index 566875481..52ff47a29 100644 --- a/apps/docs/components/icons/icons/IconFullscreenFill.tsx +++ b/apps/docs/components/icons/icons/IconFullscreenFill.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconFullscreenFill.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconFullscreenFill = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1.125); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconFunction.tsx b/apps/docs/components/icons/icons/IconFunction.tsx index d58fd66a7..3a7cc510a 100644 --- a/apps/docs/components/icons/icons/IconFunction.tsx +++ b/apps/docs/components/icons/icons/IconFunction.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconFunction.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconFunction = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconFunctionFill.tsx b/apps/docs/components/icons/icons/IconFunctionFill.tsx index 3d95f3798..9cdae16a6 100644 --- a/apps/docs/components/icons/icons/IconFunctionFill.tsx +++ b/apps/docs/components/icons/icons/IconFunctionFill.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconFunctionFill.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconFunctionFill = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconGauge.tsx b/apps/docs/components/icons/icons/IconGauge.tsx index 5f8891b7f..c6d2470c5 100644 --- a/apps/docs/components/icons/icons/IconGauge.tsx +++ b/apps/docs/components/icons/icons/IconGauge.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconGauge.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconGauge = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconGear.tsx b/apps/docs/components/icons/icons/IconGear.tsx index 70dd816d2..89e1c875e 100644 --- a/apps/docs/components/icons/icons/IconGear.tsx +++ b/apps/docs/components/icons/icons/IconGear.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconGear.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconGear = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconGearFill.tsx b/apps/docs/components/icons/icons/IconGearFill.tsx index b1b6fab15..a31b9c9b4 100644 --- a/apps/docs/components/icons/icons/IconGearFill.tsx +++ b/apps/docs/components/icons/icons/IconGearFill.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconGearFill.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconGearFill = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconGlobe.tsx b/apps/docs/components/icons/icons/IconGlobe.tsx index 02dc3559d..7c5be9baa 100644 --- a/apps/docs/components/icons/icons/IconGlobe.tsx +++ b/apps/docs/components/icons/icons/IconGlobe.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconGlobe.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconGlobe = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconGrid.tsx b/apps/docs/components/icons/icons/IconGrid.tsx index 0488cd389..16dd154c5 100644 --- a/apps/docs/components/icons/icons/IconGrid.tsx +++ b/apps/docs/components/icons/icons/IconGrid.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconGrid.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconGrid = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconGrid2x1.tsx b/apps/docs/components/icons/icons/IconGrid2x1.tsx index 48ab3ecac..e0c769c45 100644 --- a/apps/docs/components/icons/icons/IconGrid2x1.tsx +++ b/apps/docs/components/icons/icons/IconGrid2x1.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconGrid2x1.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconGrid2x1 = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconGrip.tsx b/apps/docs/components/icons/icons/IconGrip.tsx index 0021a03da..5c4834e91 100644 --- a/apps/docs/components/icons/icons/IconGrip.tsx +++ b/apps/docs/components/icons/icons/IconGrip.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconGrip.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconGrip = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconHeart.tsx b/apps/docs/components/icons/icons/IconHeart.tsx index df018627e..bf98851ee 100644 --- a/apps/docs/components/icons/icons/IconHeart.tsx +++ b/apps/docs/components/icons/icons/IconHeart.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconHeart.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconHeart = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconHeartFill.tsx b/apps/docs/components/icons/icons/IconHeartFill.tsx index 8fcd228f5..63cc1160c 100644 --- a/apps/docs/components/icons/icons/IconHeartFill.tsx +++ b/apps/docs/components/icons/icons/IconHeartFill.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconHeartFill.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconHeartFill = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconHome.tsx b/apps/docs/components/icons/icons/IconHome.tsx index e036e3796..dec50120c 100644 --- a/apps/docs/components/icons/icons/IconHome.tsx +++ b/apps/docs/components/icons/icons/IconHome.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconHome.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconHome = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconHome2.tsx b/apps/docs/components/icons/icons/IconHome2.tsx index 33918af1d..96600c647 100644 --- a/apps/docs/components/icons/icons/IconHome2.tsx +++ b/apps/docs/components/icons/icons/IconHome2.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconHome2.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconHome2 = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1.125); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconHome2Fill.tsx b/apps/docs/components/icons/icons/IconHome2Fill.tsx index c1b57bc02..4592b5964 100644 --- a/apps/docs/components/icons/icons/IconHome2Fill.tsx +++ b/apps/docs/components/icons/icons/IconHome2Fill.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconHome2Fill.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconHome2Fill = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1.125); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconHomeFill.tsx b/apps/docs/components/icons/icons/IconHomeFill.tsx index 73f2c5199..7c8148907 100644 --- a/apps/docs/components/icons/icons/IconHomeFill.tsx +++ b/apps/docs/components/icons/icons/IconHomeFill.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconHomeFill.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconHomeFill = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconImage.tsx b/apps/docs/components/icons/icons/IconImage.tsx index 925014e7f..27aa7f0eb 100644 --- a/apps/docs/components/icons/icons/IconImage.tsx +++ b/apps/docs/components/icons/icons/IconImage.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconImage.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconImage = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconImageGif.tsx b/apps/docs/components/icons/icons/IconImageGif.tsx index fac79a277..f33785a96 100644 --- a/apps/docs/components/icons/icons/IconImageGif.tsx +++ b/apps/docs/components/icons/icons/IconImageGif.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconImageGif.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconImageGif = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconInProgress.tsx b/apps/docs/components/icons/icons/IconInProgress.tsx index efa1dda74..1a593281c 100644 --- a/apps/docs/components/icons/icons/IconInProgress.tsx +++ b/apps/docs/components/icons/icons/IconInProgress.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconInProgress.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconInProgress = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconInProgressArrow.tsx b/apps/docs/components/icons/icons/IconInProgressArrow.tsx index 23acb148b..ddfe17073 100644 --- a/apps/docs/components/icons/icons/IconInProgressArrow.tsx +++ b/apps/docs/components/icons/icons/IconInProgressArrow.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconInProgressArrow.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconInProgressArrow = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 0.9411764705882353); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconInReview.tsx b/apps/docs/components/icons/icons/IconInReview.tsx index 1808d0c6e..c2357eca0 100644 --- a/apps/docs/components/icons/icons/IconInReview.tsx +++ b/apps/docs/components/icons/icons/IconInReview.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconInReview.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconInReview = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconInReviewArrow.tsx b/apps/docs/components/icons/icons/IconInReviewArrow.tsx index 2fa467b86..c172d3a08 100644 --- a/apps/docs/components/icons/icons/IconInReviewArrow.tsx +++ b/apps/docs/components/icons/icons/IconInReviewArrow.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconInReviewArrow.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconInReviewArrow = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 0.9411764705882353); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconInReviewRightFill.tsx b/apps/docs/components/icons/icons/IconInReviewRightFill.tsx index 52497e23a..1995b30fe 100644 --- a/apps/docs/components/icons/icons/IconInReviewRightFill.tsx +++ b/apps/docs/components/icons/icons/IconInReviewRightFill.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconInReviewRightFill.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconInReviewRightFill = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconInbox.tsx b/apps/docs/components/icons/icons/IconInbox.tsx index 4cedd77fa..678ce5208 100644 --- a/apps/docs/components/icons/icons/IconInbox.tsx +++ b/apps/docs/components/icons/icons/IconInbox.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconInbox.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconInbox = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconInboxUnread.tsx b/apps/docs/components/icons/icons/IconInboxUnread.tsx index b4d38d419..e64761c7d 100644 --- a/apps/docs/components/icons/icons/IconInboxUnread.tsx +++ b/apps/docs/components/icons/icons/IconInboxUnread.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconInboxUnread.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconInboxUnread = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconIndent.tsx b/apps/docs/components/icons/icons/IconIndent.tsx index a0dca263c..630bb6e11 100644 --- a/apps/docs/components/icons/icons/IconIndent.tsx +++ b/apps/docs/components/icons/icons/IconIndent.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconIndent.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconIndent = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconInfo.tsx b/apps/docs/components/icons/icons/IconInfo.tsx index 4a336926c..15f46535b 100644 --- a/apps/docs/components/icons/icons/IconInfo.tsx +++ b/apps/docs/components/icons/icons/IconInfo.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconInfo.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconInfo = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconInfoFill.tsx b/apps/docs/components/icons/icons/IconInfoFill.tsx index dffd90597..96ef19f22 100644 --- a/apps/docs/components/icons/icons/IconInfoFill.tsx +++ b/apps/docs/components/icons/icons/IconInfoFill.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconInfoFill.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconInfoFill = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconIssue.tsx b/apps/docs/components/icons/icons/IconIssue.tsx index 0b242ad56..506d3e164 100644 --- a/apps/docs/components/icons/icons/IconIssue.tsx +++ b/apps/docs/components/icons/icons/IconIssue.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconIssue.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconIssue = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconKey.tsx b/apps/docs/components/icons/icons/IconKey.tsx index fbea9bd7c..5062649ae 100644 --- a/apps/docs/components/icons/icons/IconKey.tsx +++ b/apps/docs/components/icons/icons/IconKey.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconKey.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconKey = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconKeyFill.tsx b/apps/docs/components/icons/icons/IconKeyFill.tsx index 561853f17..5f8bc06cb 100644 --- a/apps/docs/components/icons/icons/IconKeyFill.tsx +++ b/apps/docs/components/icons/icons/IconKeyFill.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconKeyFill.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconKeyFill = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconLaptop.tsx b/apps/docs/components/icons/icons/IconLaptop.tsx index 311f62021..7bf1bd290 100644 --- a/apps/docs/components/icons/icons/IconLaptop.tsx +++ b/apps/docs/components/icons/icons/IconLaptop.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconLaptop.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconLaptop = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconLaurel.tsx b/apps/docs/components/icons/icons/IconLaurel.tsx index b13b694c5..837ee9d7b 100644 --- a/apps/docs/components/icons/icons/IconLaurel.tsx +++ b/apps/docs/components/icons/icons/IconLaurel.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconLaurel.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconLaurel = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 0.6875); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconLayers.tsx b/apps/docs/components/icons/icons/IconLayers.tsx index 8777faba8..af136d16e 100644 --- a/apps/docs/components/icons/icons/IconLayers.tsx +++ b/apps/docs/components/icons/icons/IconLayers.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconLayers.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconLayers = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconLayers2.tsx b/apps/docs/components/icons/icons/IconLayers2.tsx index 1f337e3c4..2c7e19546 100644 --- a/apps/docs/components/icons/icons/IconLayers2.tsx +++ b/apps/docs/components/icons/icons/IconLayers2.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconLayers2.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconLayers2 = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconLayers2Bottom.tsx b/apps/docs/components/icons/icons/IconLayers2Bottom.tsx index 2834fdfc5..1cee71455 100644 --- a/apps/docs/components/icons/icons/IconLayers2Bottom.tsx +++ b/apps/docs/components/icons/icons/IconLayers2Bottom.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconLayers2Bottom.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconLayers2Bottom = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconLayers2Outline.tsx b/apps/docs/components/icons/icons/IconLayers2Outline.tsx index 752ff1005..5a2671446 100644 --- a/apps/docs/components/icons/icons/IconLayers2Outline.tsx +++ b/apps/docs/components/icons/icons/IconLayers2Outline.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconLayers2Outline.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconLayers2Outline = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconLayers2Top.tsx b/apps/docs/components/icons/icons/IconLayers2Top.tsx index 950a4ea13..cbffdfc8a 100644 --- a/apps/docs/components/icons/icons/IconLayers2Top.tsx +++ b/apps/docs/components/icons/icons/IconLayers2Top.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconLayers2Top.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconLayers2Top = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconLayers3Bottom.tsx b/apps/docs/components/icons/icons/IconLayers3Bottom.tsx index 40435deb9..b4d1e516b 100644 --- a/apps/docs/components/icons/icons/IconLayers3Bottom.tsx +++ b/apps/docs/components/icons/icons/IconLayers3Bottom.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconLayers3Bottom.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconLayers3Bottom = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconLayers3Middle.tsx b/apps/docs/components/icons/icons/IconLayers3Middle.tsx index 863958329..a21c826ec 100644 --- a/apps/docs/components/icons/icons/IconLayers3Middle.tsx +++ b/apps/docs/components/icons/icons/IconLayers3Middle.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconLayers3Middle.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconLayers3Middle = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconLayers3Top.tsx b/apps/docs/components/icons/icons/IconLayers3Top.tsx index 1195c94be..8be36bab0 100644 --- a/apps/docs/components/icons/icons/IconLayers3Top.tsx +++ b/apps/docs/components/icons/icons/IconLayers3Top.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconLayers3Top.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconLayers3Top = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconLifeRaft.tsx b/apps/docs/components/icons/icons/IconLifeRaft.tsx index 93c9a9edc..81f0c53ac 100644 --- a/apps/docs/components/icons/icons/IconLifeRaft.tsx +++ b/apps/docs/components/icons/icons/IconLifeRaft.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconLifeRaft.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconLifeRaft = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconLineGraph.tsx b/apps/docs/components/icons/icons/IconLineGraph.tsx index 3ab0893fa..eaf6e0b6a 100644 --- a/apps/docs/components/icons/icons/IconLineGraph.tsx +++ b/apps/docs/components/icons/icons/IconLineGraph.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconLineGraph.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconLineGraph = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconLineGraphArea.tsx b/apps/docs/components/icons/icons/IconLineGraphArea.tsx index 0b596a3e1..cf33984fa 100644 --- a/apps/docs/components/icons/icons/IconLineGraphArea.tsx +++ b/apps/docs/components/icons/icons/IconLineGraphArea.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconLineGraphArea.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconLineGraphArea = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconLineGraphAxis.tsx b/apps/docs/components/icons/icons/IconLineGraphAxis.tsx index 9ebd2d1cf..16c5e8607 100644 --- a/apps/docs/components/icons/icons/IconLineGraphAxis.tsx +++ b/apps/docs/components/icons/icons/IconLineGraphAxis.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconLineGraphAxis.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconLineGraphAxis = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconLineGraphBase.tsx b/apps/docs/components/icons/icons/IconLineGraphBase.tsx index 5e0e460db..1d2376b44 100644 --- a/apps/docs/components/icons/icons/IconLineGraphBase.tsx +++ b/apps/docs/components/icons/icons/IconLineGraphBase.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconLineGraphBase.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconLineGraphBase = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconLinear1.tsx b/apps/docs/components/icons/icons/IconLinear1.tsx index 6af8dace3..de625d887 100644 --- a/apps/docs/components/icons/icons/IconLinear1.tsx +++ b/apps/docs/components/icons/icons/IconLinear1.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconLinear1.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconLinear1 = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconLinear2.tsx b/apps/docs/components/icons/icons/IconLinear2.tsx index 515d27fe4..3f15b376f 100644 --- a/apps/docs/components/icons/icons/IconLinear2.tsx +++ b/apps/docs/components/icons/icons/IconLinear2.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconLinear2.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconLinear2 = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconLinear3.tsx b/apps/docs/components/icons/icons/IconLinear3.tsx index dba4317e5..c2aa8b132 100644 --- a/apps/docs/components/icons/icons/IconLinear3.tsx +++ b/apps/docs/components/icons/icons/IconLinear3.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconLinear3.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconLinear3 = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconLinearDone.tsx b/apps/docs/components/icons/icons/IconLinearDone.tsx index 573e9d300..79d42c537 100644 --- a/apps/docs/components/icons/icons/IconLinearDone.tsx +++ b/apps/docs/components/icons/icons/IconLinearDone.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconLinearDone.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconLinearDone = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconLink.tsx b/apps/docs/components/icons/icons/IconLink.tsx index aa79ba25b..413578836 100644 --- a/apps/docs/components/icons/icons/IconLink.tsx +++ b/apps/docs/components/icons/icons/IconLink.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconLink.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconLink = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconListCheck.tsx b/apps/docs/components/icons/icons/IconListCheck.tsx index b8159de6b..eb2078393 100644 --- a/apps/docs/components/icons/icons/IconListCheck.tsx +++ b/apps/docs/components/icons/icons/IconListCheck.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconListCheck.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconListCheck = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconListOrdered.tsx b/apps/docs/components/icons/icons/IconListOrdered.tsx index b905c9b32..46573f08e 100644 --- a/apps/docs/components/icons/icons/IconListOrdered.tsx +++ b/apps/docs/components/icons/icons/IconListOrdered.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconListOrdered.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconListOrdered = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconListUnordered.tsx b/apps/docs/components/icons/icons/IconListUnordered.tsx index d0bd1856f..219f6cf18 100644 --- a/apps/docs/components/icons/icons/IconListUnordered.tsx +++ b/apps/docs/components/icons/icons/IconListUnordered.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconListUnordered.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconListUnordered = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconLock.tsx b/apps/docs/components/icons/icons/IconLock.tsx index 0c55a0316..2ec240cbb 100644 --- a/apps/docs/components/icons/icons/IconLock.tsx +++ b/apps/docs/components/icons/icons/IconLock.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconLock.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconLock = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconLockKeyhole.tsx b/apps/docs/components/icons/icons/IconLockKeyhole.tsx index 434cd86a1..a71658951 100644 --- a/apps/docs/components/icons/icons/IconLockKeyhole.tsx +++ b/apps/docs/components/icons/icons/IconLockKeyhole.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconLockKeyhole.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconLockKeyhole = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconLockKeyholeOpen.tsx b/apps/docs/components/icons/icons/IconLockKeyholeOpen.tsx index 84cc6872b..e8f8b6b11 100644 --- a/apps/docs/components/icons/icons/IconLockKeyholeOpen.tsx +++ b/apps/docs/components/icons/icons/IconLockKeyholeOpen.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconLockKeyholeOpen.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconLockKeyholeOpen = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconLockOpen.tsx b/apps/docs/components/icons/icons/IconLockOpen.tsx index c2c716573..caca1bb6c 100644 --- a/apps/docs/components/icons/icons/IconLockOpen.tsx +++ b/apps/docs/components/icons/icons/IconLockOpen.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconLockOpen.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconLockOpen = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconLogs.tsx b/apps/docs/components/icons/icons/IconLogs.tsx index 030c8e7eb..806a0796e 100644 --- a/apps/docs/components/icons/icons/IconLogs.tsx +++ b/apps/docs/components/icons/icons/IconLogs.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconLogs.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconLogs = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1.1875); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconMagnifyingGlassFocus.tsx b/apps/docs/components/icons/icons/IconMagnifyingGlassFocus.tsx index c50664b2a..7304ba1b8 100644 --- a/apps/docs/components/icons/icons/IconMagnifyingGlassFocus.tsx +++ b/apps/docs/components/icons/icons/IconMagnifyingGlassFocus.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconMagnifyingGlassFocus.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconMagnifyingGlassFocus = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconMakeLonger.tsx b/apps/docs/components/icons/icons/IconMakeLonger.tsx index 840504c08..3a5567d23 100644 --- a/apps/docs/components/icons/icons/IconMakeLonger.tsx +++ b/apps/docs/components/icons/icons/IconMakeLonger.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconMakeLonger.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconMakeLonger = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconMakeShorter.tsx b/apps/docs/components/icons/icons/IconMakeShorter.tsx index a099f382e..d2740675e 100644 --- a/apps/docs/components/icons/icons/IconMakeShorter.tsx +++ b/apps/docs/components/icons/icons/IconMakeShorter.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconMakeShorter.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconMakeShorter = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconMap.tsx b/apps/docs/components/icons/icons/IconMap.tsx index f619f1386..357d3544b 100644 --- a/apps/docs/components/icons/icons/IconMap.tsx +++ b/apps/docs/components/icons/icons/IconMap.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconMap.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconMap = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconMapFill.tsx b/apps/docs/components/icons/icons/IconMapFill.tsx index 1cc216da7..126e76962 100644 --- a/apps/docs/components/icons/icons/IconMapFill.tsx +++ b/apps/docs/components/icons/icons/IconMapFill.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconMapFill.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconMapFill = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconMedal.tsx b/apps/docs/components/icons/icons/IconMedal.tsx index 8b4bdadd5..f050c41d2 100644 --- a/apps/docs/components/icons/icons/IconMedal.tsx +++ b/apps/docs/components/icons/icons/IconMedal.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconMedal.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconMedal = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconMenu.tsx b/apps/docs/components/icons/icons/IconMenu.tsx index 910ccb996..5693d8225 100644 --- a/apps/docs/components/icons/icons/IconMenu.tsx +++ b/apps/docs/components/icons/icons/IconMenu.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconMenu.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconMenu = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconMerged.tsx b/apps/docs/components/icons/icons/IconMerged.tsx index a542a9571..bad14e29f 100644 --- a/apps/docs/components/icons/icons/IconMerged.tsx +++ b/apps/docs/components/icons/icons/IconMerged.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconMerged.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconMerged = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconMergedContinuous.tsx b/apps/docs/components/icons/icons/IconMergedContinuous.tsx index 18d6ca925..7951afc7b 100644 --- a/apps/docs/components/icons/icons/IconMergedContinuous.tsx +++ b/apps/docs/components/icons/icons/IconMergedContinuous.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconMergedContinuous.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconMergedContinuous = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 0.9411764705882353); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconMergedFill.tsx b/apps/docs/components/icons/icons/IconMergedFill.tsx index d339114c7..cf7efb804 100644 --- a/apps/docs/components/icons/icons/IconMergedFill.tsx +++ b/apps/docs/components/icons/icons/IconMergedFill.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconMergedFill.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconMergedFill = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconMicrophone.tsx b/apps/docs/components/icons/icons/IconMicrophone.tsx index 576b19dff..1cb6f8435 100644 --- a/apps/docs/components/icons/icons/IconMicrophone.tsx +++ b/apps/docs/components/icons/icons/IconMicrophone.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconMicrophone.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconMicrophone = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconMinus.tsx b/apps/docs/components/icons/icons/IconMinus.tsx index 301c9a48c..708af6d6c 100644 --- a/apps/docs/components/icons/icons/IconMinus.tsx +++ b/apps/docs/components/icons/icons/IconMinus.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconMinus.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconMinus = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconMinusLg.tsx b/apps/docs/components/icons/icons/IconMinusLg.tsx index 92fdd42c1..5bfe69a37 100644 --- a/apps/docs/components/icons/icons/IconMinusLg.tsx +++ b/apps/docs/components/icons/icons/IconMinusLg.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconMinusLg.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconMinusLg = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconMoon.tsx b/apps/docs/components/icons/icons/IconMoon.tsx index 5b2c8ece7..949d99692 100644 --- a/apps/docs/components/icons/icons/IconMoon.tsx +++ b/apps/docs/components/icons/icons/IconMoon.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconMoon.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconMoon = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconNoNewLine.tsx b/apps/docs/components/icons/icons/IconNoNewLine.tsx index 4ebfd2d15..549c1b3d7 100644 --- a/apps/docs/components/icons/icons/IconNoNewLine.tsx +++ b/apps/docs/components/icons/icons/IconNoNewLine.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconNoNewLine.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconNoNewLine = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1.125); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconNote.tsx b/apps/docs/components/icons/icons/IconNote.tsx index 580ca73b1..313af42b0 100644 --- a/apps/docs/components/icons/icons/IconNote.tsx +++ b/apps/docs/components/icons/icons/IconNote.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconNote.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconNote = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconOutdent.tsx b/apps/docs/components/icons/icons/IconOutdent.tsx index 0878eea60..81153d457 100644 --- a/apps/docs/components/icons/icons/IconOutdent.tsx +++ b/apps/docs/components/icons/icons/IconOutdent.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconOutdent.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconOutdent = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconPaperclip.tsx b/apps/docs/components/icons/icons/IconPaperclip.tsx index bc0f71aff..0da299a18 100644 --- a/apps/docs/components/icons/icons/IconPaperclip.tsx +++ b/apps/docs/components/icons/icons/IconPaperclip.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconPaperclip.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconPaperclip = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconParagraph.tsx b/apps/docs/components/icons/icons/IconParagraph.tsx index 802b182dd..dd66f950f 100644 --- a/apps/docs/components/icons/icons/IconParagraph.tsx +++ b/apps/docs/components/icons/icons/IconParagraph.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconParagraph.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconParagraph = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconParagraphPlus.tsx b/apps/docs/components/icons/icons/IconParagraphPlus.tsx index 1e40254b0..6cdf7776d 100644 --- a/apps/docs/components/icons/icons/IconParagraphPlus.tsx +++ b/apps/docs/components/icons/icons/IconParagraphPlus.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconParagraphPlus.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconParagraphPlus = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconParentheses.tsx b/apps/docs/components/icons/icons/IconParentheses.tsx index 426608475..22516e5b3 100644 --- a/apps/docs/components/icons/icons/IconParentheses.tsx +++ b/apps/docs/components/icons/icons/IconParentheses.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconParentheses.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconParentheses = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconPencil.tsx b/apps/docs/components/icons/icons/IconPencil.tsx index f8b431752..7afd9f57e 100644 --- a/apps/docs/components/icons/icons/IconPencil.tsx +++ b/apps/docs/components/icons/icons/IconPencil.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconPencil.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconPencil = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconPencilSquircle.tsx b/apps/docs/components/icons/icons/IconPencilSquircle.tsx index fe851e171..7ac928ffc 100644 --- a/apps/docs/components/icons/icons/IconPencilSquircle.tsx +++ b/apps/docs/components/icons/icons/IconPencilSquircle.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconPencilSquircle.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconPencilSquircle = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconPeople.tsx b/apps/docs/components/icons/icons/IconPeople.tsx index fc680ee9c..56ce21d63 100644 --- a/apps/docs/components/icons/icons/IconPeople.tsx +++ b/apps/docs/components/icons/icons/IconPeople.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconPeople.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconPeople = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1.125); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconPerson.tsx b/apps/docs/components/icons/icons/IconPerson.tsx index 40b7745f3..c673bba96 100644 --- a/apps/docs/components/icons/icons/IconPerson.tsx +++ b/apps/docs/components/icons/icons/IconPerson.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconPerson.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconPerson = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconPersonStatus.tsx b/apps/docs/components/icons/icons/IconPersonStatus.tsx index 98872b08b..d11223af1 100644 --- a/apps/docs/components/icons/icons/IconPersonStatus.tsx +++ b/apps/docs/components/icons/icons/IconPersonStatus.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconPersonStatus.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconPersonStatus = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconPhone.tsx b/apps/docs/components/icons/icons/IconPhone.tsx index b381c3a6d..cdec0e5aa 100644 --- a/apps/docs/components/icons/icons/IconPhone.tsx +++ b/apps/docs/components/icons/icons/IconPhone.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconPhone.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconPhone = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconPierre.tsx b/apps/docs/components/icons/icons/IconPierre.tsx index 0f1e35654..083d86c93 100644 --- a/apps/docs/components/icons/icons/IconPierre.tsx +++ b/apps/docs/components/icons/icons/IconPierre.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconPierre.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconPierre = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 0.75); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconPin.tsx b/apps/docs/components/icons/icons/IconPin.tsx index 89070149b..1c334902d 100644 --- a/apps/docs/components/icons/icons/IconPin.tsx +++ b/apps/docs/components/icons/icons/IconPin.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconPin.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconPin = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconPlay.tsx b/apps/docs/components/icons/icons/IconPlay.tsx index c7563d2a3..1e21a3a49 100644 --- a/apps/docs/components/icons/icons/IconPlay.tsx +++ b/apps/docs/components/icons/icons/IconPlay.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconPlay.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconPlay = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconPlayCircle.tsx b/apps/docs/components/icons/icons/IconPlayCircle.tsx index acfda61dd..e11086053 100644 --- a/apps/docs/components/icons/icons/IconPlayCircle.tsx +++ b/apps/docs/components/icons/icons/IconPlayCircle.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconPlayCircle.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconPlayCircle = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconPlus.tsx b/apps/docs/components/icons/icons/IconPlus.tsx index 3eb944092..0de0a95fd 100644 --- a/apps/docs/components/icons/icons/IconPlus.tsx +++ b/apps/docs/components/icons/icons/IconPlus.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconPlus.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconPlus = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconPlusLg.tsx b/apps/docs/components/icons/icons/IconPlusLg.tsx index 8e5ece17d..0ef99fe7a 100644 --- a/apps/docs/components/icons/icons/IconPlusLg.tsx +++ b/apps/docs/components/icons/icons/IconPlusLg.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconPlusLg.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconPlusLg = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconPlusSparkle.tsx b/apps/docs/components/icons/icons/IconPlusSparkle.tsx index 9e4b69bbe..b8e5c7d61 100644 --- a/apps/docs/components/icons/icons/IconPlusSparkle.tsx +++ b/apps/docs/components/icons/icons/IconPlusSparkle.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconPlusSparkle.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconPlusSparkle = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconPushed.tsx b/apps/docs/components/icons/icons/IconPushed.tsx index d3d2a9850..7085dc7cb 100644 --- a/apps/docs/components/icons/icons/IconPushed.tsx +++ b/apps/docs/components/icons/icons/IconPushed.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconPushed.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconPushed = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconQuestion.tsx b/apps/docs/components/icons/icons/IconQuestion.tsx index 69d1a8b21..cbea8bc61 100644 --- a/apps/docs/components/icons/icons/IconQuestion.tsx +++ b/apps/docs/components/icons/icons/IconQuestion.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconQuestion.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconQuestion = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconQuestionFill.tsx b/apps/docs/components/icons/icons/IconQuestionFill.tsx index 9e7d847bb..c0c88c2f7 100644 --- a/apps/docs/components/icons/icons/IconQuestionFill.tsx +++ b/apps/docs/components/icons/icons/IconQuestionFill.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconQuestionFill.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconQuestionFill = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconQuestionMark.tsx b/apps/docs/components/icons/icons/IconQuestionMark.tsx index ac6e445d0..453d92003 100644 --- a/apps/docs/components/icons/icons/IconQuestionMark.tsx +++ b/apps/docs/components/icons/icons/IconQuestionMark.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconQuestionMark.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconQuestionMark = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconQuoteBlock.tsx b/apps/docs/components/icons/icons/IconQuoteBlock.tsx index 099604d94..0faaa42d8 100644 --- a/apps/docs/components/icons/icons/IconQuoteBlock.tsx +++ b/apps/docs/components/icons/icons/IconQuoteBlock.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconQuoteBlock.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconQuoteBlock = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconRefresh.tsx b/apps/docs/components/icons/icons/IconRefresh.tsx index be5e2b0bf..df90e4694 100644 --- a/apps/docs/components/icons/icons/IconRefresh.tsx +++ b/apps/docs/components/icons/icons/IconRefresh.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconRefresh.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconRefresh = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconRegex.tsx b/apps/docs/components/icons/icons/IconRegex.tsx index 1df5b0010..3ea4858d7 100644 --- a/apps/docs/components/icons/icons/IconRegex.tsx +++ b/apps/docs/components/icons/icons/IconRegex.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconRegex.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconRegex = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconReload.tsx b/apps/docs/components/icons/icons/IconReload.tsx index bd952f542..054c563d2 100644 --- a/apps/docs/components/icons/icons/IconReload.tsx +++ b/apps/docs/components/icons/icons/IconReload.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconReload.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconReload = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconRepeat.tsx b/apps/docs/components/icons/icons/IconRepeat.tsx index d366a6bcd..cbeeea0c9 100644 --- a/apps/docs/components/icons/icons/IconRepeat.tsx +++ b/apps/docs/components/icons/icons/IconRepeat.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconRepeat.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconRepeat = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconReply.tsx b/apps/docs/components/icons/icons/IconReply.tsx index 2dd14b397..63948d605 100644 --- a/apps/docs/components/icons/icons/IconReply.tsx +++ b/apps/docs/components/icons/icons/IconReply.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconReply.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconReply = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconReplyFill.tsx b/apps/docs/components/icons/icons/IconReplyFill.tsx index c2450235b..0fc222107 100644 --- a/apps/docs/components/icons/icons/IconReplyFill.tsx +++ b/apps/docs/components/icons/icons/IconReplyFill.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconReplyFill.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconReplyFill = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconRows.tsx b/apps/docs/components/icons/icons/IconRows.tsx index 6ee493f9a..dac89ea80 100644 --- a/apps/docs/components/icons/icons/IconRows.tsx +++ b/apps/docs/components/icons/icons/IconRows.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconRows.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconRows = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconSearch.tsx b/apps/docs/components/icons/icons/IconSearch.tsx index 001e8fc7f..ed5dc0efa 100644 --- a/apps/docs/components/icons/icons/IconSearch.tsx +++ b/apps/docs/components/icons/icons/IconSearch.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconSearch.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconSearch = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconServer.tsx b/apps/docs/components/icons/icons/IconServer.tsx index b35bb76fe..5634a0efd 100644 --- a/apps/docs/components/icons/icons/IconServer.tsx +++ b/apps/docs/components/icons/icons/IconServer.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconServer.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconServer = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconShare.tsx b/apps/docs/components/icons/icons/IconShare.tsx index e8b996310..cb8d1f97d 100644 --- a/apps/docs/components/icons/icons/IconShare.tsx +++ b/apps/docs/components/icons/icons/IconShare.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconShare.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconShare = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconShield.tsx b/apps/docs/components/icons/icons/IconShield.tsx index 4d7aa9dee..7af446af0 100644 --- a/apps/docs/components/icons/icons/IconShield.tsx +++ b/apps/docs/components/icons/icons/IconShield.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconShield.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconShield = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconShieldFill.tsx b/apps/docs/components/icons/icons/IconShieldFill.tsx index 19c061015..dd32d1b5a 100644 --- a/apps/docs/components/icons/icons/IconShieldFill.tsx +++ b/apps/docs/components/icons/icons/IconShieldFill.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconShieldFill.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconShieldFill = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconShieldKeyhole.tsx b/apps/docs/components/icons/icons/IconShieldKeyhole.tsx index de40d5ba0..b4ebbe6d2 100644 --- a/apps/docs/components/icons/icons/IconShieldKeyhole.tsx +++ b/apps/docs/components/icons/icons/IconShieldKeyhole.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconShieldKeyhole.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconShieldKeyhole = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconShieldKeyholeFill.tsx b/apps/docs/components/icons/icons/IconShieldKeyholeFill.tsx index 8862ce4c1..8e4138b77 100644 --- a/apps/docs/components/icons/icons/IconShieldKeyholeFill.tsx +++ b/apps/docs/components/icons/icons/IconShieldKeyholeFill.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconShieldKeyholeFill.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconShieldKeyholeFill = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconSidebar.tsx b/apps/docs/components/icons/icons/IconSidebar.tsx index d2f77246c..ed5e6f36a 100644 --- a/apps/docs/components/icons/icons/IconSidebar.tsx +++ b/apps/docs/components/icons/icons/IconSidebar.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconSidebar.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconSidebar = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconSidebarLeft.tsx b/apps/docs/components/icons/icons/IconSidebarLeft.tsx index 34c06d8e2..4131f1621 100644 --- a/apps/docs/components/icons/icons/IconSidebarLeft.tsx +++ b/apps/docs/components/icons/icons/IconSidebarLeft.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconSidebarLeft.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconSidebarLeft = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconSidebarLeftOpen.tsx b/apps/docs/components/icons/icons/IconSidebarLeftOpen.tsx index d72302a2d..45ea6d9e5 100644 --- a/apps/docs/components/icons/icons/IconSidebarLeftOpen.tsx +++ b/apps/docs/components/icons/icons/IconSidebarLeftOpen.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconSidebarLeftOpen.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconSidebarLeftOpen = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconSidebarOpen.tsx b/apps/docs/components/icons/icons/IconSidebarOpen.tsx index f4ec3cd84..f3f59608e 100644 --- a/apps/docs/components/icons/icons/IconSidebarOpen.tsx +++ b/apps/docs/components/icons/icons/IconSidebarOpen.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconSidebarOpen.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconSidebarOpen = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconSignIn.tsx b/apps/docs/components/icons/icons/IconSignIn.tsx index 22d21d091..e5c94ca43 100644 --- a/apps/docs/components/icons/icons/IconSignIn.tsx +++ b/apps/docs/components/icons/icons/IconSignIn.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconSignIn.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconSignIn = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconSignOut.tsx b/apps/docs/components/icons/icons/IconSignOut.tsx index d0e082c43..67ae0146c 100644 --- a/apps/docs/components/icons/icons/IconSignOut.tsx +++ b/apps/docs/components/icons/icons/IconSignOut.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconSignOut.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconSignOut = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconSignpost.tsx b/apps/docs/components/icons/icons/IconSignpost.tsx index 672ab4f73..3ab60ad0f 100644 --- a/apps/docs/components/icons/icons/IconSignpost.tsx +++ b/apps/docs/components/icons/icons/IconSignpost.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconSignpost.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconSignpost = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconSignpostFill.tsx b/apps/docs/components/icons/icons/IconSignpostFill.tsx index 6b3898e8c..4e83619a2 100644 --- a/apps/docs/components/icons/icons/IconSignpostFill.tsx +++ b/apps/docs/components/icons/icons/IconSignpostFill.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconSignpostFill.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconSignpostFill = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconSortDown.tsx b/apps/docs/components/icons/icons/IconSortDown.tsx index 271c221d1..4b62404fd 100644 --- a/apps/docs/components/icons/icons/IconSortDown.tsx +++ b/apps/docs/components/icons/icons/IconSortDown.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconSortDown.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconSortDown = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconSortUp.tsx b/apps/docs/components/icons/icons/IconSortUp.tsx index 76936a4e8..79dc5b316 100644 --- a/apps/docs/components/icons/icons/IconSortUp.tsx +++ b/apps/docs/components/icons/icons/IconSortUp.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconSortUp.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconSortUp = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconSparkle.tsx b/apps/docs/components/icons/icons/IconSparkle.tsx index 914e860fc..10716d125 100644 --- a/apps/docs/components/icons/icons/IconSparkle.tsx +++ b/apps/docs/components/icons/icons/IconSparkle.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconSparkle.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconSparkle = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconSparkles.tsx b/apps/docs/components/icons/icons/IconSparkles.tsx index 89d84406d..ff9f5b619 100644 --- a/apps/docs/components/icons/icons/IconSparkles.tsx +++ b/apps/docs/components/icons/icons/IconSparkles.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconSparkles.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconSparkles = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconSpelling.tsx b/apps/docs/components/icons/icons/IconSpelling.tsx index 14d0466df..8332bc7a8 100644 --- a/apps/docs/components/icons/icons/IconSpelling.tsx +++ b/apps/docs/components/icons/icons/IconSpelling.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconSpelling.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconSpelling = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconSquircle.tsx b/apps/docs/components/icons/icons/IconSquircle.tsx index e922d122e..1e5022368 100644 --- a/apps/docs/components/icons/icons/IconSquircle.tsx +++ b/apps/docs/components/icons/icons/IconSquircle.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconSquircle.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconSquircle = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconSquircleLg.tsx b/apps/docs/components/icons/icons/IconSquircleLg.tsx index cca9c1961..1216b4f3c 100644 --- a/apps/docs/components/icons/icons/IconSquircleLg.tsx +++ b/apps/docs/components/icons/icons/IconSquircleLg.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconSquircleLg.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconSquircleLg = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconSquircleLgFill.tsx b/apps/docs/components/icons/icons/IconSquircleLgFill.tsx index 06cfd3137..42dfccaef 100644 --- a/apps/docs/components/icons/icons/IconSquircleLgFill.tsx +++ b/apps/docs/components/icons/icons/IconSquircleLgFill.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconSquircleLgFill.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconSquircleLgFill = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconSquircleSpeechText.tsx b/apps/docs/components/icons/icons/IconSquircleSpeechText.tsx index 75b0883eb..1b089536e 100644 --- a/apps/docs/components/icons/icons/IconSquircleSpeechText.tsx +++ b/apps/docs/components/icons/icons/IconSquircleSpeechText.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconSquircleSpeechText.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconSquircleSpeechText = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconStamp.tsx b/apps/docs/components/icons/icons/IconStamp.tsx index 56336a5a5..e190e03ad 100644 --- a/apps/docs/components/icons/icons/IconStamp.tsx +++ b/apps/docs/components/icons/icons/IconStamp.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconStamp.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconStamp = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconStar.tsx b/apps/docs/components/icons/icons/IconStar.tsx index 4d1509d48..aaa6b0210 100644 --- a/apps/docs/components/icons/icons/IconStar.tsx +++ b/apps/docs/components/icons/icons/IconStar.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconStar.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconStar = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconStarFill.tsx b/apps/docs/components/icons/icons/IconStarFill.tsx index 39c230053..900ee8094 100644 --- a/apps/docs/components/icons/icons/IconStarFill.tsx +++ b/apps/docs/components/icons/icons/IconStarFill.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconStarFill.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconStarFill = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconSun.tsx b/apps/docs/components/icons/icons/IconSun.tsx index 01af3bc53..25206f2d9 100644 --- a/apps/docs/components/icons/icons/IconSun.tsx +++ b/apps/docs/components/icons/icons/IconSun.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconSun.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconSun = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconSwap.tsx b/apps/docs/components/icons/icons/IconSwap.tsx index 7aa33614e..58522d0ce 100644 --- a/apps/docs/components/icons/icons/IconSwap.tsx +++ b/apps/docs/components/icons/icons/IconSwap.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconSwap.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconSwap = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconSwitch.tsx b/apps/docs/components/icons/icons/IconSwitch.tsx index d5773ec70..2c3561293 100644 --- a/apps/docs/components/icons/icons/IconSwitch.tsx +++ b/apps/docs/components/icons/icons/IconSwitch.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconSwitch.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconSwitch = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconSwitches.tsx b/apps/docs/components/icons/icons/IconSwitches.tsx index 6b58c9b51..20d681961 100644 --- a/apps/docs/components/icons/icons/IconSwitches.tsx +++ b/apps/docs/components/icons/icons/IconSwitches.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconSwitches.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconSwitches = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconSymbolAdded.tsx b/apps/docs/components/icons/icons/IconSymbolAdded.tsx index 5b582e36b..3bf664f62 100644 --- a/apps/docs/components/icons/icons/IconSymbolAdded.tsx +++ b/apps/docs/components/icons/icons/IconSymbolAdded.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconSymbolAdded.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconSymbolAdded = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconSymbolDeleted.tsx b/apps/docs/components/icons/icons/IconSymbolDeleted.tsx index 2cc6754d8..82f8f145e 100644 --- a/apps/docs/components/icons/icons/IconSymbolDeleted.tsx +++ b/apps/docs/components/icons/icons/IconSymbolDeleted.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconSymbolDeleted.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconSymbolDeleted = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconSymbolDiffstat.tsx b/apps/docs/components/icons/icons/IconSymbolDiffstat.tsx index e60041436..488e8091c 100644 --- a/apps/docs/components/icons/icons/IconSymbolDiffstat.tsx +++ b/apps/docs/components/icons/icons/IconSymbolDiffstat.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconSymbolDiffstat.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconSymbolDiffstat = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconSymbolIgnored.tsx b/apps/docs/components/icons/icons/IconSymbolIgnored.tsx index c5994b3a5..04b4f7704 100644 --- a/apps/docs/components/icons/icons/IconSymbolIgnored.tsx +++ b/apps/docs/components/icons/icons/IconSymbolIgnored.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconSymbolIgnored.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconSymbolIgnored = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconSymbolMap.tsx b/apps/docs/components/icons/icons/IconSymbolMap.tsx index 1fc959cf7..4c5a066a2 100644 --- a/apps/docs/components/icons/icons/IconSymbolMap.tsx +++ b/apps/docs/components/icons/icons/IconSymbolMap.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconSymbolMap.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconSymbolMap = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconSymbolModified.tsx b/apps/docs/components/icons/icons/IconSymbolModified.tsx index 0224b5b93..23ccc77d5 100644 --- a/apps/docs/components/icons/icons/IconSymbolModified.tsx +++ b/apps/docs/components/icons/icons/IconSymbolModified.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconSymbolModified.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconSymbolModified = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconSymbolMoved.tsx b/apps/docs/components/icons/icons/IconSymbolMoved.tsx index dc6a3630e..ab0593d68 100644 --- a/apps/docs/components/icons/icons/IconSymbolMoved.tsx +++ b/apps/docs/components/icons/icons/IconSymbolMoved.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconSymbolMoved.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconSymbolMoved = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconSymbolPlaceholder.tsx b/apps/docs/components/icons/icons/IconSymbolPlaceholder.tsx index 104251a3d..24b7d83cf 100644 --- a/apps/docs/components/icons/icons/IconSymbolPlaceholder.tsx +++ b/apps/docs/components/icons/icons/IconSymbolPlaceholder.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconSymbolPlaceholder.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconSymbolPlaceholder = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconSymbolRef.tsx b/apps/docs/components/icons/icons/IconSymbolRef.tsx index 986c1ed31..57c359860 100644 --- a/apps/docs/components/icons/icons/IconSymbolRef.tsx +++ b/apps/docs/components/icons/icons/IconSymbolRef.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconSymbolRef.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconSymbolRef = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconSymbolResolved.tsx b/apps/docs/components/icons/icons/IconSymbolResolved.tsx index aa080b28d..dd2ae0dba 100644 --- a/apps/docs/components/icons/icons/IconSymbolResolved.tsx +++ b/apps/docs/components/icons/icons/IconSymbolResolved.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconSymbolResolved.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconSymbolResolved = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconTable.tsx b/apps/docs/components/icons/icons/IconTable.tsx index 7a3f81007..0aecb641c 100644 --- a/apps/docs/components/icons/icons/IconTable.tsx +++ b/apps/docs/components/icons/icons/IconTable.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconTable.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconTable = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconTableColumnAdd.tsx b/apps/docs/components/icons/icons/IconTableColumnAdd.tsx index 5541b7030..dd39a959d 100644 --- a/apps/docs/components/icons/icons/IconTableColumnAdd.tsx +++ b/apps/docs/components/icons/icons/IconTableColumnAdd.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconTableColumnAdd.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconTableColumnAdd = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconTableColumnDelete.tsx b/apps/docs/components/icons/icons/IconTableColumnDelete.tsx index 73caec72f..a5d1e51d5 100644 --- a/apps/docs/components/icons/icons/IconTableColumnDelete.tsx +++ b/apps/docs/components/icons/icons/IconTableColumnDelete.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconTableColumnDelete.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconTableColumnDelete = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconTableColumnHeader.tsx b/apps/docs/components/icons/icons/IconTableColumnHeader.tsx index fbed39c30..1bbe37257 100644 --- a/apps/docs/components/icons/icons/IconTableColumnHeader.tsx +++ b/apps/docs/components/icons/icons/IconTableColumnHeader.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconTableColumnHeader.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconTableColumnHeader = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconTableRowAdd.tsx b/apps/docs/components/icons/icons/IconTableRowAdd.tsx index a01922e7e..b93fc504d 100644 --- a/apps/docs/components/icons/icons/IconTableRowAdd.tsx +++ b/apps/docs/components/icons/icons/IconTableRowAdd.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconTableRowAdd.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconTableRowAdd = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconTableRowDelete.tsx b/apps/docs/components/icons/icons/IconTableRowDelete.tsx index 1ee029911..7cf5ad778 100644 --- a/apps/docs/components/icons/icons/IconTableRowDelete.tsx +++ b/apps/docs/components/icons/icons/IconTableRowDelete.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconTableRowDelete.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconTableRowDelete = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconTableRowHeader.tsx b/apps/docs/components/icons/icons/IconTableRowHeader.tsx index bc4e97ffb..25bc7f3a3 100644 --- a/apps/docs/components/icons/icons/IconTableRowHeader.tsx +++ b/apps/docs/components/icons/icons/IconTableRowHeader.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconTableRowHeader.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconTableRowHeader = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconTablet.tsx b/apps/docs/components/icons/icons/IconTablet.tsx index b6c925e4e..375e08845 100644 --- a/apps/docs/components/icons/icons/IconTablet.tsx +++ b/apps/docs/components/icons/icons/IconTablet.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconTablet.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconTablet = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconTag.tsx b/apps/docs/components/icons/icons/IconTag.tsx index b033062b5..72c04c34c 100644 --- a/apps/docs/components/icons/icons/IconTag.tsx +++ b/apps/docs/components/icons/icons/IconTag.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconTag.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconTag = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconTagFill.tsx b/apps/docs/components/icons/icons/IconTagFill.tsx index 532eee6c5..1a01b4241 100644 --- a/apps/docs/components/icons/icons/IconTagFill.tsx +++ b/apps/docs/components/icons/icons/IconTagFill.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconTagFill.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconTagFill = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconTarget.tsx b/apps/docs/components/icons/icons/IconTarget.tsx index 58aeeb213..34c564414 100644 --- a/apps/docs/components/icons/icons/IconTarget.tsx +++ b/apps/docs/components/icons/icons/IconTarget.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconTarget.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconTarget = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconTerminal.tsx b/apps/docs/components/icons/icons/IconTerminal.tsx index 548589114..1a8bf3268 100644 --- a/apps/docs/components/icons/icons/IconTerminal.tsx +++ b/apps/docs/components/icons/icons/IconTerminal.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconTerminal.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconTerminal = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconTerminalFill.tsx b/apps/docs/components/icons/icons/IconTerminalFill.tsx index 648f08264..11a0ff3b0 100644 --- a/apps/docs/components/icons/icons/IconTerminalFill.tsx +++ b/apps/docs/components/icons/icons/IconTerminalFill.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconTerminalFill.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconTerminalFill = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconText.tsx b/apps/docs/components/icons/icons/IconText.tsx index c66d7cf7f..96fb3eadc 100644 --- a/apps/docs/components/icons/icons/IconText.tsx +++ b/apps/docs/components/icons/icons/IconText.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconText.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconText = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconTextBold.tsx b/apps/docs/components/icons/icons/IconTextBold.tsx index 81808efac..40f8b28e3 100644 --- a/apps/docs/components/icons/icons/IconTextBold.tsx +++ b/apps/docs/components/icons/icons/IconTextBold.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconTextBold.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconTextBold = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconTextH1.tsx b/apps/docs/components/icons/icons/IconTextH1.tsx index dd684bce1..fdcc7a7d0 100644 --- a/apps/docs/components/icons/icons/IconTextH1.tsx +++ b/apps/docs/components/icons/icons/IconTextH1.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconTextH1.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconTextH1 = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconTextItalics.tsx b/apps/docs/components/icons/icons/IconTextItalics.tsx index 6071fe5fb..b43921b8c 100644 --- a/apps/docs/components/icons/icons/IconTextItalics.tsx +++ b/apps/docs/components/icons/icons/IconTextItalics.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconTextItalics.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconTextItalics = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconTextStrike.tsx b/apps/docs/components/icons/icons/IconTextStrike.tsx index 6101f5538..4ee0975ad 100644 --- a/apps/docs/components/icons/icons/IconTextStrike.tsx +++ b/apps/docs/components/icons/icons/IconTextStrike.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconTextStrike.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconTextStrike = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconThumbsUp.tsx b/apps/docs/components/icons/icons/IconThumbsUp.tsx index d8aa1e0ff..0f50ad467 100644 --- a/apps/docs/components/icons/icons/IconThumbsUp.tsx +++ b/apps/docs/components/icons/icons/IconThumbsUp.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconThumbsUp.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconThumbsUp = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconThumbsUpFill.tsx b/apps/docs/components/icons/icons/IconThumbsUpFill.tsx index 5d8c8bde4..ec32ac8d4 100644 --- a/apps/docs/components/icons/icons/IconThumbsUpFill.tsx +++ b/apps/docs/components/icons/icons/IconThumbsUpFill.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconThumbsUpFill.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconThumbsUpFill = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconTodo.tsx b/apps/docs/components/icons/icons/IconTodo.tsx index d61e1372d..5a80332fd 100644 --- a/apps/docs/components/icons/icons/IconTodo.tsx +++ b/apps/docs/components/icons/icons/IconTodo.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconTodo.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconTodo = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconToken.tsx b/apps/docs/components/icons/icons/IconToken.tsx index 1571d8ef7..5ca8e5df0 100644 --- a/apps/docs/components/icons/icons/IconToken.tsx +++ b/apps/docs/components/icons/icons/IconToken.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconToken.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconToken = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconToolbarSide.tsx b/apps/docs/components/icons/icons/IconToolbarSide.tsx index 754710f5c..93d64280c 100644 --- a/apps/docs/components/icons/icons/IconToolbarSide.tsx +++ b/apps/docs/components/icons/icons/IconToolbarSide.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconToolbarSide.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconToolbarSide = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1.125); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconToolbarTop.tsx b/apps/docs/components/icons/icons/IconToolbarTop.tsx index 188158acc..6099bf013 100644 --- a/apps/docs/components/icons/icons/IconToolbarTop.tsx +++ b/apps/docs/components/icons/icons/IconToolbarTop.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconToolbarTop.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconToolbarTop = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1.125); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconTrash.tsx b/apps/docs/components/icons/icons/IconTrash.tsx index 37e2b7e42..c6f8dfd5b 100644 --- a/apps/docs/components/icons/icons/IconTrash.tsx +++ b/apps/docs/components/icons/icons/IconTrash.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconTrash.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconTrash = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconType.tsx b/apps/docs/components/icons/icons/IconType.tsx index 1eee332d1..de91d4545 100644 --- a/apps/docs/components/icons/icons/IconType.tsx +++ b/apps/docs/components/icons/icons/IconType.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconType.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconType = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconUnlink.tsx b/apps/docs/components/icons/icons/IconUnlink.tsx index 663bf6266..9745da648 100644 --- a/apps/docs/components/icons/icons/IconUnlink.tsx +++ b/apps/docs/components/icons/icons/IconUnlink.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconUnlink.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconUnlink = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconVariable.tsx b/apps/docs/components/icons/icons/IconVariable.tsx index cb8d19107..79f119d4c 100644 --- a/apps/docs/components/icons/icons/IconVariable.tsx +++ b/apps/docs/components/icons/icons/IconVariable.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconVariable.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconVariable = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconWaiting.tsx b/apps/docs/components/icons/icons/IconWaiting.tsx index 87d9abb35..943364976 100644 --- a/apps/docs/components/icons/icons/IconWaiting.tsx +++ b/apps/docs/components/icons/icons/IconWaiting.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconWaiting.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconWaiting = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconWaitingFill.tsx b/apps/docs/components/icons/icons/IconWaitingFill.tsx index f157945ed..cb5a387fb 100644 --- a/apps/docs/components/icons/icons/IconWaitingFill.tsx +++ b/apps/docs/components/icons/icons/IconWaitingFill.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconWaitingFill.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconWaitingFill = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconWarningOctogonFill.tsx b/apps/docs/components/icons/icons/IconWarningOctogonFill.tsx index 1937f08eb..356ba53c9 100644 --- a/apps/docs/components/icons/icons/IconWarningOctogonFill.tsx +++ b/apps/docs/components/icons/icons/IconWarningOctogonFill.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconWarningOctogonFill.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconWarningOctogonFill = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconWebhook.tsx b/apps/docs/components/icons/icons/IconWebhook.tsx index e86c1bcbe..f61f21805 100644 --- a/apps/docs/components/icons/icons/IconWebhook.tsx +++ b/apps/docs/components/icons/icons/IconWebhook.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconWebhook.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconWebhook = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconWheelchair.tsx b/apps/docs/components/icons/icons/IconWheelchair.tsx index f977a92a9..ffc7d4345 100644 --- a/apps/docs/components/icons/icons/IconWheelchair.tsx +++ b/apps/docs/components/icons/icons/IconWheelchair.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconWheelchair.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconWheelchair = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconWordWrap.tsx b/apps/docs/components/icons/icons/IconWordWrap.tsx index c8e88b37c..44e0f297f 100644 --- a/apps/docs/components/icons/icons/IconWordWrap.tsx +++ b/apps/docs/components/icons/icons/IconWordWrap.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconWordWrap.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconWordWrap = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconWorkflow.tsx b/apps/docs/components/icons/icons/IconWorkflow.tsx index b56f25b4c..56e515ac4 100644 --- a/apps/docs/components/icons/icons/IconWorkflow.tsx +++ b/apps/docs/components/icons/icons/IconWorkflow.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconWorkflow.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconWorkflow = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconWrench.tsx b/apps/docs/components/icons/icons/IconWrench.tsx index ff8438453..1a960d15d 100644 --- a/apps/docs/components/icons/icons/IconWrench.tsx +++ b/apps/docs/components/icons/icons/IconWrench.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconWrench.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconWrench = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconX.tsx b/apps/docs/components/icons/icons/IconX.tsx index b7c2d655c..93e311f79 100644 --- a/apps/docs/components/icons/icons/IconX.tsx +++ b/apps/docs/components/icons/icons/IconX.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconX.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconX = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/IconXSquircle.tsx b/apps/docs/components/icons/icons/IconXSquircle.tsx index 4620bfdf3..83a712c21 100644 --- a/apps/docs/components/icons/icons/IconXSquircle.tsx +++ b/apps/docs/components/icons/icons/IconXSquircle.tsx @@ -1,11 +1,12 @@ // Generated from svgs/IconXSquircle.svg -import { type Color, Colors } from '../Color'; + +import { type Color, Colors } from "../Color"; interface IconProps { - size?: 10 | 12 | 16 | 20 | 32 | 48 | '1em'; - color?: keyof Color | 'currentcolor'; - style?: React.CSSProperties; - className?: string; + size?: 10 | 12 | 16 | 20 | 32 | 48 | "1em"; + color?: keyof Color | "currentcolor"; + style?: React.CSSProperties; + className?: string; } // prettier-ignore @@ -20,7 +21,7 @@ export const IconXSquircle = ({ const width = size === "1em" ? "1em" : Math.round(Number(size) * 1); return ( - + ); }; diff --git a/apps/docs/components/icons/icons/index.ts b/apps/docs/components/icons/icons/index.ts index 659269261..3ce4c7e2b 100644 --- a/apps/docs/components/icons/icons/index.ts +++ b/apps/docs/components/icons/icons/index.ts @@ -1,331 +1,334 @@ -export { IconA11y } from './IconA11y'; -export { IconAlignCenter } from './IconAlignCenter'; -export { IconAlignLeft } from './IconAlignLeft'; -export { IconAlignRight } from './IconAlignRight'; -export { IconAnnotate } from './IconAnnotate'; -export { IconApp } from './IconApp'; -export { IconApproved } from './IconApproved'; -export { IconApprovedArrow } from './IconApprovedArrow'; -export { IconAppToolbar } from './IconAppToolbar'; -export { IconArchived } from './IconArchived'; -export { IconArray } from './IconArray'; -export { IconArrow } from './IconArrow'; -export { IconArrowDownRight } from './IconArrowDownRight'; -export { IconArrowLeftBar } from './IconArrowLeftBar'; -export { IconArrowRight } from './IconArrowRight'; -export { IconArrowRightBar } from './IconArrowRightBar'; -export { IconArrowRightShort } from './IconArrowRightShort'; -export { IconArrowsExpand } from './IconArrowsExpand'; -export { IconArrowShort } from './IconArrowShort'; -export { IconArrowsUpDown } from './IconArrowsUpDown'; -export { IconArrowUpRight } from './IconArrowUpRight'; -export { IconArrowUpRightCircle } from './IconArrowUpRightCircle'; -export { IconAsterisk } from './IconAsterisk'; -export { IconAsteriskSquircle } from './IconAsteriskSquircle'; -export { IconAt } from './IconAt'; -export { IconAt2 } from './IconAt2'; -export { IconBan } from './IconBan'; -export { IconBarChart } from './IconBarChart'; -export { IconBarChart2 } from './IconBarChart2'; -export { IconBell } from './IconBell'; -export { IconBellFill } from './IconBellFill'; -export { IconBellUnread } from './IconBellUnread'; -export { IconBellUnreadFill } from './IconBellUnreadFill'; -export { IconBin } from './IconBin'; -export { IconBinFill } from './IconBinFill'; -export { IconBoard } from './IconBoard'; -export { IconBolt } from './IconBolt'; -export { IconBook } from './IconBook'; -export { IconBookClosed } from './IconBookClosed'; -export { IconBookmark } from './IconBookmark'; -export { IconBookmarkFill } from './IconBookmarkFill'; -export { IconBox } from './IconBox'; -export { IconBoxTape } from './IconBoxTape'; -export { IconBraces } from './IconBraces'; -export { IconBracesAt } from './IconBracesAt'; -export { IconBrackets } from './IconBrackets'; -export { IconBranch } from './IconBranch'; -export { IconBranches } from './IconBranches'; -export { IconBrandBuildkite } from './IconBrandBuildkite'; -export { IconBrandDiscord } from './IconBrandDiscord'; -export { IconBrandGit } from './IconBrandGit'; -export { IconBrandGithub } from './IconBrandGithub'; -export { IconBrandGoogle } from './IconBrandGoogle'; -export { IconBrandLinear } from './IconBrandLinear'; -export { IconBrandNotion } from './IconBrandNotion'; -export { IconBrandStorybook } from './IconBrandStorybook'; -export { IconBrandTwitter } from './IconBrandTwitter'; -export { IconBrandTwitterX } from './IconBrandTwitterX'; -export { IconBrandVercel } from './IconBrandVercel'; -export { IconBrush } from './IconBrush'; -export { IconBug } from './IconBug'; -export { IconBuilding } from './IconBuilding'; -export { IconBuildingPlus } from './IconBuildingPlus'; -export { IconBulb } from './IconBulb'; -export { IconBulbFill } from './IconBulbFill'; -export { IconBullseye } from './IconBullseye'; -export { IconCalendar } from './IconCalendar'; -export { IconCheck } from './IconCheck'; -export { IconCheckbox } from './IconCheckbox'; -export { IconCheckboxFill } from './IconCheckboxFill'; -export { IconCheckboxHalf } from './IconCheckboxHalf'; -export { IconCheckCheck } from './IconCheckCheck'; -export { IconCheckCircle } from './IconCheckCircle'; -export { IconCheckLg } from './IconCheckLg'; -export { IconChevron } from './IconChevron'; -export { IconChevronFlat } from './IconChevronFlat'; -export { IconChevrons } from './IconChevrons'; -export { IconChevronsClose } from './IconChevronsClose'; -export { IconChevronSm } from './IconChevronSm'; -export { IconChevronsNarrow } from './IconChevronsNarrow'; -export { IconChevronsNarrowClose } from './IconChevronsNarrowClose'; -export { IconCiFailed } from './IconCiFailed'; -export { IconCiFailedFill } from './IconCiFailedFill'; -export { IconCiFailedOctagon } from './IconCiFailedOctagon'; -export { IconCiFailedOctagonFill } from './IconCiFailedOctagonFill'; -export { IconCiWarning } from './IconCiWarning'; -export { IconCiWarningFill } from './IconCiWarningFill'; -export { IconClockArrow } from './IconClockArrow'; -export { IconCode } from './IconCode'; -export { IconCodeBlock } from './IconCodeBlock'; -export { IconCodeComments } from './IconCodeComments'; -export { IconCodeFolder } from './IconCodeFolder'; -export { IconCodeSearch } from './IconCodeSearch'; -export { IconCollapsedRow } from './IconCollapsedRow'; -export { IconColorAuto } from './IconColorAuto'; -export { IconColorDark } from './IconColorDark'; -export { IconColorLight } from './IconColorLight'; -export { IconComment } from './IconComment'; -export { IconCommentAdd } from './IconCommentAdd'; -export { IconCommentFill } from './IconCommentFill'; -export { IconCommentIssue } from './IconCommentIssue'; -export { IconCommentRightResolvedFill } from './IconCommentRightResolvedFill'; -export { IconCommentSuggest } from './IconCommentSuggest'; -export { IconCommit } from './IconCommit'; -export { IconCommitArrow } from './IconCommitArrow'; -export { IconConflict } from './IconConflict'; -export { IconCopy } from './IconCopy'; -export { IconCopyFill } from './IconCopyFill'; -export { IconCreditCard } from './IconCreditCard'; -export { IconCrown } from './IconCrown'; -export { IconCrownFill } from './IconCrownFill'; -export { IconCursor } from './IconCursor'; -export { IconDesktop } from './IconDesktop'; -export { IconDiffBlended } from './IconDiffBlended'; -export { IconDiffSplit } from './IconDiffSplit'; -export { IconDock } from './IconDock'; -export { IconDraft } from './IconDraft'; -export { IconDragonball } from './IconDragonball'; -export { IconDragonballFill } from './IconDragonballFill'; -export { IconEllipsis } from './IconEllipsis'; -export { IconEmojiSmile } from './IconEmojiSmile'; -export { IconEmojiSmileDashed } from './IconEmojiSmileDashed'; -export { IconEmojiSmileFill } from './IconEmojiSmileFill'; -export { IconEnvelope } from './IconEnvelope'; -export { IconEnvelopeFill } from './IconEnvelopeFill'; -export { IconEnvelopeOpenFill } from './IconEnvelopeOpenFill'; -export { IconExpandRow } from './IconExpandRow'; -export { IconExtensions } from './IconExtensions'; -export { IconEye } from './IconEye'; -export { IconEyeSlash } from './IconEyeSlash'; -export { IconFile } from './IconFile'; -export { IconFileCode } from './IconFileCode'; -export { IconFileExport } from './IconFileExport'; -export { IconFileLocked } from './IconFileLocked'; -export { IconFileRichText } from './IconFileRichText'; -export { IconFiles } from './IconFiles'; -export { IconFileText } from './IconFileText'; -export { IconFileTree } from './IconFileTree'; -export { IconFileTreeFill } from './IconFileTreeFill'; -export { IconFilter } from './IconFilter'; -export { IconFire } from './IconFire'; -export { IconFlag } from './IconFlag'; -export { IconFlagFill } from './IconFlagFill'; -export { IconFolder } from './IconFolder'; -export { IconFolderOpen } from './IconFolderOpen'; -export { IconFolders } from './IconFolders'; -export { IconFullscreen } from './IconFullscreen'; -export { IconFullscreenFill } from './IconFullscreenFill'; -export { IconFunction } from './IconFunction'; -export { IconFunctionFill } from './IconFunctionFill'; -export { IconGauge } from './IconGauge'; -export { IconGear } from './IconGear'; -export { IconGearFill } from './IconGearFill'; -export { IconGlobe } from './IconGlobe'; -export { IconGrid } from './IconGrid'; -export { IconGrid2x1 } from './IconGrid2x1'; -export { IconGrip } from './IconGrip'; -export { IconHeart } from './IconHeart'; -export { IconHeartFill } from './IconHeartFill'; -export { IconHome } from './IconHome'; -export { IconHome2 } from './IconHome2'; -export { IconHome2Fill } from './IconHome2Fill'; -export { IconHomeFill } from './IconHomeFill'; -export { IconImage } from './IconImage'; -export { IconImageGif } from './IconImageGif'; -export { IconInbox } from './IconInbox'; -export { IconInboxUnread } from './IconInboxUnread'; -export { IconIndent } from './IconIndent'; -export { IconInfo } from './IconInfo'; -export { IconInfoFill } from './IconInfoFill'; -export { IconInProgress } from './IconInProgress'; -export { IconInProgressArrow } from './IconInProgressArrow'; -export { IconInReview } from './IconInReview'; -export { IconInReviewArrow } from './IconInReviewArrow'; -export { IconInReviewRightFill } from './IconInReviewRightFill'; -export { IconIssue } from './IconIssue'; -export { IconKey } from './IconKey'; -export { IconKeyFill } from './IconKeyFill'; -export { IconLaptop } from './IconLaptop'; -export { IconLaurel } from './IconLaurel'; -export { IconLayers } from './IconLayers'; -export { IconLayers2 } from './IconLayers2'; -export { IconLayers2Bottom } from './IconLayers2Bottom'; -export { IconLayers2Outline } from './IconLayers2Outline'; -export { IconLayers2Top } from './IconLayers2Top'; -export { IconLayers3Bottom } from './IconLayers3Bottom'; -export { IconLayers3Middle } from './IconLayers3Middle'; -export { IconLayers3Top } from './IconLayers3Top'; -export { IconLifeRaft } from './IconLifeRaft'; -export { IconLinear1 } from './IconLinear1'; -export { IconLinear2 } from './IconLinear2'; -export { IconLinear3 } from './IconLinear3'; -export { IconLinearDone } from './IconLinearDone'; -export { IconLineGraph } from './IconLineGraph'; -export { IconLineGraphArea } from './IconLineGraphArea'; -export { IconLineGraphAxis } from './IconLineGraphAxis'; -export { IconLineGraphBase } from './IconLineGraphBase'; -export { IconLink } from './IconLink'; -export { IconListCheck } from './IconListCheck'; -export { IconListOrdered } from './IconListOrdered'; -export { IconListUnordered } from './IconListUnordered'; -export { IconLock } from './IconLock'; -export { IconLockKeyhole } from './IconLockKeyhole'; -export { IconLockKeyholeOpen } from './IconLockKeyholeOpen'; -export { IconLockOpen } from './IconLockOpen'; -export { IconLogs } from './IconLogs'; -export { IconMagnifyingGlassFocus } from './IconMagnifyingGlassFocus'; -export { IconMakeLonger } from './IconMakeLonger'; -export { IconMakeShorter } from './IconMakeShorter'; -export { IconMap } from './IconMap'; -export { IconMapFill } from './IconMapFill'; -export { IconMedal } from './IconMedal'; -export { IconMenu } from './IconMenu'; -export { IconMerged } from './IconMerged'; -export { IconMergedContinuous } from './IconMergedContinuous'; -export { IconMergedFill } from './IconMergedFill'; -export { IconMicrophone } from './IconMicrophone'; -export { IconMinus } from './IconMinus'; -export { IconMinusLg } from './IconMinusLg'; -export { IconMoon } from './IconMoon'; -export { IconNoNewLine } from './IconNoNewLine'; -export { IconNote } from './IconNote'; -export { IconOutdent } from './IconOutdent'; -export { IconPaperclip } from './IconPaperclip'; -export { IconParagraph } from './IconParagraph'; -export { IconParagraphPlus } from './IconParagraphPlus'; -export { IconParentheses } from './IconParentheses'; -export { IconPencil } from './IconPencil'; -export { IconPencilSquircle } from './IconPencilSquircle'; -export { IconPeople } from './IconPeople'; -export { IconPerson } from './IconPerson'; -export { IconPersonStatus } from './IconPersonStatus'; -export { IconPhone } from './IconPhone'; -export { IconPierre } from './IconPierre'; -export { IconPin } from './IconPin'; -export { IconPlay } from './IconPlay'; -export { IconPlayCircle } from './IconPlayCircle'; -export { IconPlus } from './IconPlus'; -export { IconPlusLg } from './IconPlusLg'; -export { IconPlusSparkle } from './IconPlusSparkle'; -export { IconPushed } from './IconPushed'; -export { IconQuestion } from './IconQuestion'; -export { IconQuestionFill } from './IconQuestionFill'; -export { IconQuestionMark } from './IconQuestionMark'; -export { IconQuoteBlock } from './IconQuoteBlock'; -export { IconRefresh } from './IconRefresh'; -export { IconRegex } from './IconRegex'; -export { IconReload } from './IconReload'; -export { IconRepeat } from './IconRepeat'; -export { IconReply } from './IconReply'; -export { IconReplyFill } from './IconReplyFill'; -export { IconRows } from './IconRows'; -export { IconSearch } from './IconSearch'; -export { IconServer } from './IconServer'; -export { IconShare } from './IconShare'; -export { IconShield } from './IconShield'; -export { IconShieldFill } from './IconShieldFill'; -export { IconShieldKeyhole } from './IconShieldKeyhole'; -export { IconShieldKeyholeFill } from './IconShieldKeyholeFill'; -export { IconSidebar } from './IconSidebar'; -export { IconSidebarLeft } from './IconSidebarLeft'; -export { IconSidebarLeftOpen } from './IconSidebarLeftOpen'; -export { IconSidebarOpen } from './IconSidebarOpen'; -export { IconSignIn } from './IconSignIn'; -export { IconSignOut } from './IconSignOut'; -export { IconSignpost } from './IconSignpost'; -export { IconSignpostFill } from './IconSignpostFill'; -export { IconSortDown } from './IconSortDown'; -export { IconSortUp } from './IconSortUp'; -export { IconSparkle } from './IconSparkle'; -export { IconSparkles } from './IconSparkles'; -export { IconSpelling } from './IconSpelling'; -export { IconSquircle } from './IconSquircle'; -export { IconSquircleLg } from './IconSquircleLg'; -export { IconSquircleLgFill } from './IconSquircleLgFill'; -export { IconSquircleSpeechText } from './IconSquircleSpeechText'; -export { IconStamp } from './IconStamp'; -export { IconStar } from './IconStar'; -export { IconStarFill } from './IconStarFill'; -export { IconSun } from './IconSun'; -export { IconSwap } from './IconSwap'; -export { IconSwitch } from './IconSwitch'; -export { IconSwitches } from './IconSwitches'; -export { IconSymbolAdded } from './IconSymbolAdded'; -export { IconSymbolDeleted } from './IconSymbolDeleted'; -export { IconSymbolDiffstat } from './IconSymbolDiffstat'; -export { IconSymbolIgnored } from './IconSymbolIgnored'; -export { IconSymbolMap } from './IconSymbolMap'; -export { IconSymbolModified } from './IconSymbolModified'; -export { IconSymbolMoved } from './IconSymbolMoved'; -export { IconSymbolPlaceholder } from './IconSymbolPlaceholder'; -export { IconSymbolRef } from './IconSymbolRef'; -export { IconSymbolResolved } from './IconSymbolResolved'; -export { IconTable } from './IconTable'; -export { IconTableColumnAdd } from './IconTableColumnAdd'; -export { IconTableColumnDelete } from './IconTableColumnDelete'; -export { IconTableColumnHeader } from './IconTableColumnHeader'; -export { IconTableRowAdd } from './IconTableRowAdd'; -export { IconTableRowDelete } from './IconTableRowDelete'; -export { IconTableRowHeader } from './IconTableRowHeader'; -export { IconTablet } from './IconTablet'; -export { IconTag } from './IconTag'; -export { IconTagFill } from './IconTagFill'; -export { IconTarget } from './IconTarget'; -export { IconTerminal } from './IconTerminal'; -export { IconTerminalFill } from './IconTerminalFill'; -export { IconText } from './IconText'; -export { IconTextBold } from './IconTextBold'; -export { IconTextH1 } from './IconTextH1'; -export { IconTextItalics } from './IconTextItalics'; -export { IconTextStrike } from './IconTextStrike'; -export { IconThumbsUp } from './IconThumbsUp'; -export { IconThumbsUpFill } from './IconThumbsUpFill'; -export { IconTodo } from './IconTodo'; -export { IconToken } from './IconToken'; -export { IconToolbarSide } from './IconToolbarSide'; -export { IconToolbarTop } from './IconToolbarTop'; -export { IconTrash } from './IconTrash'; -export { IconType } from './IconType'; -export { IconUnlink } from './IconUnlink'; -export { IconVariable } from './IconVariable'; -export { IconWaiting } from './IconWaiting'; -export { IconWaitingFill } from './IconWaitingFill'; -export { IconWarningOctogonFill } from './IconWarningOctogonFill'; -export { IconWebhook } from './IconWebhook'; -export { IconWheelchair } from './IconWheelchair'; -export { IconWordWrap } from './IconWordWrap'; -export { IconWorkflow } from './IconWorkflow'; -export { IconWrench } from './IconWrench'; -export { IconX } from './IconX'; -export { IconXSquircle } from './IconXSquircle'; +export { IconA11y } from "./IconA11y"; +export { IconAlignCenter } from "./IconAlignCenter"; +export { IconAlignLeft } from "./IconAlignLeft"; +export { IconAlignRight } from "./IconAlignRight"; +export { IconAnnotate } from "./IconAnnotate"; +export { IconApp } from "./IconApp"; +export { IconApproved } from "./IconApproved"; +export { IconApprovedArrow } from "./IconApprovedArrow"; +export { IconAppToolbar } from "./IconAppToolbar"; +export { IconArchived } from "./IconArchived"; +export { IconArray } from "./IconArray"; +export { IconArrow } from "./IconArrow"; +export { IconArrowDownRight } from "./IconArrowDownRight"; +export { IconArrowLeftBar } from "./IconArrowLeftBar"; +export { IconArrowRight } from "./IconArrowRight"; +export { IconArrowRightBar } from "./IconArrowRightBar"; +export { IconArrowRightShort } from "./IconArrowRightShort"; +export { IconArrowsExpand } from "./IconArrowsExpand"; +export { IconArrowShort } from "./IconArrowShort"; +export { IconArrowsUpDown } from "./IconArrowsUpDown"; +export { IconArrowUpRight } from "./IconArrowUpRight"; +export { IconArrowUpRightCircle } from "./IconArrowUpRightCircle"; +export { IconAsterisk } from "./IconAsterisk"; +export { IconAsteriskSquircle } from "./IconAsteriskSquircle"; +export { IconAt } from "./IconAt"; +export { IconAt2 } from "./IconAt2"; +export { IconBan } from "./IconBan"; +export { IconBarChart } from "./IconBarChart"; +export { IconBarChart2 } from "./IconBarChart2"; +export { IconBell } from "./IconBell"; +export { IconBellFill } from "./IconBellFill"; +export { IconBellUnread } from "./IconBellUnread"; +export { IconBellUnreadFill } from "./IconBellUnreadFill"; +export { IconBin } from "./IconBin"; +export { IconBinFill } from "./IconBinFill"; +export { IconBoard } from "./IconBoard"; +export { IconBolt } from "./IconBolt"; +export { IconBook } from "./IconBook"; +export { IconBookClosed } from "./IconBookClosed"; +export { IconBookmark } from "./IconBookmark"; +export { IconBookmarkFill } from "./IconBookmarkFill"; +export { IconBox } from "./IconBox"; +export { IconBoxTape } from "./IconBoxTape"; +export { IconBraces } from "./IconBraces"; +export { IconBracesAt } from "./IconBracesAt"; +export { IconBrackets } from "./IconBrackets"; +export { IconBranch } from "./IconBranch"; +export { IconBranches } from "./IconBranches"; +export { IconBrandBuildkite } from "./IconBrandBuildkite"; +export { IconBrandDiscord } from "./IconBrandDiscord"; +export { IconBrandGit } from "./IconBrandGit"; +export { IconBrandGithub } from "./IconBrandGithub"; +export { IconBrandGoogle } from "./IconBrandGoogle"; +export { IconBrandLinear } from "./IconBrandLinear"; +export { IconBrandNotion } from "./IconBrandNotion"; +export { IconBrandStorybook } from "./IconBrandStorybook"; +export { IconBrandTwitter } from "./IconBrandTwitter"; +export { IconBrandTwitterX } from "./IconBrandTwitterX"; +export { IconBrandVercel } from "./IconBrandVercel"; +export { IconBrush } from "./IconBrush"; +export { IconBug } from "./IconBug"; +export { IconBuilding } from "./IconBuilding"; +export { IconBuildingPlus } from "./IconBuildingPlus"; +export { IconBulb } from "./IconBulb"; +export { IconBulbFill } from "./IconBulbFill"; +export { IconBullseye } from "./IconBullseye"; +export { IconCalendar } from "./IconCalendar"; +export { IconCheck } from "./IconCheck"; +export { IconCheckbox } from "./IconCheckbox"; +export { IconCheckboxFill } from "./IconCheckboxFill"; +export { IconCheckboxHalf } from "./IconCheckboxHalf"; +export { IconCheckCheck } from "./IconCheckCheck"; +export { IconCheckCircle } from "./IconCheckCircle"; +export { IconCheckLg } from "./IconCheckLg"; +export { IconChevron } from "./IconChevron"; +export { IconChevronFlat } from "./IconChevronFlat"; +export { IconChevrons } from "./IconChevrons"; +export { IconChevronsClose } from "./IconChevronsClose"; +export { IconChevronSm } from "./IconChevronSm"; +export { IconChevronsNarrow } from "./IconChevronsNarrow"; +export { IconChevronsNarrowClose } from "./IconChevronsNarrowClose"; +export { IconCiFailed } from "./IconCiFailed"; +export { IconCiFailedFill } from "./IconCiFailedFill"; +export { IconCiFailedOctagon } from "./IconCiFailedOctagon"; +export { IconCiFailedOctagonFill } from "./IconCiFailedOctagonFill"; +export { IconCiWarning } from "./IconCiWarning"; +export { IconCiWarningFill } from "./IconCiWarningFill"; +export { IconClockArrow } from "./IconClockArrow"; +export { IconCode } from "./IconCode"; +export { IconCodeBlock } from "./IconCodeBlock"; +export { IconCodeComments } from "./IconCodeComments"; +export { IconCodeFolder } from "./IconCodeFolder"; +export { IconCodeSearch } from "./IconCodeSearch"; +export { IconCodeStyleBars } from "./IconCodeStyleBars"; +export { IconCodeStyleBg } from "./IconCodeStyleBg"; +export { IconCodeStyleInline } from "./IconCodeStyleInline"; +export { IconCollapsedRow } from "./IconCollapsedRow"; +export { IconColorAuto } from "./IconColorAuto"; +export { IconColorDark } from "./IconColorDark"; +export { IconColorLight } from "./IconColorLight"; +export { IconComment } from "./IconComment"; +export { IconCommentAdd } from "./IconCommentAdd"; +export { IconCommentFill } from "./IconCommentFill"; +export { IconCommentIssue } from "./IconCommentIssue"; +export { IconCommentRightResolvedFill } from "./IconCommentRightResolvedFill"; +export { IconCommentSuggest } from "./IconCommentSuggest"; +export { IconCommit } from "./IconCommit"; +export { IconCommitArrow } from "./IconCommitArrow"; +export { IconConflict } from "./IconConflict"; +export { IconCopy } from "./IconCopy"; +export { IconCopyFill } from "./IconCopyFill"; +export { IconCreditCard } from "./IconCreditCard"; +export { IconCrown } from "./IconCrown"; +export { IconCrownFill } from "./IconCrownFill"; +export { IconCursor } from "./IconCursor"; +export { IconDesktop } from "./IconDesktop"; +export { IconDiffBlended } from "./IconDiffBlended"; +export { IconDiffSplit } from "./IconDiffSplit"; +export { IconDock } from "./IconDock"; +export { IconDraft } from "./IconDraft"; +export { IconDragonball } from "./IconDragonball"; +export { IconDragonballFill } from "./IconDragonballFill"; +export { IconEllipsis } from "./IconEllipsis"; +export { IconEmojiSmile } from "./IconEmojiSmile"; +export { IconEmojiSmileDashed } from "./IconEmojiSmileDashed"; +export { IconEmojiSmileFill } from "./IconEmojiSmileFill"; +export { IconEnvelope } from "./IconEnvelope"; +export { IconEnvelopeFill } from "./IconEnvelopeFill"; +export { IconEnvelopeOpenFill } from "./IconEnvelopeOpenFill"; +export { IconExpandRow } from "./IconExpandRow"; +export { IconExtensions } from "./IconExtensions"; +export { IconEye } from "./IconEye"; +export { IconEyeSlash } from "./IconEyeSlash"; +export { IconFile } from "./IconFile"; +export { IconFileCode } from "./IconFileCode"; +export { IconFileExport } from "./IconFileExport"; +export { IconFileLocked } from "./IconFileLocked"; +export { IconFileRichText } from "./IconFileRichText"; +export { IconFiles } from "./IconFiles"; +export { IconFileText } from "./IconFileText"; +export { IconFileTree } from "./IconFileTree"; +export { IconFileTreeFill } from "./IconFileTreeFill"; +export { IconFilter } from "./IconFilter"; +export { IconFire } from "./IconFire"; +export { IconFlag } from "./IconFlag"; +export { IconFlagFill } from "./IconFlagFill"; +export { IconFolder } from "./IconFolder"; +export { IconFolderOpen } from "./IconFolderOpen"; +export { IconFolders } from "./IconFolders"; +export { IconFullscreen } from "./IconFullscreen"; +export { IconFullscreenFill } from "./IconFullscreenFill"; +export { IconFunction } from "./IconFunction"; +export { IconFunctionFill } from "./IconFunctionFill"; +export { IconGauge } from "./IconGauge"; +export { IconGear } from "./IconGear"; +export { IconGearFill } from "./IconGearFill"; +export { IconGlobe } from "./IconGlobe"; +export { IconGrid } from "./IconGrid"; +export { IconGrid2x1 } from "./IconGrid2x1"; +export { IconGrip } from "./IconGrip"; +export { IconHeart } from "./IconHeart"; +export { IconHeartFill } from "./IconHeartFill"; +export { IconHome } from "./IconHome"; +export { IconHome2 } from "./IconHome2"; +export { IconHome2Fill } from "./IconHome2Fill"; +export { IconHomeFill } from "./IconHomeFill"; +export { IconImage } from "./IconImage"; +export { IconImageGif } from "./IconImageGif"; +export { IconInbox } from "./IconInbox"; +export { IconInboxUnread } from "./IconInboxUnread"; +export { IconIndent } from "./IconIndent"; +export { IconInfo } from "./IconInfo"; +export { IconInfoFill } from "./IconInfoFill"; +export { IconInProgress } from "./IconInProgress"; +export { IconInProgressArrow } from "./IconInProgressArrow"; +export { IconInReview } from "./IconInReview"; +export { IconInReviewArrow } from "./IconInReviewArrow"; +export { IconInReviewRightFill } from "./IconInReviewRightFill"; +export { IconIssue } from "./IconIssue"; +export { IconKey } from "./IconKey"; +export { IconKeyFill } from "./IconKeyFill"; +export { IconLaptop } from "./IconLaptop"; +export { IconLaurel } from "./IconLaurel"; +export { IconLayers } from "./IconLayers"; +export { IconLayers2 } from "./IconLayers2"; +export { IconLayers2Bottom } from "./IconLayers2Bottom"; +export { IconLayers2Outline } from "./IconLayers2Outline"; +export { IconLayers2Top } from "./IconLayers2Top"; +export { IconLayers3Bottom } from "./IconLayers3Bottom"; +export { IconLayers3Middle } from "./IconLayers3Middle"; +export { IconLayers3Top } from "./IconLayers3Top"; +export { IconLifeRaft } from "./IconLifeRaft"; +export { IconLinear1 } from "./IconLinear1"; +export { IconLinear2 } from "./IconLinear2"; +export { IconLinear3 } from "./IconLinear3"; +export { IconLinearDone } from "./IconLinearDone"; +export { IconLineGraph } from "./IconLineGraph"; +export { IconLineGraphArea } from "./IconLineGraphArea"; +export { IconLineGraphAxis } from "./IconLineGraphAxis"; +export { IconLineGraphBase } from "./IconLineGraphBase"; +export { IconLink } from "./IconLink"; +export { IconListCheck } from "./IconListCheck"; +export { IconListOrdered } from "./IconListOrdered"; +export { IconListUnordered } from "./IconListUnordered"; +export { IconLock } from "./IconLock"; +export { IconLockKeyhole } from "./IconLockKeyhole"; +export { IconLockKeyholeOpen } from "./IconLockKeyholeOpen"; +export { IconLockOpen } from "./IconLockOpen"; +export { IconLogs } from "./IconLogs"; +export { IconMagnifyingGlassFocus } from "./IconMagnifyingGlassFocus"; +export { IconMakeLonger } from "./IconMakeLonger"; +export { IconMakeShorter } from "./IconMakeShorter"; +export { IconMap } from "./IconMap"; +export { IconMapFill } from "./IconMapFill"; +export { IconMedal } from "./IconMedal"; +export { IconMenu } from "./IconMenu"; +export { IconMerged } from "./IconMerged"; +export { IconMergedContinuous } from "./IconMergedContinuous"; +export { IconMergedFill } from "./IconMergedFill"; +export { IconMicrophone } from "./IconMicrophone"; +export { IconMinus } from "./IconMinus"; +export { IconMinusLg } from "./IconMinusLg"; +export { IconMoon } from "./IconMoon"; +export { IconNoNewLine } from "./IconNoNewLine"; +export { IconNote } from "./IconNote"; +export { IconOutdent } from "./IconOutdent"; +export { IconPaperclip } from "./IconPaperclip"; +export { IconParagraph } from "./IconParagraph"; +export { IconParagraphPlus } from "./IconParagraphPlus"; +export { IconParentheses } from "./IconParentheses"; +export { IconPencil } from "./IconPencil"; +export { IconPencilSquircle } from "./IconPencilSquircle"; +export { IconPeople } from "./IconPeople"; +export { IconPerson } from "./IconPerson"; +export { IconPersonStatus } from "./IconPersonStatus"; +export { IconPhone } from "./IconPhone"; +export { IconPierre } from "./IconPierre"; +export { IconPin } from "./IconPin"; +export { IconPlay } from "./IconPlay"; +export { IconPlayCircle } from "./IconPlayCircle"; +export { IconPlus } from "./IconPlus"; +export { IconPlusLg } from "./IconPlusLg"; +export { IconPlusSparkle } from "./IconPlusSparkle"; +export { IconPushed } from "./IconPushed"; +export { IconQuestion } from "./IconQuestion"; +export { IconQuestionFill } from "./IconQuestionFill"; +export { IconQuestionMark } from "./IconQuestionMark"; +export { IconQuoteBlock } from "./IconQuoteBlock"; +export { IconRefresh } from "./IconRefresh"; +export { IconRegex } from "./IconRegex"; +export { IconReload } from "./IconReload"; +export { IconRepeat } from "./IconRepeat"; +export { IconReply } from "./IconReply"; +export { IconReplyFill } from "./IconReplyFill"; +export { IconRows } from "./IconRows"; +export { IconSearch } from "./IconSearch"; +export { IconServer } from "./IconServer"; +export { IconShare } from "./IconShare"; +export { IconShield } from "./IconShield"; +export { IconShieldFill } from "./IconShieldFill"; +export { IconShieldKeyhole } from "./IconShieldKeyhole"; +export { IconShieldKeyholeFill } from "./IconShieldKeyholeFill"; +export { IconSidebar } from "./IconSidebar"; +export { IconSidebarLeft } from "./IconSidebarLeft"; +export { IconSidebarLeftOpen } from "./IconSidebarLeftOpen"; +export { IconSidebarOpen } from "./IconSidebarOpen"; +export { IconSignIn } from "./IconSignIn"; +export { IconSignOut } from "./IconSignOut"; +export { IconSignpost } from "./IconSignpost"; +export { IconSignpostFill } from "./IconSignpostFill"; +export { IconSortDown } from "./IconSortDown"; +export { IconSortUp } from "./IconSortUp"; +export { IconSparkle } from "./IconSparkle"; +export { IconSparkles } from "./IconSparkles"; +export { IconSpelling } from "./IconSpelling"; +export { IconSquircle } from "./IconSquircle"; +export { IconSquircleLg } from "./IconSquircleLg"; +export { IconSquircleLgFill } from "./IconSquircleLgFill"; +export { IconSquircleSpeechText } from "./IconSquircleSpeechText"; +export { IconStamp } from "./IconStamp"; +export { IconStar } from "./IconStar"; +export { IconStarFill } from "./IconStarFill"; +export { IconSun } from "./IconSun"; +export { IconSwap } from "./IconSwap"; +export { IconSwitch } from "./IconSwitch"; +export { IconSwitches } from "./IconSwitches"; +export { IconSymbolAdded } from "./IconSymbolAdded"; +export { IconSymbolDeleted } from "./IconSymbolDeleted"; +export { IconSymbolDiffstat } from "./IconSymbolDiffstat"; +export { IconSymbolIgnored } from "./IconSymbolIgnored"; +export { IconSymbolMap } from "./IconSymbolMap"; +export { IconSymbolModified } from "./IconSymbolModified"; +export { IconSymbolMoved } from "./IconSymbolMoved"; +export { IconSymbolPlaceholder } from "./IconSymbolPlaceholder"; +export { IconSymbolRef } from "./IconSymbolRef"; +export { IconSymbolResolved } from "./IconSymbolResolved"; +export { IconTable } from "./IconTable"; +export { IconTableColumnAdd } from "./IconTableColumnAdd"; +export { IconTableColumnDelete } from "./IconTableColumnDelete"; +export { IconTableColumnHeader } from "./IconTableColumnHeader"; +export { IconTableRowAdd } from "./IconTableRowAdd"; +export { IconTableRowDelete } from "./IconTableRowDelete"; +export { IconTableRowHeader } from "./IconTableRowHeader"; +export { IconTablet } from "./IconTablet"; +export { IconTag } from "./IconTag"; +export { IconTagFill } from "./IconTagFill"; +export { IconTarget } from "./IconTarget"; +export { IconTerminal } from "./IconTerminal"; +export { IconTerminalFill } from "./IconTerminalFill"; +export { IconText } from "./IconText"; +export { IconTextBold } from "./IconTextBold"; +export { IconTextH1 } from "./IconTextH1"; +export { IconTextItalics } from "./IconTextItalics"; +export { IconTextStrike } from "./IconTextStrike"; +export { IconThumbsUp } from "./IconThumbsUp"; +export { IconThumbsUpFill } from "./IconThumbsUpFill"; +export { IconTodo } from "./IconTodo"; +export { IconToken } from "./IconToken"; +export { IconToolbarSide } from "./IconToolbarSide"; +export { IconToolbarTop } from "./IconToolbarTop"; +export { IconTrash } from "./IconTrash"; +export { IconType } from "./IconType"; +export { IconUnlink } from "./IconUnlink"; +export { IconVariable } from "./IconVariable"; +export { IconWaiting } from "./IconWaiting"; +export { IconWaitingFill } from "./IconWaitingFill"; +export { IconWarningOctogonFill } from "./IconWarningOctogonFill"; +export { IconWebhook } from "./IconWebhook"; +export { IconWheelchair } from "./IconWheelchair"; +export { IconWordWrap } from "./IconWordWrap"; +export { IconWorkflow } from "./IconWorkflow"; +export { IconWrench } from "./IconWrench"; +export { IconX } from "./IconX"; +export { IconXSquircle } from "./IconXSquircle"; From 9e27ecc8c2a515fa094eae3769d6f5b135fa4aa1 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 14 Oct 2025 20:36:26 -0700 Subject: [PATCH 14/26] LP fixes and new switch component" --- apps/docs/app/diff-examples/Annotations.tsx | 13 +- apps/docs/app/diff-examples/DiffStyles.tsx | 155 +++++------ apps/docs/app/diff-examples/FontStyles.tsx | 271 ++++++++++--------- apps/docs/app/diff-examples/ShikiThemes.tsx | 118 ++++---- apps/docs/app/diff-examples/SplitUnified.tsx | 1 - apps/docs/app/page.tsx | 10 +- apps/docs/components/Footer.tsx | 6 +- apps/docs/components/ui/input-group.tsx | 2 +- apps/docs/components/ui/label.tsx | 2 +- apps/docs/components/ui/switch.tsx | 28 ++ 10 files changed, 328 insertions(+), 278 deletions(-) create mode 100644 apps/docs/components/ui/switch.tsx diff --git a/apps/docs/app/diff-examples/Annotations.tsx b/apps/docs/app/diff-examples/Annotations.tsx index 26170ea85..4bf1524b1 100644 --- a/apps/docs/app/diff-examples/Annotations.tsx +++ b/apps/docs/app/diff-examples/Annotations.tsx @@ -47,7 +47,6 @@ export default function Home() { export function Annotations() { const [element, setElement] = useState(undefined); useEffect(() => { - // eslint-disable-next-line react-hooks/set-state-in-effect setElement(document.createElement('div')); }, []); @@ -109,7 +108,7 @@ const Thread = () => ( { author: 'Mark', timestamp: '2h', - content: "*checks notes* …… it's not been a short amount of time.", + content: '*checks notes*… it’s not been a short amount of time.', avatarUrl: 'https://db.heypierre.app/storage/v1/object/public/avatars/BET9cPgr_400x400.jpg', }, @@ -150,7 +149,7 @@ export function Comment({ {timestamp}
-

{content}

+

{content}

); @@ -174,24 +173,24 @@ export function CommentThread({ {replies.length > 0 && ( -
+
{replies.map((reply, index) => ( ))}
)} -
+
diff --git a/apps/docs/app/diff-examples/DiffStyles.tsx b/apps/docs/app/diff-examples/DiffStyles.tsx index 723e94515..5e0b2a617 100644 --- a/apps/docs/app/diff-examples/DiffStyles.tsx +++ b/apps/docs/app/diff-examples/DiffStyles.tsx @@ -3,13 +3,11 @@ import { FileDiff } from '@/components/diff-ui/FileDiff'; import { IconCheck, - IconMakeShorter, - IconParagraph, - IconSquircleLgFill, + IconCheckLg, + IconCodeStyleBars, + IconCodeStyleInline, IconSymbolDiffstat, IconSymbolPlaceholder, - IconSymbolRef, - IconWordWrap, } from '@/components/icons'; import { Button } from '@/components/ui/button'; import { ButtonGroup, ButtonGroupItem } from '@/components/ui/button-group'; @@ -19,6 +17,9 @@ import { DropdownMenuItem, DropdownMenuTrigger, } from '@/components/ui/dropdown-menu'; +import { Label } from '@/components/ui/label'; +import { Switch } from '@/components/ui/switch'; +import { cn } from '@/lib/utils'; import type { FileContents } from '@pierre/diff-ui'; import { ChevronDown } from 'lucide-react'; import { useState } from 'react'; @@ -64,22 +65,22 @@ const diffStyleOptions = [ { value: 'word-alt', label: 'Word-Alt', - description: 'Highlights entire words, uses enhanced algorithm', + description: 'Highlight entire words with enhanced algorithm', }, { value: 'word', label: 'Word', - description: 'Highlights changed words within lines', + description: 'Highlight changed words within lines', }, { value: 'char', label: 'Character', - description: 'Highlights individual character changes', + description: 'Highlight individual character changes', }, { value: 'none', label: 'None', - description: 'Shows line-level changes only', + description: 'Show line-level changes only', }, ] as const; @@ -108,9 +109,9 @@ export function DiffStyles() { } > {['bars', 'classic', 'none'].map((value) => ( - + {value === 'bars' ? ( - + ) : value === 'classic' ? ( ) : ( @@ -120,74 +121,76 @@ export function DiffStyles() { ))} - { - if (value === 'disable') { - setDisableBackground(true); - } else { - setDisableBackground(false); - } - }} - > - {['enable', 'disable'].map((value) => ( - - {value === 'enable' ? ( - - ) : ( - - )} - {value === 'disable' ? 'Disable BG' : 'Enable BG'} - - ))} - - setOverflow(value as 'wrap' | 'scroll')} - > - - - Wrap - - - - No wrap - - - - - - - - {diffStyleOptions.map((option) => ( - setLineDiffStyle(option.value)} - className="flex-col items-start py-2" +
+ + + + + + {diffStyleOptions.map((option) => ( + setLineDiffStyle(option.value)} + className="flex items-start py-2 gap-2" + > + {lineDiffStyle === option.value ? ( + + ) : ( +
)} -
- - {option.description} - - - ))} - - +
+ {option.label} + + {option.description} + +
+ + ))} + + +
+ +
+ + setDisableBackground(!checked) + } + /> + +
+ +
+ + setOverflow(checked ? 'wrap' : 'scroll') + } + /> + +
- - - - - - setSelectedFont('Geist Mono')} - > - Geist Mono - {selectedFont === 'Geist Mono' && ( - - )} - - setSelectedFont('Fira Code')} - > - Fira Code - {selectedFont === 'Fira Code' && ( - - )} - - setSelectedFont('IBM Plex Mono')} - > - IBM Plex Mono - {selectedFont === 'IBM Plex Mono' && ( - - )} - - setSelectedFont('JetBrains Mono')} - > - JetBrains Mono - {selectedFont === 'JetBrains Mono' && ( - - )} - - setSelectedFont('Cascadia Code')} - > - Cascadia Code - {selectedFont === 'Cascadia Code' && ( - - )} - - - +
+ + + + + + setSelectedFont('Geist Mono')} + > + Geist Mono + {selectedFont === 'Geist Mono' && ( + + )} + + setSelectedFont('Fira Code')} + > + Fira Code + {selectedFont === 'Fira Code' && ( + + )} + + setSelectedFont('IBM Plex Mono')} + > + IBM Plex Mono + {selectedFont === 'IBM Plex Mono' && ( + + )} + + setSelectedFont('JetBrains Mono')} + > + JetBrains Mono + {selectedFont === 'JetBrains Mono' && ( + + )} + + setSelectedFont('Cascadia Code')} + > + Cascadia Code + {selectedFont === 'Cascadia Code' && ( + + )} + + + +
- - - - - - setSelectedFontSize('10px')}> - 10px - {selectedFontSize === '10px' && ( - - )} - - setSelectedFontSize('12px')}> - 12px - {selectedFontSize === '12px' && ( - - )} - - setSelectedFontSize('14px')}> - 14px - {selectedFontSize === '14px' && ( - - )} - - setSelectedFontSize('18px')}> - 18px - {selectedFontSize === '18px' && ( - - )} - - - +
+ + + + + + setSelectedFontSize('10px')}> + 10px + {selectedFontSize === '10px' && ( + + )} + + setSelectedFontSize('12px')}> + 12px + {selectedFontSize === '12px' && ( + + )} + + setSelectedFontSize('14px')}> + 14px + {selectedFontSize === '14px' && ( + + )} + + setSelectedFontSize('18px')}> + 18px + {selectedFontSize === '18px' && ( + + )} + + + +
- - - - - - setSelectedLineHeight('16px')}> - 16px - {selectedLineHeight === '16px' && ( - - )} - - setSelectedLineHeight('20px')}> - 20px - {selectedLineHeight === '20px' && ( - - )} - - setSelectedLineHeight('24px')}> - 24px - {selectedLineHeight === '24px' && ( - - )} - - setSelectedLineHeight('28px')}> - 28px - {selectedLineHeight === '28px' && ( - - )} - - - +
+ + + + + + setSelectedLineHeight('16px')} + > + 16px + {selectedLineHeight === '16px' && ( + + )} + + setSelectedLineHeight('20px')} + > + 20px + {selectedLineHeight === '20px' && ( + + )} + + setSelectedLineHeight('24px')} + > + 24px + {selectedLineHeight === '24px' && ( + + )} + + setSelectedLineHeight('28px')} + > + 28px + {selectedLineHeight === '28px' && ( + + )} + + + +
+
+ +
+ } + placeholder="Font feature settings" + className="max-w-xs" + />
- } - placeholder="Font feature settings" - className="max-w-xs" - />
- - - - - - {LIGHT_THEMES.map((theme) => ( - setSelectedLightTheme(theme)} - className={ - selectedLightTheme === theme ? 'bg-accent' : undefined - } +
+ + + + + + {LIGHT_THEMES.map((theme) => ( + setSelectedLightTheme(theme)} + className={ + selectedLightTheme === theme ? 'bg-accent' : undefined + } + > + {theme} + {selectedLightTheme === theme && ( + + )} + + ))} + + +
- - - - - - {DARK_THEMES.map((theme) => ( - setSelectedDarkTheme(theme)} - className={ - selectedDarkTheme === theme ? 'bg-accent' : undefined - } +
+ + + + + + {DARK_THEMES.map((theme) => ( + setSelectedDarkTheme(theme)} + className={ + selectedDarkTheme === theme ? 'bg-accent' : undefined + } + > + {theme} + {selectedDarkTheme === theme && ( + + )} + + ))} + + +
setDiffStyle(value as 'split' | 'unified')} - size="lg" > diff --git a/apps/docs/app/page.tsx b/apps/docs/app/page.tsx index d345a23dd..988716ef2 100644 --- a/apps/docs/app/page.tsx +++ b/apps/docs/app/page.tsx @@ -94,12 +94,12 @@ export default function Home() {

*/} -
-
-

+
+
+

With love from The Pierre Computer Company

-

+

Our team has decades of cumulative experience in open source, developer tools, and more. We’ve worked on projects like Coinbase, GitHub, Bootstrap, Twitter, Medium, and more. This stuff is our @@ -120,7 +120,7 @@ export default function Home() {

); } diff --git a/apps/docs/app/diff-examples/DiffStyles.tsx b/apps/docs/app/diff-examples/DiffStyles.tsx index 5e0b2a617..ef6c5a395 100644 --- a/apps/docs/app/diff-examples/DiffStyles.tsx +++ b/apps/docs/app/diff-examples/DiffStyles.tsx @@ -193,20 +193,28 @@ export function DiffStyles() {

- +
+ +
); } diff --git a/apps/docs/app/diff-examples/FontStyles.tsx b/apps/docs/app/diff-examples/FontStyles.tsx index 6021df2d0..8d6eb1050 100644 --- a/apps/docs/app/diff-examples/FontStyles.tsx +++ b/apps/docs/app/diff-examples/FontStyles.tsx @@ -52,6 +52,7 @@ export default function Home() { }; const fontMap: Record = { + 'Berkeley Mono': '--font-berkeley-mono', 'Geist Mono': '--font-geist-mono', 'Fira Code': '--font-fira-mono', 'IBM Plex Mono': '--font-ibm-plex-mono', @@ -60,7 +61,7 @@ const fontMap: Record = { }; export function FontStyles() { - const [selectedFont, setSelectedFont] = useState('Geist Mono'); + const [selectedFont, setSelectedFont] = useState('Berkeley Mono'); const [selectedFontSize, setSelectedFontSize] = useState('14px'); const [selectedLineHeight, setSelectedLineHeight] = useState('20px'); @@ -86,6 +87,14 @@ export function FontStyles() { + setSelectedFont('Berkeley Mono')} + > + Berkeley Mono + {selectedFont === 'Berkeley Mono' && ( + + )} + setSelectedFont('Geist Mono')} > diff --git a/apps/docs/app/diff-examples/ShikiThemes.tsx b/apps/docs/app/diff-examples/ShikiThemes.tsx index b33934273..bca9d37f7 100644 --- a/apps/docs/app/diff-examples/ShikiThemes.tsx +++ b/apps/docs/app/diff-examples/ShikiThemes.tsx @@ -238,20 +238,28 @@ export function ShikiThemes() { - +
+ +
); } diff --git a/apps/docs/app/diff-examples/SplitUnified.tsx b/apps/docs/app/diff-examples/SplitUnified.tsx index e0f2bb9ee..ac0ba1b80 100644 --- a/apps/docs/app/diff-examples/SplitUnified.tsx +++ b/apps/docs/app/diff-examples/SplitUnified.tsx @@ -64,16 +64,25 @@ export function SplitUnified() { Stacked - + +
+ +
); } diff --git a/apps/docs/app/layout.tsx b/apps/docs/app/layout.tsx index d1f2f7961..5027e8473 100644 --- a/apps/docs/app/layout.tsx +++ b/apps/docs/app/layout.tsx @@ -9,6 +9,8 @@ import { IBM_Plex_Mono, JetBrains_Mono, } from 'next/font/google'; +import localFont from 'next/font/local'; + import './globals.css'; // import '../styles/tokens.css'; @@ -19,6 +21,11 @@ const geistSans = Geist({ subsets: ['latin'], }); +const berkeleyMono = localFont({ + src: './BerkeleyMonoVariable.woff2', + variable: '--font-berkeley-mono', +}); + const firaMono = Fira_Code({ weight: ['400'], variable: '--font-fira-mono', @@ -37,12 +44,6 @@ const jetbrainsMono = JetBrains_Mono({ subsets: ['latin'], }); -const googleSansCode = Google_Sans_Code({ - weight: ['400'], - variable: '--font-google-sans-code', - subsets: ['latin'], -}); - const geistMono = Geist_Mono({ variable: '--font-geist-mono', subsets: ['latin'], @@ -68,7 +69,7 @@ export default function RootLayout({ // minHeight: '100vh', } } - className={`${geistSans.variable} ${geistMono.variable} ${firaMono.variable} ${ibmPlexMono.variable} ${jetbrainsMono.variable} ${googleSansCode.variable}`} + className={`${berkeleyMono.variable} ${geistSans.variable} ${geistMono.variable} ${firaMono.variable} ${ibmPlexMono.variable} ${jetbrainsMono.variable}`} > {children} From d50b6995f18af1d41eeb676064c7421245c77c0c Mon Sep 17 00:00:00 2001 From: fat Date: Tue, 14 Oct 2025 21:33:39 -0700 Subject: [PATCH 18/26] more clearner --- apps/docs/app/diff-examples/Annotations.tsx | 10 ++---- .../docs/app/diff-examples/ArbitraryFiles.tsx | 28 ++++++--------- apps/docs/app/diff-examples/DiffStyles.tsx | 36 ++++++++----------- apps/docs/app/diff-examples/ShikiThemes.tsx | 36 ++++++++----------- apps/docs/app/diff-examples/SplitUnified.tsx | 28 ++++++--------- apps/docs/app/page.tsx | 9 ++++- 6 files changed, 58 insertions(+), 89 deletions(-) diff --git a/apps/docs/app/diff-examples/Annotations.tsx b/apps/docs/app/diff-examples/Annotations.tsx index 201300332..4bf1524b1 100644 --- a/apps/docs/app/diff-examples/Annotations.tsx +++ b/apps/docs/app/diff-examples/Annotations.tsx @@ -57,13 +57,7 @@ export function Annotations() { description="Precision Diffs provides a flexible annotation framework for injecting additional content and context into your diffs. Use it to render line comments, annotations from CI jobs, and other third party content." /> {element != null && ( -
+ <> {createPortal(, element)} -
+ )} ); diff --git a/apps/docs/app/diff-examples/ArbitraryFiles.tsx b/apps/docs/app/diff-examples/ArbitraryFiles.tsx index 3b9a329cf..639c80416 100644 --- a/apps/docs/app/diff-examples/ArbitraryFiles.tsx +++ b/apps/docs/app/diff-examples/ArbitraryFiles.tsx @@ -47,24 +47,16 @@ export function ArbitraryFiles() { title="Diff arbitrary files" description="In addition to rendering standard Git diffs and patches, you can pass any two files in Precision Diffs and get a diff between them. This is especially useful when comparing across generative snapshots where linear history isn't always available." /> -
- -
+ ); } diff --git a/apps/docs/app/diff-examples/DiffStyles.tsx b/apps/docs/app/diff-examples/DiffStyles.tsx index ef6c5a395..5e0b2a617 100644 --- a/apps/docs/app/diff-examples/DiffStyles.tsx +++ b/apps/docs/app/diff-examples/DiffStyles.tsx @@ -193,28 +193,20 @@ export function DiffStyles() { -
- -
+ ); } diff --git a/apps/docs/app/diff-examples/ShikiThemes.tsx b/apps/docs/app/diff-examples/ShikiThemes.tsx index bca9d37f7..b33934273 100644 --- a/apps/docs/app/diff-examples/ShikiThemes.tsx +++ b/apps/docs/app/diff-examples/ShikiThemes.tsx @@ -238,28 +238,20 @@ export function ShikiThemes() { -
- -
+ ); } diff --git a/apps/docs/app/diff-examples/SplitUnified.tsx b/apps/docs/app/diff-examples/SplitUnified.tsx index ac0ba1b80..aff51c815 100644 --- a/apps/docs/app/diff-examples/SplitUnified.tsx +++ b/apps/docs/app/diff-examples/SplitUnified.tsx @@ -65,24 +65,16 @@ export function SplitUnified() { -
- -
+ ); } diff --git a/apps/docs/app/page.tsx b/apps/docs/app/page.tsx index 988716ef2..3df7f3cfe 100644 --- a/apps/docs/app/page.tsx +++ b/apps/docs/app/page.tsx @@ -28,7 +28,14 @@ import { SplitUnified } from './diff-examples/SplitUnified'; export default function Home() { return ( -
+
Date: Tue, 14 Oct 2025 21:41:53 -0700 Subject: [PATCH 19/26] maybe --- apps/docs/app/diff-examples/DiffStyles.tsx | 77 ++++++++++++---------- apps/docs/app/diff-examples/FontStyles.tsx | 6 ++ 2 files changed, 50 insertions(+), 33 deletions(-) diff --git a/apps/docs/app/diff-examples/DiffStyles.tsx b/apps/docs/app/diff-examples/DiffStyles.tsx index 5e0b2a617..676d93ac9 100644 --- a/apps/docs/app/diff-examples/DiffStyles.tsx +++ b/apps/docs/app/diff-examples/DiffStyles.tsx @@ -2,10 +2,11 @@ import { FileDiff } from '@/components/diff-ui/FileDiff'; import { - IconCheck, IconCheckLg, + IconCheckboxFill, IconCodeStyleBars, IconCodeStyleInline, + IconParagraph, IconSymbolDiffstat, IconSymbolPlaceholder, } from '@/components/icons'; @@ -17,9 +18,6 @@ import { DropdownMenuItem, DropdownMenuTrigger, } from '@/components/ui/dropdown-menu'; -import { Label } from '@/components/ui/label'; -import { Switch } from '@/components/ui/switch'; -import { cn } from '@/lib/utils'; import type { FileContents } from '@pierre/diff-ui'; import { ChevronDown } from 'lucide-react'; import { useState } from 'react'; @@ -115,7 +113,7 @@ export function DiffStyles() { ) : value === 'classic' ? ( ) : ( - + )} {value} @@ -160,37 +158,50 @@ export function DiffStyles() {
-
- - setDisableBackground(!checked) + { + if (value === 'disable') { + setDisableBackground(true); + } else { + setDisableBackground(false); } - /> - -
+ }} + > + {['enable', 'disable'].map((value) => ( + + {(value === 'enable' && !disableBackground) || + (value === 'disable' && disableBackground) ? ( + + ) : ( + + )} + {value === 'disable' ? 'Off' : 'Background colors'} + + ))} + -
- - setOverflow(checked ? 'wrap' : 'scroll') - } - /> - -
+ + + {overflow === 'scroll' ? ( + + ) : ( + + )} + Off + +
)} + setSelectedFontSize('13px')}> + 13px + {selectedFontSize === '13px' && ( + + )} + setSelectedFontSize('14px')}> 14px {selectedFontSize === '14px' && ( From acda308368561f173f7e920ebbde5719db472ad1 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 14 Oct 2025 21:46:11 -0700 Subject: [PATCH 20/26] once more into the abyss --- apps/docs/app/diff-examples/DiffStyles.tsx | 89 +++++++++++----------- 1 file changed, 44 insertions(+), 45 deletions(-) diff --git a/apps/docs/app/diff-examples/DiffStyles.tsx b/apps/docs/app/diff-examples/DiffStyles.tsx index 676d93ac9..bcce77408 100644 --- a/apps/docs/app/diff-examples/DiffStyles.tsx +++ b/apps/docs/app/diff-examples/DiffStyles.tsx @@ -3,12 +3,13 @@ import { FileDiff } from '@/components/diff-ui/FileDiff'; import { IconCheckLg, - IconCheckboxFill, IconCodeStyleBars, + IconCodeStyleBg, IconCodeStyleInline, IconParagraph, + IconSquircleLgFill, IconSymbolDiffstat, - IconSymbolPlaceholder, + IconWordWrap, } from '@/components/icons'; import { Button } from '@/components/ui/button'; import { ButtonGroup, ButtonGroupItem } from '@/components/ui/button-group'; @@ -18,6 +19,7 @@ import { DropdownMenuItem, DropdownMenuTrigger, } from '@/components/ui/dropdown-menu'; +import { Switch } from '@/components/ui/switch'; import type { FileContents } from '@pierre/diff-ui'; import { ChevronDown } from 'lucide-react'; import { useState } from 'react'; @@ -158,50 +160,47 @@ export function DiffStyles() { - { - if (value === 'disable') { - setDisableBackground(true); - } else { - setDisableBackground(false); - } - }} - > - {['enable', 'disable'].map((value) => ( - - {(value === 'enable' && !disableBackground) || - (value === 'disable' && disableBackground) ? ( - - ) : ( - - )} - {value === 'disable' ? 'Off' : 'Background colors'} - - ))} - +
+ +
- setOverflow(value as 'wrap' | 'scroll')} - > - - {overflow === 'wrap' ? ( - - ) : ( - - )} - Word wrap - - - {overflow === 'scroll' ? ( - - ) : ( - - )} - Off - - +
+ +
Date: Tue, 14 Oct 2025 21:53:42 -0700 Subject: [PATCH 21/26] maybe --- apps/docs/app/diff-examples/DiffStyles.tsx | 14 ++++++-------- 1 file changed, 6 insertions(+), 8 deletions(-) diff --git a/apps/docs/app/diff-examples/DiffStyles.tsx b/apps/docs/app/diff-examples/DiffStyles.tsx index bcce77408..f1a8f7ace 100644 --- a/apps/docs/app/diff-examples/DiffStyles.tsx +++ b/apps/docs/app/diff-examples/DiffStyles.tsx @@ -161,9 +161,8 @@ export function DiffStyles() {
- +
- +
From d21ef228d2dd650df3c25d8320d68003b7ada11c Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 14 Oct 2025 22:00:15 -0700 Subject: [PATCH 22/26] ya ya ya --- apps/docs/app/diff-examples/DiffStyles.tsx | 48 ++++++++++++---------- apps/docs/app/globals.css | 10 +++++ 2 files changed, 36 insertions(+), 22 deletions(-) diff --git a/apps/docs/app/diff-examples/DiffStyles.tsx b/apps/docs/app/diff-examples/DiffStyles.tsx index f1a8f7ace..a4d32aca8 100644 --- a/apps/docs/app/diff-examples/DiffStyles.tsx +++ b/apps/docs/app/diff-examples/DiffStyles.tsx @@ -160,28 +160,31 @@ export function DiffStyles() { -
-
+
+ + + setDisableBackground(!checked) + } + onClick={(e) => e.stopPropagation()} + className="justify-self-end place-self-center mr-3 pointer-events-none" + />
-
-
+
- - setOverflow(checked ? 'wrap' : 'scroll') - } - onClick={(e) => e.stopPropagation()} - /> -
+ + + setOverflow(checked ? 'wrap' : 'scroll') + } + onClick={(e) => e.stopPropagation()} + className="justify-self-end place-self-center mr-3 pointer-events-none" + /> diff --git a/apps/docs/app/globals.css b/apps/docs/app/globals.css index 66f57487a..15f50368f 100644 --- a/apps/docs/app/globals.css +++ b/apps/docs/app/globals.css @@ -132,3 +132,13 @@ @apply bg-background text-foreground; } } + +.gridstack { + display: grid; + grid-template-columns: repeat(1, minmax(0, 1fr)); + + > * { + grid-column-start: 1; + grid-row-start: 1; + } +} From d7e0bd33bb4ac2508cb4c69b0a430fbe2d6264fb Mon Sep 17 00:00:00 2001 From: Amadeus Demarzi Date: Tue, 14 Oct 2025 22:08:41 -0700 Subject: [PATCH 23/26] Fix build --- apps/docs/app/diff-examples/DiffStyles.tsx | 1 - 1 file changed, 1 deletion(-) diff --git a/apps/docs/app/diff-examples/DiffStyles.tsx b/apps/docs/app/diff-examples/DiffStyles.tsx index a4d32aca8..4fbf84426 100644 --- a/apps/docs/app/diff-examples/DiffStyles.tsx +++ b/apps/docs/app/diff-examples/DiffStyles.tsx @@ -7,7 +7,6 @@ import { IconCodeStyleBg, IconCodeStyleInline, IconParagraph, - IconSquircleLgFill, IconSymbolDiffstat, IconWordWrap, } from '@/components/icons'; From 260e381876dc3447f2a1bd3fbf67e9aed3daa741 Mon Sep 17 00:00:00 2001 From: Amadeus Demarzi Date: Tue, 14 Oct 2025 22:10:08 -0700 Subject: [PATCH 24/26] Fix builds 2 --- apps/docs/app/layout.tsx | 1 - 1 file changed, 1 deletion(-) diff --git a/apps/docs/app/layout.tsx b/apps/docs/app/layout.tsx index 5027e8473..87ffceb27 100644 --- a/apps/docs/app/layout.tsx +++ b/apps/docs/app/layout.tsx @@ -5,7 +5,6 @@ import { Fira_Code, Geist, Geist_Mono, - Google_Sans_Code, IBM_Plex_Mono, JetBrains_Mono, } from 'next/font/google'; From 36f5769dcaa0f7299cf3f0378ba643c52cf5a477 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 14 Oct 2025 22:12:23 -0700 Subject: [PATCH 25/26] improve responsive: --- apps/docs/app/diff-examples/DiffStyles.tsx | 10 +- apps/docs/app/diff-examples/FontStyles.tsx | 156 +++++--------------- apps/docs/app/diff-examples/ShikiThemes.tsx | 8 +- 3 files changed, 52 insertions(+), 122 deletions(-) diff --git a/apps/docs/app/diff-examples/DiffStyles.tsx b/apps/docs/app/diff-examples/DiffStyles.tsx index 4fbf84426..3f9c2459e 100644 --- a/apps/docs/app/diff-examples/DiffStyles.tsx +++ b/apps/docs/app/diff-examples/DiffStyles.tsx @@ -100,7 +100,7 @@ export function DiffStyles() { title="Choose how changes are styled" description="Your diffs, your choice. Render changed lines with classic diff indicators (+/–), full-width background colors, or vertical bars. You can even highlight inline changes—character or word based—and toggle line wrapping, hide numbers, and more." /> -
+
@@ -108,7 +108,11 @@ export function DiffStyles() { } > {['bars', 'classic', 'none'].map((value) => ( - + {value === 'bars' ? ( ) : value === 'classic' ? ( @@ -132,7 +136,7 @@ export function DiffStyles() { {} {diffStyleOptions.find((opt) => opt.value === lineDiffStyle) ?.label ?? lineDiffStyle} - + diff --git a/apps/docs/app/diff-examples/FontStyles.tsx b/apps/docs/app/diff-examples/FontStyles.tsx index 9b20a560b..d067e9b61 100644 --- a/apps/docs/app/diff-examples/FontStyles.tsx +++ b/apps/docs/app/diff-examples/FontStyles.tsx @@ -60,6 +60,9 @@ const fontMap: Record = { 'Cascadia Code': '--font-cascadia-code', }; +const fontSizes = ['10px', '12px', '13px', '14px', '18px']; +const lineHeights = ['16px', '20px', '24px', '28px']; + export function FontStyles() { const [selectedFont, setSelectedFont] = useState('Berkeley Mono'); const [selectedFontSize, setSelectedFontSize] = useState('14px'); @@ -72,69 +75,32 @@ export function FontStyles() { title="Bring your own fonts" description="Precision Diffs is adaptable to any font, font-size, line-height, and even font-feature-settings you may have set. Configure font options with your preferred CSS method globally or on a per-component basis." /> -
+
-
+
- - setSelectedFont('Berkeley Mono')} - > - Berkeley Mono - {selectedFont === 'Berkeley Mono' && ( - - )} - - setSelectedFont('Geist Mono')} - > - Geist Mono - {selectedFont === 'Geist Mono' && ( - - )} - - setSelectedFont('Fira Code')} - > - Fira Code - {selectedFont === 'Fira Code' && ( - - )} - - setSelectedFont('IBM Plex Mono')} - > - IBM Plex Mono - {selectedFont === 'IBM Plex Mono' && ( - - )} - - setSelectedFont('JetBrains Mono')} - > - JetBrains Mono - {selectedFont === 'JetBrains Mono' && ( - - )} - - setSelectedFont('Cascadia Code')} - > - Cascadia Code - {selectedFont === 'Cascadia Code' && ( - - )} - + + {Object.keys(fontMap).map((font) => ( + setSelectedFont(font)} + > + {font} + {selectedFont === font && ( + + )} + + ))}
@@ -148,36 +114,17 @@ export function FontStyles() { - setSelectedFontSize('10px')}> - 10px - {selectedFontSize === '10px' && ( - - )} - - setSelectedFontSize('12px')}> - 12px - {selectedFontSize === '12px' && ( - - )} - - setSelectedFontSize('13px')}> - 13px - {selectedFontSize === '13px' && ( - - )} - - setSelectedFontSize('14px')}> - 14px - {selectedFontSize === '14px' && ( - - )} - - setSelectedFontSize('18px')}> - 18px - {selectedFontSize === '18px' && ( - - )} - + {fontSizes.map((size) => ( + setSelectedFontSize(size)} + > + {size} + {selectedFontSize === size && ( + + )} + + ))}
@@ -191,38 +138,17 @@ export function FontStyles() { - setSelectedLineHeight('16px')} - > - 16px - {selectedLineHeight === '16px' && ( - - )} - - setSelectedLineHeight('20px')} - > - 20px - {selectedLineHeight === '20px' && ( - - )} - - setSelectedLineHeight('24px')} - > - 24px - {selectedLineHeight === '24px' && ( - - )} - - setSelectedLineHeight('28px')} - > - 28px - {selectedLineHeight === '28px' && ( - - )} - + {lineHeights.map((height) => ( + setSelectedLineHeight(height)} + > + {height} + {selectedLineHeight === height && ( + + )} + + ))}
@@ -232,7 +158,7 @@ export function FontStyles() { } placeholder="Font feature settings" - className="max-w-xs" + className="md:max-w-xs" />
diff --git a/apps/docs/app/diff-examples/ShikiThemes.tsx b/apps/docs/app/diff-examples/ShikiThemes.tsx index b33934273..30c46f8e6 100644 --- a/apps/docs/app/diff-examples/ShikiThemes.tsx +++ b/apps/docs/app/diff-examples/ShikiThemes.tsx @@ -152,7 +152,7 @@ export function ShikiThemes() { title="Adapts to any Shiki theme" description="Precision Diffs are built with Shiki for syntax highlighting and general theming. Our components automatically adapt to blend in with your theme selection, including across color modes." /> -
+
@@ -224,15 +224,15 @@ export function ShikiThemes() { setSelectedColorMode(value as 'system' | 'light' | 'dark') } > - + Auto - + Light - + Dark From ac4ba017578142ec93e2188b3c448a595c7019c5 Mon Sep 17 00:00:00 2001 From: Amadeus Demarzi Date: Tue, 14 Oct 2025 22:17:32 -0700 Subject: [PATCH 26/26] ignore icons with eslint for now --- eslint.config.js | 1 + 1 file changed, 1 insertion(+) diff --git a/eslint.config.js b/eslint.config.js index f0ca5639c..c94b65f31 100644 --- a/eslint.config.js +++ b/eslint.config.js @@ -22,6 +22,7 @@ export default [ '{packages,apps}/*/build/**', '{packages,apps}/*/next-env.d.ts', '{packages,apps}/*/.source/**', + 'apps/docs/components/icons/icons/**', ], }, js.configs.recommended,