@xapp/form-widget 1.75.0 → 1.76.1
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/components/Form/Form.d.ts +0 -0
- package/dist/components/Form/Form.stories.d.ts +6 -1
- package/dist/components/FormDisplay/FormDisplay.d.ts +0 -0
- package/dist/components/FormDisplay/FormDisplay.stories.d.ts +5 -0
- package/dist/components/FormDisplay/index.d.ts +0 -0
- package/dist/components/FormDisplay/model.d.ts +0 -0
- package/dist/components/FormFieldCard/FormFieldCard.d.ts +0 -0
- package/dist/components/FormFieldCard/FormFieldCard.stories.d.ts +4 -1
- package/dist/components/FormFieldChips/FormFieldChips.d.ts +0 -0
- package/dist/components/FormFieldChips/FormFieldChips.stories.d.ts +3 -0
- package/dist/components/FormFieldChips/FormFieldSelect.d.ts +0 -0
- package/dist/components/FormFieldDate/FormFieldDate.d.ts +0 -0
- package/dist/components/FormFieldDate/FormFieldDate.stories.d.ts +1 -0
- package/dist/components/FormFieldDateRange/FormFieldDateRange.d.ts +0 -0
- package/dist/components/FormFieldDropdown/FormFieldDropdown.d.ts +0 -0
- package/dist/components/FormFieldTextInput/FormFieldTextInput.d.ts +0 -0
- package/dist/components/FormResponse/FormResponse.d.ts +0 -0
- package/dist/components/FormResponse/FormResponse.stories.d.ts +15 -0
- package/dist/components/FormResponse/SearchResponsePart.d.ts +0 -0
- package/dist/components/FormResponse/index.d.ts +0 -0
- package/dist/components/FormStepDisplay/FormStepDisplay.d.ts +0 -0
- package/dist/components/FormStepDisplay/FormStepDisplay.stories.d.ts +2 -0
- package/dist/components/ResponseDisplay/ResponseDisplay.d.ts +0 -0
- package/dist/components/ResponseDisplay/index.d.ts +0 -0
- package/dist/components/index.d.ts +1 -1
- package/dist/index.d.ts +2 -2
- package/dist/index.es.js +169 -132
- package/dist/index.es.js.map +1 -1
- package/dist/stories/config.d.ts +1 -0
- package/dist/stories/default-form-service-options.d.ts +2 -0
- package/dist/stories/default-form.d.ts +2 -0
- package/dist/types.d.ts +0 -0
- package/dist/xapp-form-widget.css +46 -85
- package/dist/xapp-form-widget.js +55 -47
- package/package.json +19 -19
package/dist/stories/config.d.ts
CHANGED
package/dist/types.d.ts
ADDED
|
Binary file
|
|
@@ -344,6 +344,10 @@ body.ModalDialog-module_xapp_search_opened__jgDSX {
|
|
|
344
344
|
}
|
|
345
345
|
.FormFieldDate-module_xapp_date_picker_container__d8LYB {
|
|
346
346
|
height: 100%;
|
|
347
|
+
display: flex;
|
|
348
|
+
flex-direction: column;
|
|
349
|
+
justify-content: center;
|
|
350
|
+
align-items: center;
|
|
347
351
|
}
|
|
348
352
|
|
|
349
353
|
.FormFieldDate-module_xapp_date_picker__Rvtj1 .MuiDayCalendar-weekDayLabel {
|
|
@@ -452,6 +456,15 @@ body.ModalDialog-module_xapp_search_opened__jgDSX {
|
|
|
452
456
|
.MuiAutocomplete-popper {
|
|
453
457
|
z-index: 16000 !important;
|
|
454
458
|
}
|
|
459
|
+
.FormStepDisplay-module_xapp_step_iframe_wrapper__BBFRw {
|
|
460
|
+
display: flex;
|
|
461
|
+
flex-direction: column;
|
|
462
|
+
height: 100%;
|
|
463
|
+
width: 100%;
|
|
464
|
+
overflow: scroll;
|
|
465
|
+
position: relative;
|
|
466
|
+
}
|
|
467
|
+
|
|
455
468
|
.FormStepDisplay-module_xapp_formfield__hRmVx {
|
|
456
469
|
display: none;
|
|
457
470
|
font-family: inherit !important;
|
|
@@ -463,15 +476,18 @@ body.ModalDialog-module_xapp_search_opened__jgDSX {
|
|
|
463
476
|
margin: 10px 0 0 0;
|
|
464
477
|
font-size: 1em;
|
|
465
478
|
}
|
|
466
|
-
.FormStepDisplay-module_xapp_formfield__hRmVx .MuiAutocomplete-clearIndicator,
|
|
479
|
+
.FormStepDisplay-module_xapp_formfield__hRmVx .MuiAutocomplete-clearIndicator,
|
|
480
|
+
.FormStepDisplay-module_xapp_formfield__hRmVx .MuiAutocomplete-popupIndicator {
|
|
467
481
|
color: rgba(0, 0, 0, 0.54) !important;
|
|
468
482
|
background-color: transparent !important;
|
|
469
483
|
}
|
|
470
|
-
.FormStepDisplay-module_xapp_formfield__hRmVx .MuiAutocomplete-clearIndicator:hover,
|
|
484
|
+
.FormStepDisplay-module_xapp_formfield__hRmVx .MuiAutocomplete-clearIndicator:hover,
|
|
485
|
+
.FormStepDisplay-module_xapp_formfield__hRmVx .MuiAutocomplete-popupIndicator:hover {
|
|
471
486
|
background-image: unset !important;
|
|
472
487
|
background-color: #cfd8da !important;
|
|
473
488
|
}
|
|
474
|
-
.FormStepDisplay-module_xapp_formfield__hRmVx .MuiAutocomplete-clearIndicator:focus,
|
|
489
|
+
.FormStepDisplay-module_xapp_formfield__hRmVx .MuiAutocomplete-clearIndicator:focus,
|
|
490
|
+
.FormStepDisplay-module_xapp_formfield__hRmVx .MuiAutocomplete-popupIndicator:focus {
|
|
475
491
|
background-image: unset !important;
|
|
476
492
|
}
|
|
477
493
|
|
|
@@ -508,20 +524,28 @@ body.ModalDialog-module_xapp_search_opened__jgDSX {
|
|
|
508
524
|
.FormStepDisplay-module_xapp_disabled_button__RjSfL:hover {
|
|
509
525
|
filter: brightness(80%) !important;
|
|
510
526
|
}
|
|
511
|
-
.
|
|
527
|
+
.SimpleNavigationHeader-module_xapp_navigation_header__YhCD1 {
|
|
528
|
+
background-color: inherit !important;
|
|
529
|
+
}
|
|
530
|
+
|
|
531
|
+
.SimpleNavigationHeader-module_xapp_navigation_header_showcase__NhRLn {
|
|
532
|
+
background-color: inherit !important;
|
|
533
|
+
padding: 0px !important;
|
|
534
|
+
}
|
|
535
|
+
.FormDisplay-module_xapp_formstep__OW1rY {
|
|
512
536
|
display: none;
|
|
513
537
|
padding: 8px;
|
|
514
538
|
font-family: "Roboto", "Helvetica", "Arial", sans-serif !important;
|
|
515
539
|
}
|
|
516
|
-
.
|
|
540
|
+
.FormDisplay-module_xapp_formstep__OW1rY.FormDisplay-module_active__5wTV3 {
|
|
517
541
|
display: block;
|
|
518
542
|
background-color: var(--xapp-form-widget-background-color, #f3f8fb) !important;
|
|
519
543
|
}
|
|
520
|
-
.
|
|
544
|
+
.FormDisplay-module_xapp_formstep__OW1rY.FormDisplay-module_title__-BtIw p {
|
|
521
545
|
margin: 10px 0 0 0;
|
|
522
546
|
}
|
|
523
547
|
|
|
524
|
-
.
|
|
548
|
+
.FormDisplay-module_xapp_header_container__Y-eFl {
|
|
525
549
|
background-color: var(--xapp-form-widget-header-background-color, #012b54) !important;
|
|
526
550
|
position: absolute;
|
|
527
551
|
top: 0px;
|
|
@@ -532,14 +556,14 @@ body.ModalDialog-module_xapp_search_opened__jgDSX {
|
|
|
532
556
|
padding-top: 16px;
|
|
533
557
|
font-family: "Roboto", "Helvetica", "Arial", sans-serif !important;
|
|
534
558
|
}
|
|
535
|
-
.
|
|
559
|
+
.FormDisplay-module_xapp_header_container__Y-eFl .FormDisplay-module_empty_step_header__eHbBH {
|
|
536
560
|
height: 42px;
|
|
537
561
|
}
|
|
538
|
-
.
|
|
562
|
+
.FormDisplay-module_xapp_header_container__Y-eFl .MuiTypography-root {
|
|
539
563
|
color: var(--xapp-form-widget-header-text-color, #b7c5d1) !important;
|
|
540
564
|
}
|
|
541
565
|
|
|
542
|
-
.
|
|
566
|
+
.FormDisplay-module_xapp_header_container_showcase__MWJfr {
|
|
543
567
|
border-top-left-radius: 12px;
|
|
544
568
|
border-top-right-radius: 12px;
|
|
545
569
|
background-color: var(--xapp-form-widget-header-background-color, #012b54) !important;
|
|
@@ -548,20 +572,12 @@ body.ModalDialog-module_xapp_search_opened__jgDSX {
|
|
|
548
572
|
margin-top: 10px;
|
|
549
573
|
font-family: "Roboto", "Helvetica", "Arial", sans-serif !important;
|
|
550
574
|
}
|
|
551
|
-
.
|
|
575
|
+
.FormDisplay-module_xapp_header_container_showcase__MWJfr .FormDisplay-module_empty_step_header__eHbBH {
|
|
552
576
|
height: 42px;
|
|
553
577
|
}
|
|
554
|
-
.
|
|
578
|
+
.FormDisplay-module_xapp_header_container_showcase__MWJfr .MuiTypography-root {
|
|
555
579
|
color: var(--xapp-form-widget-header-text-color, #b7c5d1) !important;
|
|
556
580
|
}
|
|
557
|
-
.SimpleNavigationHeader-module_xapp_navigation_header__YhCD1 {
|
|
558
|
-
background-color: inherit !important;
|
|
559
|
-
}
|
|
560
|
-
|
|
561
|
-
.SimpleNavigationHeader-module_xapp_navigation_header_showcase__NhRLn {
|
|
562
|
-
background-color: inherit !important;
|
|
563
|
-
padding: 0px !important;
|
|
564
|
-
}
|
|
565
581
|
.SearchResponseOutputSpeech-module_xapp_search_response_output_speech__DCf8F {
|
|
566
582
|
font-family: RobotoRegular, serif;
|
|
567
583
|
font-weight: normal;
|
|
@@ -575,15 +591,6 @@ body.ModalDialog-module_xapp_search_opened__jgDSX {
|
|
|
575
591
|
.SearchResponseOutputSpeech-module_xapp_search_response_output_speech__DCf8F p:last-child {
|
|
576
592
|
margin-bottom: 0;
|
|
577
593
|
}
|
|
578
|
-
.SearchResponsePart-module_xapp_search_response_part__DRpYu {
|
|
579
|
-
margin-bottom: 12px;
|
|
580
|
-
margin-top: 86px;
|
|
581
|
-
box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 4px;
|
|
582
|
-
border-radius: 8px;
|
|
583
|
-
}
|
|
584
|
-
.SearchResponsePart-module_xapp_search_response_part__DRpYu.SearchResponsePart-module_noHeaderForm__4wLFH {
|
|
585
|
-
margin-top: 12px;
|
|
586
|
-
}
|
|
587
594
|
.Button-module_xapp_search_btn__cQf3T {
|
|
588
595
|
display: inline-block;
|
|
589
596
|
border-radius: 12px;
|
|
@@ -624,7 +631,16 @@ body.ModalDialog-module_xapp_search_opened__jgDSX {
|
|
|
624
631
|
.SuggestedActions-module_xapp_search_suggested_actions__item__Q7nQb {
|
|
625
632
|
margin-right: 16px;
|
|
626
633
|
}
|
|
627
|
-
.
|
|
634
|
+
.SearchResponsePart-module_xapp_search_response_part__sF6gs {
|
|
635
|
+
margin-bottom: 12px;
|
|
636
|
+
margin-top: 86px;
|
|
637
|
+
box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 4px;
|
|
638
|
+
border-radius: 8px;
|
|
639
|
+
}
|
|
640
|
+
.SearchResponsePart-module_xapp_search_response_part__sF6gs.SearchResponsePart-module_noHeaderForm__HdlyL {
|
|
641
|
+
margin-top: 12px;
|
|
642
|
+
}
|
|
643
|
+
.FormResponse-module_xapp_search_response__r2YN1 {
|
|
628
644
|
padding: 0 10px;
|
|
629
645
|
overflow: auto;
|
|
630
646
|
}
|
|
@@ -719,61 +735,6 @@ body.ModalDialog-module_xapp_search_opened__jgDSX {
|
|
|
719
735
|
width: 100%;
|
|
720
736
|
}
|
|
721
737
|
}
|
|
722
|
-
.ChatButton-module_xapp_chat_button__HH7eW {
|
|
723
|
-
position: fixed;
|
|
724
|
-
top: 25px;
|
|
725
|
-
left: 220px;
|
|
726
|
-
cursor: pointer;
|
|
727
|
-
margin-top: 16px;
|
|
728
|
-
margin-right: 16px;
|
|
729
|
-
margin-bottom: 16px;
|
|
730
|
-
margin-left: 16px;
|
|
731
|
-
display: block;
|
|
732
|
-
opacity: 1;
|
|
733
|
-
animation: ChatButton-module_widget-show-grow__z65qQ 0.5s backwards;
|
|
734
|
-
width: 75px;
|
|
735
|
-
height: 75px;
|
|
736
|
-
z-index: 10000;
|
|
737
|
-
background-color: transparent !important;
|
|
738
|
-
padding: 0;
|
|
739
|
-
border-width: 0px;
|
|
740
|
-
}
|
|
741
|
-
.ChatButton-module_xapp_chat_button__HH7eW.ChatButton-module_visible__53wDx {
|
|
742
|
-
animation: ChatButton-module_widget-hide-shrink__kwcw7 0.5s forwards;
|
|
743
|
-
}
|
|
744
|
-
.ChatButton-module_xapp_chat_button__HH7eW:focus-visible {
|
|
745
|
-
outline: none;
|
|
746
|
-
box-shadow: 0 0 4px 4px rgba(0, 0, 0, 0.3);
|
|
747
|
-
}
|
|
748
|
-
.ChatButton-module_xapp_chat_button__btn__HAq8m {
|
|
749
|
-
position: absolute;
|
|
750
|
-
width: 70px;
|
|
751
|
-
height: 70px;
|
|
752
|
-
border-radius: 35px;
|
|
753
|
-
border: 2px solid rgb(255, 255, 255);
|
|
754
|
-
background-color: #2f7ddd;
|
|
755
|
-
box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.3);
|
|
756
|
-
left: 50% !important;
|
|
757
|
-
top: 50% !important;
|
|
758
|
-
transform: translate(-50%, -50%);
|
|
759
|
-
}
|
|
760
|
-
.ChatButton-module_xapp_chat_button__btn__HAq8m svg {
|
|
761
|
-
display: block;
|
|
762
|
-
margin: auto;
|
|
763
|
-
height: 100%;
|
|
764
|
-
}
|
|
765
|
-
.ChatButton-module_xapp_chat_button__cta__r6W-I {
|
|
766
|
-
position: absolute;
|
|
767
|
-
bottom: 56px;
|
|
768
|
-
right: 24px;
|
|
769
|
-
white-space: nowrap;
|
|
770
|
-
font-size: 16px;
|
|
771
|
-
font-family: RobotoRegular, serif;
|
|
772
|
-
}
|
|
773
|
-
|
|
774
|
-
.ChatButton-module_xapp_chat_button__HH7eW:hover {
|
|
775
|
-
background: transparent !important;
|
|
776
|
-
}
|
|
777
738
|
.SideButton-module_xapp_form_sticky_button__YqORL {
|
|
778
739
|
position: fixed;
|
|
779
740
|
z-index: 10000;
|