@osrd-project/ui-icons - npm Package Compare versions

Comparing version 0.0.2 to 0.0.3

dist/components/Alert.d.ts

 import React from 'react';
 interface AlertbaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -9,4 +9,4 @@ color?: string;
 interface AlertfillProps {
-    size: 'sm' | 'lg';
-    variant: 'fill';
+    size?: 'sm' | 'lg';
+    variant?: 'fill';
     title?: string;
@@ -13,0 +13,0 @@ color?: string;

dist/components/Archive.d.ts

 import React from 'react';
 interface ArchivebaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/ArrowBoth.d.ts

 import React from 'react';
 interface ArrowBothbaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/ArrowDown.d.ts

 import React from 'react';
 interface ArrowDownbaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/ArrowDownLeft.d.ts

 import React from 'react';
 interface ArrowDownLeftbaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/ArrowDownRight.d.ts

 import React from 'react';
 interface ArrowDownRightbaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/ArrowLeft.d.ts

 import React from 'react';
 interface ArrowLeftbaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/ArrowRight.d.ts

 import React from 'react';
 interface ArrowRightbaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/ArrowSwitch.d.ts

 import React from 'react';
 interface ArrowSwitchbaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/ArrowUp.d.ts

 import React from 'react';
 interface ArrowUpbaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/ArrowUpLeft.d.ts

 import React from 'react';
 interface ArrowUpLeftbaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/ArrowUpRight.d.ts

 import React from 'react';
 interface ArrowUpRightbaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/Beaker.d.ts

 import React from 'react';
 interface BeakerbaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/Bell.d.ts

 import React from 'react';
 interface BellbaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -9,4 +9,4 @@ color?: string;
 interface BellfillProps {
-    size: 'sm' | 'lg';
-    variant: 'fill';
+    size?: 'sm' | 'lg';
+    variant?: 'fill';
     title?: string;
@@ -13,0 +13,0 @@ color?: string;

dist/components/BellSlash.d.ts

 import React from 'react';
 interface BellSlashbaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/Blocked.d.ts

 import React from 'react';
 interface BlockedbaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -9,4 +9,4 @@ color?: string;
 interface BlockedfillProps {
-    size: 'sm' | 'lg';
-    variant: 'fill';
+    size?: 'sm' | 'lg';
+    variant?: 'fill';
     title?: string;
@@ -13,0 +13,0 @@ color?: string;

dist/components/Bold.d.ts

 import React from 'react';
 interface BoldbaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/Book.d.ts

 import React from 'react';
 interface BookbaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -9,4 +9,4 @@ color?: string;
 interface BookfillProps {
-    size: 'sm' | 'lg';
-    variant: 'fill';
+    size?: 'sm' | 'lg';
+    variant?: 'fill';
     title?: string;
@@ -13,0 +13,0 @@ color?: string;

dist/components/Bookmark.d.ts

 import React from 'react';
 interface BookmarkbaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -9,4 +9,4 @@ color?: string;
 interface BookmarkfillProps {
-    size: 'sm' | 'lg';
-    variant: 'fill';
+    size?: 'sm' | 'lg';
+    variant?: 'fill';
     title?: string;
@@ -13,0 +13,0 @@ color?: string;

dist/components/BookmarkSlash.d.ts

 import React from 'react';
 interface BookmarkSlashbaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -9,4 +9,4 @@ color?: string;
 interface BookmarkSlashfillProps {
-    size: 'sm' | 'lg';
-    variant: 'fill';
+    size?: 'sm' | 'lg';
+    variant?: 'fill';
     title?: string;
@@ -13,0 +13,0 @@ color?: string;

dist/components/Briefcase.d.ts

 import React from 'react';
 interface BriefcasebaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/Broadcast.d.ts

 import React from 'react';
 interface BroadcastbaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/Browser.d.ts

 import React from 'react';
 interface BrowserbaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/Bug.d.ts

 import React from 'react';
 interface BugbaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/Calendar.d.ts

 import React from 'react';
 interface CalendarbaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/Check.d.ts

 import React from 'react';
 interface CheckbaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/CheckBox.d.ts

 import React from 'react';
 interface CheckBoxbaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/CheckCircle.d.ts

 import React from 'react';
 interface CheckCirclebaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -9,4 +9,4 @@ color?: string;
 interface CheckCirclefillProps {
-    size: 'sm' | 'lg';
-    variant: 'fill';
+    size?: 'sm' | 'lg';
+    variant?: 'fill';
     title?: string;
@@ -13,0 +13,0 @@ color?: string;

dist/components/Checklist.d.ts

 import React from 'react';
 interface ChecklistbaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/ChevronDown.d.ts

 import React from 'react';
 interface ChevronDownbaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/ChevronLeft.d.ts

 import React from 'react';
 interface ChevronLeftbaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/ChevronRight.d.ts

 import React from 'react';
 interface ChevronRightbaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/ChevronUp.d.ts

 import React from 'react';
 interface ChevronUpbaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/Clock.d.ts

 import React from 'react';
 interface ClockbaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/Cloud.d.ts

 import React from 'react';
 interface CloudbaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/CloudOffline.d.ts

 import React from 'react';
 interface CloudOfflinebaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/CodescanCheckmark.d.ts

 import React from 'react';
 interface CodescanCheckmarkbaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/Comment.d.ts

 import React from 'react';
 interface CommentbaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/CommentDiscussion.d.ts

 import React from 'react';
 interface CommentDiscussionbaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/CompassCardinal.d.ts

 import React from 'react';
 interface CompassCardinalbaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/CompassNeedle.d.ts

 import React from 'react';
 interface CompassNeedlebaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/Container.d.ts

 import React from 'react';
 interface ContainerbaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/Copy.d.ts

 import React from 'react';
 interface CopybaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/Cpu.d.ts

 import React from 'react';
 interface CpubaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/CrossReference.d.ts

 import React from 'react';
 interface CrossReferencebaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/Dash.d.ts

 import React from 'react';
 interface DashbaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/Database.d.ts

 import React from 'react';
 interface DatabasebaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/DesktopDownload.d.ts

 import React from 'react';
 interface DesktopDownloadbaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/DeviceCameraVideo.d.ts

 import React from 'react';
 interface DeviceCameraVideobaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/DeviceDesktop.d.ts

 import React from 'react';
 interface DeviceDesktopbaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/DeviceMobile.d.ts

 import React from 'react';
 interface DeviceMobilebaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/Devices.d.ts

 import React from 'react';
 interface DevicesbaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/Dot.d.ts

 import React from 'react';
 interface DotbaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -9,4 +9,4 @@ color?: string;
 interface DotfillProps {
-    size: 'sm' | 'lg';
-    variant: 'fill';
+    size?: 'sm' | 'lg';
+    variant?: 'fill';
     title?: string;
@@ -13,0 +13,0 @@ color?: string;

dist/components/Download.d.ts

 import React from 'react';
 interface DownloadbaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/Duplicate.d.ts

 import React from 'react';
 interface DuplicatebaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/Ellipsis.d.ts

 import React from 'react';
 interface EllipsisbaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/Eye.d.ts

 import React from 'react';
 interface EyebaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/EyeClosed.d.ts

 import React from 'react';
 interface EyeClosedbaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/File.d.ts

 import React from 'react';
 interface FilebaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/FileAdded.d.ts

 import React from 'react';
 interface FileAddedbaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/FileDirectory.d.ts

 import React from 'react';
 interface FileDirectorybaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -9,4 +9,4 @@ color?: string;
 interface FileDirectoryfillProps {
-    size: 'sm' | 'lg';
-    variant: 'fill';
+    size?: 'sm' | 'lg';
+    variant?: 'fill';
     title?: string;
@@ -13,0 +13,0 @@ color?: string;

dist/components/FileDirectoryOpen.d.ts

 import React from 'react';
 interface FileDirectoryOpenfillProps {
-    size: 'sm' | 'lg';
-    variant: 'fill';
+    size?: 'sm' | 'lg';
+    variant?: 'fill';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/FileDirectorySymlink.d.ts

 import React from 'react';
 interface FileDirectorySymlinkbaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/FileMedia.d.ts

 import React from 'react';
 interface FileMediabaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/FileMoved.d.ts

 import React from 'react';
 interface FileMovedbaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/FileRemoved.d.ts

 import React from 'react';
 interface FileRemovedbaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/FileSubmodule.d.ts

 import React from 'react';
 interface FileSubmodulebaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/FileSymlink.d.ts

 import React from 'react';
 interface FileSymlinkbaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/FileZip.d.ts

 import React from 'react';
 interface FileZipbaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/Filter.d.ts

 import React from 'react';
 interface FilterbaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/FilterRemove.d.ts

 import React from 'react';
 interface FilterRemovebaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/Flame.d.ts

 import React from 'react';
 interface FlamebaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/Fold.d.ts

 import React from 'react';
 interface FoldbaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/FoldDown.d.ts

 import React from 'react';
 interface FoldDownbaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/FoldUp.d.ts

 import React from 'react';
 interface FoldUpbaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/Gear.d.ts

 import React from 'react';
 interface GearbaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -9,4 +9,4 @@ color?: string;
 interface GearfillProps {
-    size: 'sm' | 'lg';
-    variant: 'fill';
+    size?: 'sm' | 'lg';
+    variant?: 'fill';
     title?: string;
@@ -13,0 +13,0 @@ color?: string;

dist/components/Gift.d.ts

 import React from 'react';
 interface GiftbaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/Globe.d.ts

 import React from 'react';
 interface GlobebaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/Goal.d.ts

 import React from 'react';
 interface GoalbaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/Grabber.d.ts

 import React from 'react';
 interface GrabberbaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/Graph.d.ts

 import React from 'react';
 interface GraphbaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/Heading.d.ts

 import React from 'react';
 interface HeadingbaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/Heart.d.ts

 import React from 'react';
 interface HeartbaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -9,4 +9,4 @@ color?: string;
 interface HeartfillProps {
-    size: 'sm' | 'lg';
-    variant: 'fill';
+    size?: 'sm' | 'lg';
+    variant?: 'fill';
     title?: string;
@@ -13,0 +13,0 @@ color?: string;

dist/components/History.d.ts

 import React from 'react';
 interface HistorybaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/Home.d.ts

 import React from 'react';
 interface HomebaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -9,4 +9,4 @@ color?: string;
 interface HomefillProps {
-    size: 'sm' | 'lg';
-    variant: 'fill';
+    size?: 'sm' | 'lg';
+    variant?: 'fill';
     title?: string;
@@ -13,0 +13,0 @@ color?: string;

dist/components/HorizontalRule.d.ts

 import React from 'react';
 interface HorizontalRulebaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/Hourglass.d.ts

 import React from 'react';
 interface HourglassbaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/IdBadge.d.ts

 import React from 'react';
 interface IdBadgebaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/Image.d.ts

 import React from 'react';
 interface ImagebaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/Inbox.d.ts

 import React from 'react';
 interface InboxbaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/Info.d.ts

 import React from 'react';
 interface InfobaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/Italic.d.ts

 import React from 'react';
 interface ItalicbaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/Iterations.d.ts

 import React from 'react';
 interface IterationsbaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/KebabHorizontal.d.ts

 import React from 'react';
 interface KebabHorizontalbaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/Key.d.ts

 import React from 'react';
 interface KeybaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/Law.d.ts

 import React from 'react';
 interface LawbaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/LightBulb.d.ts

 import React from 'react';
 interface LightBulbbaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/Link.d.ts

 import React from 'react';
 interface LinkbaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/LinkExternal.d.ts

 import React from 'react';
 interface LinkExternalbaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/ListOrdered.d.ts

 import React from 'react';
 interface ListOrderedbaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/ListUnordered.d.ts

 import React from 'react';
 interface ListUnorderedbaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/Location.d.ts

 import React from 'react';
 interface LocationbaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/Lock.d.ts

 import React from 'react';
 interface LockbaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -9,4 +9,4 @@ color?: string;
 interface LockfillProps {
-    size: 'sm' | 'lg';
-    variant: 'fill';
+    size?: 'sm' | 'lg';
+    variant?: 'fill';
     title?: string;
@@ -13,0 +13,0 @@ color?: string;

dist/components/Log.d.ts

 import React from 'react';
 interface LogbaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/Mail.d.ts

 import React from 'react';
 interface MailbaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/Megaphone.d.ts

 import React from 'react';
 interface MegaphonebaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/Mention.d.ts

 import React from 'react';
 interface MentionbaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/Meter.d.ts

 import React from 'react';
 interface MeterbaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/Milestone.d.ts

 import React from 'react';
 interface MilestonebaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/Mirror.d.ts

 import React from 'react';
 interface MirrorbaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/Moon.d.ts

 import React from 'react';
 interface MoonbaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/MortarBoard.d.ts

 import React from 'react';
 interface MortarBoardbaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/MoveDown.d.ts

 import React from 'react';
 interface MoveDownbaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/MoveToLeft.d.ts

 import React from 'react';
 interface MoveToLeftbaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/MoveToRight.d.ts

 import React from 'react';
 interface MoveToRightbaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/MoveToTop.d.ts

 import React from 'react';
 interface MoveToTopbaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/Mute.d.ts

 import React from 'react';
 interface MutebaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/NoEntry.d.ts

 import React from 'react';
 interface NoEntrybaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/NorthStar.d.ts

 import React from 'react';
 interface NorthStarbaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/Note.d.ts

 import React from 'react';
 interface NotebaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/Number.d.ts

 import React from 'react';
 interface NumberbaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/Organization.d.ts

 import React from 'react';
 interface OrganizationbaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/Package.d.ts

 import React from 'react';
 interface PackagebaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/PackageDependencies.d.ts

 import React from 'react';
 interface PackageDependenciesbaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/PackageDependents.d.ts

 import React from 'react';
 interface PackageDependentsbaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/PaperAirplane.d.ts

 import React from 'react';
 interface PaperAirplanebaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/Paperclip.d.ts

 import React from 'react';
 interface PaperclipbaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/Passkey.d.ts

 import React from 'react';
 interface PasskeyfillProps {
-    size: 'sm' | 'lg';
-    variant: 'fill';
+    size?: 'sm' | 'lg';
+    variant?: 'fill';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/Paste.d.ts

 import React from 'react';
 interface PastebaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/Pencil.d.ts

 import React from 'react';
 interface PencilbaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/People.d.ts

 import React from 'react';
 interface PeoplebaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/Person.d.ts

 import React from 'react';
 interface PersonbaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -9,4 +9,4 @@ color?: string;
 interface PersonfillProps {
-    size: 'sm' | 'lg';
-    variant: 'fill';
+    size?: 'sm' | 'lg';
+    variant?: 'fill';
     title?: string;
@@ -13,0 +13,0 @@ color?: string;

dist/components/PersonAdd.d.ts

 import React from 'react';
 interface PersonAddbaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/Pin.d.ts

 import React from 'react';
 interface PinbaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/PinSlash.d.ts

 import React from 'react';
 interface PinSlashbaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/Play.d.ts

 import React from 'react';
 interface PlaybaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/Plug.d.ts

 import React from 'react';
 interface PlugbaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/Plus.d.ts

 import React from 'react';
 interface PlusbaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/PlusCircle.d.ts

 import React from 'react';
 interface PlusCirclebaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/Project.d.ts

 import React from 'react';
 interface ProjectbaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/ProjectRoadmap.d.ts

 import React from 'react';
 interface ProjectRoadmapbaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/Pulse.d.ts

 import React from 'react';
 interface PulsebaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/Question.d.ts

 import React from 'react';
 interface QuestionbaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/Quote.d.ts

 import React from 'react';
 interface QuotebaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/Read.d.ts

 import React from 'react';
 interface ReadbaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/Reply.d.ts

 import React from 'react';
 interface ReplybaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/Report.d.ts

 import React from 'react';
 interface ReportbaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/RequiredInput.d.ts

 import React from 'react';
 interface RequiredInputbaseProps {
-    size: 'sm';
-    variant: 'base';
+    size?: 'sm';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/Rocket.d.ts

 import React from 'react';
 interface RocketbaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/Rss.d.ts

 import React from 'react';
 interface RssbaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/Ruby.d.ts

 import React from 'react';
 interface RubybaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/ScreenFull.d.ts

 import React from 'react';
 interface ScreenFullbaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/ScreenNormal.d.ts

 import React from 'react';
 interface ScreenNormalbaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/Search.d.ts

 import React from 'react';
 interface SearchbaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/Server.d.ts

 import React from 'react';
 interface ServerbaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/Share.d.ts

 import React from 'react';
 interface SharebaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/Shield.d.ts

 import React from 'react';
 interface ShieldbaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/ShieldCheck.d.ts

 import React from 'react';
 interface ShieldCheckbaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/ShieldLock.d.ts

 import React from 'react';
 interface ShieldLockbaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/ShieldSlash.d.ts

 import React from 'react';
 interface ShieldSlashbaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/ShieldX.d.ts

 import React from 'react';
 interface ShieldXbaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/SidebarRightCollapse.d.ts

 import React from 'react';
 interface SidebarRightCollapsebaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/SidebarRightExpand.d.ts

 import React from 'react';
 interface SidebarRightExpandbaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/SignIn.d.ts

 import React from 'react';
 interface SignInbaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/SignOut.d.ts

 import React from 'react';
 interface SignOutbaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/Skip.d.ts

 import React from 'react';
 interface SkipbaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -9,4 +9,4 @@ color?: string;
 interface SkipfillProps {
-    size: 'sm' | 'lg';
-    variant: 'fill';
+    size?: 'sm' | 'lg';
+    variant?: 'fill';
     title?: string;
@@ -13,0 +13,0 @@ color?: string;

dist/components/Sliders.d.ts

 import React from 'react';
 interface SlidersbaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/Smiley.d.ts

 import React from 'react';
 interface SmileybaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/SortAsc.d.ts

 import React from 'react';
 interface SortAscbaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/SortDesc.d.ts

 import React from 'react';
 interface SortDescbaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/Sparkle.d.ts

 import React from 'react';
 interface SparklefillProps {
-    size: 'sm' | 'lg';
-    variant: 'fill';
+    size?: 'sm' | 'lg';
+    variant?: 'fill';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/Square.d.ts

 import React from 'react';
 interface SquarebaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -9,4 +9,4 @@ color?: string;
 interface SquarefillProps {
-    size: 'sm' | 'lg';
-    variant: 'fill';
+    size?: 'sm' | 'lg';
+    variant?: 'fill';
     title?: string;
@@ -13,0 +13,0 @@ color?: string;

dist/components/Squirrel.d.ts

 import React from 'react';
 interface SquirrelbaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/Stack.d.ts

 import React from 'react';
 interface StackbaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/Star.d.ts

 import React from 'react';
 interface StarbaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -9,4 +9,4 @@ color?: string;
 interface StarfillProps {
-    size: 'sm' | 'lg';
-    variant: 'fill';
+    size?: 'sm' | 'lg';
+    variant?: 'fill';
     title?: string;
@@ -13,0 +13,0 @@ color?: string;

dist/components/Stop.d.ts

 import React from 'react';
 interface StopbaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/Stopwatch.d.ts

 import React from 'react';
 interface StopwatchbaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/Strikethrough.d.ts

 import React from 'react';
 interface StrikethroughbaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/Sun.d.ts

 import React from 'react';
 interface SunbaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/Sync.d.ts

 import React from 'react';
 interface SyncbaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/Tag.d.ts

 import React from 'react';
 interface TagbaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/Tasklist.d.ts

 import React from 'react';
 interface TasklistbaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/Telescope.d.ts

 import React from 'react';
 interface TelescopebaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -9,4 +9,4 @@ color?: string;
 interface TelescopefillProps {
-    size: 'sm' | 'lg';
-    variant: 'fill';
+    size?: 'sm' | 'lg';
+    variant?: 'fill';
     title?: string;
@@ -13,0 +13,0 @@ color?: string;

dist/components/ThreeBars.d.ts

 import React from 'react';
 interface ThreeBarsbaseProps {
-    size: 'sm';
-    variant: 'base';
+    size?: 'sm';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/Thumbsdown.d.ts

 import React from 'react';
 interface ThumbsdownbaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/Thumbsup.d.ts

 import React from 'react';
 interface ThumbsupbaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/Tools.d.ts

 import React from 'react';
 interface ToolsbaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/Trash.d.ts

 import React from 'react';
 interface TrashbaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/TriangleDown.d.ts

 import React from 'react';
 interface TriangleDownbaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/TriangleLeft.d.ts

 import React from 'react';
 interface TriangleLeftbaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/TriangleRight.d.ts

 import React from 'react';
 interface TriangleRightbaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/TriangleUp.d.ts

 import React from 'react';
 interface TriangleUpbaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/Trophy.d.ts

 import React from 'react';
 interface TrophybaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/Typography.d.ts

 import React from 'react';
 interface TypographybaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/Unfold.d.ts

 import React from 'react';
 interface UnfoldbaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/Unlink.d.ts

 import React from 'react';
 interface UnlinkbaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/Unlock.d.ts

 import React from 'react';
 interface UnlockbaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/Unmute.d.ts

 import React from 'react';
 interface UnmutebaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/Unread.d.ts

 import React from 'react';
 interface UnreadbaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/Unverified.d.ts

 import React from 'react';
 interface UnverifiedbaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/Upload.d.ts

 import React from 'react';
 interface UploadbaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/Verified.d.ts

 import React from 'react';
 interface VerifiedbaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/Video.d.ts

 import React from 'react';
 interface VideobaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/Wand.d.ts

 import React from 'react';
 interface WandbaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/Workflow.d.ts

 import React from 'react';
 interface WorkflowbaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/X.d.ts

 import React from 'react';
 interface XbaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/XCircle.d.ts

 import React from 'react';
 interface XCirclebaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -9,4 +9,4 @@ color?: string;
 interface XCirclefillProps {
-    size: 'sm' | 'lg';
-    variant: 'fill';
+    size?: 'sm' | 'lg';
+    variant?: 'fill';
     title?: string;
@@ -13,0 +13,0 @@ color?: string;

dist/components/Zap.d.ts

 import React from 'react';
 interface ZapbaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/ZoomIn.d.ts

 import React from 'react';
 interface ZoomInbaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

dist/components/ZoomOut.d.ts

 import React from 'react';
 interface ZoomOutbaseProps {
-    size: 'sm' | 'lg';
-    variant: 'base';
+    size?: 'sm' | 'lg';
+    variant?: 'base';
     title?: string;
@@ -6,0 +6,0 @@ color?: string;

package.json

 {
   "name": "@osrd-project/ui-icons",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "type": "module",
@@ -14,14 +14,15 @@ "main": "dist/index.umd.js",
   "devDependencies": {
-    "@babel/preset-env": "7.19.1",
-    "@babel/preset-react": "7.18.6",
+    "@babel/preset-env": "7.23.8",
+    "@babel/preset-react": "7.23.3",
     "@rollup/plugin-babel": "^6.0.4",
     "@rollup/plugin-commonjs": "^25.0.7",
-    "@rollup/plugin-typescript": "^11.1.5",
-    "@types/react": "^18.0.0",
+    "@rollup/plugin-typescript": "^11.1.6",
+    "@types/react": "^18.2.48",
     "cheerio": "^1.0.0-rc.12",
-    "rollup": "^4.9.1",
-    "svgo": "3.0.2",
-    "typescript": "^4.8.3",
-    "react": "^18.0.0",
-    "react-dom": "^18.0.0"
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "rollup": "^4.9.6",
+    "svgo": "3.2.0",
+    "tslib": "^2.6.2",
+    "typescript": "^5.3.3"
   },
@@ -28,0 +29,0 @@ "peerDependencies": {

Fixed alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

No README

Quality

Package does not have a README. This may indicate a failed publish or a low quality package.

Found 1 instance in 1 package

Improved metrics

Number of package files

218

increased by0.46%

Number of medium quality alerts

0

decreased by-100%

Number of lines in readme file

9

increased byInfinity%

Number of medium supply chain risk alerts

0

decreased by-100%

Worsened metrics

Total package byte prevSize

886084

decreased by-5.37%

Dev dependency count

13

increased by8.33%

Lines of code

10343

decreased by-4.06%

No dependency changes