@xapp/form-widget 1.78.0 → 1.79.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.
Files changed (12) hide show
  1. package/README.md +70 -1
  2. package/dist/components/Form/Form.stories.d.ts +2 -0
  3. package/dist/components/FormDisplay/FormDisplay.stories.d.ts +1 -0
  4. package/dist/components/WidgetStylesheet/WidgetStylesheet.d.ts +0 -0
  5. package/dist/components/WidgetStylesheet/WidgetStylesheet.test.d.ts +1 -0
  6. package/dist/index.d.ts +1 -1
  7. package/dist/index.es.js +54 -54
  8. package/dist/index.es.js.map +1 -1
  9. package/dist/stories/default-form.d.ts +1 -0
  10. package/dist/xapp-form-widget.css +88 -11
  11. package/dist/xapp-form-widget.js +26 -26
  12. package/package.json +10 -10
package/dist/stories/default-form.d.ts CHANGED
@@ -1,2 +1,3 @@
1
1
  import { MultistepForm } from "stentor-models";
2
2
  export declare const defaultForm: MultistepForm;
3
+ export declare const defaultFormWithConsent: MultistepForm;
package/dist/xapp-form-widget.css CHANGED
@@ -116,7 +116,7 @@ body.ModalDialog-module_xapp_search_opened__jgDSX {
116
116
  text-overflow: ellipsis;
117
117
  white-space: nowrap;
118
118
  line-height: 1.5em;
119
- font-family: RobotoRegular, serif;
119
+ font-family: var(--xapp-form-widget-font-family, RobotoRegular, serif);
120
120
  font-weight: normal;
121
121
  font-size: 16px;
122
122
  font-style: normal;
@@ -140,7 +140,7 @@ body.ModalDialog-module_xapp_search_opened__jgDSX {
140
140
  text-overflow: ellipsis;
141
141
  white-space: nowrap;
142
142
  line-height: 1.25em;
143
- font-family: RobotoRegular, serif;
143
+ font-family: var(--xapp-form-widget-font-family, RobotoRegular, serif);
144
144
  font-weight: normal;
145
145
  font-size: 20px;
146
146
  font-style: normal;
@@ -159,7 +159,7 @@ body.ModalDialog-module_xapp_search_opened__jgDSX {
159
159
  }
160
160
  .Card-module_xapp_search_card__description__MruSU {
161
161
  line-height: 1.25em;
162
- font-family: RobotoRegular, serif;
162
+ font-family: var(--xapp-form-widget-font-family, RobotoRegular, serif);
163
163
  font-weight: normal;
164
164
  font-size: 16px;
165
165
  font-style: normal;
@@ -242,6 +242,7 @@ body.ModalDialog-module_xapp_search_opened__jgDSX {
242
242
  .FormFieldSelect-module_xapp_checkbox_select__QccWu {
243
243
  margin: 6px !important;
244
244
  font-size: 12px !important;
245
+ font-family: var(--xapp-form-widget-dropdown-font-family, var(--xapp-form-widget-font-family, RobotoRegular, serif)) !important;
245
246
  padding: 8px 16px !important;
246
247
  height: 32px !important;
247
248
  }
@@ -252,6 +253,9 @@ body.ModalDialog-module_xapp_search_opened__jgDSX {
252
253
  justify-content: center; /* Centers items horizontally */
253
254
  }
254
255
 
256
+ .FormFieldSelect-module_xapp_select_title_container__tnfQy p {
257
+ font-family: var(--xapp-form-widget-dropdown-font-family, var(--xapp-form-widget-font-family, RobotoRegular, serif));
258
+ }
255
259
  .FormFieldSelect-module_xapp_select_title_container__empty__zC4gk p {
256
260
  margin: 0;
257
261
  }
@@ -266,6 +270,7 @@ body.ModalDialog-module_xapp_search_opened__jgDSX {
266
270
  .FormFieldChips-module_xapp_checkbox_chip__8DRkb {
267
271
  margin: 6px !important;
268
272
  font-size: var(--xapp-form-widget-chips-font-size, 0.875em) !important;
273
+ font-family: var(--xapp-form-widget-chips-font-family, var(--xapp-form-widget-font-family, RobotoRegular, serif)) !important;
269
274
  padding: 8px 16px !important;
270
275
  height: 32px !important;
271
276
  border-radius: 16px !important;
@@ -274,6 +279,9 @@ body.ModalDialog-module_xapp_search_opened__jgDSX {
274
279
  color: var(--xapp-form-widget-chips-color, #000000) !important;
275
280
  transition: background-color 0.3s ease;
276
281
  }
282
+ .FormFieldChips-module_xapp_checkbox_chip__8DRkb .MuiChip-label {
283
+ font-family: var(--xapp-form-widget-chips-font-family, var(--xapp-form-widget-font-family, RobotoRegular, serif)) !important;
284
+ }
277
285
  @media (max-width: 640px) {
278
286
  .FormFieldChips-module_xapp_checkbox_chip__8DRkb {
279
287
  min-width: 100px !important;
@@ -314,11 +322,15 @@ body.ModalDialog-module_xapp_search_opened__jgDSX {
314
322
  .FormFieldChips-module_xapp_chips_title_container__VGw77 {
315
323
  margin: inherit;
316
324
  }
325
+ .FormFieldChips-module_xapp_chips_title_container__VGw77 p {
326
+ font-family: var(--xapp-form-widget-chips-font-family, var(--xapp-form-widget-font-family, RobotoRegular, serif));
327
+ }
317
328
  .FormFieldChips-module_xapp_chips_title_container__empty__5seHa p {
318
329
  margin: 10px 0;
319
330
  }
320
331
  .FormFieldTextInput-module_xapp_text_input_container__title__zeqDT p {
321
332
  margin: 0;
333
+ font-family: var(--xapp-form-widget-text-font-family, var(--xapp-form-widget-font-family, RobotoRegular, serif));
322
334
  }
323
335
 
324
336
  .FormFieldTextInput-module_xapp_text_input_text__3rHVn .MuiInputBase-input {
@@ -327,6 +339,7 @@ body.ModalDialog-module_xapp_search_opened__jgDSX {
327
339
  background-color: var(--xapp-form-widget-text-background-color, rgba(0, 0, 0, 0.06)) !important;
328
340
  color: #061739 !important;
329
341
  font-size: var(--xapp-form-widget-text-font-size, 1rem) !important;
342
+ font-family: var(--xapp-form-widget-text-font-family, var(--xapp-form-widget-font-family, RobotoRegular, serif)) !important;
330
343
  }
331
344
  .FormFieldTextInput-module_xapp_text_input_text__3rHVn .MuiInputBase-input:hover {
332
345
  background-color: var(--xapp-form-widget-text-background-color-dark, rgba(0, 0, 0, 0.09)) !important;
@@ -349,6 +362,7 @@ body.ModalDialog-module_xapp_search_opened__jgDSX {
349
362
  flex-direction: column;
350
363
  justify-content: center;
351
364
  align-items: center;
365
+ font-family: var(--xapp-form-widget-date-font-family, var(--xapp-form-widget-font-family, RobotoRegular, serif));
352
366
  }
353
367
 
354
368
  .FormFieldDate-module_xapp_date_picker__Rvtj1 .MuiDayCalendar-weekDayLabel {
@@ -476,6 +490,7 @@ body.ModalDialog-module_xapp_search_opened__jgDSX {
476
490
  .FormStepDisplay-module_xapp_formfield_title__INjeF p {
477
491
  margin: 10px 0 0 0;
478
492
  font-size: 1em;
493
+ font-family: var(--xapp-form-widget-font-family, RobotoRegular, serif);
479
494
  }
480
495
  .FormStepDisplay-module_xapp_formfield__hRmVx .MuiAutocomplete-clearIndicator,
481
496
  .FormStepDisplay-module_xapp_formfield__hRmVx .MuiAutocomplete-popupIndicator {
@@ -492,6 +507,10 @@ body.ModalDialog-module_xapp_search_opened__jgDSX {
492
507
  background-image: unset !important;
493
508
  }
494
509
 
510
+ .FormStepDisplay-module_xapp_formfield_title__INjeF p {
511
+ font-family: var(--xapp-form-widget-font-family, RobotoRegular, serif);
512
+ }
513
+
495
514
  .FormStepDisplay-module_xapp_form_nav_buttons__lI4BI {
496
515
  display: flex;
497
516
  justify-content: space-between;
@@ -533,10 +552,14 @@ body.ModalDialog-module_xapp_search_opened__jgDSX {
533
552
  background-color: inherit !important;
534
553
  padding: 0px !important;
535
554
  }
555
+
556
+ .SimpleNavigationHeader-module_xapp_navigation_header_container__V9y-e {
557
+ background-color: inherit !important;
558
+ }
536
559
  .FormDisplay-module_xapp_formstep__OW1rY {
537
560
  display: none;
538
561
  padding: 8px;
539
- font-family: "Roboto", "Helvetica", "Arial", sans-serif !important;
562
+ font-family: var(--xapp-form-widget-font-family, RobotoRegular, serif) !important;
540
563
  }
541
564
  .FormDisplay-module_xapp_formstep__OW1rY.FormDisplay-module_active__5wTV3 {
542
565
  display: block;
@@ -555,7 +578,7 @@ body.ModalDialog-module_xapp_search_opened__jgDSX {
555
578
  z-index: 1000;
556
579
  min-height: 88px;
557
580
  padding-top: 16px;
558
- font-family: "Roboto", "Helvetica", "Arial", sans-serif !important;
581
+ font-family: var(--xapp-form-widget-font-family, RobotoRegular, serif) !important;
559
582
  }
560
583
  .FormDisplay-module_xapp_header_container__Y-eFl .FormDisplay-module_empty_step_header__eHbBH {
561
584
  height: 42px;
@@ -571,7 +594,7 @@ body.ModalDialog-module_xapp_search_opened__jgDSX {
571
594
  padding-top: 10px;
572
595
  padding-bottom: 10px;
573
596
  margin-top: 10px;
574
- font-family: "Roboto", "Helvetica", "Arial", sans-serif !important;
597
+ font-family: var(--xapp-form-widget-font-family, RobotoRegular, serif) !important;
575
598
  }
576
599
  .FormDisplay-module_xapp_header_container_showcase__MWJfr .FormDisplay-module_empty_step_header__eHbBH {
577
600
  height: 42px;
@@ -580,7 +603,7 @@ body.ModalDialog-module_xapp_search_opened__jgDSX {
580
603
  color: var(--xapp-form-widget-header-text-color, #b7c5d1) !important;
581
604
  }
582
605
  .SearchResponseOutputSpeech-module_xapp_search_response_output_speech__DCf8F {
583
- font-family: RobotoRegular, serif;
606
+ font-family: var(--xapp-form-widget-font-family, RobotoRegular, serif);
584
607
  font-weight: normal;
585
608
  font-size: 16px;
586
609
  font-style: normal;
@@ -603,7 +626,7 @@ body.ModalDialog-module_xapp_search_opened__jgDSX {
603
626
  box-sizing: border-box;
604
627
  text-align: center;
605
628
  line-height: normal;
606
- font-family: RobotoRegular, serif;
629
+ font-family: var(--xapp-form-widget-font-family, RobotoRegular, serif);
607
630
  font-size: 16px;
608
631
  cursor: pointer;
609
632
  }
@@ -621,7 +644,7 @@ body.ModalDialog-module_xapp_search_opened__jgDSX {
621
644
  box-sizing: border-box;
622
645
  text-align: center;
623
646
  line-height: normal;
624
- font-family: RobotoRegular, serif;
647
+ font-family: var(--xapp-form-widget-font-family, RobotoRegular, serif);
625
648
  font-size: 16px;
626
649
  cursor: pointer;
627
650
  }
@@ -635,7 +658,6 @@ body.ModalDialog-module_xapp_search_opened__jgDSX {
635
658
  .SearchResponsePart-module_xapp_search_response_part__sF6gs {
636
659
  margin-bottom: 12px;
637
660
  margin-top: 86px;
638
- box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 4px;
639
661
  border-radius: 8px;
640
662
  }
641
663
  .SearchResponsePart-module_xapp_search_response_part__sF6gs.SearchResponsePart-module_noHeaderForm__HdlyL {
@@ -746,6 +768,7 @@ body.ModalDialog-module_xapp_search_opened__jgDSX {
746
768
  background-color: var(--xapp-form-widget-side-button-background-color, #d8412a);
747
769
  color: var(--xapp-form-widget-side-button-color, #ffffff);
748
770
  font-size: var(--xapp-form-widget-side-button-font-size, 1.5em);
771
+ font-family: var(--xapp-form-widget-side-button-font-family, var(--xapp-form-widget-font-family, RobotoRegular, serif));
749
772
  top: var(--xapp-form-widget-side-button-top, 50%);
750
773
  min-height: var(--xapp-form-widget-side-button-min-length, 200px);
751
774
  }
@@ -772,5 +795,59 @@ body.ModalDialog-module_xapp_search_opened__jgDSX {
772
795
  src: local("Roboto"), local("Roboto-Regular"), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4mxKKTU1Kg.woff2) format("woff2");
773
796
  }
774
797
  .Form-module_xapp_form__mMqzX {
775
- font-family: RobotoRegular, serif;
798
+ font-family: var(--xapp-form-widget-font-family, RobotoRegular, serif);
799
+ }
800
+ .Form-module_xapp_form__mMqzX .MuiTypography-root {
801
+ font-family: var(--xapp-form-widget-font-family, RobotoRegular, serif) !important;
802
+ }
803
+ .Form-module_xapp_form__mMqzX .MuiButton-root {
804
+ font-family: var(--xapp-form-widget-font-family, RobotoRegular, serif) !important;
805
+ }
806
+ .Form-module_xapp_form__mMqzX .MuiButtonBase-root {
807
+ font-family: var(--xapp-form-widget-font-family, RobotoRegular, serif) !important;
808
+ }
809
+ .Form-module_xapp_form__mMqzX button {
810
+ font-family: var(--xapp-form-widget-font-family, RobotoRegular, serif) !important;
811
+ }
812
+ .Form-module_xapp_form__mMqzX .MuiInputBase-root {
813
+ font-family: var(--xapp-form-widget-font-family, RobotoRegular, serif) !important;
814
+ }
815
+ .Form-module_xapp_form__mMqzX .MuiInputBase-input {
816
+ font-family: var(--xapp-form-widget-font-family, RobotoRegular, serif) !important;
817
+ }
818
+ .Form-module_xapp_form__mMqzX .MuiTextField-root {
819
+ font-family: var(--xapp-form-widget-font-family, RobotoRegular, serif) !important;
820
+ }
821
+ .Form-module_xapp_form__mMqzX .MuiInputLabel-root {
822
+ font-family: var(--xapp-form-widget-font-family, RobotoRegular, serif) !important;
823
+ }
824
+ .Form-module_xapp_form__mMqzX .MuiFormHelperText-root {
825
+ font-family: var(--xapp-form-widget-font-family, RobotoRegular, serif) !important;
826
+ }
827
+ .Form-module_xapp_form__mMqzX .MuiFilledInput-root {
828
+ font-family: var(--xapp-form-widget-font-family, RobotoRegular, serif) !important;
829
+ }
830
+ .Form-module_xapp_form__mMqzX .MuiFilledInput-input {
831
+ font-family: var(--xapp-form-widget-font-family, RobotoRegular, serif) !important;
832
+ }
833
+ .Form-module_xapp_form__mMqzX .MuiChip-root {
834
+ font-family: var(--xapp-form-widget-font-family, RobotoRegular, serif) !important;
835
+ }
836
+ .Form-module_xapp_form__mMqzX .MuiChip-label {
837
+ font-family: var(--xapp-form-widget-font-family, RobotoRegular, serif) !important;
838
+ }
839
+ .Form-module_xapp_form__mMqzX .MuiAutocomplete-root {
840
+ font-family: var(--xapp-form-widget-font-family, RobotoRegular, serif) !important;
841
+ }
842
+ .Form-module_xapp_form__mMqzX .MuiAutocomplete-input {
843
+ font-family: var(--xapp-form-widget-font-family, RobotoRegular, serif) !important;
844
+ }
845
+ .Form-module_xapp_form__mMqzX .MuiFormControl-root {
846
+ font-family: var(--xapp-form-widget-font-family, RobotoRegular, serif) !important;
847
+ }
848
+ .Form-module_xapp_form__mMqzX .MuiFormControlLabel-root {
849
+ font-family: var(--xapp-form-widget-font-family, RobotoRegular, serif) !important;
850
+ }
851
+ .Form-module_xapp_form__mMqzX [class*="Mui"]:not([class*="Portal"]) {
852
+ font-family: var(--xapp-form-widget-font-family, RobotoRegular, serif) !important;
776
853
  }