@transferwise/components 46.111.0 → 46.112.0
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/build/avatarLayout/AvatarLayout.js.map +1 -1
- package/build/avatarLayout/AvatarLayout.mjs.map +1 -1
- package/build/avatarView/AvatarView.js +27 -29
- package/build/avatarView/AvatarView.js.map +1 -1
- package/build/avatarView/AvatarView.mjs +27 -29
- package/build/avatarView/AvatarView.mjs.map +1 -1
- package/build/avatarView/{NotificationDot.js → Dot.js} +14 -12
- package/build/avatarView/Dot.js.map +1 -0
- package/build/avatarView/{NotificationDot.mjs → Dot.mjs} +14 -12
- package/build/avatarView/Dot.mjs.map +1 -0
- package/build/badge/BadgeAssets.js.map +1 -1
- package/build/badge/BadgeAssets.mjs.map +1 -1
- package/build/common/panel/Panel.js +1 -0
- package/build/common/panel/Panel.js.map +1 -1
- package/build/common/panel/Panel.mjs +1 -0
- package/build/common/panel/Panel.mjs.map +1 -1
- package/build/common/responsivePanel/ResponsivePanel.js +6 -1
- package/build/common/responsivePanel/ResponsivePanel.js.map +1 -1
- package/build/common/responsivePanel/ResponsivePanel.mjs +6 -1
- package/build/common/responsivePanel/ResponsivePanel.mjs.map +1 -1
- package/build/dateInput/DateInput.js +46 -24
- package/build/dateInput/DateInput.js.map +1 -1
- package/build/dateInput/DateInput.mjs +48 -26
- package/build/dateInput/DateInput.mjs.map +1 -1
- package/build/dateLookup/DateLookup.js +5 -2
- package/build/dateLookup/DateLookup.js.map +1 -1
- package/build/dateLookup/DateLookup.mjs +5 -2
- package/build/dateLookup/DateLookup.mjs.map +1 -1
- package/build/dateLookup/dateTrigger/DateTrigger.js +2 -0
- package/build/dateLookup/dateTrigger/DateTrigger.js.map +1 -1
- package/build/dateLookup/dateTrigger/DateTrigger.mjs +2 -0
- package/build/dateLookup/dateTrigger/DateTrigger.mjs.map +1 -1
- package/build/field/Field.js +7 -2
- package/build/field/Field.js.map +1 -1
- package/build/field/Field.mjs +13 -8
- package/build/field/Field.mjs.map +1 -1
- package/build/inputs/InputGroup.js +1 -1
- package/build/inputs/InputGroup.js.map +1 -1
- package/build/inputs/InputGroup.mjs +2 -2
- package/build/inputs/InputGroup.mjs.map +1 -1
- package/build/inputs/SelectInput.js +54 -5
- package/build/inputs/SelectInput.js.map +1 -1
- package/build/inputs/SelectInput.mjs +54 -5
- package/build/inputs/SelectInput.mjs.map +1 -1
- package/build/inputs/contexts.js +8 -4
- package/build/inputs/contexts.js.map +1 -1
- package/build/inputs/contexts.mjs +7 -4
- package/build/inputs/contexts.mjs.map +1 -1
- package/build/label/Label.js +14 -8
- package/build/label/Label.js.map +1 -1
- package/build/label/Label.mjs +14 -8
- package/build/label/Label.mjs.map +1 -1
- package/build/listItem/Prompt/ListItemPrompt.js +1 -1
- package/build/listItem/Prompt/ListItemPrompt.js.map +1 -1
- package/build/listItem/Prompt/ListItemPrompt.mjs +1 -1
- package/build/listItem/Prompt/ListItemPrompt.mjs.map +1 -1
- package/build/main.css +180 -164
- package/build/moneyInput/MoneyInput.js +6 -5
- package/build/moneyInput/MoneyInput.js.map +1 -1
- package/build/moneyInput/MoneyInput.mjs +6 -5
- package/build/moneyInput/MoneyInput.mjs.map +1 -1
- package/build/phoneNumberInput/PhoneNumberInput.js +25 -3
- package/build/phoneNumberInput/PhoneNumberInput.js.map +1 -1
- package/build/phoneNumberInput/PhoneNumberInput.mjs +27 -5
- package/build/phoneNumberInput/PhoneNumberInput.mjs.map +1 -1
- package/build/{listItem/Prompt → prompt}/InlinePrompt/InlinePrompt.js +23 -23
- package/build/prompt/InlinePrompt/InlinePrompt.js.map +1 -0
- package/build/{listItem/Prompt → prompt}/InlinePrompt/InlinePrompt.mjs +23 -23
- package/build/prompt/InlinePrompt/InlinePrompt.mjs.map +1 -0
- package/build/styles/avatarView/AvatarView.css +17 -11
- package/build/styles/avatarView/Dot.css +26 -0
- package/build/styles/inputs/Input.css +5 -0
- package/build/styles/inputs/TextArea.css +5 -0
- package/build/styles/listItem/ListItem.css +5 -153
- package/build/styles/listItem/Prompt/ListItemPrompt.css +0 -153
- package/build/styles/main.css +180 -164
- package/build/types/avatarLayout/AvatarLayout.d.ts +1 -1
- package/build/types/avatarLayout/AvatarLayout.d.ts.map +1 -1
- package/build/types/avatarView/AvatarView.d.ts +1 -2
- package/build/types/avatarView/AvatarView.d.ts.map +1 -1
- package/build/types/avatarView/Dot.d.ts +8 -0
- package/build/types/avatarView/Dot.d.ts.map +1 -0
- package/build/types/badge/BadgeAssets.d.ts +1 -1
- package/build/types/badge/BadgeAssets.d.ts.map +1 -1
- package/build/types/common/panel/Panel.d.ts +2 -0
- package/build/types/common/panel/Panel.d.ts.map +1 -1
- package/build/types/common/responsivePanel/ResponsivePanel.d.ts +1 -0
- package/build/types/common/responsivePanel/ResponsivePanel.d.ts.map +1 -1
- package/build/types/dateInput/DateInput.d.ts +2 -2
- package/build/types/dateInput/DateInput.d.ts.map +1 -1
- package/build/types/dateLookup/DateLookup.d.ts.map +1 -1
- package/build/types/dateLookup/dateTrigger/DateTrigger.d.ts +1 -0
- package/build/types/dateLookup/dateTrigger/DateTrigger.d.ts.map +1 -1
- package/build/types/field/Field.d.ts.map +1 -1
- package/build/types/inputs/InputGroup.d.ts.map +1 -1
- package/build/types/inputs/SelectInput.d.ts +27 -1
- package/build/types/inputs/SelectInput.d.ts.map +1 -1
- package/build/types/inputs/contexts.d.ts +6 -1
- package/build/types/inputs/contexts.d.ts.map +1 -1
- package/build/types/label/Label.d.ts +5 -15
- package/build/types/label/Label.d.ts.map +1 -1
- package/build/types/listItem/Prompt/ListItemPrompt.d.ts +1 -1
- package/build/types/listItem/Prompt/ListItemPrompt.d.ts.map +1 -1
- package/build/types/moneyInput/MoneyInput.d.ts.map +1 -1
- package/build/types/phoneNumberInput/PhoneNumberInput.d.ts.map +1 -1
- package/build/types/{listItem/Prompt → prompt}/InlinePrompt/InlinePrompt.d.ts +1 -1
- package/build/types/prompt/InlinePrompt/InlinePrompt.d.ts.map +1 -0
- package/build/types/prompt/InlinePrompt/index.d.ts.map +1 -0
- package/build/types/prompt/index.d.ts +3 -0
- package/build/types/prompt/index.d.ts.map +1 -0
- package/package.json +1 -1
- package/src/DisabledComponents.story.tsx +156 -0
- package/src/avatarLayout/AvatarLayout.tsx +1 -1
- package/src/avatarView/AvatarView.css +17 -11
- package/src/avatarView/AvatarView.less +1 -1
- package/src/avatarView/AvatarView.story.tsx +92 -36
- package/src/avatarView/AvatarView.tsx +35 -30
- package/src/avatarView/Dot.css +26 -0
- package/src/avatarView/Dot.less +31 -0
- package/src/avatarView/Dot.tsx +42 -0
- package/src/badge/BadgeAssets.tsx +1 -1
- package/src/common/panel/Panel.tsx +2 -0
- package/src/common/responsivePanel/ResponsivePanel.tsx +7 -1
- package/src/dateInput/DateInput.spec.tsx +45 -7
- package/src/dateInput/DateInput.story.tsx +2 -0
- package/src/dateInput/DateInput.tsx +65 -30
- package/src/dateLookup/DateLookup.spec.tsx +16 -0
- package/src/dateLookup/DateLookup.tsx +6 -3
- package/src/dateLookup/dateTrigger/DateTrigger.tsx +3 -0
- package/src/field/Field.tsx +6 -5
- package/src/inputs/Input.css +5 -0
- package/src/inputs/InputGroup.tsx +3 -4
- package/src/inputs/SelectInput.story.tsx +101 -0
- package/src/inputs/SelectInput.tsx +113 -5
- package/src/inputs/TextArea.css +5 -0
- package/src/inputs/_common.less +5 -0
- package/src/inputs/contexts.tsx +12 -3
- package/src/label/Label.tsx +26 -20
- package/src/listItem/AvatarView/ListItemAvatarView.story.tsx +89 -25
- package/src/listItem/ListItem.css +5 -153
- package/src/listItem/ListItem.less +5 -0
- package/src/listItem/Prompt/ListItemPrompt.css +0 -153
- package/src/listItem/Prompt/ListItemPrompt.less +0 -2
- package/src/listItem/Prompt/ListItemPrompt.tsx +1 -1
- package/src/main.css +180 -164
- package/src/main.less +1 -0
- package/src/moneyInput/MoneyInput.spec.tsx +16 -1
- package/src/moneyInput/MoneyInput.tsx +7 -6
- package/src/phoneNumberInput/PhoneNumberInput.spec.tsx +32 -0
- package/src/phoneNumberInput/PhoneNumberInput.tsx +32 -11
- package/src/{listItem/Prompt → prompt}/InlinePrompt/InlinePrompt.spec.tsx +2 -2
- package/src/{listItem/Prompt → prompt}/InlinePrompt/InlinePrompt.tsx +4 -4
- package/src/prompt/index.ts +6 -0
- package/build/avatarView/NotificationDot.js.map +0 -1
- package/build/avatarView/NotificationDot.mjs.map +0 -1
- package/build/listItem/Prompt/InlinePrompt/InlinePrompt.js.map +0 -1
- package/build/listItem/Prompt/InlinePrompt/InlinePrompt.mjs.map +0 -1
- package/build/styles/avatarView/NotificationDot.css +0 -20
- package/build/types/avatarView/NotificationDot.d.ts +0 -8
- package/build/types/avatarView/NotificationDot.d.ts.map +0 -1
- package/build/types/listItem/Prompt/InlinePrompt/InlinePrompt.d.ts.map +0 -1
- package/build/types/listItem/Prompt/InlinePrompt/index.d.ts.map +0 -1
- package/src/avatarView/NotificationDot.css +0 -20
- package/src/avatarView/NotificationDot.less +0 -24
- package/src/avatarView/NotificationDot.tsx +0 -35
- /package/build/styles/{listItem/Prompt → prompt}/InlinePrompt/InlinePrompt.css +0 -0
- /package/build/types/{listItem/Prompt → prompt}/InlinePrompt/index.d.ts +0 -0
- /package/src/{listItem/Prompt → prompt}/InlinePrompt/InlinePrompt.css +0 -0
- /package/src/{listItem/Prompt → prompt}/InlinePrompt/InlinePrompt.less +0 -0
- /package/src/{listItem/Prompt → prompt}/InlinePrompt/index.ts +0 -0
package/build/styles/main.css
CHANGED
|
@@ -433,26 +433,185 @@
|
|
|
433
433
|
.np-theme-personal .tw-avatar--outlined:not(.disabled):not(:disabled):hover {
|
|
434
434
|
border-color: var(--color-interactive-primary-hover);
|
|
435
435
|
}
|
|
436
|
-
.
|
|
437
|
-
|
|
436
|
+
.wds-inline-prompt {
|
|
437
|
+
display: inline-flex;
|
|
438
|
+
text-align: left;
|
|
439
|
+
padding-top: calc(8px / 2);
|
|
440
|
+
padding-top: calc(var(--padding-x-small) / 2);
|
|
441
|
+
padding-bottom: calc(8px / 2);
|
|
442
|
+
padding-bottom: calc(var(--padding-x-small) / 2);
|
|
443
|
+
padding-left: calc(8px - 1px);
|
|
444
|
+
padding-left: calc(var(--padding-x-small) - 1px);
|
|
445
|
+
padding-right: 8px;
|
|
446
|
+
padding-right: var(--padding-x-small);
|
|
447
|
+
border-radius: 10px;
|
|
448
|
+
border-radius: var(--radius-small);
|
|
449
|
+
word-break: break-word;
|
|
450
|
+
word-wrap: break-word;
|
|
451
|
+
}
|
|
452
|
+
.wds-inline-prompt:has(a),
|
|
453
|
+
.wds-inline-prompt:has(button) {
|
|
454
|
+
position: relative;
|
|
455
|
+
z-index: 1;
|
|
456
|
+
}
|
|
457
|
+
.wds-inline-prompt--muted {
|
|
458
|
+
opacity: 0.93;
|
|
459
|
+
filter: grayscale(1);
|
|
460
|
+
}
|
|
461
|
+
.wds-inline-prompt a,
|
|
462
|
+
.wds-inline-prompt button {
|
|
463
|
+
text-underline-offset: calc(4px / 2);
|
|
464
|
+
text-underline-offset: calc(var(--size-4) / 2);
|
|
465
|
+
}
|
|
466
|
+
.wds-inline-prompt a:first-of-type:before,
|
|
467
|
+
.wds-inline-prompt button:first-of-type:before {
|
|
468
|
+
content: '';
|
|
469
|
+
position: absolute;
|
|
470
|
+
inset: 0;
|
|
471
|
+
}
|
|
472
|
+
.wds-inline-prompt__media-wrapper {
|
|
473
|
+
padding-right: calc(12px / 2);
|
|
474
|
+
padding-right: calc(var(--size-12) / 2);
|
|
475
|
+
padding-top: calc(4px - 1px);
|
|
476
|
+
padding-top: calc(var(--size-4) - 1px);
|
|
477
|
+
padding-bottom: calc(4px - 1px);
|
|
478
|
+
padding-bottom: calc(var(--size-4) - 1px);
|
|
479
|
+
}
|
|
480
|
+
.wds-inline-prompt__media-wrapper .tw-icon-tags,
|
|
481
|
+
.wds-inline-prompt__media-wrapper .tw-icon-confetti {
|
|
482
|
+
color: var(--color-sentiment-positive-primary);
|
|
483
|
+
}
|
|
484
|
+
.wds-inline-prompt--negative {
|
|
485
|
+
background-color: var(--color-sentiment-negative-secondary);
|
|
486
|
+
color: var(--color-sentiment-negative-primary);
|
|
487
|
+
}
|
|
488
|
+
.wds-inline-prompt--negative a,
|
|
489
|
+
.wds-inline-prompt--negative button {
|
|
490
|
+
color: var(--color-sentiment-negative-primary);
|
|
491
|
+
}
|
|
492
|
+
.wds-inline-prompt--negative a:hover,
|
|
493
|
+
.wds-inline-prompt--negative button:hover {
|
|
494
|
+
color: var(--color-sentiment-negative-primary-hover);
|
|
495
|
+
}
|
|
496
|
+
.wds-inline-prompt--negative a:active,
|
|
497
|
+
.wds-inline-prompt--negative button:active {
|
|
498
|
+
color: var(--color-sentiment-negative-primary-active);
|
|
499
|
+
}
|
|
500
|
+
.wds-inline-prompt.wds-inline-prompt--negative:has(a, button):hover {
|
|
501
|
+
background-color: var(--color-sentiment-negative-secondary-hover);
|
|
502
|
+
}
|
|
503
|
+
.wds-inline-prompt.wds-inline-prompt--negative:has(a, button):active {
|
|
504
|
+
background-color: var(--color-sentiment-negative-secondary-active);
|
|
505
|
+
}
|
|
506
|
+
.wds-inline-prompt--positive {
|
|
507
|
+
background-color: var(--color-sentiment-positive-secondary);
|
|
508
|
+
color: var(--color-sentiment-positive-primary);
|
|
509
|
+
}
|
|
510
|
+
.wds-inline-prompt--positive a,
|
|
511
|
+
.wds-inline-prompt--positive button {
|
|
512
|
+
color: var(--color-sentiment-positive-primary);
|
|
513
|
+
}
|
|
514
|
+
.wds-inline-prompt--positive a:hover,
|
|
515
|
+
.wds-inline-prompt--positive button:hover {
|
|
516
|
+
color: var(--color-sentiment-positive-primary-hover);
|
|
517
|
+
}
|
|
518
|
+
.wds-inline-prompt--positive a:active,
|
|
519
|
+
.wds-inline-prompt--positive button:active {
|
|
520
|
+
color: var(--color-sentiment-positive-primary-active);
|
|
521
|
+
}
|
|
522
|
+
.wds-inline-prompt.wds-inline-prompt--positive:has(a, button):hover {
|
|
523
|
+
background-color: var(--color-sentiment-positive-secondary-hover);
|
|
524
|
+
}
|
|
525
|
+
.wds-inline-prompt.wds-inline-prompt--positive:has(a, button):active {
|
|
526
|
+
background-color: var(--color-sentiment-positive-secondary-active);
|
|
527
|
+
}
|
|
528
|
+
.wds-inline-prompt--proposition {
|
|
529
|
+
background-color: var(--color-sentiment-positive-secondary);
|
|
530
|
+
color: var(--color-sentiment-positive-primary);
|
|
531
|
+
}
|
|
532
|
+
.wds-inline-prompt--proposition a,
|
|
533
|
+
.wds-inline-prompt--proposition button {
|
|
534
|
+
color: var(--color-sentiment-positive-primary);
|
|
535
|
+
}
|
|
536
|
+
.wds-inline-prompt--proposition a:hover,
|
|
537
|
+
.wds-inline-prompt--proposition button:hover {
|
|
538
|
+
color: var(--color-sentiment-positive-primary-hover);
|
|
539
|
+
}
|
|
540
|
+
.wds-inline-prompt--proposition a:active,
|
|
541
|
+
.wds-inline-prompt--proposition button:active {
|
|
542
|
+
color: var(--color-sentiment-positive-primary-active);
|
|
543
|
+
}
|
|
544
|
+
.wds-inline-prompt.wds-inline-prompt--proposition:has(a, button):hover {
|
|
545
|
+
background-color: var(--color-sentiment-positive-secondary-hover);
|
|
546
|
+
}
|
|
547
|
+
.wds-inline-prompt.wds-inline-prompt--proposition:has(a, button):active {
|
|
548
|
+
background-color: var(--color-sentiment-positive-secondary-active);
|
|
549
|
+
}
|
|
550
|
+
.wds-inline-prompt--neutral {
|
|
551
|
+
background-color: rgba(134,167,189,0.10196);
|
|
552
|
+
background-color: var(--color-background-neutral);
|
|
553
|
+
color: #37517e;
|
|
554
|
+
color: var(--color-content-primary);
|
|
555
|
+
}
|
|
556
|
+
.wds-inline-prompt--neutral a,
|
|
557
|
+
.wds-inline-prompt--neutral button {
|
|
558
|
+
color: #37517e;
|
|
559
|
+
color: var(--color-content-primary);
|
|
560
|
+
}
|
|
561
|
+
.wds-inline-prompt.wds-inline-prompt--neutral:has(a, button):hover {
|
|
562
|
+
background-color: var(--color-background-neutral-hover);
|
|
563
|
+
}
|
|
564
|
+
.wds-inline-prompt.wds-inline-prompt--neutral:has(a, button):active {
|
|
565
|
+
background-color: var(--color-background-neutral-active);
|
|
566
|
+
}
|
|
567
|
+
.wds-inline-prompt--warning {
|
|
568
|
+
background-color: var(--color-sentiment-warning-secondary);
|
|
569
|
+
color: var(--color-sentiment-warning-content);
|
|
570
|
+
}
|
|
571
|
+
.wds-inline-prompt--warning a,
|
|
572
|
+
.wds-inline-prompt--warning button {
|
|
573
|
+
color: var(--color-sentiment-warning-content);
|
|
574
|
+
}
|
|
575
|
+
.wds-inline-prompt--warning a:hover,
|
|
576
|
+
.wds-inline-prompt--warning button:hover {
|
|
577
|
+
color: var(--color-sentiment-warning-content-hover);
|
|
578
|
+
}
|
|
579
|
+
.wds-inline-prompt--warning a:active,
|
|
580
|
+
.wds-inline-prompt--warning button:active {
|
|
581
|
+
color: var(--color-sentiment-warning-content-active);
|
|
582
|
+
}
|
|
583
|
+
.wds-inline-prompt.wds-inline-prompt--warning:has(a, button):hover {
|
|
584
|
+
background-color: color-mix(in srgb, var(--color-sentiment-warning-secondary) 92%, var(--color-sentiment-warning-primary));
|
|
585
|
+
}
|
|
586
|
+
.wds-inline-prompt.wds-inline-prompt--warning:has(a, button):active {
|
|
587
|
+
background-color: color-mix(in srgb, var(--color-sentiment-warning-secondary) 84%, var(--color-sentiment-warning-primary));
|
|
588
|
+
}
|
|
589
|
+
.np-dot {
|
|
590
|
+
--np-dot-size: 14px;
|
|
438
591
|
position: relative;
|
|
439
592
|
display: inline-block;
|
|
440
593
|
}
|
|
441
|
-
.np-
|
|
442
|
-
-webkit-mask-image: radial-gradient(circle at bottom calc(100% - (var(--np-
|
|
443
|
-
mask-image: radial-gradient(circle at bottom calc(100% - (var(--np-
|
|
444
|
-
-webkit-mask-image: radial-gradient(circle at bottom calc(100% - calc(var(--np-
|
|
445
|
-
mask-image: radial-gradient(circle at bottom calc(100% - calc(var(--np-
|
|
594
|
+
.np-dot-mask {
|
|
595
|
+
-webkit-mask-image: radial-gradient(circle at bottom calc(100% - (var(--np-dot-size) / 2)) left calc(100% - (var(--np-dot-size) / 2)), transparent 0, transparent calc(var(--np-dot-size) / 2 + var(--np-dot-offset)), black 0);
|
|
596
|
+
mask-image: radial-gradient(circle at bottom calc(100% - (var(--np-dot-size) / 2)) left calc(100% - (var(--np-dot-size) / 2)), transparent 0, transparent calc(var(--np-dot-size) / 2 + var(--np-dot-offset)), black 0);
|
|
597
|
+
-webkit-mask-image: radial-gradient(circle at bottom calc(100% - calc(var(--np-dot-size) / 2)) left calc(100% - calc(var(--np-dot-size) / 2)), transparent 0, transparent calc(var(--np-dot-size) / 2 + var(--np-dot-offset)), black 0);
|
|
598
|
+
mask-image: radial-gradient(circle at bottom calc(100% - calc(var(--np-dot-size) / 2)) left calc(100% - calc(var(--np-dot-size) / 2)), transparent 0, transparent calc(var(--np-dot-size) / 2 + var(--np-dot-offset)), black 0);
|
|
446
599
|
}
|
|
447
|
-
.np-
|
|
600
|
+
.np-dot-badge {
|
|
448
601
|
position: absolute;
|
|
449
|
-
width: var(--np-
|
|
450
|
-
height: var(--np-
|
|
451
|
-
background-color: var(--color-sentiment-negative);
|
|
602
|
+
width: var(--np-dot-size);
|
|
603
|
+
height: var(--np-dot-size);
|
|
452
604
|
border-radius: 9999px;
|
|
453
605
|
border-radius: var(--radius-full);
|
|
454
606
|
right: 0;
|
|
455
607
|
}
|
|
608
|
+
.np-dot-badge-notification {
|
|
609
|
+
background-color: var(--color-sentiment-negative);
|
|
610
|
+
}
|
|
611
|
+
.np-dot-badge-online {
|
|
612
|
+
background-color: #00a2dd;
|
|
613
|
+
background-color: var(--color-interactive-accent);
|
|
614
|
+
}
|
|
456
615
|
.np-avatar-view .np-avatar-view-content {
|
|
457
616
|
color: #37517e;
|
|
458
617
|
color: var(--color-content-primary);
|
|
@@ -2507,6 +2666,11 @@ html:not([dir="rtl"]) .np-flow-navigation--sm .np-flow-navigation__stepper {
|
|
|
2507
2666
|
transition-duration: 300ms;
|
|
2508
2667
|
/* TODO: Remove these overrides once `.form-control` isn’t used anymore */
|
|
2509
2668
|
}
|
|
2669
|
+
.disabled .np-form-control,
|
|
2670
|
+
:disabled .np-form-control {
|
|
2671
|
+
opacity: 1;
|
|
2672
|
+
opacity: initial;
|
|
2673
|
+
}
|
|
2510
2674
|
.np-form-control:focus-visible {
|
|
2511
2675
|
outline: none;
|
|
2512
2676
|
}
|
|
@@ -3026,159 +3190,6 @@ html:not([dir="rtl"]) .np-flow-navigation--sm .np-flow-navigation__stepper {
|
|
|
3026
3190
|
margin-top: var(--size-4);
|
|
3027
3191
|
}
|
|
3028
3192
|
}
|
|
3029
|
-
.wds-inline-prompt {
|
|
3030
|
-
display: inline-flex;
|
|
3031
|
-
text-align: left;
|
|
3032
|
-
padding-top: calc(8px / 2);
|
|
3033
|
-
padding-top: calc(var(--padding-x-small) / 2);
|
|
3034
|
-
padding-bottom: calc(8px / 2);
|
|
3035
|
-
padding-bottom: calc(var(--padding-x-small) / 2);
|
|
3036
|
-
padding-left: calc(8px - 1px);
|
|
3037
|
-
padding-left: calc(var(--padding-x-small) - 1px);
|
|
3038
|
-
padding-right: 8px;
|
|
3039
|
-
padding-right: var(--padding-x-small);
|
|
3040
|
-
border-radius: 10px;
|
|
3041
|
-
border-radius: var(--radius-small);
|
|
3042
|
-
word-break: break-word;
|
|
3043
|
-
word-wrap: break-word;
|
|
3044
|
-
}
|
|
3045
|
-
.wds-inline-prompt:has(a),
|
|
3046
|
-
.wds-inline-prompt:has(button) {
|
|
3047
|
-
position: relative;
|
|
3048
|
-
z-index: 1;
|
|
3049
|
-
}
|
|
3050
|
-
.wds-inline-prompt--muted {
|
|
3051
|
-
opacity: 0.93;
|
|
3052
|
-
filter: grayscale(1);
|
|
3053
|
-
}
|
|
3054
|
-
.wds-inline-prompt a,
|
|
3055
|
-
.wds-inline-prompt button {
|
|
3056
|
-
text-underline-offset: calc(4px / 2);
|
|
3057
|
-
text-underline-offset: calc(var(--size-4) / 2);
|
|
3058
|
-
}
|
|
3059
|
-
.wds-inline-prompt a:first-of-type:before,
|
|
3060
|
-
.wds-inline-prompt button:first-of-type:before {
|
|
3061
|
-
content: '';
|
|
3062
|
-
position: absolute;
|
|
3063
|
-
inset: 0;
|
|
3064
|
-
}
|
|
3065
|
-
.wds-inline-prompt__media-wrapper {
|
|
3066
|
-
padding-right: calc(12px / 2);
|
|
3067
|
-
padding-right: calc(var(--size-12) / 2);
|
|
3068
|
-
padding-top: calc(4px - 1px);
|
|
3069
|
-
padding-top: calc(var(--size-4) - 1px);
|
|
3070
|
-
padding-bottom: calc(4px - 1px);
|
|
3071
|
-
padding-bottom: calc(var(--size-4) - 1px);
|
|
3072
|
-
}
|
|
3073
|
-
.wds-inline-prompt__media-wrapper .tw-icon-tags,
|
|
3074
|
-
.wds-inline-prompt__media-wrapper .tw-icon-confetti {
|
|
3075
|
-
color: var(--color-sentiment-positive-primary);
|
|
3076
|
-
}
|
|
3077
|
-
.wds-inline-prompt--negative {
|
|
3078
|
-
background-color: var(--color-sentiment-negative-secondary);
|
|
3079
|
-
color: var(--color-sentiment-negative-primary);
|
|
3080
|
-
}
|
|
3081
|
-
.wds-inline-prompt--negative a,
|
|
3082
|
-
.wds-inline-prompt--negative button {
|
|
3083
|
-
color: var(--color-sentiment-negative-primary);
|
|
3084
|
-
}
|
|
3085
|
-
.wds-inline-prompt--negative a:hover,
|
|
3086
|
-
.wds-inline-prompt--negative button:hover {
|
|
3087
|
-
color: var(--color-sentiment-negative-primary-hover);
|
|
3088
|
-
}
|
|
3089
|
-
.wds-inline-prompt--negative a:active,
|
|
3090
|
-
.wds-inline-prompt--negative button:active {
|
|
3091
|
-
color: var(--color-sentiment-negative-primary-active);
|
|
3092
|
-
}
|
|
3093
|
-
.wds-inline-prompt.wds-inline-prompt--negative:has(a, button):hover {
|
|
3094
|
-
background-color: var(--color-sentiment-negative-secondary-hover);
|
|
3095
|
-
}
|
|
3096
|
-
.wds-inline-prompt.wds-inline-prompt--negative:has(a, button):active {
|
|
3097
|
-
background-color: var(--color-sentiment-negative-secondary-active);
|
|
3098
|
-
}
|
|
3099
|
-
.wds-inline-prompt--positive {
|
|
3100
|
-
background-color: var(--color-sentiment-positive-secondary);
|
|
3101
|
-
color: var(--color-sentiment-positive-primary);
|
|
3102
|
-
}
|
|
3103
|
-
.wds-inline-prompt--positive a,
|
|
3104
|
-
.wds-inline-prompt--positive button {
|
|
3105
|
-
color: var(--color-sentiment-positive-primary);
|
|
3106
|
-
}
|
|
3107
|
-
.wds-inline-prompt--positive a:hover,
|
|
3108
|
-
.wds-inline-prompt--positive button:hover {
|
|
3109
|
-
color: var(--color-sentiment-positive-primary-hover);
|
|
3110
|
-
}
|
|
3111
|
-
.wds-inline-prompt--positive a:active,
|
|
3112
|
-
.wds-inline-prompt--positive button:active {
|
|
3113
|
-
color: var(--color-sentiment-positive-primary-active);
|
|
3114
|
-
}
|
|
3115
|
-
.wds-inline-prompt.wds-inline-prompt--positive:has(a, button):hover {
|
|
3116
|
-
background-color: var(--color-sentiment-positive-secondary-hover);
|
|
3117
|
-
}
|
|
3118
|
-
.wds-inline-prompt.wds-inline-prompt--positive:has(a, button):active {
|
|
3119
|
-
background-color: var(--color-sentiment-positive-secondary-active);
|
|
3120
|
-
}
|
|
3121
|
-
.wds-inline-prompt--proposition {
|
|
3122
|
-
background-color: var(--color-sentiment-positive-secondary);
|
|
3123
|
-
color: var(--color-sentiment-positive-primary);
|
|
3124
|
-
}
|
|
3125
|
-
.wds-inline-prompt--proposition a,
|
|
3126
|
-
.wds-inline-prompt--proposition button {
|
|
3127
|
-
color: var(--color-sentiment-positive-primary);
|
|
3128
|
-
}
|
|
3129
|
-
.wds-inline-prompt--proposition a:hover,
|
|
3130
|
-
.wds-inline-prompt--proposition button:hover {
|
|
3131
|
-
color: var(--color-sentiment-positive-primary-hover);
|
|
3132
|
-
}
|
|
3133
|
-
.wds-inline-prompt--proposition a:active,
|
|
3134
|
-
.wds-inline-prompt--proposition button:active {
|
|
3135
|
-
color: var(--color-sentiment-positive-primary-active);
|
|
3136
|
-
}
|
|
3137
|
-
.wds-inline-prompt.wds-inline-prompt--proposition:has(a, button):hover {
|
|
3138
|
-
background-color: var(--color-sentiment-positive-secondary-hover);
|
|
3139
|
-
}
|
|
3140
|
-
.wds-inline-prompt.wds-inline-prompt--proposition:has(a, button):active {
|
|
3141
|
-
background-color: var(--color-sentiment-positive-secondary-active);
|
|
3142
|
-
}
|
|
3143
|
-
.wds-inline-prompt--neutral {
|
|
3144
|
-
background-color: rgba(134,167,189,0.10196);
|
|
3145
|
-
background-color: var(--color-background-neutral);
|
|
3146
|
-
color: #37517e;
|
|
3147
|
-
color: var(--color-content-primary);
|
|
3148
|
-
}
|
|
3149
|
-
.wds-inline-prompt--neutral a,
|
|
3150
|
-
.wds-inline-prompt--neutral button {
|
|
3151
|
-
color: #37517e;
|
|
3152
|
-
color: var(--color-content-primary);
|
|
3153
|
-
}
|
|
3154
|
-
.wds-inline-prompt.wds-inline-prompt--neutral:has(a, button):hover {
|
|
3155
|
-
background-color: var(--color-background-neutral-hover);
|
|
3156
|
-
}
|
|
3157
|
-
.wds-inline-prompt.wds-inline-prompt--neutral:has(a, button):active {
|
|
3158
|
-
background-color: var(--color-background-neutral-active);
|
|
3159
|
-
}
|
|
3160
|
-
.wds-inline-prompt--warning {
|
|
3161
|
-
background-color: var(--color-sentiment-warning-secondary);
|
|
3162
|
-
color: var(--color-sentiment-warning-content);
|
|
3163
|
-
}
|
|
3164
|
-
.wds-inline-prompt--warning a,
|
|
3165
|
-
.wds-inline-prompt--warning button {
|
|
3166
|
-
color: var(--color-sentiment-warning-content);
|
|
3167
|
-
}
|
|
3168
|
-
.wds-inline-prompt--warning a:hover,
|
|
3169
|
-
.wds-inline-prompt--warning button:hover {
|
|
3170
|
-
color: var(--color-sentiment-warning-content-hover);
|
|
3171
|
-
}
|
|
3172
|
-
.wds-inline-prompt--warning a:active,
|
|
3173
|
-
.wds-inline-prompt--warning button:active {
|
|
3174
|
-
color: var(--color-sentiment-warning-content-active);
|
|
3175
|
-
}
|
|
3176
|
-
.wds-inline-prompt.wds-inline-prompt--warning:has(a, button):hover {
|
|
3177
|
-
background-color: color-mix(in srgb, var(--color-sentiment-warning-secondary) 92%, var(--color-sentiment-warning-primary));
|
|
3178
|
-
}
|
|
3179
|
-
.wds-inline-prompt.wds-inline-prompt--warning:has(a, button):active {
|
|
3180
|
-
background-color: color-mix(in srgb, var(--color-sentiment-warning-secondary) 84%, var(--color-sentiment-warning-primary));
|
|
3181
|
-
}
|
|
3182
3193
|
.wds-list-item-prompt {
|
|
3183
3194
|
grid-area: prompt;
|
|
3184
3195
|
justify-self: start;
|
|
@@ -3220,6 +3231,11 @@ html:not([dir="rtl"]) .np-flow-navigation--sm .np-flow-navigation__stepper {
|
|
|
3220
3231
|
text-underline-offset: calc(4px / 2);
|
|
3221
3232
|
text-underline-offset: calc(var(--size-4) / 2);
|
|
3222
3233
|
}
|
|
3234
|
+
.wds-list-item a .wds-list-item-subtitle,
|
|
3235
|
+
.wds-list-item a .wds-list-item-subtitle-value {
|
|
3236
|
+
color: #5d7079;
|
|
3237
|
+
color: var(--color-content-secondary);
|
|
3238
|
+
}
|
|
3223
3239
|
.wds-list-item-interactive .wds-list-item-control:focus-visible,
|
|
3224
3240
|
.wds-list-item-interactive .np-checkbox-button:has(input[type="checkbox"]:focus-visible) .tw-checkbox-button {
|
|
3225
3241
|
outline: none;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { AvatarViewProps } from '../avatarView';
|
|
2
2
|
type SingleAvatarType = {
|
|
3
3
|
asset?: AvatarViewProps['children'];
|
|
4
|
-
} & Omit<AvatarViewProps, '
|
|
4
|
+
} & Omit<AvatarViewProps, 'selected' | 'size' | 'badge' | 'children' | 'interactive'>;
|
|
5
5
|
export type Props = {
|
|
6
6
|
avatars: SingleAvatarType[];
|
|
7
7
|
orientation?: 'horizontal' | 'diagonal';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AvatarLayout.d.ts","sourceRoot":"","sources":["../../../src/avatarLayout/AvatarLayout.tsx"],"names":[],"mappings":"AACA,OAAmB,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAG5D,KAAK,gBAAgB,GAAG;IAAE,KAAK,CAAC,EAAE,eAAe,CAAC,UAAU,CAAC,CAAA;CAAE,GAAG,IAAI,CACpE,eAAe,EACf,
|
|
1
|
+
{"version":3,"file":"AvatarLayout.d.ts","sourceRoot":"","sources":["../../../src/avatarLayout/AvatarLayout.tsx"],"names":[],"mappings":"AACA,OAAmB,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAG5D,KAAK,gBAAgB,GAAG;IAAE,KAAK,CAAC,EAAE,eAAe,CAAC,UAAU,CAAC,CAAA;CAAE,GAAG,IAAI,CACpE,eAAe,EACf,UAAU,GAAG,MAAM,GAAG,OAAO,GAAG,UAAU,GAAG,aAAa,CAC3D,CAAC;AAEF,MAAM,MAAM,KAAK,GAAG;IAClB,OAAO,EAAE,gBAAgB,EAAE,CAAC;IAC5B,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;CACzC,GAAG,IAAI,CACN,eAAe,EACf,MAAM,GAAG,aAAa,GAAG,WAAW,GAAG,MAAM,GAAG,YAAY,GAAG,iBAAiB,GAAG,aAAa,CACjG,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,OAAY,EACZ,WAAW,EAAE,eAA8B,EAC3C,IAAS,EACT,SAAS,EACT,WAAW,EACX,GAAG,SAAS,EACb,EAAE,KAAK,sCAwDP"}
|
|
@@ -15,12 +15,11 @@ export type Props = {
|
|
|
15
15
|
profileName?: string | null;
|
|
16
16
|
profileType?: ProfileTypeBusiness | ProfileTypePersonal;
|
|
17
17
|
size?: 16 | 24 | 32 | 40 | 48 | 56 | 72;
|
|
18
|
-
notification?: boolean;
|
|
19
18
|
badge?: AvatarViewBadgeProps;
|
|
20
19
|
interactive?: boolean;
|
|
21
20
|
selected?: boolean;
|
|
22
21
|
style?: Pick<React.CSSProperties, 'border' | 'backgroundColor' | 'color'>;
|
|
23
22
|
} & Pick<HTMLAttributes<HTMLDivElement>, 'className' | 'children' | 'role' | 'aria-label' | 'aria-labelledby' | 'aria-hidden'>;
|
|
24
|
-
declare function AvatarView({ children, size, selected,
|
|
23
|
+
declare function AvatarView({ children, size, selected, badge, interactive, className, style, imgSrc, profileType, profileName, ...restProps }: Props): import("react").JSX.Element;
|
|
25
24
|
export default AvatarView;
|
|
26
25
|
//# sourceMappingURL=AvatarView.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AvatarView.d.ts","sourceRoot":"","sources":["../../../src/avatarView/AvatarView.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAe,UAAU,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAI5E,OAAO,EAAE,cAAc,EAA+B,MAAM,OAAO,CAAC;AAEpE,OAAO,EAA4B,mBAAmB,EAAE,mBAAmB,EAAE,MAAM,WAAW,CAAC;AAM/F,MAAM,MAAM,oBAAoB,GAAG,IAAI,CAAC,gBAAgB,EAAE,MAAM,CAAC,GAC/D,IAAI,CAAC,UAAU,EAAE,YAAY,CAAC,GAAG;IAC/B;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACzB,CAAC;AAEJ,MAAM,MAAM,KAAK,GAAG;IAClB,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,WAAW,CAAC,EAAE,mBAAmB,GAAG,mBAAmB,CAAC;IACxD,IAAI,CAAC,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;IACxC,
|
|
1
|
+
{"version":3,"file":"AvatarView.d.ts","sourceRoot":"","sources":["../../../src/avatarView/AvatarView.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAe,UAAU,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAI5E,OAAO,EAAE,cAAc,EAA+B,MAAM,OAAO,CAAC;AAEpE,OAAO,EAA4B,mBAAmB,EAAE,mBAAmB,EAAE,MAAM,WAAW,CAAC;AAM/F,MAAM,MAAM,oBAAoB,GAAG,IAAI,CAAC,gBAAgB,EAAE,MAAM,CAAC,GAC/D,IAAI,CAAC,UAAU,EAAE,YAAY,CAAC,GAAG;IAC/B;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACzB,CAAC;AAEJ,MAAM,MAAM,KAAK,GAAG;IAClB,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,WAAW,CAAC,EAAE,mBAAmB,GAAG,mBAAmB,CAAC;IACxD,IAAI,CAAC,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;IACxC,KAAK,CAAC,EAAE,oBAAoB,CAAC;IAC7B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,aAAa,EAAE,QAAQ,GAAG,iBAAiB,GAAG,OAAO,CAAC,CAAC;CAC3E,GAAG,IAAI,CACN,cAAc,CAAC,cAAc,CAAC,EAC9B,WAAW,GAAG,UAAU,GAAG,MAAM,GAAG,YAAY,GAAG,iBAAiB,GAAG,aAAa,CACrF,CAAC;AAEF,iBAAS,UAAU,CAAC,EAClB,QAAoB,EACpB,IAAS,EACT,QAAQ,EACR,KAAK,EACL,WAAmB,EACnB,SAAS,EACT,KAAK,EACL,MAAM,EACN,WAAW,EACX,WAAW,EACX,GAAG,SAAS,EACb,EAAE,KAAK,+BAkCP;AA0GD,eAAe,UAAU,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { HTMLAttributes } from 'react';
|
|
2
|
+
import { Props as AvatarViewProps } from './AvatarView';
|
|
3
|
+
export type DotProps = Pick<HTMLAttributes<HTMLDivElement>, 'children'> & {
|
|
4
|
+
avatarSize?: AvatarViewProps['size'];
|
|
5
|
+
variant?: 'notification' | 'online';
|
|
6
|
+
};
|
|
7
|
+
export default function Dot({ children, avatarSize, variant }: DotProps): import("react").JSX.Element;
|
|
8
|
+
//# sourceMappingURL=Dot.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Dot.d.ts","sourceRoot":"","sources":["../../../src/avatarView/Dot.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,KAAK,IAAI,eAAe,EAAE,MAAM,cAAc,CAAC;AAGxD,MAAM,MAAM,QAAQ,GAAG,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,GAAG;IACxE,UAAU,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;IACrC,OAAO,CAAC,EAAE,cAAc,GAAG,QAAQ,CAAC;CACrC,CAAC;AAeF,MAAM,CAAC,OAAO,UAAU,GAAG,CAAC,EAAE,QAAQ,EAAE,UAAe,EAAE,OAAwB,EAAE,EAAE,QAAQ,+BAmB5F"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BadgeAssets.d.ts","sourceRoot":"","sources":["../../../src/badge/BadgeAssets.tsx"],"names":[],"mappings":"AAEA,OAAmB,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAI5D,MAAM,MAAM,KAAK,GAAG;IAClB,MAAM,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC,CAAC;IACtC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,IAAI,CAAC,EAAE,QAAQ,GAAG,WAAW,CAAC;
|
|
1
|
+
{"version":3,"file":"BadgeAssets.d.ts","sourceRoot":"","sources":["../../../src/badge/BadgeAssets.tsx"],"names":[],"mappings":"AAEA,OAAmB,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAI5D,MAAM,MAAM,KAAK,GAAG;IAClB,MAAM,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC,CAAC;IACtC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,IAAI,CAAC,EAAE,QAAQ,GAAG,WAAW,GAAG,cAAc,GAAG,QAAQ,CAAC;IAC1D,IAAI,CAAC,EAAE,EAAE,GAAG,EAAE,CAAC;CAChB,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,MAAM,EACN,QAAQ,EACR,MAAM,EACN,IAAW,EACX,IAAe,EACf,IAAI,GACL,EAAE,KAAK,sCAmCP"}
|
|
@@ -9,6 +9,7 @@ export type PanelProps = PropsWithChildren<{
|
|
|
9
9
|
position?: PositionBottom | PositionLeft | PositionRight | PositionTop;
|
|
10
10
|
anchorRef: MutableRefObject<Element | null>;
|
|
11
11
|
anchorWidth?: boolean;
|
|
12
|
+
considerHeight?: boolean;
|
|
12
13
|
}> & HTMLAttributes<HTMLDivElement>;
|
|
13
14
|
declare const Panel: import("react").ForwardRefExoticComponent<{
|
|
14
15
|
arrow?: boolean;
|
|
@@ -19,6 +20,7 @@ declare const Panel: import("react").ForwardRefExoticComponent<{
|
|
|
19
20
|
position?: PositionBottom | PositionLeft | PositionRight | PositionTop;
|
|
20
21
|
anchorRef: MutableRefObject<Element | null>;
|
|
21
22
|
anchorWidth?: boolean;
|
|
23
|
+
considerHeight?: boolean;
|
|
22
24
|
} & {
|
|
23
25
|
children?: import("react").ReactNode | undefined;
|
|
24
26
|
} & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Panel.d.ts","sourceRoot":"","sources":["../../../../src/common/panel/Panel.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,cAAc,EACd,gBAAgB,EAChB,iBAAiB,EACjB,cAAc,EAKf,MAAM,OAAO,CAAC;AAGf,OAAO,EAAY,cAAc,EAAE,YAAY,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,IAAI,CAAC;AAgBxF,MAAM,MAAM,UAAU,GAAG,iBAAiB,CAAC;IACzC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,GAAG,cAAc,KAAK,IAAI,CAAC;IAClD,QAAQ,CAAC,EAAE,cAAc,GAAG,YAAY,GAAG,aAAa,GAAG,WAAW,CAAC;IACvE,SAAS,EAAE,gBAAgB,CAAC,OAAO,GAAG,IAAI,CAAC,CAAC;IAC5C,WAAW,CAAC,EAAE,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Panel.d.ts","sourceRoot":"","sources":["../../../../src/common/panel/Panel.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,cAAc,EACd,gBAAgB,EAChB,iBAAiB,EACjB,cAAc,EAKf,MAAM,OAAO,CAAC;AAGf,OAAO,EAAY,cAAc,EAAE,YAAY,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,IAAI,CAAC;AAgBxF,MAAM,MAAM,UAAU,GAAG,iBAAiB,CAAC;IACzC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,GAAG,cAAc,KAAK,IAAI,CAAC;IAClD,QAAQ,CAAC,EAAE,cAAc,GAAG,YAAY,GAAG,aAAa,GAAG,WAAW,CAAC;IACvE,SAAS,EAAE,gBAAgB,CAAC,OAAO,GAAG,IAAI,CAAC,CAAC;IAC5C,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC,GACA,cAAc,CAAC,cAAc,CAAC,CAAC;AAEjC,QAAA,MAAM,KAAK;YAZD,OAAO;WACR,OAAO;cACJ,OAAO;WACV,OAAO;cACJ,CAAC,KAAK,EAAE,KAAK,GAAG,cAAc,KAAK,IAAI;eACtC,cAAc,GAAG,YAAY,GAAG,aAAa,GAAG,WAAW;eAC3D,gBAAgB,CAAC,OAAO,GAAG,IAAI,CAAC;kBAC7B,OAAO;qBACJ,OAAO;;;mFAkGxB,CAAC;AAEH,eAAe,KAAK,CAAC"}
|
|
@@ -7,6 +7,7 @@ declare const ResponsivePanel: import("react").ForwardRefExoticComponent<{
|
|
|
7
7
|
position?: import("..").PositionBottom | import("..").PositionLeft | import("..").PositionRight | import("..").PositionTop;
|
|
8
8
|
anchorRef: import("react").MutableRefObject<Element | null>;
|
|
9
9
|
anchorWidth?: boolean;
|
|
10
|
+
considerHeight?: boolean;
|
|
10
11
|
} & {
|
|
11
12
|
children?: import("react").ReactNode | undefined;
|
|
12
13
|
} & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ResponsivePanel.d.ts","sourceRoot":"","sources":["../../../../src/common/responsivePanel/ResponsivePanel.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ResponsivePanel.d.ts","sourceRoot":"","sources":["../../../../src/common/responsivePanel/ResponsivePanel.tsx"],"names":[],"mappings":"AAQA,QAAA,MAAM,eAAe;;;;;;;;;;;;mGAsDnB,CAAC;AAEH,eAAe,eAAe,CAAC"}
|
|
@@ -8,8 +8,8 @@ export interface DateInputProps {
|
|
|
8
8
|
size?: SizeSmall | SizeMedium | SizeLarge;
|
|
9
9
|
value?: Date | string;
|
|
10
10
|
onChange: (value: string | null) => void;
|
|
11
|
-
onFocus?: React.FocusEventHandler<HTMLDivElement>;
|
|
12
|
-
onBlur?: React.FocusEventHandler<HTMLDivElement>;
|
|
11
|
+
onFocus?: React.FocusEventHandler<HTMLDivElement | HTMLFieldSetElement>;
|
|
12
|
+
onBlur?: React.FocusEventHandler<HTMLDivElement | HTMLFieldSetElement>;
|
|
13
13
|
dayLabel?: string;
|
|
14
14
|
dayAutoComplete?: string;
|
|
15
15
|
monthLabel?: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateInput.d.ts","sourceRoot":"","sources":["../../../src/dateInput/DateInput.tsx"],"names":[],"mappings":"AAMA,OAAO,EAGL,KAAK,gBAAgB,EACtB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EACL,QAAQ,EACR,WAAW,EAEX,SAAS,EACT,UAAU,EACV,SAAS,EAEV,MAAM,WAAW,CAAC;AAMnB,MAAM,WAAW,cAAc;IAC7B,kFAAkF;IAClF,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,SAAS,CAAC;IAC1C,KAAK,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IACtB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACzC,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"DateInput.d.ts","sourceRoot":"","sources":["../../../src/dateInput/DateInput.tsx"],"names":[],"mappings":"AAMA,OAAO,EAGL,KAAK,gBAAgB,EACtB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EACL,QAAQ,EACR,WAAW,EAEX,SAAS,EACT,UAAU,EACV,SAAS,EAEV,MAAM,WAAW,CAAC;AAMnB,MAAM,WAAW,cAAc;IAC7B,kFAAkF;IAClF,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,SAAS,CAAC;IAC1C,KAAK,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IACtB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACzC,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,cAAc,GAAG,mBAAmB,CAAC,CAAC;IACxE,MAAM,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,cAAc,GAAG,mBAAmB,CAAC,CAAC;IACvE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,WAAW,CAAC,EAAE,GAAG,WAAW,EAAE,CAAC;IAC/B,IAAI,CAAC,EAAE,GAAG,QAAQ,EAAE,CAAC;IACrB,YAAY,CAAC,EAAE;QACb,GAAG,CAAC,EAAE,MAAM,CAAC;QACb,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,IAAI,CAAC,EAAE,MAAM,CAAC;KACf,CAAC;IACF,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,WAAW,CAAC,EAAE,OAAO,CAAC,gBAAgB,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC,CAAC;CACxD;AAOD,QAAA,MAAM,SAAS,GAAI,qPAmBhB,cAAc,gCAmUhB,CAAC;AA4BF,eAAe,SAAS,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateLookup.d.ts","sourceRoot":"","sources":["../../../src/dateLookup/DateLookup.tsx"],"names":[],"mappings":"AACA,OAAO,EAAa,aAAa,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEhE,OAAO,EACL,IAAI,EACJ,WAAW,EAGX,KAAK,SAAS,EACd,KAAK,UAAU,EACf,KAAK,SAAS,EACf,MAAM,WAAW,CAAC;AAGnB,OAAO,EAAE,wBAAwB,EAAuB,MAAM,oBAAoB,CAAC;AAQnF,MAAM,WAAW,eAAe;IAC9B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,GAAG,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IAClB,GAAG,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IAClB,IAAI,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,SAAS,CAAC;IAC1C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,WAAW,CAAC,EAAE,GAAG,WAAW,EAAE,CAAC;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAC;IACtC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,KAAK,kCAAkC,GAAG,eAAe,GAAG,OAAO,CAAC,wBAAwB,CAAC,CAAC;AAE9F,UAAU,eAAe;IACvB,YAAY,EAAE,IAAI,GAAG,IAAI,CAAC;IAC1B,YAAY,EAAE,IAAI,GAAG,IAAI,CAAC;IAC1B,GAAG,EAAE,IAAI,GAAG,IAAI,CAAC;IACjB,GAAG,EAAE,IAAI,GAAG,IAAI,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,OAAO,CAAC;IACd,IAAI,EAAE,KAAK,GAAG,OAAO,GAAG,MAAM,CAAC;IAC/B,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,cAAM,UAAW,SAAQ,aAAa,CAAC,kCAAkC,EAAE,eAAe,CAAC;IACjF,KAAK,EAAE,kCAAkC,GAC/C,QAAQ,CAAC,IAAI,CAAC,kCAAkC,EAAE,MAAM,OAAO,UAAU,CAAC,YAAY,CAAC,CAAC,CAAC;IAE3F,MAAM,CAAC,YAAY;;;;;;;;;;MAUqC;IAExD,OAAO,4CAA+B;IACtC,QAAQ,4CAA+B;gBAE3B,KAAK,EAAE,UAAU,CAAC,OAAO,CAAC;IAgBtC,MAAM,CAAC,wBAAwB,CAAC,KAAK,EAAE,UAAU,CAAC,OAAO,CAAC,EAAE,KAAK,EAAE,eAAe;;;;;;;IAuBlF,kBAAkB,CAAC,aAAa,EAAE,kCAAkC;IAQpE,oBAAoB;IAKpB,IAAI,aAOF;IAEF,OAAO,aAML;IAEF,KAAK,aAMH;IAEF,aAAa,GAAI,OAAO,aAAa,CAAC,cAAc,CAAC,UA6CnD;IAEF,UAAU,GAAI,WAAW,MAAM,EAAE,aAAa,MAAM,EAAE,YAAY,MAAM,UAmBtE;IAEF,OAAO,GAAI,kBAAkB,MAAM,EAAE,kBAAkB,MAAM,UAO3D;IAEF,UAAU,GAAI,MAAM,KAAK,GAAG,OAAO,GAAG,MAAM,UAI1C;IAEF,YAAY,aAAgC;IAE5C,cAAc,aAAkC;IAEhD,aAAa,aAAiC;IAE9C,wBAAwB,GAAI,cAAc,IAAI,UAM5C;IAEF,oBAAoB,GAAI;;;KAA4D,UAElF;IAEF,WAAW,oCA2CT;IAEF,WAAW,aAGT;IAEF,MAAM;
|
|
1
|
+
{"version":3,"file":"DateLookup.d.ts","sourceRoot":"","sources":["../../../src/dateLookup/DateLookup.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateTrigger.d.ts","sourceRoot":"","sources":["../../../../src/dateLookup/dateTrigger/DateTrigger.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAkB,SAAS,EAAE,UAAU,EAAE,SAAS,EAAc,MAAM,cAAc,CAAC;AAS5F,UAAU,gBAAgB;IACxB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,EAAE,IAAI,GAAG,IAAI,CAAC;IAC1B,IAAI,EAAE,SAAS,GAAG,UAAU,GAAG,SAAS,CAAC;IACzC,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,OAAO,GAAG,MAAM,CAAC;IAC9B,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;
|
|
1
|
+
{"version":3,"file":"DateTrigger.d.ts","sourceRoot":"","sources":["../../../../src/dateLookup/dateTrigger/DateTrigger.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAkB,SAAS,EAAE,UAAU,EAAE,SAAS,EAAc,MAAM,cAAc,CAAC;AAS5F,UAAU,gBAAgB;IACxB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,EAAE,IAAI,GAAG,IAAI,CAAC;IAC1B,IAAI,EAAE,SAAS,GAAG,UAAU,GAAG,SAAS,CAAC;IACzC,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,OAAO,GAAG,MAAM,CAAC;IAC9B,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA4E3C,CAAC;AAEF,eAAe,WAAW,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Field.d.ts","sourceRoot":"","sources":["../../../src/field/Field.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AAUtC,MAAM,MAAM,UAAU,GAAG;IACvB,6IAA6I;IAC7I,EAAE,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACnB,sGAAsG;IACtG,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iDAAiD;IACjD,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;SAGK;IACL,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,6EAA6E;IAC7E,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,SAAS,CAAC,EAAE,GAAG,SAAS,CAAC,QAAQ,GAAG,SAAS,CAAC,OAAO,GAAG,SAAS,CAAC,QAAQ,GAAG,SAAS,CAAC,OAAO,EAAE,CAAC;IACjG,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,KAAK,GAAI,wIAYnB,UAAU,
|
|
1
|
+
{"version":3,"file":"Field.d.ts","sourceRoot":"","sources":["../../../src/field/Field.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AAUtC,MAAM,MAAM,UAAU,GAAG;IACvB,6IAA6I;IAC7I,EAAE,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACnB,sGAAsG;IACtG,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iDAAiD;IACjD,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;SAGK;IACL,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,6EAA6E;IAC7E,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,SAAS,CAAC,EAAE,GAAG,SAAS,CAAC,QAAQ,GAAG,SAAS,CAAC,OAAO,GAAG,SAAS,CAAC,QAAQ,GAAG,SAAS,CAAC,OAAO,EAAE,CAAC;IACjG,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,KAAK,GAAI,wIAYnB,UAAU,gCAqEZ,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputGroup.d.ts","sourceRoot":"","sources":["../../../src/inputs/InputGroup.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"InputGroup.d.ts","sourceRoot":"","sources":["../../../src/inputs/InputGroup.tsx"],"names":[],"mappings":"AAqBA,wBAAgB,gBAAgB;;;EAQ/B;AAED,UAAU,eAAe;IACvB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,mBAAmB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACtC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,CAAC;CAChC;AAED,MAAM,WAAW,eAAe;IAC9B,UAAU,CAAC,EAAE,eAAe,CAAC;IAC7B,QAAQ,CAAC,EAAE,eAAe,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAiBD,wBAAgB,UAAU,CAAC,EACzB,UAAU,EACV,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,QAAQ,GACT,EAAE,eAAe,+BAmBjB"}
|
|
@@ -23,10 +23,34 @@ export interface SelectInputSeparatorItem {
|
|
|
23
23
|
export type SelectInputItem<T = string> = SelectInputOptionItem<T> | SelectInputGroupItem<T> | SelectInputSeparatorItem;
|
|
24
24
|
export interface SelectInputProps<T = string, M extends boolean = false> {
|
|
25
25
|
id?: string;
|
|
26
|
+
/**
|
|
27
|
+
* Sets the `data-wds-parent` attribute on the listbox container, which is needed for complex components like DateInput to correctly manage event handling.
|
|
28
|
+
* @internal
|
|
29
|
+
*/
|
|
30
|
+
parentId?: string;
|
|
26
31
|
name?: string;
|
|
27
32
|
multiple?: M;
|
|
28
33
|
placeholder?: string;
|
|
29
34
|
items: readonly SelectInputItem<NonNullable<T>>[];
|
|
35
|
+
/**
|
|
36
|
+
* Enables browser autocomplete integration through the search input.
|
|
37
|
+
* Accepts standard HTML autocomplete values (e.g., "country-name", "address-level1").
|
|
38
|
+
*
|
|
39
|
+
* Requires `filterable={true}` to enable the search input.
|
|
40
|
+
*
|
|
41
|
+
* @example
|
|
42
|
+
* <SelectInput
|
|
43
|
+
* name="country"
|
|
44
|
+
* autocomplete="country-name"
|
|
45
|
+
* filterable={true}
|
|
46
|
+
* items={[{
|
|
47
|
+
* type: 'option',
|
|
48
|
+
* value: 'GB',
|
|
49
|
+
* filterMatchers: ['United Kingdom', 'UK']
|
|
50
|
+
* }]}
|
|
51
|
+
* />
|
|
52
|
+
*/
|
|
53
|
+
autocomplete?: string;
|
|
30
54
|
defaultValue?: M extends true ? readonly T[] : T;
|
|
31
55
|
value?: M extends true ? readonly T[] : T;
|
|
32
56
|
compareValues?: (keyof NonNullable<T> & string) | ((a: T | undefined, b: T | undefined) => boolean);
|
|
@@ -51,6 +75,8 @@ export interface SelectInputProps<T = string, M extends boolean = false> {
|
|
|
51
75
|
UNSAFE_triggerButtonProps?: WithInputAttributesProps['inputAttributes'] & {
|
|
52
76
|
'aria-label'?: string;
|
|
53
77
|
};
|
|
78
|
+
/** Ref to the select trigger button element. */
|
|
79
|
+
triggerRef?: React.MutableRefObject<HTMLButtonElement | null>;
|
|
54
80
|
onFilterChange?: (args: {
|
|
55
81
|
query: string;
|
|
56
82
|
queryNormalized: string | null;
|
|
@@ -60,7 +86,7 @@ export interface SelectInputProps<T = string, M extends boolean = false> {
|
|
|
60
86
|
onClose?: () => void;
|
|
61
87
|
onClear?: () => void;
|
|
62
88
|
}
|
|
63
|
-
export declare function SelectInput<T = string, M extends boolean = false>({ id: idProp, name, multiple, placeholder, items, defaultValue, value: controlledValue, compareValues, renderValue, renderFooter, renderTrigger, filterable, filterPlaceholder, disabled, size, className, UNSAFE_triggerButtonProps, onFilterChange, onChange, onOpen, onClose, onClear, }: SelectInputProps<T, M>): import("react").JSX.Element;
|
|
89
|
+
export declare function SelectInput<T = string, M extends boolean = false>({ id: idProp, parentId, name, multiple, placeholder, autocomplete, items, defaultValue, value: controlledValue, compareValues, renderValue, renderFooter, renderTrigger, filterable, filterPlaceholder, disabled, size, className, UNSAFE_triggerButtonProps, triggerRef: externalTriggerRef, onFilterChange, onChange, onOpen, onClose, onClear, }: SelectInputProps<T, M>): import("react").JSX.Element;
|
|
64
90
|
type SelectInputTriggerButtonElementType = 'button' | React.ComponentType;
|
|
65
91
|
export type SelectInputTriggerButtonProps<T extends SelectInputTriggerButtonElementType = 'button'> = Merge<React.ComponentPropsWithoutRef<T>, {
|
|
66
92
|
as?: T;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectInput.d.ts","sourceRoot":"","sources":["../../../src/inputs/SelectInput.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"SelectInput.d.ts","sourceRoot":"","sources":["../../../src/inputs/SelectInput.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,8 @@
|
|
|
1
|
-
|
|
1
|
+
type FieldLabelContextType = {
|
|
2
|
+
id?: string;
|
|
3
|
+
ref?: React.RefObject<HTMLLabelElement>;
|
|
4
|
+
};
|
|
5
|
+
export declare const FieldLabelContextProvider: import("react").Provider<FieldLabelContextType | undefined>;
|
|
2
6
|
export declare const InputIdContextProvider: import("react").Provider<string | undefined>;
|
|
3
7
|
export declare const InputDescribedByProvider: import("react").Provider<string | undefined>;
|
|
4
8
|
export declare const InputInvalidProvider: import("react").Provider<boolean | undefined>;
|
|
@@ -12,6 +16,7 @@ export declare function useInputAttributes({ nonLabelable }?: UseInputAttributes
|
|
|
12
16
|
'aria-describedby': string | undefined;
|
|
13
17
|
'aria-invalid': boolean | undefined;
|
|
14
18
|
};
|
|
19
|
+
export declare function useFieldLabelRef(): import("react").RefObject<HTMLLabelElement> | undefined;
|
|
15
20
|
export interface WithInputAttributesProps {
|
|
16
21
|
inputAttributes: ReturnType<typeof useInputAttributes>;
|
|
17
22
|
}
|