sdaia-ui 1.2.0 → 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
package/dist/index.js
CHANGED
|
@@ -366,12 +366,12 @@ import path4 from "node:path";
|
|
|
366
366
|
function transformImports(source, componentDir, utilsDir, componentName) {
|
|
367
367
|
const componentPath = path4.posix.join(componentDir, componentName);
|
|
368
368
|
const utilsRelative = path4.posix.relative(componentPath, utilsDir);
|
|
369
|
-
const
|
|
369
|
+
const utilsPrefix = utilsRelative || ".";
|
|
370
370
|
const sdaiaAssetsImportPath = "../sdaia-assets";
|
|
371
371
|
let result = source;
|
|
372
372
|
result = result.replace(
|
|
373
|
-
/from\s+(['"])\.\.\/\.\.\/lib\/
|
|
374
|
-
`from '${
|
|
373
|
+
/from\s+(['"])\.\.\/\.\.\/lib\/([^'"\/]+)\1/g,
|
|
374
|
+
(_match, _quote, fileBase) => `from '${utilsPrefix}/${fileBase}'`
|
|
375
375
|
);
|
|
376
376
|
result = result.replace(
|
|
377
377
|
/from\s+(['"])sdaia-ui\/sdaia-assets\1/g,
|
|
@@ -391,6 +391,12 @@ function transformImports(source, componentDir, utilsDir, componentName) {
|
|
|
391
391
|
);
|
|
392
392
|
return result;
|
|
393
393
|
}
|
|
394
|
+
function transformSdaiaAssetsImports(source) {
|
|
395
|
+
return source.replace(
|
|
396
|
+
/from\s+(['"])\.\.\/components\/([^'"]+)\1/g,
|
|
397
|
+
(_match, _quote, rest) => `from '../${rest}'`
|
|
398
|
+
);
|
|
399
|
+
}
|
|
394
400
|
function ensureReactImport(source, fileName) {
|
|
395
401
|
if (!fileName.endsWith(".tsx")) return source;
|
|
396
402
|
if (/import\s+React[\s,]/m.test(source)) return source;
|
|
@@ -476,7 +482,9 @@ async function add(componentSlugs, options) {
|
|
|
476
482
|
);
|
|
477
483
|
source = ensureReactImport(source, fileName);
|
|
478
484
|
}
|
|
479
|
-
|
|
485
|
+
const target = path5.join(compDir, fileName);
|
|
486
|
+
fs4.mkdirSync(path5.dirname(target), { recursive: true });
|
|
487
|
+
fs4.writeFileSync(target, source);
|
|
480
488
|
}
|
|
481
489
|
logger.success(
|
|
482
490
|
` ${entry.name} \u2192 ${path5.relative(process.cwd(), compDir)}/`
|
|
@@ -489,25 +497,38 @@ async function add(componentSlugs, options) {
|
|
|
489
497
|
for (const utilName of utilityDepsNeeded) {
|
|
490
498
|
const util = registry.utilities.find((u) => u.name === utilName);
|
|
491
499
|
if (!util) continue;
|
|
492
|
-
|
|
493
|
-
|
|
494
|
-
|
|
495
|
-
if (
|
|
496
|
-
|
|
497
|
-
|
|
500
|
+
let utilDir;
|
|
501
|
+
if (util.name === "sdaia-assets") {
|
|
502
|
+
utilDir = path5.resolve(process.cwd(), config.componentDir, util.name);
|
|
503
|
+
} else if (util.name === "lib-helpers") {
|
|
504
|
+
utilDir = path5.resolve(process.cwd(), config.utilsDir);
|
|
505
|
+
} else {
|
|
506
|
+
utilDir = path5.resolve(process.cwd(), config.utilsDir, util.name);
|
|
498
507
|
}
|
|
499
508
|
fs4.mkdirSync(utilDir, { recursive: true });
|
|
509
|
+
let installedAny = false;
|
|
500
510
|
for (const fileName of util.files) {
|
|
501
|
-
const
|
|
511
|
+
const target = path5.join(utilDir, fileName);
|
|
512
|
+
if (fs4.existsSync(target) && !options.overwrite) continue;
|
|
513
|
+
let source = await fetchComponentFile(
|
|
502
514
|
config.registryUrl,
|
|
503
515
|
util.name,
|
|
504
516
|
fileName
|
|
505
517
|
);
|
|
506
|
-
|
|
518
|
+
if (util.name === "sdaia-assets") {
|
|
519
|
+
source = transformSdaiaAssetsImports(source);
|
|
520
|
+
}
|
|
521
|
+
fs4.mkdirSync(path5.dirname(target), { recursive: true });
|
|
522
|
+
fs4.writeFileSync(target, source);
|
|
523
|
+
installedAny = true;
|
|
524
|
+
}
|
|
525
|
+
if (installedAny) {
|
|
526
|
+
logger.success(
|
|
527
|
+
` ${util.name} \u2192 ${path5.relative(process.cwd(), utilDir)}/`
|
|
528
|
+
);
|
|
529
|
+
} else {
|
|
530
|
+
logger.info(`Utility ${util.name} already installed (skipping)`);
|
|
507
531
|
}
|
|
508
|
-
logger.success(
|
|
509
|
-
` ${util.name} \u2192 ${path5.relative(process.cwd(), utilDir)}/`
|
|
510
|
-
);
|
|
511
532
|
}
|
|
512
533
|
const npmDeps = collectNpmDependencies(toInstall);
|
|
513
534
|
const baseDeps = ["clsx", "tailwind-merge", "@platformscode/icons"];
|
package/package.json
CHANGED
package/dist/icons/AIIcon.d.ts
DELETED
|
@@ -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 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
|
-
*/
|
package/dist/icons/AaIcon.d.ts
DELETED
|
@@ -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 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
|
-
*/
|
|
@@ -1,8 +0,0 @@
|
|
|
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;
|
|
@@ -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 AlertCircleIcon: (props: IconProps) => import("react/jsx-runtime").JSX.Element;
|
|
9
|
-
export {};
|
|
@@ -1,9 +0,0 @@
|
|
|
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;
|
|
@@ -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 AlertTriangleIcon: (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 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
|
-
*/
|
|
@@ -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 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
|
-
*/
|
|
@@ -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 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
|
-
*/
|
|
@@ -1,9 +0,0 @@
|
|
|
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 {};
|
|
@@ -1,14 +0,0 @@
|
|
|
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;
|
|
@@ -1,18 +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 ArrowIcon({ className }: {
|
|
17
|
-
className?: string;
|
|
18
|
-
}): 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 ArrowLeft01Icon(props: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
|
|
4
|
-
/** Arrow pointing right — used for "next" navigation. */
|
|
@@ -1,9 +0,0 @@
|
|
|
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 {};
|
|
@@ -1,11 +0,0 @@
|
|
|
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;
|
package/dist/icons/AtIcon.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 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
|
-
*/
|
|
@@ -1,4 +0,0 @@
|
|
|
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). */
|
package/dist/icons/BeakDown.d.ts
DELETED
|
@@ -1,13 +0,0 @@
|
|
|
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
|
-
*/
|
package/dist/icons/BeakLeft.d.ts
DELETED
|
@@ -1,4 +0,0 @@
|
|
|
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). */
|
package/dist/icons/BeakTop.d.ts
DELETED
|
@@ -1,4 +0,0 @@
|
|
|
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). */
|
package/dist/icons/BeakUp.d.ts
DELETED
|
@@ -1,8 +0,0 @@
|
|
|
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;
|
|
@@ -1,9 +0,0 @@
|
|
|
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;
|
package/dist/icons/BellIcon.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 BellIcon: (props: IconProps) => import("react/jsx-runtime").JSX.Element;
|
|
9
|
-
export {};
|
package/dist/icons/BoldIcon.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 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
|
-
*/
|
|
@@ -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 CheckCircleIcon: (props: IconProps) => import("react/jsx-runtime").JSX.Element;
|
|
9
|
-
export {};
|
|
@@ -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 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). */
|
|
@@ -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 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
|
-
*/
|
|
@@ -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 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
|
-
*/
|
|
@@ -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 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
|
-
*/
|
|
@@ -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 CloseIcon: (props: IconProps) => import("react/jsx-runtime").JSX.Element;
|
|
9
|
-
export {};
|
|
@@ -1,6 +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 ColorSquareIcon({ className, ...props }: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
|
|
@@ -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 FileUploadItemCloseIcon({ className, ...rest }: IconProps): import("react/jsx-runtime").JSX.Element;
|
|
5
|
-
export {};
|
|
6
|
-
/** PDF document tile (32×32). */
|