@qtalo/qt-ui-library 0.1.12 → 0.1.14
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.cjs +1 -1
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.ts +36 -26
- package/dist/index.js +351 -276
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -58,7 +58,7 @@ declare type AccordionTriggerProps = {
|
|
|
58
58
|
asChild?: boolean;
|
|
59
59
|
} & ComponentPropsWithoutRef<"div">;
|
|
60
60
|
|
|
61
|
-
export declare function AccountIcon(props: IconProps): JSX.Element;
|
|
61
|
+
export declare function AccountIcon({ pathProps, ...props }: IconProps): JSX.Element;
|
|
62
62
|
|
|
63
63
|
export declare function AccountInfo({ title, value }: AccountInfoProps): JSX.Element;
|
|
64
64
|
|
|
@@ -83,11 +83,13 @@ declare type ActionMenuItemProps = DropdownMenuItemProps & {
|
|
|
83
83
|
|
|
84
84
|
declare type ActionMenuProps = DropdownMenuProps;
|
|
85
85
|
|
|
86
|
-
export declare function
|
|
86
|
+
export declare function AddCircleIcon({ pathProps, ...props }: IconProps): JSX.Element;
|
|
87
|
+
|
|
88
|
+
export declare function AddIcon({ pathProps, ...props }: IconProps): JSX.Element;
|
|
87
89
|
|
|
88
90
|
declare type ArrowDirection = "up" | "down" | "left" | "right";
|
|
89
91
|
|
|
90
|
-
export declare function ArrowIcon({ direction, className, ...props }: ArrowIconProps): JSX.Element;
|
|
92
|
+
export declare function ArrowIcon({ direction, className, pathProps, ...props }: ArrowIconProps): JSX.Element;
|
|
91
93
|
|
|
92
94
|
declare type ArrowIconProps = IconProps & {
|
|
93
95
|
direction?: ArrowDirection;
|
|
@@ -284,7 +286,7 @@ export declare type CalendarDetail = {
|
|
|
284
286
|
location: string;
|
|
285
287
|
};
|
|
286
288
|
|
|
287
|
-
export declare function CalendarIcon(props: IconProps): JSX.Element;
|
|
289
|
+
export declare function CalendarIcon({ pathProps, ...props }: IconProps): JSX.Element;
|
|
288
290
|
|
|
289
291
|
export declare const capitalize: (s: string) => string;
|
|
290
292
|
|
|
@@ -343,7 +345,7 @@ declare type CardTitleProps = {
|
|
|
343
345
|
|
|
344
346
|
export declare function Checkbox({ checked, defaultChecked, icon, indeterminate, indeterminateIcon, onChange, disabled, children, className, }: CheckboxProps): JSX.Element;
|
|
345
347
|
|
|
346
|
-
export declare function CheckboxIcon(props: IconProps): JSX.Element;
|
|
348
|
+
export declare function CheckboxIcon({ pathProps, ...props }: IconProps): JSX.Element;
|
|
347
349
|
|
|
348
350
|
declare type CheckboxProps = {
|
|
349
351
|
checked?: boolean;
|
|
@@ -357,13 +359,15 @@ declare type CheckboxProps = {
|
|
|
357
359
|
indeterminateIcon?: ReactNode;
|
|
358
360
|
};
|
|
359
361
|
|
|
360
|
-
export declare function CheckCircleEmptyIcon(props: IconProps): JSX.Element;
|
|
362
|
+
export declare function CheckCircleEmptyIcon({ ...props }: IconProps): JSX.Element;
|
|
363
|
+
|
|
364
|
+
export declare function CheckCircleIcon({ pathProps, ...props }: IconProps): JSX.Element;
|
|
361
365
|
|
|
362
|
-
export declare function
|
|
366
|
+
export declare function CheckSquareIcon({ pathProps, ...props }: IconProps): JSX.Element;
|
|
363
367
|
|
|
364
368
|
export declare function ClickUpIcon(props: IconProps): JSX.Element;
|
|
365
369
|
|
|
366
|
-
export declare function CloseIcon(props: IconProps): JSX.Element;
|
|
370
|
+
export declare function CloseIcon({ pathProps, ...props }: IconProps): JSX.Element;
|
|
367
371
|
|
|
368
372
|
export declare function cn(...inputs: ClassValue[]): string;
|
|
369
373
|
|
|
@@ -388,7 +392,7 @@ export declare const colors: {
|
|
|
388
392
|
readonly brandSecondary: "#ceff1a";
|
|
389
393
|
};
|
|
390
394
|
|
|
391
|
-
export declare function CompactDensityIcon(props: IconProps): JSX.Element;
|
|
395
|
+
export declare function CompactDensityIcon({ pathProps, ...props }: IconProps): JSX.Element;
|
|
392
396
|
|
|
393
397
|
declare type ConfirmationTemplateProps = {
|
|
394
398
|
title: string;
|
|
@@ -403,9 +407,9 @@ declare type ConfirmationToastProps = ConfirmationTemplateProps & {
|
|
|
403
407
|
options?: Omit<ShowToastOptions, "content">;
|
|
404
408
|
};
|
|
405
409
|
|
|
406
|
-
export declare function CopyIcon(props: IconProps): JSX.Element;
|
|
410
|
+
export declare function CopyIcon({ pathProps, ...props }: IconProps): JSX.Element;
|
|
407
411
|
|
|
408
|
-
export declare function DarkIcon(props: IconProps): JSX.Element;
|
|
412
|
+
export declare function DarkIcon({ pathProps, ...props }: IconProps): JSX.Element;
|
|
409
413
|
|
|
410
414
|
declare type DateFormatOptions = {
|
|
411
415
|
todayAsText?: boolean;
|
|
@@ -548,6 +552,8 @@ export declare type EmailDetail = {
|
|
|
548
552
|
from: string;
|
|
549
553
|
};
|
|
550
554
|
|
|
555
|
+
export declare function EmptyBoxIcon({ pathProps, ...props }: IconProps): JSX.Element;
|
|
556
|
+
|
|
551
557
|
export declare const EVENT_CARD_HEIGHT_SIZE: {
|
|
552
558
|
normal: {
|
|
553
559
|
style: string;
|
|
@@ -693,9 +699,10 @@ export declare type EventDetailSummaryProps = {
|
|
|
693
699
|
summary: string;
|
|
694
700
|
};
|
|
695
701
|
|
|
696
|
-
export declare const EventEmptyState: ({ title, description, }: EventEmptyStateProps) => JSX.Element;
|
|
702
|
+
export declare const EventEmptyState: ({ icon, title, description, }: EventEmptyStateProps) => JSX.Element;
|
|
697
703
|
|
|
698
704
|
export declare type EventEmptyStateProps = {
|
|
705
|
+
icon: ReactElement<IconProps>;
|
|
699
706
|
title: string;
|
|
700
707
|
description: ReactNode;
|
|
701
708
|
};
|
|
@@ -706,7 +713,7 @@ export declare type EventStatusBadgeType = "fire" | "insight" | "done";
|
|
|
706
713
|
|
|
707
714
|
export declare type EventType = "email" | "message" | "ticket" | "calendar";
|
|
708
715
|
|
|
709
|
-
export declare function ExternalLinkIcon(props: IconProps): JSX.Element;
|
|
716
|
+
export declare function ExternalLinkIcon({ pathProps, ...props }: IconProps): JSX.Element;
|
|
710
717
|
|
|
711
718
|
declare const FILTER_BUTTON_META: {
|
|
712
719
|
readonly fire: {
|
|
@@ -765,7 +772,7 @@ export declare type FilterButtonProps = Omit<ButtonProps, "children" | "classNam
|
|
|
765
772
|
|
|
766
773
|
declare type FilterButtonVariant = keyof typeof FILTER_BUTTON_META | "custom";
|
|
767
774
|
|
|
768
|
-
export declare function FireIcon(props: IconProps): JSX.Element;
|
|
775
|
+
export declare function FireIcon({ pathProps, ...props }: IconProps): JSX.Element;
|
|
769
776
|
|
|
770
777
|
/**
|
|
771
778
|
* Format a date to "Dec 3, 2025" format
|
|
@@ -950,6 +957,7 @@ declare type IconCountButtonVariant = VariantProps<typeof iconCountButtonStyles>
|
|
|
950
957
|
|
|
951
958
|
export declare type IconProps = SVGProps<SVGSVGElement> & {
|
|
952
959
|
size?: number;
|
|
960
|
+
pathProps?: SVGProps<SVGPathElement>;
|
|
953
961
|
};
|
|
954
962
|
|
|
955
963
|
export declare function InfoTooltip({ className, ...props }: InfoTooltipProps): JSX.Element;
|
|
@@ -970,7 +978,7 @@ declare type InputProps = {
|
|
|
970
978
|
className?: string;
|
|
971
979
|
};
|
|
972
980
|
|
|
973
|
-
export declare function InsightIcon(props: IconProps): JSX.Element;
|
|
981
|
+
export declare function InsightIcon({ pathProps, ...props }: IconProps): JSX.Element;
|
|
974
982
|
|
|
975
983
|
export declare function IntegrationBar({ orientation, children, onAddMore, className, }: IntegrationBarProps): JSX.Element;
|
|
976
984
|
|
|
@@ -1040,11 +1048,11 @@ export declare function isToday(date: Date): boolean;
|
|
|
1040
1048
|
|
|
1041
1049
|
export declare function JiraIcon(props: IconProps): JSX.Element;
|
|
1042
1050
|
|
|
1043
|
-
export declare function LightIcon(props: IconProps): JSX.Element;
|
|
1051
|
+
export declare function LightIcon({ pathProps, ...props }: IconProps): JSX.Element;
|
|
1044
1052
|
|
|
1045
1053
|
declare type Listener = (toasts: ToastItem[]) => void;
|
|
1046
1054
|
|
|
1047
|
-
export declare function LogoIcon(props: IconProps): JSX.Element;
|
|
1055
|
+
export declare function LogoIcon({ pathProps, ...props }: IconProps): JSX.Element;
|
|
1048
1056
|
|
|
1049
1057
|
/**
|
|
1050
1058
|
* Message type.
|
|
@@ -1093,15 +1101,15 @@ export declare type MessageReply = Omit<Message, "replies" | "onExternalLinkClic
|
|
|
1093
1101
|
parentId: string;
|
|
1094
1102
|
};
|
|
1095
1103
|
|
|
1096
|
-
export declare function MinusIcon(props: IconProps): JSX.Element;
|
|
1104
|
+
export declare function MinusIcon({ pathProps, ...props }: IconProps): JSX.Element;
|
|
1097
1105
|
|
|
1098
|
-
export declare function MoreIcon(props: IconProps): JSX.Element;
|
|
1106
|
+
export declare function MoreIcon({ pathProps, ...props }: IconProps): JSX.Element;
|
|
1099
1107
|
|
|
1100
|
-
export declare function NormalDensityIcon(props: IconProps): JSX.Element;
|
|
1108
|
+
export declare function NormalDensityIcon({ pathProps, ...props }: IconProps): JSX.Element;
|
|
1101
1109
|
|
|
1102
1110
|
export declare function normalizeContent(content: string): string;
|
|
1103
1111
|
|
|
1104
|
-
export declare function NotFireIcon(props: IconProps): JSX.Element;
|
|
1112
|
+
export declare function NotFireIcon({ pathProps, ...props }: IconProps): JSX.Element;
|
|
1105
1113
|
|
|
1106
1114
|
export declare function OutlookCalendarIcon(props: IconProps): JSX.Element;
|
|
1107
1115
|
|
|
@@ -1133,7 +1141,7 @@ declare type QtaloImageProps = SVGProps<SVGSVGElement> & {
|
|
|
1133
1141
|
size?: number;
|
|
1134
1142
|
};
|
|
1135
1143
|
|
|
1136
|
-
export declare function ReadIcon(props: IconProps): JSX.Element;
|
|
1144
|
+
export declare function ReadIcon({ pathProps, ...props }: IconProps): JSX.Element;
|
|
1137
1145
|
|
|
1138
1146
|
export declare function RichContent({ content, className }: RichContentProps): JSX.Element;
|
|
1139
1147
|
|
|
@@ -1142,7 +1150,7 @@ export declare type RichContentProps = {
|
|
|
1142
1150
|
className?: string;
|
|
1143
1151
|
};
|
|
1144
1152
|
|
|
1145
|
-
export declare function SearchIcon(props: IconProps): JSX.Element;
|
|
1153
|
+
export declare function SearchIcon({ pathProps, ...props }: IconProps): JSX.Element;
|
|
1146
1154
|
|
|
1147
1155
|
export declare function SearchInput({ value, defaultValue, placeholder, onChange, onKeyDown, onClear, disabled, className, }: SearchInputProps): JSX.Element;
|
|
1148
1156
|
|
|
@@ -1192,6 +1200,8 @@ export declare type ShowToastOptions = {
|
|
|
1192
1200
|
refresh?: boolean;
|
|
1193
1201
|
};
|
|
1194
1202
|
|
|
1203
|
+
export declare function SignOutIcon({ pathProps, ...props }: IconProps): JSX.Element;
|
|
1204
|
+
|
|
1195
1205
|
export declare function Skeleton({ className }: SkeletonProps): JSX.Element;
|
|
1196
1206
|
|
|
1197
1207
|
declare type SkeletonProps = {
|
|
@@ -1281,9 +1291,9 @@ declare type StopPropagationProps = {
|
|
|
1281
1291
|
|
|
1282
1292
|
export declare function stringHash(input: string): number;
|
|
1283
1293
|
|
|
1284
|
-
export declare function SummaryIcon(props: IconProps): JSX.Element;
|
|
1294
|
+
export declare function SummaryIcon({ pathProps, ...props }: IconProps): JSX.Element;
|
|
1285
1295
|
|
|
1286
|
-
export declare function SystemIcon(props: IconProps): JSX.Element;
|
|
1296
|
+
export declare function SystemIcon({ pathProps, ...props }: IconProps): JSX.Element;
|
|
1287
1297
|
|
|
1288
1298
|
export declare function TeamsIcon(props: IconProps): JSX.Element;
|
|
1289
1299
|
|
|
@@ -1410,7 +1420,7 @@ declare type UndoToastTemplateProps = {
|
|
|
1410
1420
|
onClose: (close: () => void) => void;
|
|
1411
1421
|
};
|
|
1412
1422
|
|
|
1413
|
-
export declare function UnreadIcon(props: IconProps): JSX.Element;
|
|
1423
|
+
export declare function UnreadIcon({ pathProps, ...props }: IconProps): JSX.Element;
|
|
1414
1424
|
|
|
1415
1425
|
export declare function useAccordion(): AccordionContextValue;
|
|
1416
1426
|
|