qt-ui-kit 1.0.116 → 1.0.118

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 (8) hide show
  1. package/dist/index.d.mts +53 -45
  2. package/dist/index.d.ts +53 -45
  3. package/dist/index.js +413 -146
  4. package/dist/index.js.map +1 -1
  5. package/dist/index.mjs +439 -173
  6. package/dist/index.mjs.map +1 -1
  7. package/dist/style.css +24 -3
  8. package/package.json +1 -1
package/dist/index.d.mts CHANGED
@@ -205,24 +205,24 @@ type BulkAction = {
205
205
  onClick?: () => void;
206
206
  disabled?: boolean;
207
207
  };
208
- type Props$J = {
208
+ type BulkActionsProps = {
209
209
  totalMessages?: number;
210
210
  selectedCount?: number;
211
211
  onSelectAll?: (selected: boolean) => void;
212
212
  actions?: BulkAction[];
213
213
  };
214
- declare function BulkActions({ totalMessages, selectedCount: selectedCountProp, onSelectAll, actions, }: Props$J): react_jsx_runtime.JSX.Element;
214
+ declare function BulkActions({ totalMessages, selectedCount: selectedCountProp, onSelectAll, actions, }: BulkActionsProps): react_jsx_runtime.JSX.Element;
215
215
 
216
- type IconSize$F = 16 | 20 | 24 | 36;
216
+ type IconSize$G = 16 | 20 | 24 | 36;
217
217
 
218
- type Props$I = {
219
- size?: IconSize$F;
218
+ type Props$J = {
219
+ size?: IconSize$G;
220
220
  className?: string;
221
221
  service?: IntegrationService;
222
222
  };
223
- declare function BrandIcon({ size, className, service }: Props$I): react_jsx_runtime.JSX.Element;
223
+ declare function BrandIcon({ size, className, service }: Props$J): react_jsx_runtime.JSX.Element;
224
224
 
225
- type Props$H = {
225
+ type Props$I = {
226
226
  isOpen: boolean;
227
227
  onClose: () => void;
228
228
  children: ReactNode;
@@ -230,10 +230,10 @@ type Props$H = {
230
230
  disableBackdropClick?: boolean;
231
231
  disableEscapeKey?: boolean;
232
232
  };
233
- declare function Modal({ isOpen, onClose, children, className, disableBackdropClick, disableEscapeKey, }: Props$H): React$1.ReactPortal | null;
233
+ declare function Modal({ isOpen, onClose, children, className, disableBackdropClick, disableEscapeKey, }: Props$I): React$1.ReactPortal | null;
234
234
 
235
235
  type ConfirmationVariant = "danger" | "primary" | "warning";
236
- type Props$G = {
236
+ type Props$H = {
237
237
  isOpen: boolean;
238
238
  onClose: () => void;
239
239
  onConfirm: () => void;
@@ -244,7 +244,7 @@ type Props$G = {
244
244
  variant?: ConfirmationVariant;
245
245
  children?: ReactNode;
246
246
  };
247
- declare function ConfirmationModal({ isOpen, onClose, onConfirm, title, message, confirmLabel, cancelLabel, variant, children, }: Props$G): react_jsx_runtime.JSX.Element;
247
+ declare function ConfirmationModal({ isOpen, onClose, onConfirm, title, message, confirmLabel, cancelLabel, variant, children, }: Props$H): react_jsx_runtime.JSX.Element;
248
248
 
249
249
  interface AccountInfoFieldProps {
250
250
  label: string;
@@ -366,13 +366,21 @@ type Event = {
366
366
 
367
367
  declare const fakeMessages: ChatData[];
368
368
 
369
+ type IconSize$F = 16 | 20 | 24 | 36;
370
+ type Props$G = {
371
+ size?: IconSize$F;
372
+ color?: string;
373
+ fillColor?: string;
374
+ };
375
+ declare function AlertIcon({ size, color, fillColor, }: Props$G): react_jsx_runtime.JSX.Element;
376
+
369
377
  type IconSize$E = 16 | 20 | 24 | 36;
370
378
  type Props$F = {
371
379
  size?: IconSize$E;
372
380
  color?: string;
373
381
  fillColor?: string;
374
382
  };
375
- declare function AlertIcon({ size, color, fillColor, }: Props$F): react_jsx_runtime.JSX.Element;
383
+ declare function ArrowLeft({ size, color, fillColor, }: Props$F): react_jsx_runtime.JSX.Element;
376
384
 
377
385
  type IconSize$D = 16 | 20 | 24 | 36;
378
386
  type Props$E = {
@@ -380,7 +388,7 @@ type Props$E = {
380
388
  color?: string;
381
389
  fillColor?: string;
382
390
  };
383
- declare function ArrowLeft({ size, color, fillColor, }: Props$E): react_jsx_runtime.JSX.Element;
391
+ declare function ArrowRight({ size, color, fillColor, }: Props$E): react_jsx_runtime.JSX.Element;
384
392
 
385
393
  type IconSize$C = 16 | 20 | 24 | 36;
386
394
  type Props$D = {
@@ -388,7 +396,7 @@ type Props$D = {
388
396
  color?: string;
389
397
  fillColor?: string;
390
398
  };
391
- declare function ArrowRight({ size, color, fillColor, }: Props$D): react_jsx_runtime.JSX.Element;
399
+ declare function BullHorn({ size, color, fillColor, }: Props$D): react_jsx_runtime.JSX.Element;
392
400
 
393
401
  type IconSize$B = 16 | 20 | 24 | 36;
394
402
  type Props$C = {
@@ -396,7 +404,7 @@ type Props$C = {
396
404
  color?: string;
397
405
  fillColor?: string;
398
406
  };
399
- declare function BullHorn({ size, color, fillColor, }: Props$C): react_jsx_runtime.JSX.Element;
407
+ declare function Calc({ size, color, fillColor, }: Props$C): react_jsx_runtime.JSX.Element;
400
408
 
401
409
  type IconSize$A = 16 | 20 | 24 | 36;
402
410
  type Props$B = {
@@ -404,7 +412,7 @@ type Props$B = {
404
412
  color?: string;
405
413
  fillColor?: string;
406
414
  };
407
- declare function Calc({ size, color, fillColor, }: Props$B): react_jsx_runtime.JSX.Element;
415
+ declare function ChatNew({ size, color, fillColor, }: Props$B): react_jsx_runtime.JSX.Element;
408
416
 
409
417
  type IconSize$z = 16 | 20 | 24 | 36;
410
418
  type Props$A = {
@@ -412,7 +420,7 @@ type Props$A = {
412
420
  color?: string;
413
421
  fillColor?: string;
414
422
  };
415
- declare function ChatNew({ size, color, fillColor, }: Props$A): react_jsx_runtime.JSX.Element;
423
+ declare function Check({ size, color, fillColor, }: Props$A): react_jsx_runtime.JSX.Element;
416
424
 
417
425
  type IconSize$y = 16 | 20 | 24 | 36;
418
426
  type Props$z = {
@@ -420,7 +428,7 @@ type Props$z = {
420
428
  color?: string;
421
429
  fillColor?: string;
422
430
  };
423
- declare function Check({ size, color, fillColor, }: Props$z): react_jsx_runtime.JSX.Element;
431
+ declare function CheckBox({ size, color, fillColor }: Props$z): react_jsx_runtime.JSX.Element;
424
432
 
425
433
  type IconSize$x = 16 | 20 | 24 | 36;
426
434
  type Props$y = {
@@ -428,7 +436,7 @@ type Props$y = {
428
436
  color?: string;
429
437
  fillColor?: string;
430
438
  };
431
- declare function CheckBox({ size, color, fillColor }: Props$y): react_jsx_runtime.JSX.Element;
439
+ declare function ChevronDown({ size, color, fillColor, }: Props$y): react_jsx_runtime.JSX.Element;
432
440
 
433
441
  type IconSize$w = 16 | 20 | 24 | 36;
434
442
  type Props$x = {
@@ -436,7 +444,7 @@ type Props$x = {
436
444
  color?: string;
437
445
  fillColor?: string;
438
446
  };
439
- declare function ChevronDown({ size, color, fillColor, }: Props$x): react_jsx_runtime.JSX.Element;
447
+ declare function ChevronLeft({ size, color, fillColor, }: Props$x): react_jsx_runtime.JSX.Element;
440
448
 
441
449
  type IconSize$v = 16 | 20 | 24 | 36;
442
450
  type Props$w = {
@@ -444,7 +452,7 @@ type Props$w = {
444
452
  color?: string;
445
453
  fillColor?: string;
446
454
  };
447
- declare function ChevronLeft({ size, color, fillColor, }: Props$w): react_jsx_runtime.JSX.Element;
455
+ declare function ChevronRight({ size, color, fillColor, }: Props$w): react_jsx_runtime.JSX.Element;
448
456
 
449
457
  type IconSize$u = 16 | 20 | 24 | 36;
450
458
  type Props$v = {
@@ -452,7 +460,7 @@ type Props$v = {
452
460
  color?: string;
453
461
  fillColor?: string;
454
462
  };
455
- declare function ChevronRight({ size, color, fillColor, }: Props$v): react_jsx_runtime.JSX.Element;
463
+ declare function ChevronUp({ size, color, fillColor, }: Props$v): react_jsx_runtime.JSX.Element;
456
464
 
457
465
  type IconSize$t = 16 | 20 | 24 | 36;
458
466
  type Props$u = {
@@ -460,7 +468,7 @@ type Props$u = {
460
468
  color?: string;
461
469
  fillColor?: string;
462
470
  };
463
- declare function ChevronUp({ size, color, fillColor, }: Props$u): react_jsx_runtime.JSX.Element;
471
+ declare function CircleCheck({ size, color, fillColor, }: Props$u): react_jsx_runtime.JSX.Element;
464
472
 
465
473
  type IconSize$s = 16 | 20 | 24 | 36;
466
474
  type Props$t = {
@@ -468,7 +476,7 @@ type Props$t = {
468
476
  color?: string;
469
477
  fillColor?: string;
470
478
  };
471
- declare function CircleCheck({ size, color, fillColor, }: Props$t): react_jsx_runtime.JSX.Element;
479
+ declare function CircleX({ size, color, fillColor, }: Props$t): react_jsx_runtime.JSX.Element;
472
480
 
473
481
  type IconSize$r = 16 | 20 | 24 | 36;
474
482
  type Props$s = {
@@ -476,7 +484,7 @@ type Props$s = {
476
484
  color?: string;
477
485
  fillColor?: string;
478
486
  };
479
- declare function CircleX({ size, color, fillColor, }: Props$s): react_jsx_runtime.JSX.Element;
487
+ declare function Clipboard({ size, color, fillColor, }: Props$s): react_jsx_runtime.JSX.Element;
480
488
 
481
489
  type IconSize$q = 16 | 20 | 24 | 36;
482
490
  type Props$r = {
@@ -484,22 +492,22 @@ type Props$r = {
484
492
  color?: string;
485
493
  fillColor?: string;
486
494
  };
487
- declare function Clipboard({ size, color, fillColor, }: Props$r): react_jsx_runtime.JSX.Element;
495
+ declare function ClipboardCheck({ size, color, fillColor, }: Props$r): react_jsx_runtime.JSX.Element;
488
496
 
489
497
  type IconSize$p = 16 | 20 | 24 | 36;
490
498
  type Props$q = {
491
499
  size?: IconSize$p;
492
500
  color?: string;
493
- fillColor?: string;
494
501
  };
495
- declare function ClipboardCheck({ size, color, fillColor, }: Props$q): react_jsx_runtime.JSX.Element;
502
+ declare function Close({ size, color }: Props$q): react_jsx_runtime.JSX.Element;
496
503
 
497
504
  type IconSize$o = 16 | 20 | 24 | 36;
498
505
  type Props$p = {
499
506
  size?: IconSize$o;
500
507
  color?: string;
508
+ fillColor?: string;
501
509
  };
502
- declare function Close({ size, color }: Props$p): react_jsx_runtime.JSX.Element;
510
+ declare function CrossDiag({ size, color, fillColor, }: Props$p): react_jsx_runtime.JSX.Element;
503
511
 
504
512
  type IconSize$n = 16 | 20 | 24 | 36;
505
513
  type Props$o = {
@@ -507,7 +515,7 @@ type Props$o = {
507
515
  color?: string;
508
516
  fillColor?: string;
509
517
  };
510
- declare function CrossDiag({ size, color, fillColor, }: Props$o): react_jsx_runtime.JSX.Element;
518
+ declare function Dash({ size, color, fillColor, }: Props$o): react_jsx_runtime.JSX.Element;
511
519
 
512
520
  type IconSize$m = 16 | 20 | 24 | 36;
513
521
  type Props$n = {
@@ -515,7 +523,7 @@ type Props$n = {
515
523
  color?: string;
516
524
  fillColor?: string;
517
525
  };
518
- declare function Dash({ size, color, fillColor, }: Props$n): react_jsx_runtime.JSX.Element;
526
+ declare function Done({ size, color, fillColor, }: Props$n): react_jsx_runtime.JSX.Element;
519
527
 
520
528
  type IconSize$l = 16 | 20 | 24 | 36;
521
529
  type Props$m = {
@@ -523,7 +531,7 @@ type Props$m = {
523
531
  color?: string;
524
532
  fillColor?: string;
525
533
  };
526
- declare function Done({ size, color, fillColor, }: Props$m): react_jsx_runtime.JSX.Element;
534
+ declare function Download({ size, color, fillColor, }: Props$m): react_jsx_runtime.JSX.Element;
527
535
 
528
536
  type IconSize$k = 16 | 20 | 24 | 36;
529
537
  type Props$l = {
@@ -531,7 +539,7 @@ type Props$l = {
531
539
  color?: string;
532
540
  fillColor?: string;
533
541
  };
534
- declare function Download({ size, color, fillColor, }: Props$l): react_jsx_runtime.JSX.Element;
542
+ declare function ElipsesHori({ size, color, fillColor, }: Props$l): react_jsx_runtime.JSX.Element;
535
543
 
536
544
  type IconSize$j = 16 | 20 | 24 | 36;
537
545
  type Props$k = {
@@ -539,7 +547,7 @@ type Props$k = {
539
547
  color?: string;
540
548
  fillColor?: string;
541
549
  };
542
- declare function ElipsesHori({ size, color, fillColor, }: Props$k): react_jsx_runtime.JSX.Element;
550
+ declare function ElipsesVert({ size, color, fillColor, }: Props$k): react_jsx_runtime.JSX.Element;
543
551
 
544
552
  type IconSize$i = 16 | 20 | 24 | 36;
545
553
  type Props$j = {
@@ -547,7 +555,7 @@ type Props$j = {
547
555
  color?: string;
548
556
  fillColor?: string;
549
557
  };
550
- declare function ElipsesVert({ size, color, fillColor, }: Props$j): react_jsx_runtime.JSX.Element;
558
+ declare function Expand({ size, color, fillColor, }: Props$j): react_jsx_runtime.JSX.Element;
551
559
 
552
560
  type IconSize$h = 16 | 20 | 24 | 36;
553
561
  type Props$i = {
@@ -555,7 +563,7 @@ type Props$i = {
555
563
  color?: string;
556
564
  fillColor?: string;
557
565
  };
558
- declare function Expand({ size, color, fillColor, }: Props$i): react_jsx_runtime.JSX.Element;
566
+ declare function ExternalLink({ size, color, fillColor, }: Props$i): react_jsx_runtime.JSX.Element;
559
567
 
560
568
  type IconSize$g = 16 | 20 | 24 | 36;
561
569
  type Props$h = {
@@ -563,7 +571,7 @@ type Props$h = {
563
571
  color?: string;
564
572
  fillColor?: string;
565
573
  };
566
- declare function ExternalLink({ size, color, fillColor, }: Props$h): react_jsx_runtime.JSX.Element;
574
+ declare function Gear({ size, color, fillColor, }: Props$h): react_jsx_runtime.JSX.Element;
567
575
 
568
576
  type IconSize$f = 16 | 20 | 24 | 36;
569
577
  type Props$g = {
@@ -571,7 +579,7 @@ type Props$g = {
571
579
  color?: string;
572
580
  fillColor?: string;
573
581
  };
574
- declare function Gear({ size, color, fillColor, }: Props$g): react_jsx_runtime.JSX.Element;
582
+ declare function Hash({ size, color, fillColor, }: Props$g): react_jsx_runtime.JSX.Element;
575
583
 
576
584
  type IconSize$e = 16 | 20 | 24 | 36;
577
585
  type Props$f = {
@@ -579,7 +587,7 @@ type Props$f = {
579
587
  color?: string;
580
588
  fillColor?: string;
581
589
  };
582
- declare function Hash({ size, color, fillColor, }: Props$f): react_jsx_runtime.JSX.Element;
590
+ declare function InsightsIcon({ size, color, fillColor, }: Props$f): react_jsx_runtime.JSX.Element;
583
591
 
584
592
  type IconSize$d = 16 | 20 | 24 | 36;
585
593
  type Props$e = {
@@ -587,7 +595,7 @@ type Props$e = {
587
595
  color?: string;
588
596
  fillColor?: string;
589
597
  };
590
- declare function InsightsIcon({ size, color, fillColor, }: Props$e): react_jsx_runtime.JSX.Element;
598
+ declare function Loading({ size, color, fillColor, }: Props$e): react_jsx_runtime.JSX.Element;
591
599
 
592
600
  type IconSize$c = 16 | 20 | 24 | 36;
593
601
  type Props$d = {
@@ -595,7 +603,7 @@ type Props$d = {
595
603
  color?: string;
596
604
  fillColor?: string;
597
605
  };
598
- declare function Loading({ size, color, fillColor, }: Props$d): react_jsx_runtime.JSX.Element;
606
+ declare function Login({ size, color, fillColor, }: Props$d): react_jsx_runtime.JSX.Element;
599
607
 
600
608
  type IconSize$b = 16 | 20 | 24 | 36;
601
609
  type Props$c = {
@@ -603,7 +611,7 @@ type Props$c = {
603
611
  color?: string;
604
612
  fillColor?: string;
605
613
  };
606
- declare function Login({ size, color, fillColor, }: Props$c): react_jsx_runtime.JSX.Element;
614
+ declare function Logout({ size, color, fillColor, }: Props$c): react_jsx_runtime.JSX.Element;
607
615
 
608
616
  type IconSize$a = 16 | 20 | 24 | 36;
609
617
  type Props$b = {
@@ -611,7 +619,7 @@ type Props$b = {
611
619
  color?: string;
612
620
  fillColor?: string;
613
621
  };
614
- declare function Logout({ size, color, fillColor, }: Props$b): react_jsx_runtime.JSX.Element;
622
+ declare function Mail({ size, color, fillColor, }: Props$b): react_jsx_runtime.JSX.Element;
615
623
 
616
624
  type IconSize$9 = 16 | 20 | 24 | 36;
617
625
  type Props$a = {
@@ -619,7 +627,7 @@ type Props$a = {
619
627
  color?: string;
620
628
  fillColor?: string;
621
629
  };
622
- declare function Mail({ size, color, fillColor, }: Props$a): react_jsx_runtime.JSX.Element;
630
+ declare function NotDone({ size, color, fillColor, }: Props$a): react_jsx_runtime.JSX.Element;
623
631
 
624
632
  type IconSize$8 = 16 | 20 | 24 | 36;
625
633
  type Props$9 = {
@@ -627,7 +635,7 @@ type Props$9 = {
627
635
  color?: string;
628
636
  fillColor?: string;
629
637
  };
630
- declare function NotDone({ size, color, fillColor, }: Props$9): react_jsx_runtime.JSX.Element;
638
+ declare function OpenMail({ size, color, fillColor, }: Props$9): react_jsx_runtime.JSX.Element;
631
639
 
632
640
  type IconSize$7 = 16 | 20 | 24 | 36;
633
641
  type Props$8 = {
@@ -700,4 +708,4 @@ type Props = {
700
708
  };
701
709
  declare function CategoryIcon({ size, icon, variant }: Props): react_jsx_runtime.JSX.Element;
702
710
 
703
- export { AccountInfoField, AccountInfoSection, AccountIntegrationCard, AccountIntegrationCardItem, AlertIcon, ArrowLeft, ArrowRight, type Attachment, BaseIconName, BrandIcon, type BulkAction, BulkActions, BullHorn, Calc, type CalendarData, CategoryIcon, ChatBody, type ChatData, ChatNew, Check, CheckBox, ChevronDown, ChevronLeft, ChevronRight, ChevronUp, CircleCheck, CircleX, Clipboard, ClipboardCheck, Close, ColorVariants, ConfirmationModal, type ConfirmationVariant, CrossDiag, Dash, Done, Download, ElipsesHori, ElipsesVert, EmailBody, type EmailData, type Event, EventCard, type EventData, type EventGroup, EventState, type EventSummaryParts, EventType, Expand, ExternalLink, type ExternalPerson, FilterBar, type FilterButtonKey, FilterCategory, Gear, Hash, type IconSize$F as IconSize, InsightsIcon, IntegrationService, Loading, Login, Logout, Mail, type MessageData, Modal, MoreFilter, NavBar, NotDone, PlusLarge, PlusSmall, PreviewCard, Queue, Search, SearchBar, type SearchResult, Settings, ThumbDown, ThumbUp, TicketBody, type TicketComment, type TicketData, UrgencyLevel, Zap, fakeMessages };
711
+ export { AccountInfoField, AccountInfoSection, AccountIntegrationCard, AccountIntegrationCardItem, AlertIcon, ArrowLeft, ArrowRight, type Attachment, BaseIconName, BrandIcon, type BulkAction, BulkActions, BullHorn, Calc, type CalendarData, CategoryIcon, ChatBody, type ChatData, ChatNew, Check, CheckBox, ChevronDown, ChevronLeft, ChevronRight, ChevronUp, CircleCheck, CircleX, Clipboard, ClipboardCheck, Close, ColorVariants, ConfirmationModal, type ConfirmationVariant, CrossDiag, Dash, Done, Download, ElipsesHori, ElipsesVert, EmailBody, type EmailData, type Event, EventCard, type EventData, type EventGroup, EventState, type EventSummaryParts, EventType, Expand, ExternalLink, type ExternalPerson, FilterBar, type FilterButtonKey, FilterCategory, Gear, Hash, type IconSize$G as IconSize, InsightsIcon, IntegrationService, Loading, Login, Logout, Mail, type MessageData, Modal, MoreFilter, NavBar, NotDone, OpenMail, PlusLarge, PlusSmall, PreviewCard, Queue, Search, SearchBar, type SearchResult, Settings, ThumbDown, ThumbUp, TicketBody, type TicketComment, type TicketData, UrgencyLevel, Zap, fakeMessages };