sdaia-ui 0.3.0 → 1.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/icons/AIIcon.d.ts +11 -0
- package/dist/icons/AaIcon.d.ts +11 -0
- package/dist/icons/AlertCircle02Icon.d.ts +8 -0
- package/dist/icons/AlertCircleIcon.d.ts +9 -0
- package/dist/icons/AlertCircleSVG.d.ts +3 -0
- package/dist/icons/AlertCircleWarningIcon.d.ts +9 -0
- package/dist/icons/AlertTriangleIcon.d.ts +9 -0
- package/dist/icons/AlignCenterIcon.d.ts +10 -0
- package/dist/icons/AlignLeftIcon.d.ts +10 -0
- package/dist/icons/AlignRightIcon.d.ts +10 -0
- package/dist/icons/ArrowDownIcon.d.ts +9 -0
- package/dist/icons/ArrowDownLeft01Icon.d.ts +14 -0
- package/dist/icons/ArrowDownSVG.d.ts +3 -0
- package/dist/icons/ArrowIcon.d.ts +18 -0
- package/dist/icons/ArrowLeft01Icon.d.ts +4 -0
- package/dist/icons/ArrowLeft02SVG.d.ts +3 -0
- package/dist/icons/ArrowLeftIcon.d.ts +4 -0
- package/dist/icons/ArrowRight01Icon.d.ts +4 -0
- package/dist/icons/ArrowRight01SVG.d.ts +3 -0
- package/dist/icons/ArrowRightIcon.d.ts +4 -0
- package/dist/icons/ArrowUpIcon.d.ts +9 -0
- package/dist/icons/ArrowUpRight01Icon.d.ts +11 -0
- package/dist/icons/ArrowUpSVG.d.ts +3 -0
- package/dist/icons/AtIcon.d.ts +10 -0
- package/dist/icons/BeakBottom.d.ts +4 -0
- package/dist/icons/BeakDown.d.ts +13 -0
- package/dist/icons/BeakLeft.d.ts +4 -0
- package/dist/icons/BeakRight.d.ts +3 -0
- package/dist/icons/BeakTop.d.ts +4 -0
- package/dist/icons/BeakUp.d.ts +8 -0
- package/dist/icons/BellCircleIcon.d.ts +9 -0
- package/dist/icons/BellIcon.d.ts +9 -0
- package/dist/icons/BoldIcon.d.ts +10 -0
- package/dist/icons/CalendarIcon.d.ts +3 -0
- package/dist/icons/ChartsIcon.d.ts +3 -0
- package/dist/icons/CheckCircleIcon.d.ts +9 -0
- package/dist/icons/ChevronDownIcon.d.ts +9 -0
- package/dist/icons/ChevronDownSmIcon.d.ts +10 -0
- package/dist/icons/ChevronLeftIcon.d.ts +2 -0
- package/dist/icons/ChevronRightIcon.d.ts +3 -0
- package/dist/icons/ClearIcon.d.ts +12 -0
- package/dist/icons/ClockIcon.d.ts +12 -0
- package/dist/icons/CloseIcon.d.ts +9 -0
- package/dist/icons/CloudUploadIcon.d.ts +3 -0
- package/dist/icons/CodeSnippetChevronDownIcon.d.ts +3 -0
- package/dist/icons/CodeSnippetCopyIcon.d.ts +4 -0
- package/dist/icons/CodeSnippetStarIcon.d.ts +3 -0
- package/dist/icons/ColorSquareIcon.d.ts +6 -0
- package/dist/icons/ComponentsIcon.d.ts +3 -0
- package/dist/icons/DGALogoSVG.d.ts +3 -0
- package/dist/icons/DeleteIcon.d.ts +3 -0
- package/dist/icons/DownloadIcon.d.ts +6 -0
- package/dist/icons/DragHandleVerticalIcon.d.ts +3 -0
- package/dist/icons/FeedbackEmojiDislikeIcon.d.ts +2 -0
- package/dist/icons/FeedbackEmojiLikeIcon.d.ts +2 -0
- package/dist/icons/FeedbackEmojiNeutralIcon.d.ts +2 -0
- package/dist/icons/FeedbackThumbDislikeFilledIcon.d.ts +2 -0
- package/dist/icons/FeedbackThumbDislikeIcon.d.ts +2 -0
- package/dist/icons/FeedbackThumbLikeFilledIcon.d.ts +2 -0
- package/dist/icons/FeedbackThumbLikeIcon.d.ts +2 -0
- package/dist/icons/FileUploadItemCloseIcon.d.ts +6 -0
- package/dist/icons/FileUploadItemEmptyFileIcon.d.ts +5 -0
- package/dist/icons/FileUploadItemPdfIcon.d.ts +6 -0
- package/dist/icons/FilterFunnelIcon.d.ts +12 -0
- package/dist/icons/FilterIcon.d.ts +9 -0
- package/dist/icons/FitIcon.d.ts +6 -0
- package/dist/icons/FolderFilledIcon.d.ts +3 -0
- package/dist/icons/FolderIcon.d.ts +4 -0
- package/dist/icons/FoundationsIcon.d.ts +3 -0
- package/dist/icons/FullscreenExitIcon.d.ts +11 -0
- package/dist/icons/FullscreenIcon.d.ts +10 -0
- package/dist/icons/GoBackward10Icon.d.ts +3 -0
- package/dist/icons/GoForward10Icon.d.ts +3 -0
- package/dist/icons/GridSquaresIcon.d.ts +12 -0
- package/dist/icons/HamburgerIcon.d.ts +7 -0
- package/dist/icons/HelpCircleIcon.d.ts +7 -0
- package/dist/icons/HomeIcon.d.ts +2 -0
- package/dist/icons/HomeSVG.d.ts +3 -0
- package/dist/icons/IconFactory.d.ts +142 -0
- package/dist/icons/Image01SVG.d.ts +3 -0
- package/dist/icons/ImageIcon.d.ts +10 -0
- package/dist/icons/InfoCircleIcon.d.ts +10 -0
- package/dist/icons/InfoCircleSVG.d.ts +3 -0
- package/dist/icons/InfoIcon.d.ts +9 -0
- package/dist/icons/ItalicIcon.d.ts +10 -0
- package/dist/icons/LearnMoreArrowIcon.d.ts +4 -0
- package/dist/icons/LinkCircleSVG.d.ts +3 -0
- package/dist/icons/LinkIcon.d.ts +10 -0
- package/dist/icons/ListLinesIcon.d.ts +12 -0
- package/dist/icons/LockCircleSVG.d.ts +3 -0
- package/dist/icons/LockIcon.d.ts +13 -0
- package/dist/icons/Logout02Icon.d.ts +3 -0
- package/dist/icons/MicrophoneIcon.d.ts +2 -0
- package/dist/icons/MinusIcon.d.ts +19 -0
- package/dist/icons/MoreHorizontalIcon.d.ts +7 -0
- package/dist/icons/MoreVerticalIcon.d.ts +9 -0
- package/dist/icons/NextIcon.d.ts +10 -0
- package/dist/icons/PDFSvg.d.ts +12 -0
- package/dist/icons/PatternsIcon.d.ts +2 -0
- package/dist/icons/PauseIcon.d.ts +6 -0
- package/dist/icons/PencilIcon.d.ts +8 -0
- package/dist/icons/PlayButtonCardIcon.d.ts +14 -0
- package/dist/icons/PlayCenterIcon.d.ts +13 -0
- package/dist/icons/PlayIcon.d.ts +3 -0
- package/dist/icons/PlayIconSolid.d.ts +6 -0
- package/dist/icons/PlayIconStroke.d.ts +2 -0
- package/dist/icons/PlayIconTwotone.d.ts +6 -0
- package/dist/icons/PlayVideoIcon.d.ts +14 -0
- package/dist/icons/PlusCircleIcon.d.ts +9 -0
- package/dist/icons/PlusIcon.d.ts +22 -0
- package/dist/icons/PreviousIcon.d.ts +10 -0
- package/dist/icons/PrintIcon.d.ts +4 -0
- package/dist/icons/QuestionMarkGrayBgIcon.d.ts +22 -0
- package/dist/icons/QuestionMarkIcon.d.ts +11 -0
- package/dist/icons/RedoIcon.d.ts +10 -0
- package/dist/icons/SaudiFlagSVG.d.ts +3 -0
- package/dist/icons/SdaiaNavLogo.d.ts +2 -0
- package/dist/icons/SearchIcon.d.ts +12 -0
- package/dist/icons/SettingsIcon.d.ts +2 -0
- package/dist/icons/ShareIcon.d.ts +4 -0
- package/dist/icons/SidebarCollapseIcon.d.ts +3 -0
- package/dist/icons/SmileIcon.d.ts +11 -0
- package/dist/icons/SortIcon.d.ts +2 -0
- package/dist/icons/StarIcon.d.ts +11 -0
- package/dist/icons/StatusBadgeIcon.d.ts +2 -0
- package/dist/icons/TextTIcon.d.ts +10 -0
- package/dist/icons/Tick02Icon.d.ts +8 -0
- package/dist/icons/TickIcon.d.ts +12 -0
- package/dist/icons/TrashIcon.d.ts +14 -0
- package/dist/icons/UnderlineIcon.d.ts +10 -0
- package/dist/icons/UndoIcon.d.ts +10 -0
- package/dist/icons/UploadArrowIcon.d.ts +10 -0
- package/dist/icons/UserIcon.d.ts +2 -0
- package/dist/icons/VolumeHighIcon.d.ts +3 -0
- package/dist/icons/VolumeMuteIcon.d.ts +11 -0
- package/dist/icons/XCircleIcon.d.ts +8 -0
- package/dist/icons/XIcon.d.ts +8 -0
- package/dist/icons/XIconSVG.d.ts +3 -0
- package/dist/icons/XSmallIcon.d.ts +7 -0
- package/dist/icons/XSvg.d.ts +3 -0
- package/dist/icons/ZoomInIcon.d.ts +4 -0
- package/dist/icons.cjs +4452 -0
- package/dist/icons.js +4429 -0
- package/dist/index.js +62 -19
- package/package.json +15 -1
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { SVGProps } from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* Undo icon (undo-03) — 24×24 px.
|
|
4
|
+
* Figma: node inside Rich Text Editor 6259:88649
|
|
5
|
+
*/
|
|
6
|
+
export declare function AIIcon({ className, ...props }: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
/**
|
|
8
|
+
* Text / T icon — 16×16 px.
|
|
9
|
+
* Used inside the text-style selector trigger.
|
|
10
|
+
* Figma: node inside Rich Text Editor 6259:88649
|
|
11
|
+
*/
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { SVGProps } from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* Undo icon (undo-03) — 24×24 px.
|
|
4
|
+
* Figma: node inside Rich Text Editor 6259:88649
|
|
5
|
+
*/
|
|
6
|
+
export declare function AaIcon({ className, ...props }: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
/**
|
|
8
|
+
* Smile / emoji icon — 20×20 px.
|
|
9
|
+
* Used in the input bottom bar.
|
|
10
|
+
* Figma: node inside Rich Text Editor 6259:88649
|
|
11
|
+
*/
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { SVGProps } from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* AlertCircle02Icon — 32 × 32 glyph used inside the NotificationPopup
|
|
4
|
+
* "input" featured-icon (rendered on a light-green background circle).
|
|
5
|
+
* The path is pre-colored with the Figma `icon-success` variable (#067647)
|
|
6
|
+
* so the glyph reads correctly on the pale `background-primary-50` circle.
|
|
7
|
+
*/
|
|
8
|
+
export declare function AlertCircle02Icon(props: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* Alert icons — colocated inside the package so the component has no
|
|
4
|
+
* dependency on the host app's `/public` folder. All icons use
|
|
5
|
+
* `currentColor` so state styling is controlled by the parent's text color.
|
|
6
|
+
*/
|
|
7
|
+
type IconProps = React.SVGProps<SVGSVGElement>;
|
|
8
|
+
export declare const AlertCircleIcon: (props: IconProps) => import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
export {};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import type { SVGProps } from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* AlertCircleWarningIcon — 64 × 64 warning badge.
|
|
4
|
+
* Pre-colored filled-orange circle with a light-amber stroke and a white
|
|
5
|
+
* exclamation glyph, sourced verbatim from the Figma warning illustration
|
|
6
|
+
* used by the NotificationPopup warning state. Colors are intentional
|
|
7
|
+
* (semantic) and do not follow `currentColor`.
|
|
8
|
+
*/
|
|
9
|
+
export declare function AlertCircleWarningIcon(props: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* Alert icons — colocated inside the package so the component has no
|
|
4
|
+
* dependency on the host app's `/public` folder. All icons use
|
|
5
|
+
* `currentColor` so state styling is controlled by the parent's text color.
|
|
6
|
+
*/
|
|
7
|
+
type IconProps = React.SVGProps<SVGSVGElement>;
|
|
8
|
+
export declare const AlertTriangleIcon: (props: IconProps) => import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
export {};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import type { SVGProps } from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* Undo icon (undo-03) — 24×24 px.
|
|
4
|
+
* Figma: node inside Rich Text Editor 6259:88649
|
|
5
|
+
*/
|
|
6
|
+
export declare function AlignCenterIcon({ className, ...props }: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
/**
|
|
8
|
+
* Align right icon (text-align-justify-right) — 24×24 px.
|
|
9
|
+
* Figma: node inside Rich Text Editor 6259:88649
|
|
10
|
+
*/
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import type { SVGProps } from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* Undo icon (undo-03) — 24×24 px.
|
|
4
|
+
* Figma: node inside Rich Text Editor 6259:88649
|
|
5
|
+
*/
|
|
6
|
+
export declare function AlignLeftIcon({ className, ...props }: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
/**
|
|
8
|
+
* Align center icon (text-align-center) — 24×24 px.
|
|
9
|
+
* Figma: node inside Rich Text Editor 6259:88649
|
|
10
|
+
*/
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import type { SVGProps } from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* Undo icon (undo-03) — 24×24 px.
|
|
4
|
+
* Figma: node inside Rich Text Editor 6259:88649
|
|
5
|
+
*/
|
|
6
|
+
export declare function AlignRightIcon({ className, ...props }: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
/**
|
|
8
|
+
* Link icon (link-02) — 24×24 px.
|
|
9
|
+
* Figma: node inside Rich Text Editor 6259:88649
|
|
10
|
+
*/
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* Accordion chevrons — colocated inside the package so the component
|
|
4
|
+
* has no dependency on the host app's `/public` folder. Both icons
|
|
5
|
+
* use `currentColor` so the trigger's text color drives the fill.
|
|
6
|
+
*/
|
|
7
|
+
type IconProps = React.SVGProps<SVGSVGElement>;
|
|
8
|
+
export declare const ArrowDownIcon: (props: IconProps) => import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
export {};
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import type { SVGProps } from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* ArrowDownLeft01Icon — 12 × 12 diagonal down-left arrow (Figma
|
|
4
|
+
* `arrow-down-left-01`).
|
|
5
|
+
*
|
|
6
|
+
* Pre-colored red (#D92D20) — semantic "decrease" direction used by the
|
|
7
|
+
* ChartBadge decrease state. The path fill is baked in (it's not a
|
|
8
|
+
* `currentColor` glyph) because the icon is paired one-to-one with a
|
|
9
|
+
* specific pill color and its direction is meaningful on its own.
|
|
10
|
+
*
|
|
11
|
+
* Uses `width="100%"` / `height="100%"` so the parent `size-icon-*` wrapper
|
|
12
|
+
* controls the rendered size (ChartBadge uses `size-icon-xs` → 12 px).
|
|
13
|
+
*/
|
|
14
|
+
export declare function ArrowDownLeft01Icon(props: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Inline SVG icons for InputPrefixSuffix.
|
|
3
|
+
*
|
|
4
|
+
* All icons:
|
|
5
|
+
* - Use `width="100%" height="100%"` — the wrapping span controls the size.
|
|
6
|
+
* - Use `currentColor` — the wrapping span's `text-*` class drives the color.
|
|
7
|
+
* - Have `aria-hidden="true"` — the parent button's `aria-label` provides the label.
|
|
8
|
+
* - Paths extracted from Figma node 5285:77926.
|
|
9
|
+
*
|
|
10
|
+
* SVG path sources:
|
|
11
|
+
* minus-sign → Figma node 5285:77212 (horizontal bar, 24×24 vp)
|
|
12
|
+
* plus-sign → Figma node 5285:77252 (cross/plus, 24×24 vp)
|
|
13
|
+
* unfold-more → Figma node 5285:80168 (up+down chevrons, 24×24 vp)
|
|
14
|
+
*/
|
|
15
|
+
/** Minus (−) — horizontal bar, centered in a 24×24 viewport. */
|
|
16
|
+
export declare function ArrowIcon({ className }: {
|
|
17
|
+
className?: string;
|
|
18
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import type { SVGProps } from 'react';
|
|
2
|
+
/** Arrow pointing left — used for "previous" navigation. */
|
|
3
|
+
export declare function ArrowLeft01Icon(props: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
/** Arrow pointing right — used for "next" navigation. */
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* Accordion chevrons — colocated inside the package so the component
|
|
4
|
+
* has no dependency on the host app's `/public` folder. Both icons
|
|
5
|
+
* use `currentColor` so the trigger's text color drives the fill.
|
|
6
|
+
*/
|
|
7
|
+
type IconProps = React.SVGProps<SVGSVGElement>;
|
|
8
|
+
export declare const ArrowUpIcon: (props: IconProps) => import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
export {};
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { SVGProps } from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* ArrowUpRight01Icon — 12 × 12 diagonal up-right arrow (Figma `arrow-up-right-01`).
|
|
4
|
+
*
|
|
5
|
+
* Color is inherited from `currentColor`, so wrappers (badges, links, trend
|
|
6
|
+
* pills) can control the icon tone via text color tokens.
|
|
7
|
+
*
|
|
8
|
+
* Uses `width="100%"` / `height="100%"` so the parent `size-icon-*` wrapper
|
|
9
|
+
* controls the rendered size (ChartBadge uses `size-icon-xs` → 12 px).
|
|
10
|
+
*/
|
|
11
|
+
export declare function ArrowUpRight01Icon(props: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import type { SVGProps } from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* Undo icon (undo-03) — 24×24 px.
|
|
4
|
+
* Figma: node inside Rich Text Editor 6259:88649
|
|
5
|
+
*/
|
|
6
|
+
export declare function AtIcon({ className, ...props }: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
/**
|
|
8
|
+
* Color square icon — 24×24 px.
|
|
9
|
+
* Represents a text/background color swatch in the toolbar.
|
|
10
|
+
*/
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import type { SVGProps } from 'react';
|
|
2
|
+
/** Info icon — circle with question mark. Used as default `icon={true}`. */
|
|
3
|
+
export declare function BeakBottom(props: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
/** Left beak — triangle pointing left (6×12). */
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import type { SVGProps } from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* Popover beak pointing DOWN (▼) — 28 × 6 px.
|
|
4
|
+
* Used for top placement: panel is above the trigger, beak points toward it.
|
|
5
|
+
* fill="currentColor" so the parent's text-* class sets the triangle colour
|
|
6
|
+
* (matching the panel background for a seamless join).
|
|
7
|
+
*/
|
|
8
|
+
export declare function BeakDown(props: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
/**
|
|
10
|
+
* Popover beak pointing UP (▲) — 28 × 6 px.
|
|
11
|
+
* Used for bottom placement: panel is below the trigger, beak points toward it.
|
|
12
|
+
* fill="currentColor" so the parent's text-* class sets the triangle colour.
|
|
13
|
+
*/
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import type { SVGProps } from 'react';
|
|
2
|
+
/** Info icon — circle with question mark. Used as default `icon={true}`. */
|
|
3
|
+
export declare function BeakLeft(props: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
/** Right beak — triangle pointing right (6×12). */
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import type { SVGProps } from 'react';
|
|
2
|
+
/** Info icon — circle with question mark. Used as default `icon={true}`. */
|
|
3
|
+
export declare function BeakTop(props: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
/** Bottom beak — triangle pointing down (12×6). */
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { SVGProps } from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* Popover beak pointing DOWN (▼) — 28 × 6 px.
|
|
4
|
+
* Used for top placement: panel is above the trigger, beak points toward it.
|
|
5
|
+
* fill="currentColor" so the parent's text-* class sets the triangle colour
|
|
6
|
+
* (matching the panel background for a seamless join).
|
|
7
|
+
*/
|
|
8
|
+
export declare function BeakUp(props: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import type { SVGProps } from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* BellCircleIcon — 60 × 60 notification badge.
|
|
4
|
+
* Pre-colored filled-green circle with a white bell glyph, sourced verbatim
|
|
5
|
+
* from the Figma "notification-02" illustration used by the NotificationPopup
|
|
6
|
+
* alert state. Colors are intentional (semantic) and do not follow
|
|
7
|
+
* `currentColor`. Distinct from the simple `BellIcon` glyph.
|
|
8
|
+
*/
|
|
9
|
+
export declare function BellCircleIcon(props: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* Alert icons — colocated inside the package so the component has no
|
|
4
|
+
* dependency on the host app's `/public` folder. All icons use
|
|
5
|
+
* `currentColor` so state styling is controlled by the parent's text color.
|
|
6
|
+
*/
|
|
7
|
+
type IconProps = React.SVGProps<SVGSVGElement>;
|
|
8
|
+
export declare const BellIcon: (props: IconProps) => import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
export {};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import type { SVGProps } from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* Undo icon (undo-03) — 24×24 px.
|
|
4
|
+
* Figma: node inside Rich Text Editor 6259:88649
|
|
5
|
+
*/
|
|
6
|
+
export declare function BoldIcon({ className, ...props }: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
/**
|
|
8
|
+
* Italic icon (text-italic) — 24×24 px.
|
|
9
|
+
* Figma: node inside Rich Text Editor 6259:88649
|
|
10
|
+
*/
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* Alert icons — colocated inside the package so the component has no
|
|
4
|
+
* dependency on the host app's `/public` folder. All icons use
|
|
5
|
+
* `currentColor` so state styling is controlled by the parent's text color.
|
|
6
|
+
*/
|
|
7
|
+
type IconProps = React.SVGProps<SVGSVGElement>;
|
|
8
|
+
export declare const CheckCircleIcon: (props: IconProps) => import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
export {};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Inline SVG icons used exclusively by the Filtration component.
|
|
3
|
+
* All icons use `width="100%" height="100%"` — the wrapper controls sizing.
|
|
4
|
+
*/
|
|
5
|
+
/** Funnel / filter icon — 24×24 viewport (Figma filter-01). */
|
|
6
|
+
export declare function ChevronDownIcon({ className }: {
|
|
7
|
+
className?: string;
|
|
8
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
/** X / cancel icon — used as the chip dismiss button (20×20 viewport). */
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import type { SVGProps } from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* Undo icon (undo-03) — 24×24 px.
|
|
4
|
+
* Figma: node inside Rich Text Editor 6259:88649
|
|
5
|
+
*/
|
|
6
|
+
export declare function ChevronDownSmIcon({ className, ...props }: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
/**
|
|
8
|
+
* Chevron down — 16×16 px.
|
|
9
|
+
* Used inside collapsed group buttons on mobile toolbar.
|
|
10
|
+
*/
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import type { SVGProps } from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* Search icon (search-01) — 20 × 20 px viewBox.
|
|
4
|
+
* Used as the leading affordance in the input and as the icon for suggestion items.
|
|
5
|
+
* Figma: search-01 referenced inside Autocomplete node 6183:86218
|
|
6
|
+
*/
|
|
7
|
+
export declare function ClearIcon({ className, ...props }: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
/**
|
|
9
|
+
* Clock icon (clock-02, Style=Stroke Type=Rounded) — 20 × 20 px viewBox.
|
|
10
|
+
* Used as the icon for "Recents" dropdown items.
|
|
11
|
+
* Figma: clock icon referenced inside Open state node 6183:86399
|
|
12
|
+
*/
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import type { SVGProps } from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* Search icon (search-01) — 20 × 20 px viewBox.
|
|
4
|
+
* Used as the leading affordance in the input and as the icon for suggestion items.
|
|
5
|
+
* Figma: search-01 referenced inside Autocomplete node 6183:86218
|
|
6
|
+
*/
|
|
7
|
+
export declare function ClockIcon({ className, ...props }: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
/**
|
|
9
|
+
* Help-circle icon — 16 × 16 px viewBox.
|
|
10
|
+
* Used alongside helper text below the input.
|
|
11
|
+
* Figma node: help-circle (2078:19165)
|
|
12
|
+
*/
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* Alert icons — colocated inside the package so the component has no
|
|
4
|
+
* dependency on the host app's `/public` folder. All icons use
|
|
5
|
+
* `currentColor` so state styling is controlled by the parent's text color.
|
|
6
|
+
*/
|
|
7
|
+
type IconProps = React.SVGProps<SVGSVGElement>;
|
|
8
|
+
export declare const CloseIcon: (props: IconProps) => import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
export {};
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import type { SVGProps } from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* Undo icon (undo-03) — 24×24 px.
|
|
4
|
+
* Figma: node inside Rich Text Editor 6259:88649
|
|
5
|
+
*/
|
|
6
|
+
export declare function ColorSquareIcon({ className, ...props }: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import type { SVGProps } from 'react';
|
|
2
|
+
type IconProps = SVGProps<SVGSVGElement>;
|
|
3
|
+
/** 16×16 dismiss — stroke, inherits `currentColor`. */
|
|
4
|
+
export declare function FileUploadItemCloseIcon({ className, ...rest }: IconProps): import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
export {};
|
|
6
|
+
/** PDF document tile (32×32). */
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import type { SVGProps } from 'react';
|
|
2
|
+
type IconProps = SVGProps<SVGSVGElement>;
|
|
3
|
+
/** 16×16 dismiss — stroke, inherits `currentColor`. */
|
|
4
|
+
export declare function FileUploadItemPdfIcon({ className, ...rest }: IconProps): import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
export {};
|
|
6
|
+
/** Generic file glyph, 24×24. */
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import type { SVGProps } from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* Magnifying-glass search icon.
|
|
4
|
+
* Used as the prefix inside the search TextInput.
|
|
5
|
+
* Figma: search-01
|
|
6
|
+
*/
|
|
7
|
+
export declare function FilterFunnelIcon(props: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
/**
|
|
9
|
+
* Upload / export arrow icon — from Figma (upload-04).
|
|
10
|
+
* Arrow shaft at 40 % opacity; base bar at full opacity.
|
|
11
|
+
* Used as the leading icon in the Export button on the desktop toolbar.
|
|
12
|
+
*/
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Inline SVG icons used exclusively by the Filtration component.
|
|
3
|
+
* All icons use `width="100%" height="100%"` — the wrapper controls sizing.
|
|
4
|
+
*/
|
|
5
|
+
/** Funnel / filter icon — 24×24 viewport (Figma filter-01). */
|
|
6
|
+
export declare function FilterIcon({ className }: {
|
|
7
|
+
className?: string;
|
|
8
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
/** Chevron-down icon — 20×20 viewport (Figma arrow-down-01). */
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { SVGProps } from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* Large centre play button shown in the Default (paused) state.
|
|
4
|
+
* Figma: 48×48 px. Used in a 48×48 wrapper.
|
|
5
|
+
*/
|
|
6
|
+
export declare function FullscreenExitIcon(props: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
/**
|
|
8
|
+
* Volume muted icon — speaker body only, no arcs, with an X mark.
|
|
9
|
+
* Shares the speaker body path from VolumeHighIcon.
|
|
10
|
+
* 20×20 px.
|
|
11
|
+
*/
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import type { SVGProps } from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* Large centre play button shown in the Default (paused) state.
|
|
4
|
+
* Figma: 48×48 px. Used in a 48×48 wrapper.
|
|
5
|
+
*/
|
|
6
|
+
export declare function FullscreenIcon(props: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
/**
|
|
8
|
+
* Fullscreen exit / collapse icon — four inward-pointing L-shapes near center.
|
|
9
|
+
* 20×20 px. Standard collapse/exit-fullscreen convention.
|
|
10
|
+
*/
|