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.
Files changed (145) hide show
  1. package/dist/index.js +36 -15
  2. package/package.json +1 -1
  3. package/dist/icons/AIIcon.d.ts +0 -11
  4. package/dist/icons/AaIcon.d.ts +0 -11
  5. package/dist/icons/AlertCircle02Icon.d.ts +0 -8
  6. package/dist/icons/AlertCircleIcon.d.ts +0 -9
  7. package/dist/icons/AlertCircleSVG.d.ts +0 -3
  8. package/dist/icons/AlertCircleWarningIcon.d.ts +0 -9
  9. package/dist/icons/AlertTriangleIcon.d.ts +0 -9
  10. package/dist/icons/AlignCenterIcon.d.ts +0 -10
  11. package/dist/icons/AlignLeftIcon.d.ts +0 -10
  12. package/dist/icons/AlignRightIcon.d.ts +0 -10
  13. package/dist/icons/ArrowDownIcon.d.ts +0 -9
  14. package/dist/icons/ArrowDownLeft01Icon.d.ts +0 -14
  15. package/dist/icons/ArrowDownSVG.d.ts +0 -3
  16. package/dist/icons/ArrowIcon.d.ts +0 -18
  17. package/dist/icons/ArrowLeft01Icon.d.ts +0 -4
  18. package/dist/icons/ArrowLeft02SVG.d.ts +0 -3
  19. package/dist/icons/ArrowLeftIcon.d.ts +0 -4
  20. package/dist/icons/ArrowRight01Icon.d.ts +0 -4
  21. package/dist/icons/ArrowRight01SVG.d.ts +0 -3
  22. package/dist/icons/ArrowRightIcon.d.ts +0 -4
  23. package/dist/icons/ArrowUpIcon.d.ts +0 -9
  24. package/dist/icons/ArrowUpRight01Icon.d.ts +0 -11
  25. package/dist/icons/ArrowUpSVG.d.ts +0 -3
  26. package/dist/icons/AtIcon.d.ts +0 -10
  27. package/dist/icons/BeakBottom.d.ts +0 -4
  28. package/dist/icons/BeakDown.d.ts +0 -13
  29. package/dist/icons/BeakLeft.d.ts +0 -4
  30. package/dist/icons/BeakRight.d.ts +0 -3
  31. package/dist/icons/BeakTop.d.ts +0 -4
  32. package/dist/icons/BeakUp.d.ts +0 -8
  33. package/dist/icons/BellCircleIcon.d.ts +0 -9
  34. package/dist/icons/BellIcon.d.ts +0 -9
  35. package/dist/icons/BoldIcon.d.ts +0 -10
  36. package/dist/icons/CalendarIcon.d.ts +0 -3
  37. package/dist/icons/ChartsIcon.d.ts +0 -3
  38. package/dist/icons/CheckCircleIcon.d.ts +0 -9
  39. package/dist/icons/ChevronDownIcon.d.ts +0 -9
  40. package/dist/icons/ChevronDownSmIcon.d.ts +0 -10
  41. package/dist/icons/ChevronLeftIcon.d.ts +0 -2
  42. package/dist/icons/ChevronRightIcon.d.ts +0 -3
  43. package/dist/icons/ClearIcon.d.ts +0 -12
  44. package/dist/icons/ClockIcon.d.ts +0 -12
  45. package/dist/icons/CloseIcon.d.ts +0 -9
  46. package/dist/icons/CloudUploadIcon.d.ts +0 -3
  47. package/dist/icons/CodeSnippetChevronDownIcon.d.ts +0 -3
  48. package/dist/icons/CodeSnippetCopyIcon.d.ts +0 -4
  49. package/dist/icons/CodeSnippetStarIcon.d.ts +0 -3
  50. package/dist/icons/ColorSquareIcon.d.ts +0 -6
  51. package/dist/icons/ComponentsIcon.d.ts +0 -3
  52. package/dist/icons/DGALogoSVG.d.ts +0 -3
  53. package/dist/icons/DeleteIcon.d.ts +0 -3
  54. package/dist/icons/DownloadIcon.d.ts +0 -6
  55. package/dist/icons/DragHandleVerticalIcon.d.ts +0 -3
  56. package/dist/icons/FeedbackEmojiDislikeIcon.d.ts +0 -2
  57. package/dist/icons/FeedbackEmojiLikeIcon.d.ts +0 -2
  58. package/dist/icons/FeedbackEmojiNeutralIcon.d.ts +0 -2
  59. package/dist/icons/FeedbackThumbDislikeFilledIcon.d.ts +0 -2
  60. package/dist/icons/FeedbackThumbDislikeIcon.d.ts +0 -2
  61. package/dist/icons/FeedbackThumbLikeFilledIcon.d.ts +0 -2
  62. package/dist/icons/FeedbackThumbLikeIcon.d.ts +0 -2
  63. package/dist/icons/FileUploadItemCloseIcon.d.ts +0 -6
  64. package/dist/icons/FileUploadItemEmptyFileIcon.d.ts +0 -5
  65. package/dist/icons/FileUploadItemPdfIcon.d.ts +0 -6
  66. package/dist/icons/FilterFunnelIcon.d.ts +0 -12
  67. package/dist/icons/FilterIcon.d.ts +0 -9
  68. package/dist/icons/FitIcon.d.ts +0 -6
  69. package/dist/icons/FolderFilledIcon.d.ts +0 -3
  70. package/dist/icons/FolderIcon.d.ts +0 -4
  71. package/dist/icons/FoundationsIcon.d.ts +0 -3
  72. package/dist/icons/FullscreenExitIcon.d.ts +0 -11
  73. package/dist/icons/FullscreenIcon.d.ts +0 -10
  74. package/dist/icons/GoBackward10Icon.d.ts +0 -3
  75. package/dist/icons/GoForward10Icon.d.ts +0 -3
  76. package/dist/icons/GridSquaresIcon.d.ts +0 -12
  77. package/dist/icons/HamburgerIcon.d.ts +0 -7
  78. package/dist/icons/HelpCircleIcon.d.ts +0 -7
  79. package/dist/icons/HomeIcon.d.ts +0 -2
  80. package/dist/icons/HomeSVG.d.ts +0 -3
  81. package/dist/icons/IconFactory.d.ts +0 -142
  82. package/dist/icons/Image01SVG.d.ts +0 -3
  83. package/dist/icons/ImageIcon.d.ts +0 -10
  84. package/dist/icons/InfoCircleIcon.d.ts +0 -10
  85. package/dist/icons/InfoCircleSVG.d.ts +0 -3
  86. package/dist/icons/InfoIcon.d.ts +0 -9
  87. package/dist/icons/ItalicIcon.d.ts +0 -10
  88. package/dist/icons/LearnMoreArrowIcon.d.ts +0 -4
  89. package/dist/icons/LinkCircleSVG.d.ts +0 -3
  90. package/dist/icons/LinkIcon.d.ts +0 -10
  91. package/dist/icons/ListLinesIcon.d.ts +0 -12
  92. package/dist/icons/LockCircleSVG.d.ts +0 -3
  93. package/dist/icons/LockIcon.d.ts +0 -13
  94. package/dist/icons/Logout02Icon.d.ts +0 -3
  95. package/dist/icons/MicrophoneIcon.d.ts +0 -2
  96. package/dist/icons/MinusIcon.d.ts +0 -19
  97. package/dist/icons/MoreHorizontalIcon.d.ts +0 -7
  98. package/dist/icons/MoreVerticalIcon.d.ts +0 -9
  99. package/dist/icons/NextIcon.d.ts +0 -10
  100. package/dist/icons/PDFSvg.d.ts +0 -12
  101. package/dist/icons/PatternsIcon.d.ts +0 -2
  102. package/dist/icons/PauseIcon.d.ts +0 -6
  103. package/dist/icons/PencilIcon.d.ts +0 -8
  104. package/dist/icons/PlayButtonCardIcon.d.ts +0 -14
  105. package/dist/icons/PlayCenterIcon.d.ts +0 -13
  106. package/dist/icons/PlayIcon.d.ts +0 -3
  107. package/dist/icons/PlayIconSolid.d.ts +0 -6
  108. package/dist/icons/PlayIconStroke.d.ts +0 -2
  109. package/dist/icons/PlayIconTwotone.d.ts +0 -6
  110. package/dist/icons/PlayVideoIcon.d.ts +0 -14
  111. package/dist/icons/PlusCircleIcon.d.ts +0 -9
  112. package/dist/icons/PlusIcon.d.ts +0 -22
  113. package/dist/icons/PreviousIcon.d.ts +0 -10
  114. package/dist/icons/PrintIcon.d.ts +0 -4
  115. package/dist/icons/QuestionMarkGrayBgIcon.d.ts +0 -22
  116. package/dist/icons/QuestionMarkIcon.d.ts +0 -11
  117. package/dist/icons/RedoIcon.d.ts +0 -10
  118. package/dist/icons/SaudiFlagSVG.d.ts +0 -3
  119. package/dist/icons/SdaiaNavLogo.d.ts +0 -2
  120. package/dist/icons/SearchIcon.d.ts +0 -12
  121. package/dist/icons/SettingsIcon.d.ts +0 -2
  122. package/dist/icons/ShareIcon.d.ts +0 -4
  123. package/dist/icons/SidebarCollapseIcon.d.ts +0 -3
  124. package/dist/icons/SmileIcon.d.ts +0 -11
  125. package/dist/icons/SortIcon.d.ts +0 -2
  126. package/dist/icons/StarIcon.d.ts +0 -11
  127. package/dist/icons/StatusBadgeIcon.d.ts +0 -2
  128. package/dist/icons/TextTIcon.d.ts +0 -10
  129. package/dist/icons/Tick02Icon.d.ts +0 -8
  130. package/dist/icons/TickIcon.d.ts +0 -12
  131. package/dist/icons/TrashIcon.d.ts +0 -14
  132. package/dist/icons/UnderlineIcon.d.ts +0 -10
  133. package/dist/icons/UndoIcon.d.ts +0 -10
  134. package/dist/icons/UploadArrowIcon.d.ts +0 -10
  135. package/dist/icons/UserIcon.d.ts +0 -2
  136. package/dist/icons/VolumeHighIcon.d.ts +0 -3
  137. package/dist/icons/VolumeMuteIcon.d.ts +0 -11
  138. package/dist/icons/XCircleIcon.d.ts +0 -8
  139. package/dist/icons/XIcon.d.ts +0 -8
  140. package/dist/icons/XIconSVG.d.ts +0 -3
  141. package/dist/icons/XSmallIcon.d.ts +0 -7
  142. package/dist/icons/XSvg.d.ts +0 -3
  143. package/dist/icons/ZoomInIcon.d.ts +0 -4
  144. package/dist/icons.cjs +0 -4452
  145. package/dist/icons.js +0 -4429
@@ -1,22 +0,0 @@
1
- import type { SVGProps } from 'react';
2
- /**
3
- * Question mark in a gray circle (20 × 20).
4
- * Used as the HelpIcon trigger button.
5
- *
6
- * Colors are intentionally hardcoded — this is a two-colour icon
7
- * (white fill + Figma variable Icon/icon-default-400 = #9DA4AE) and
8
- * cannot be driven by a single `currentColor` value.
9
- * viewBox sourced from Figma node I5024:59535.
10
- */
11
- export declare function QuestionMarkGrayBgIcon(props: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
12
- /**
13
- * Question mark icon — dark-filled circle with a white "?" mark (18 × 18).
14
- * Used as the leading icon inside the HelpIcon tooltip body.
15
- *
16
- * Circle fill uses `currentColor` so the parent's `text-*` class controls
17
- * the background colour:
18
- * light mode → rgba(56,66,80,1) = Icon/icon-neutral (#384250)
19
- * dark mode → rgba(157,164,174,1) = Icon/icon-default-400 (#9DA4AE)
20
- *
21
- * viewBox sourced from Figma (18 × 18).
22
- */
@@ -1,11 +0,0 @@
1
- import type { SVGProps } from 'react';
2
- /**
3
- * Question mark in a gray circle (20 × 20).
4
- * Used as the HelpIcon trigger button.
5
- *
6
- * Colors are intentionally hardcoded — this is a two-colour icon
7
- * (white fill + Figma variable Icon/icon-default-400 = #9DA4AE) and
8
- * cannot be driven by a single `currentColor` value.
9
- * viewBox sourced from Figma node I5024:59535.
10
- */
11
- export declare function QuestionMarkIcon(props: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
@@ -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 RedoIcon({ className, ...props }: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
7
- /**
8
- * Bold icon (text-bold) — 16×16 px.
9
- * Figma: node inside Rich Text Editor 6259:88649
10
- */
@@ -1,3 +0,0 @@
1
- import * as React from "react";
2
- declare const SaudiFlagSVG: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
3
- export default SaudiFlagSVG;
@@ -1,2 +0,0 @@
1
- import type { SVGProps } from 'react';
2
- export declare function SdaiaNavLogo(props: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
@@ -1,12 +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 SearchIcon({ className, ...props }: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
8
- /**
9
- * Cancel / clear icon (cancel-01) — 16 × 16 px viewBox.
10
- * Used as the trailing clear button inside the input.
11
- * Figma: cancel-01 referenced inside Autocomplete node 6183:86218
12
- */
@@ -1,2 +0,0 @@
1
- /** go-backward-10-sec — viewBox 0 0 17.915 17.917 */
2
- export declare function SettingsIcon(): import("react/jsx-runtime").JSX.Element;
@@ -1,4 +0,0 @@
1
- import type { SVGProps } from 'react';
2
- /** Arrow pointing left — used for "previous" navigation. */
3
- export declare function ShareIcon(props: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
4
- /** Print — printer icon. */
@@ -1,3 +0,0 @@
1
- import type { SVGProps } from 'react';
2
- /** Panel / sidebar collapse icon — 16×16 viewport. */
3
- export declare function SidebarCollapseIcon(props: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
@@ -1,11 +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 SmileIcon({ className, ...props }: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
7
- /**
8
- * At / mention icon — 20×20 px.
9
- * Used in the input bottom bar.
10
- * Figma: node inside Rich Text Editor 6259:88649
11
- */
@@ -1,2 +0,0 @@
1
- import type { SVGProps } from 'react';
2
- export declare function SortIcon(props: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
@@ -1,11 +0,0 @@
1
- /**
2
- * Inline SVG icons for Quote.
3
- *
4
- * star — Figma-exact paths extracted from the Quote component export.
5
- * Uses `currentColor` so the wrapping element's `text-*` class drives color.
6
- * `aria-hidden="true"` — decorative; parent context provides meaning.
7
- */
8
- /** Star — filled 5-pointed star matching Figma Quote design exactly. */
9
- export declare function StarIcon({ className }: {
10
- className?: string;
11
- }): import("react/jsx-runtime").JSX.Element;
@@ -1,2 +0,0 @@
1
- import type { SVGProps } from 'react';
2
- export declare function StatusBadgeIcon(props: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
@@ -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 TextTIcon({ className, ...props }: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
7
- /**
8
- * Chevron down — 12×12 px.
9
- * Used inside text style / font size selector triggers on desktop.
10
- */
@@ -1,8 +0,0 @@
1
- import type { SVGProps } from 'react';
2
- /**
3
- * Tick02Icon — 64 × 64 success badge.
4
- * Pre-colored filled-green circle with a white checkmark, sourced verbatim
5
- * from the Figma "tick-02" illustration used by the NotificationPopup success
6
- * state. Colors are intentional (semantic) and do not follow `currentColor`.
7
- */
8
- export declare function Tick02Icon(props: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
@@ -1,12 +0,0 @@
1
- import type { SVGProps } from 'react';
2
- /**
3
- * Tick / checkmark icon — 20 × 20, fill evenodd.
4
- *
5
- * Used as the trailing indicator for the Select type (selected state).
6
- * Sized by the parent wrapper (`size-icon-lg` = 20 px); the SVG itself
7
- * uses width/height 100% so it never overrides the token.
8
- *
9
- * `fill="currentColor"` inherits the text colour so light/dark mode and
10
- * disabled dimming work automatically.
11
- */
12
- export declare function TickIcon(props: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
@@ -1,14 +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 TrashIcon(props: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
8
- /**
9
- * Filter / funnel icon — from Figma (filter).
10
- * Used for the filter button on both desktop and mobile/tablet toolbars.
11
- *
12
- * NOTE: The Figma export for the filter icon was not provided separately.
13
- * Please supply the correct Figma SVG if this shape differs from Figma.
14
- */
@@ -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 UnderlineIcon({ className, ...props }: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
7
- /**
8
- * Align left icon (text-align-justify-left) — 24×24 px.
9
- * Figma: node inside Rich Text Editor 6259:88649
10
- */
@@ -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 UndoIcon({ className, ...props }: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
7
- /**
8
- * Redo icon (redo-03) — 24×24 px.
9
- * Figma: node inside Rich Text Editor 6259:88649
10
- */
@@ -1,10 +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 UploadArrowIcon(props: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
8
- /**
9
- * Plus icon — used for the Add row in the mobile more-menu.
10
- */
@@ -1,2 +0,0 @@
1
- import type { SVGProps } from 'react';
2
- export declare function UserIcon(props: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
@@ -1,3 +0,0 @@
1
- /** go-backward-10-sec — viewBox 0 0 17.915 17.917 */
2
- export declare function VolumeHighIcon(): import("react/jsx-runtime").JSX.Element;
3
- /** settings-02 — viewBox 0 0 17.916 16.6665 */
@@ -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 VolumeMuteIcon(props: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
7
- /**
8
- * More options vertical dots (⋮) icon used in the header.
9
- * No Figma path provided — drawn from visual reference.
10
- * Used at 24×24 px (size-icon-xl).
11
- */
@@ -1,8 +0,0 @@
1
- import type { SVGProps } from 'react';
2
- /**
3
- * XCircleIcon — 64 × 64 error badge.
4
- * Pre-colored filled-red circle with a white × cross, sourced verbatim from
5
- * the Figma error illustration used by the NotificationPopup error state.
6
- * Colors are intentional (semantic) and do not follow `currentColor`.
7
- */
8
- export declare function XCircleIcon(props: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
@@ -1,8 +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 XIcon({ className }: {
7
- className?: string;
8
- }): import("react/jsx-runtime").JSX.Element;
@@ -1,3 +0,0 @@
1
- import * as React from "react";
2
- declare const XIconSVG: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
3
- export default XIconSVG;
@@ -1,7 +0,0 @@
1
- import type { SVGProps } from 'react';
2
- /**
3
- * Chevron / arrow-down icon — 16 × 16 px.
4
- * Used as the trailing affordance on the Select trigger.
5
- * Figma node: arrow-down-01 (4074:5854)
6
- */
7
- export declare function XSmallIcon(props: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
@@ -1,3 +0,0 @@
1
- import * as React from "react";
2
- declare const XSvg: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
3
- export default XSvg;
@@ -1,4 +0,0 @@
1
- import type { SVGProps } from 'react';
2
- /** Arrow pointing left — used for "previous" navigation. */
3
- export declare function ZoomInIcon(props: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
4
- /** Minus sign — plain subtraction icon (zoom out button). */