sdaia-ui 1.2.1 → 1.2.2
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/index.js +36 -15
- package/package.json +1 -1
- package/dist/icons/AIIcon.d.ts +0 -11
- package/dist/icons/AaIcon.d.ts +0 -11
- package/dist/icons/AlertCircle02Icon.d.ts +0 -8
- package/dist/icons/AlertCircleIcon.d.ts +0 -9
- package/dist/icons/AlertCircleSVG.d.ts +0 -3
- package/dist/icons/AlertCircleWarningIcon.d.ts +0 -9
- package/dist/icons/AlertTriangleIcon.d.ts +0 -9
- package/dist/icons/AlignCenterIcon.d.ts +0 -10
- package/dist/icons/AlignLeftIcon.d.ts +0 -10
- package/dist/icons/AlignRightIcon.d.ts +0 -10
- package/dist/icons/ArrowDownIcon.d.ts +0 -9
- package/dist/icons/ArrowDownLeft01Icon.d.ts +0 -14
- package/dist/icons/ArrowDownSVG.d.ts +0 -3
- package/dist/icons/ArrowIcon.d.ts +0 -18
- package/dist/icons/ArrowLeft01Icon.d.ts +0 -4
- package/dist/icons/ArrowLeft02SVG.d.ts +0 -3
- package/dist/icons/ArrowLeftIcon.d.ts +0 -4
- package/dist/icons/ArrowRight01Icon.d.ts +0 -4
- package/dist/icons/ArrowRight01SVG.d.ts +0 -3
- package/dist/icons/ArrowRightIcon.d.ts +0 -4
- package/dist/icons/ArrowUpIcon.d.ts +0 -9
- package/dist/icons/ArrowUpRight01Icon.d.ts +0 -11
- package/dist/icons/ArrowUpSVG.d.ts +0 -3
- package/dist/icons/AtIcon.d.ts +0 -10
- package/dist/icons/BeakBottom.d.ts +0 -4
- package/dist/icons/BeakDown.d.ts +0 -13
- package/dist/icons/BeakLeft.d.ts +0 -4
- package/dist/icons/BeakRight.d.ts +0 -3
- package/dist/icons/BeakTop.d.ts +0 -4
- package/dist/icons/BeakUp.d.ts +0 -8
- package/dist/icons/BellCircleIcon.d.ts +0 -9
- package/dist/icons/BellIcon.d.ts +0 -9
- package/dist/icons/BoldIcon.d.ts +0 -10
- package/dist/icons/CalendarIcon.d.ts +0 -3
- package/dist/icons/ChartsIcon.d.ts +0 -3
- package/dist/icons/CheckCircleIcon.d.ts +0 -9
- package/dist/icons/ChevronDownIcon.d.ts +0 -9
- package/dist/icons/ChevronDownSmIcon.d.ts +0 -10
- package/dist/icons/ChevronLeftIcon.d.ts +0 -2
- package/dist/icons/ChevronRightIcon.d.ts +0 -3
- package/dist/icons/ClearIcon.d.ts +0 -12
- package/dist/icons/ClockIcon.d.ts +0 -12
- package/dist/icons/CloseIcon.d.ts +0 -9
- package/dist/icons/CloudUploadIcon.d.ts +0 -3
- package/dist/icons/CodeSnippetChevronDownIcon.d.ts +0 -3
- package/dist/icons/CodeSnippetCopyIcon.d.ts +0 -4
- package/dist/icons/CodeSnippetStarIcon.d.ts +0 -3
- package/dist/icons/ColorSquareIcon.d.ts +0 -6
- package/dist/icons/ComponentsIcon.d.ts +0 -3
- package/dist/icons/DGALogoSVG.d.ts +0 -3
- package/dist/icons/DeleteIcon.d.ts +0 -3
- package/dist/icons/DownloadIcon.d.ts +0 -6
- package/dist/icons/DragHandleVerticalIcon.d.ts +0 -3
- package/dist/icons/FeedbackEmojiDislikeIcon.d.ts +0 -2
- package/dist/icons/FeedbackEmojiLikeIcon.d.ts +0 -2
- package/dist/icons/FeedbackEmojiNeutralIcon.d.ts +0 -2
- package/dist/icons/FeedbackThumbDislikeFilledIcon.d.ts +0 -2
- package/dist/icons/FeedbackThumbDislikeIcon.d.ts +0 -2
- package/dist/icons/FeedbackThumbLikeFilledIcon.d.ts +0 -2
- package/dist/icons/FeedbackThumbLikeIcon.d.ts +0 -2
- package/dist/icons/FileUploadItemCloseIcon.d.ts +0 -6
- package/dist/icons/FileUploadItemEmptyFileIcon.d.ts +0 -5
- package/dist/icons/FileUploadItemPdfIcon.d.ts +0 -6
- package/dist/icons/FilterFunnelIcon.d.ts +0 -12
- package/dist/icons/FilterIcon.d.ts +0 -9
- package/dist/icons/FitIcon.d.ts +0 -6
- package/dist/icons/FolderFilledIcon.d.ts +0 -3
- package/dist/icons/FolderIcon.d.ts +0 -4
- package/dist/icons/FoundationsIcon.d.ts +0 -3
- package/dist/icons/FullscreenExitIcon.d.ts +0 -11
- package/dist/icons/FullscreenIcon.d.ts +0 -10
- package/dist/icons/GoBackward10Icon.d.ts +0 -3
- package/dist/icons/GoForward10Icon.d.ts +0 -3
- package/dist/icons/GridSquaresIcon.d.ts +0 -12
- package/dist/icons/HamburgerIcon.d.ts +0 -7
- package/dist/icons/HelpCircleIcon.d.ts +0 -7
- package/dist/icons/HomeIcon.d.ts +0 -2
- package/dist/icons/HomeSVG.d.ts +0 -3
- package/dist/icons/IconFactory.d.ts +0 -142
- package/dist/icons/Image01SVG.d.ts +0 -3
- package/dist/icons/ImageIcon.d.ts +0 -10
- package/dist/icons/InfoCircleIcon.d.ts +0 -10
- package/dist/icons/InfoCircleSVG.d.ts +0 -3
- package/dist/icons/InfoIcon.d.ts +0 -9
- package/dist/icons/ItalicIcon.d.ts +0 -10
- package/dist/icons/LearnMoreArrowIcon.d.ts +0 -4
- package/dist/icons/LinkCircleSVG.d.ts +0 -3
- package/dist/icons/LinkIcon.d.ts +0 -10
- package/dist/icons/ListLinesIcon.d.ts +0 -12
- package/dist/icons/LockCircleSVG.d.ts +0 -3
- package/dist/icons/LockIcon.d.ts +0 -13
- package/dist/icons/Logout02Icon.d.ts +0 -3
- package/dist/icons/MicrophoneIcon.d.ts +0 -2
- package/dist/icons/MinusIcon.d.ts +0 -19
- package/dist/icons/MoreHorizontalIcon.d.ts +0 -7
- package/dist/icons/MoreVerticalIcon.d.ts +0 -9
- package/dist/icons/NextIcon.d.ts +0 -10
- package/dist/icons/PDFSvg.d.ts +0 -12
- package/dist/icons/PatternsIcon.d.ts +0 -2
- package/dist/icons/PauseIcon.d.ts +0 -6
- package/dist/icons/PencilIcon.d.ts +0 -8
- package/dist/icons/PlayButtonCardIcon.d.ts +0 -14
- package/dist/icons/PlayCenterIcon.d.ts +0 -13
- package/dist/icons/PlayIcon.d.ts +0 -3
- package/dist/icons/PlayIconSolid.d.ts +0 -6
- package/dist/icons/PlayIconStroke.d.ts +0 -2
- package/dist/icons/PlayIconTwotone.d.ts +0 -6
- package/dist/icons/PlayVideoIcon.d.ts +0 -14
- package/dist/icons/PlusCircleIcon.d.ts +0 -9
- package/dist/icons/PlusIcon.d.ts +0 -22
- package/dist/icons/PreviousIcon.d.ts +0 -10
- package/dist/icons/PrintIcon.d.ts +0 -4
- package/dist/icons/QuestionMarkGrayBgIcon.d.ts +0 -22
- package/dist/icons/QuestionMarkIcon.d.ts +0 -11
- package/dist/icons/RedoIcon.d.ts +0 -10
- package/dist/icons/SaudiFlagSVG.d.ts +0 -3
- package/dist/icons/SdaiaNavLogo.d.ts +0 -2
- package/dist/icons/SearchIcon.d.ts +0 -12
- package/dist/icons/SettingsIcon.d.ts +0 -2
- package/dist/icons/ShareIcon.d.ts +0 -4
- package/dist/icons/SidebarCollapseIcon.d.ts +0 -3
- package/dist/icons/SmileIcon.d.ts +0 -11
- package/dist/icons/SortIcon.d.ts +0 -2
- package/dist/icons/StarIcon.d.ts +0 -11
- package/dist/icons/StatusBadgeIcon.d.ts +0 -2
- package/dist/icons/TextTIcon.d.ts +0 -10
- package/dist/icons/Tick02Icon.d.ts +0 -8
- package/dist/icons/TickIcon.d.ts +0 -12
- package/dist/icons/TrashIcon.d.ts +0 -14
- package/dist/icons/UnderlineIcon.d.ts +0 -10
- package/dist/icons/UndoIcon.d.ts +0 -10
- package/dist/icons/UploadArrowIcon.d.ts +0 -10
- package/dist/icons/UserIcon.d.ts +0 -2
- package/dist/icons/VolumeHighIcon.d.ts +0 -3
- package/dist/icons/VolumeMuteIcon.d.ts +0 -11
- package/dist/icons/XCircleIcon.d.ts +0 -8
- package/dist/icons/XIcon.d.ts +0 -8
- package/dist/icons/XIconSVG.d.ts +0 -3
- package/dist/icons/XSmallIcon.d.ts +0 -7
- package/dist/icons/XSvg.d.ts +0 -3
- package/dist/icons/ZoomInIcon.d.ts +0 -4
- package/dist/icons.cjs +0 -4452
- package/dist/icons.js +0 -4429
|
@@ -1,6 +0,0 @@
|
|
|
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. */
|
|
@@ -1,12 +0,0 @@
|
|
|
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
|
-
*/
|
|
@@ -1,9 +0,0 @@
|
|
|
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). */
|
package/dist/icons/FitIcon.d.ts
DELETED
|
@@ -1,11 +0,0 @@
|
|
|
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
|
-
*/
|
|
@@ -1,10 +0,0 @@
|
|
|
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
|
-
*/
|
|
@@ -1,12 +0,0 @@
|
|
|
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 GridSquaresIcon(props: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
|
|
8
|
-
/**
|
|
9
|
-
* Trash / delete icon — from Figma (delete-02).
|
|
10
|
-
* Bin body uses currentColor; inner vertical lines use currentColor at 40 % opacity.
|
|
11
|
-
* Used for the delete button in the desktop toolbar.
|
|
12
|
-
*/
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import type { SVGProps } from 'react';
|
|
2
|
-
export declare function HamburgerIcon(props: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
|
|
3
|
-
/**
|
|
4
|
-
* Close / dismiss icon — × cross, 20×20 viewBox.
|
|
5
|
-
* Used as the close button in the mobile expanded drawer header.
|
|
6
|
-
* Uses `fill="currentColor"` to inherit the parent text colour.
|
|
7
|
-
*/
|
|
@@ -1,7 +0,0 @@
|
|
|
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 HelpCircleIcon({ className, ...props }: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
|
package/dist/icons/HomeIcon.d.ts
DELETED
package/dist/icons/HomeSVG.d.ts
DELETED
|
@@ -1,142 +0,0 @@
|
|
|
1
|
-
export { AIIcon } from './AIIcon';
|
|
2
|
-
export { AaIcon } from './AaIcon';
|
|
3
|
-
export { AlertCircle02Icon } from './AlertCircle02Icon';
|
|
4
|
-
export { AlertCircleIcon } from './AlertCircleIcon';
|
|
5
|
-
export { default as AlertCircleSVG } from './AlertCircleSVG';
|
|
6
|
-
export { AlertCircleWarningIcon } from './AlertCircleWarningIcon';
|
|
7
|
-
export { AlertTriangleIcon } from './AlertTriangleIcon';
|
|
8
|
-
export { AlignCenterIcon } from './AlignCenterIcon';
|
|
9
|
-
export { AlignLeftIcon } from './AlignLeftIcon';
|
|
10
|
-
export { AlignRightIcon } from './AlignRightIcon';
|
|
11
|
-
export { ArrowDownIcon } from './ArrowDownIcon';
|
|
12
|
-
export { ArrowDownLeft01Icon } from './ArrowDownLeft01Icon';
|
|
13
|
-
export { default as ArrowDownSVG } from './ArrowDownSVG';
|
|
14
|
-
export { ArrowIcon } from './ArrowIcon';
|
|
15
|
-
export { ArrowLeft01Icon } from './ArrowLeft01Icon';
|
|
16
|
-
export { default as ArrowLeft02SVG } from './ArrowLeft02SVG';
|
|
17
|
-
export { ArrowLeftIcon } from './ArrowLeftIcon';
|
|
18
|
-
export { ArrowRight01Icon } from './ArrowRight01Icon';
|
|
19
|
-
export { default as ArrowRight01SVG } from './ArrowRight01SVG';
|
|
20
|
-
export { ArrowRightIcon } from './ArrowRightIcon';
|
|
21
|
-
export { ArrowUpIcon } from './ArrowUpIcon';
|
|
22
|
-
export { ArrowUpRight01Icon } from './ArrowUpRight01Icon';
|
|
23
|
-
export { default as ArrowUpSVG } from './ArrowUpSVG';
|
|
24
|
-
export { AtIcon } from './AtIcon';
|
|
25
|
-
export { BeakBottom } from './BeakBottom';
|
|
26
|
-
export { BeakDown } from './BeakDown';
|
|
27
|
-
export { BeakLeft } from './BeakLeft';
|
|
28
|
-
export { BeakRight } from './BeakRight';
|
|
29
|
-
export { BeakTop } from './BeakTop';
|
|
30
|
-
export { BeakUp } from './BeakUp';
|
|
31
|
-
export { BellCircleIcon } from './BellCircleIcon';
|
|
32
|
-
export { BellIcon } from './BellIcon';
|
|
33
|
-
export { BoldIcon } from './BoldIcon';
|
|
34
|
-
export { CalendarIcon } from './CalendarIcon';
|
|
35
|
-
export { ChartsIcon } from './ChartsIcon';
|
|
36
|
-
export { CheckCircleIcon } from './CheckCircleIcon';
|
|
37
|
-
export { ChevronDownIcon } from './ChevronDownIcon';
|
|
38
|
-
export { ChevronDownSmIcon } from './ChevronDownSmIcon';
|
|
39
|
-
export { ChevronLeftIcon } from './ChevronLeftIcon';
|
|
40
|
-
export { ChevronRightIcon } from './ChevronRightIcon';
|
|
41
|
-
export { ClearIcon } from './ClearIcon';
|
|
42
|
-
export { ClockIcon } from './ClockIcon';
|
|
43
|
-
export { CloseIcon } from './CloseIcon';
|
|
44
|
-
export { CloudUploadIcon } from './CloudUploadIcon';
|
|
45
|
-
export { CodeSnippetChevronDownIcon } from './CodeSnippetChevronDownIcon';
|
|
46
|
-
export { CodeSnippetCopyIcon } from './CodeSnippetCopyIcon';
|
|
47
|
-
export { CodeSnippetStarIcon } from './CodeSnippetStarIcon';
|
|
48
|
-
export { ColorSquareIcon } from './ColorSquareIcon';
|
|
49
|
-
export { ComponentsIcon } from './ComponentsIcon';
|
|
50
|
-
export { default as DGALogoSVG } from './DGALogoSVG';
|
|
51
|
-
export { DeleteIcon } from './DeleteIcon';
|
|
52
|
-
export { DownloadIcon } from './DownloadIcon';
|
|
53
|
-
export { DragHandleVerticalIcon } from './DragHandleVerticalIcon';
|
|
54
|
-
export { FeedbackEmojiDislikeIcon } from './FeedbackEmojiDislikeIcon';
|
|
55
|
-
export { FeedbackEmojiLikeIcon } from './FeedbackEmojiLikeIcon';
|
|
56
|
-
export { FeedbackEmojiNeutralIcon } from './FeedbackEmojiNeutralIcon';
|
|
57
|
-
export { FeedbackThumbDislikeFilledIcon } from './FeedbackThumbDislikeFilledIcon';
|
|
58
|
-
export { FeedbackThumbDislikeIcon } from './FeedbackThumbDislikeIcon';
|
|
59
|
-
export { FeedbackThumbLikeFilledIcon } from './FeedbackThumbLikeFilledIcon';
|
|
60
|
-
export { FeedbackThumbLikeIcon } from './FeedbackThumbLikeIcon';
|
|
61
|
-
export { FileUploadItemCloseIcon } from './FileUploadItemCloseIcon';
|
|
62
|
-
export { FileUploadItemEmptyFileIcon } from './FileUploadItemEmptyFileIcon';
|
|
63
|
-
export { FileUploadItemPdfIcon } from './FileUploadItemPdfIcon';
|
|
64
|
-
export { FilterFunnelIcon } from './FilterFunnelIcon';
|
|
65
|
-
export { FilterIcon } from './FilterIcon';
|
|
66
|
-
export { FitIcon } from './FitIcon';
|
|
67
|
-
export { FolderFilledIcon } from './FolderFilledIcon';
|
|
68
|
-
export { FolderIcon } from './FolderIcon';
|
|
69
|
-
export { FoundationsIcon } from './FoundationsIcon';
|
|
70
|
-
export { FullscreenExitIcon } from './FullscreenExitIcon';
|
|
71
|
-
export { FullscreenIcon } from './FullscreenIcon';
|
|
72
|
-
export { GoBackward10Icon } from './GoBackward10Icon';
|
|
73
|
-
export { GoForward10Icon } from './GoForward10Icon';
|
|
74
|
-
export { GridSquaresIcon } from './GridSquaresIcon';
|
|
75
|
-
export { HamburgerIcon } from './HamburgerIcon';
|
|
76
|
-
export { HelpCircleIcon } from './HelpCircleIcon';
|
|
77
|
-
export { HomeIcon } from './HomeIcon';
|
|
78
|
-
export { default as HomeSVG } from './HomeSVG';
|
|
79
|
-
export { default as Image01SVG } from './Image01SVG';
|
|
80
|
-
export { default as ImagePlaceholderIcon } from './Image01SVG';
|
|
81
|
-
export { ImageIcon } from './ImageIcon';
|
|
82
|
-
export { InfoCircleIcon } from './InfoCircleIcon';
|
|
83
|
-
export { default as InfoCircleSVG } from './InfoCircleSVG';
|
|
84
|
-
export { InfoIcon } from './InfoIcon';
|
|
85
|
-
export { ItalicIcon } from './ItalicIcon';
|
|
86
|
-
export { LearnMoreArrowIcon } from './LearnMoreArrowIcon';
|
|
87
|
-
export { default as LinkCircleSVG } from './LinkCircleSVG';
|
|
88
|
-
export { LinkIcon } from './LinkIcon';
|
|
89
|
-
export { ListLinesIcon } from './ListLinesIcon';
|
|
90
|
-
export { default as LockCircleSVG } from './LockCircleSVG';
|
|
91
|
-
export { LockIcon } from './LockIcon';
|
|
92
|
-
export { default as Logout02Icon } from './Logout02Icon';
|
|
93
|
-
export { MicrophoneIcon } from './MicrophoneIcon';
|
|
94
|
-
export { MinusIcon } from './MinusIcon';
|
|
95
|
-
export { MoreHorizontalIcon } from './MoreHorizontalIcon';
|
|
96
|
-
export { MoreVerticalIcon } from './MoreVerticalIcon';
|
|
97
|
-
export { NextIcon } from './NextIcon';
|
|
98
|
-
export { default as PDFSvg } from './PDFSvg';
|
|
99
|
-
export { default as PdfIcon } from './PDFSvg';
|
|
100
|
-
export { PatternsIcon } from './PatternsIcon';
|
|
101
|
-
export { PauseIcon } from './PauseIcon';
|
|
102
|
-
export { PencilIcon } from './PencilIcon';
|
|
103
|
-
export { PlayButtonCardIcon } from './PlayButtonCardIcon';
|
|
104
|
-
export { PlayCenterIcon } from './PlayCenterIcon';
|
|
105
|
-
export { PlayIcon } from './PlayIcon';
|
|
106
|
-
export { PlayIconSolid } from './PlayIconSolid';
|
|
107
|
-
export { PlayIconStroke } from './PlayIconStroke';
|
|
108
|
-
export { PlayIconTwotone } from './PlayIconTwotone';
|
|
109
|
-
export { PlayVideoIcon } from './PlayVideoIcon';
|
|
110
|
-
export { PlusCircleIcon } from './PlusCircleIcon';
|
|
111
|
-
export { PlusIcon } from './PlusIcon';
|
|
112
|
-
export { PreviousIcon } from './PreviousIcon';
|
|
113
|
-
export { PrintIcon } from './PrintIcon';
|
|
114
|
-
export { QuestionMarkGrayBgIcon } from './QuestionMarkGrayBgIcon';
|
|
115
|
-
export { QuestionMarkIcon } from './QuestionMarkIcon';
|
|
116
|
-
export { RedoIcon } from './RedoIcon';
|
|
117
|
-
export { default as SaudiFlagSVG } from './SaudiFlagSVG';
|
|
118
|
-
export { SdaiaNavLogo } from './SdaiaNavLogo';
|
|
119
|
-
export { SearchIcon } from './SearchIcon';
|
|
120
|
-
export { SettingsIcon } from './SettingsIcon';
|
|
121
|
-
export { ShareIcon } from './ShareIcon';
|
|
122
|
-
export { SidebarCollapseIcon } from './SidebarCollapseIcon';
|
|
123
|
-
export { SmileIcon } from './SmileIcon';
|
|
124
|
-
export { SortIcon } from './SortIcon';
|
|
125
|
-
export { StarIcon } from './StarIcon';
|
|
126
|
-
export { StatusBadgeIcon } from './StatusBadgeIcon';
|
|
127
|
-
export { TextTIcon } from './TextTIcon';
|
|
128
|
-
export { Tick02Icon } from './Tick02Icon';
|
|
129
|
-
export { TickIcon } from './TickIcon';
|
|
130
|
-
export { TrashIcon } from './TrashIcon';
|
|
131
|
-
export { UnderlineIcon } from './UnderlineIcon';
|
|
132
|
-
export { UndoIcon } from './UndoIcon';
|
|
133
|
-
export { UploadArrowIcon } from './UploadArrowIcon';
|
|
134
|
-
export { UserIcon } from './UserIcon';
|
|
135
|
-
export { VolumeHighIcon } from './VolumeHighIcon';
|
|
136
|
-
export { VolumeMuteIcon } from './VolumeMuteIcon';
|
|
137
|
-
export { XCircleIcon } from './XCircleIcon';
|
|
138
|
-
export { XIcon } from './XIcon';
|
|
139
|
-
export { default as XIconSVG } from './XIconSVG';
|
|
140
|
-
export { XSmallIcon } from './XSmallIcon';
|
|
141
|
-
export { default as XSvg } from './XSvg';
|
|
142
|
-
export { ZoomInIcon } from './ZoomInIcon';
|
|
@@ -1,10 +0,0 @@
|
|
|
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 ImageIcon({ className, ...props }: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
|
|
7
|
-
/**
|
|
8
|
-
* AI magic / sparkle icon (ai-magic) — 24×24 px.
|
|
9
|
-
* Figma: node inside Rich Text Editor 6259:88649
|
|
10
|
-
*/
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
/**
|
|
3
|
-
* ProgressBar feedback icons — colocated inside the package so the
|
|
4
|
-
* component has no dependency on the host app's `/public` folder.
|
|
5
|
-
* Both icons use `currentColor` so the parent's text color drives
|
|
6
|
-
* the stroke (in Figma the icons inherit `Icon/icon-neutral`).
|
|
7
|
-
*/
|
|
8
|
-
type IconProps = React.SVGProps<SVGSVGElement>;
|
|
9
|
-
export declare const InfoCircleIcon: (props: IconProps) => import("react/jsx-runtime").JSX.Element;
|
|
10
|
-
export {};
|
package/dist/icons/InfoIcon.d.ts
DELETED
|
@@ -1,9 +0,0 @@
|
|
|
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 InfoIcon: (props: IconProps) => import("react/jsx-runtime").JSX.Element;
|
|
9
|
-
export {};
|
|
@@ -1,10 +0,0 @@
|
|
|
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 ItalicIcon({ className, ...props }: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
|
|
7
|
-
/**
|
|
8
|
-
* Underline icon (text-underline) — 24×24 px.
|
|
9
|
-
* Figma: node inside Rich Text Editor 6259:88649
|
|
10
|
-
*/
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
import type { SVGProps } from 'react';
|
|
2
|
-
/** Horizontal arrow pointing inline-end — used as the trailing icon on "Learn more" buttons. */
|
|
3
|
-
export declare function LearnMoreArrowIcon(props: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
|
|
4
|
-
export default LearnMoreArrowIcon;
|
package/dist/icons/LinkIcon.d.ts
DELETED
|
@@ -1,10 +0,0 @@
|
|
|
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 LinkIcon({ className, ...props }: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
|
|
7
|
-
/**
|
|
8
|
-
* Image icon (image-01) — 24×24 px.
|
|
9
|
-
* Figma: node inside Rich Text Editor 6259:88649
|
|
10
|
-
*/
|
|
@@ -1,12 +0,0 @@
|
|
|
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 ListLinesIcon(props: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
|
|
8
|
-
/**
|
|
9
|
-
* Grid-view icon — 2×2 squares.
|
|
10
|
-
* Top-right square rendered at 40 % opacity (Figma two-tone style).
|
|
11
|
-
* Used for the grid view toggle button in the desktop toolbar.
|
|
12
|
-
*/
|
package/dist/icons/LockIcon.d.ts
DELETED
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import type { SVGProps } from 'react';
|
|
2
|
-
/**
|
|
3
|
-
* Lock icon — 24×24 px, `currentColor`.
|
|
4
|
-
*
|
|
5
|
-
* Padlock glyph used by content-verification UI (e.g. the HTTPS feature
|
|
6
|
-
* row in `DigitalStamp`). The raw path data lives in a 52-unit Figma
|
|
7
|
-
* source; we expose the glyph at 24×24 via a translated viewBox so
|
|
8
|
-
* consumers can size and tint it like every other IconFactory icon.
|
|
9
|
-
*
|
|
10
|
-
* Figma: Icon/icon-success — `LockCircleSVG` glyph (without the wrapper
|
|
11
|
-
* circle / drop shadow).
|
|
12
|
-
*/
|
|
13
|
-
export declare function LockIcon({ className, ...props }: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,19 +0,0 @@
|
|
|
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 MinusIcon({ className }: {
|
|
17
|
-
className?: string;
|
|
18
|
-
}): import("react/jsx-runtime").JSX.Element;
|
|
19
|
-
/** Plus (+) — cross/plus, centered in a 24×24 viewport. */
|
|
@@ -1,7 +0,0 @@
|
|
|
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 MoreHorizontalIcon(props: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
/**
|
|
3
|
-
* Card icons — colocated inside the package so the component has no
|
|
4
|
-
* dependency on the host app's `/public` folder. All icons use
|
|
5
|
-
* `currentColor`.
|
|
6
|
-
*/
|
|
7
|
-
type IconProps = React.SVGProps<SVGSVGElement>;
|
|
8
|
-
export declare const MoreVerticalIcon: (props: IconProps) => import("react/jsx-runtime").JSX.Element;
|
|
9
|
-
export {};
|
package/dist/icons/NextIcon.d.ts
DELETED
|
@@ -1,10 +0,0 @@
|
|
|
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 NextIcon(props: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
|
|
7
|
-
/**
|
|
8
|
-
* Volume high / speaker with arcs icon.
|
|
9
|
-
* Figma: 20×20 px.
|
|
10
|
-
*/
|
package/dist/icons/PDFSvg.d.ts
DELETED
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
/**
|
|
3
|
-
* PDF file icon — 40 × 40.
|
|
4
|
-
*
|
|
5
|
-
* The original Figma export wrapped everything in a <g clipPath="url(#a)">
|
|
6
|
-
* where #a was just "M0 0h40v40H0z" (the full viewBox rectangle — a no-op).
|
|
7
|
-
* That generic id collides with other SVGs on the same page that also use
|
|
8
|
-
* id="a", causing the browser to clip the icon's content to the wrong region.
|
|
9
|
-
* The clip-path wrapper has been removed; visual output is identical.
|
|
10
|
-
*/
|
|
11
|
-
declare const PDFSvg: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
|
|
12
|
-
export default PDFSvg;
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
/** go-backward-10-sec — viewBox 0 0 17.915 17.917 */
|
|
2
|
-
export declare function PauseIcon(): import("react/jsx-runtime").JSX.Element;
|
|
3
|
-
/**
|
|
4
|
-
* play — same viewBox as PauseIcon for visual parity.
|
|
5
|
-
* Figma only shows the pause state; play triangle crafted to match proportions.
|
|
6
|
-
*/
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import type { SVGProps } from 'react';
|
|
2
|
-
/**
|
|
3
|
-
* Pencil / compose icon — 24×24 viewport, stroke-based.
|
|
4
|
-
*
|
|
5
|
-
* Renders at the parent's size (width/height 100%) and inherits
|
|
6
|
-
* color via `stroke="currentColor"` so it responds to `text-*` tokens.
|
|
7
|
-
*/
|
|
8
|
-
export declare function PencilIcon(props: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import type { SVGProps } from 'react';
|
|
2
|
-
/**
|
|
3
|
-
* PlayButtonCardIcon — 24 × 24 two-tone play glyph used by the `CardMedia`
|
|
4
|
-
* video overlay.
|
|
5
|
-
*
|
|
6
|
-
* The icon ships with its own baked-in colors (matches the Figma asset):
|
|
7
|
-
* - Backdrop path (40 % opacity) → `icon-default` (#161616)
|
|
8
|
-
* - Foreground stroke path → `icon-neutral` (#384250)
|
|
9
|
-
*
|
|
10
|
-
* It's kept separate from the existing `PlayCenterIcon` / `PlayIcon` glyphs
|
|
11
|
-
* so the VideoPlayer family stays untouched. Width/height default to 100 %
|
|
12
|
-
* so the parent `size-icon-*` wrapper drives the rendered size.
|
|
13
|
-
*/
|
|
14
|
-
export declare function PlayButtonCardIcon(props: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,13 +0,0 @@
|
|
|
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 PlayCenterIcon(props: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
|
|
7
|
-
/**
|
|
8
|
-
* Pause icon (two rounded vertical bars) used in the controls bar.
|
|
9
|
-
* Figma: provided in a 96×40 combined transport row. Only the two
|
|
10
|
-
* bar paths (middle section, x ≈ 33–63 in the 96-unit space) are
|
|
11
|
-
* extracted here; translated by -27.995 to centre them in a 40×40 viewBox.
|
|
12
|
-
* Used at 40×40 px.
|
|
13
|
-
*/
|
package/dist/icons/PlayIcon.d.ts
DELETED
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import type { SVGProps } from 'react';
|
|
2
|
-
export declare function PlayIconSolid(props: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
|
|
3
|
-
/**
|
|
4
|
-
* Play icon — Outline / ring only (Path 1 at full opacity, no Path 2).
|
|
5
|
-
* Used as the trailing icon where a lighter weight appearance is needed.
|
|
6
|
-
*/
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import type { SVGProps } from 'react';
|
|
2
|
-
export declare function PlayIconTwotone(props: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
|
|
3
|
-
/**
|
|
4
|
-
* Play icon — Solid style (both paths at full opacity).
|
|
5
|
-
* Used as the leading icon in Active / selected states and on Brand Background.
|
|
6
|
-
*/
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import type { SVGProps } from 'react';
|
|
2
|
-
/** Info icon — circle with question mark. Used as default `icon={true}`. */
|
|
3
|
-
export declare function PlayVideoIcon(props: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
|
|
4
|
-
/**
|
|
5
|
-
* Question mark icon — dark-filled circle with a white "?" mark (18 × 18).
|
|
6
|
-
*
|
|
7
|
-
* The circle fill uses `currentColor` so the parent's `text-*` class drives
|
|
8
|
-
* the background colour:
|
|
9
|
-
* light mode → text-[rgba(56,66,80,1)] (Icon/icon-neutral = #384250)
|
|
10
|
-
* dark mode → text-[rgba(157,164,174,1)] (Icon/icon-default-400 = #9DA4AE)
|
|
11
|
-
*
|
|
12
|
-
* The "?" body and dot paths are hardcoded white so they stay legible on any
|
|
13
|
-
* dark circle colour. viewBox sourced from Figma (18 × 18).
|
|
14
|
-
*/
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
/**
|
|
3
|
-
* Card icons — colocated inside the package so the component has no
|
|
4
|
-
* dependency on the host app's `/public` folder. All icons use
|
|
5
|
-
* `currentColor`.
|
|
6
|
-
*/
|
|
7
|
-
type IconProps = React.SVGProps<SVGSVGElement>;
|
|
8
|
-
export declare const PlusCircleIcon: (props: IconProps) => import("react/jsx-runtime").JSX.Element;
|
|
9
|
-
export {};
|
package/dist/icons/PlusIcon.d.ts
DELETED
|
@@ -1,22 +0,0 @@
|
|
|
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 PlusIcon({ className }: {
|
|
17
|
-
className?: string;
|
|
18
|
-
}): import("react/jsx-runtime").JSX.Element;
|
|
19
|
-
/**
|
|
20
|
-
* Unfold-more (↕) — paired up + down chevrons, 24×24 viewport.
|
|
21
|
-
* Used as the expand / dropdown trigger variant (Figma Type=Arrow).
|
|
22
|
-
*/
|
|
@@ -1,10 +0,0 @@
|
|
|
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 PreviousIcon(props: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
|
|
7
|
-
/**
|
|
8
|
-
* Skip-forward / Next icon.
|
|
9
|
-
* Figma: 20×20 px. Right-pointing play triangle + vertical bar on right.
|
|
10
|
-
*/
|