@xapp/form-widget 1.65.8 → 1.65.9

package/dist/xapp-form-widget.css

@@ -1,6 +1,6 @@
 .ModalDialog-module_xapp_search_modal__WpGiJ {
   position: fixed;
-  top: 16px;
+  top: 0;
   left: 0;
   right: 0;
   bottom: 0;
@@ -38,6 +38,11 @@
   display: flex;
   flex-direction: column;
 }
+@media (max-width: 640px) {
+  .ModalDialog-module_xapp_search_modal__body__qK17C {
+    width: 100%;
+  }
+}
 
 body.ModalDialog-module_xapp_search_opened__jgDSX {
   overflow: hidden;
@@ -299,9 +304,14 @@ body.ModalDialog-module_xapp_search_opened__jgDSX {
   display: flex;
   flex-direction: column;
 }
+.MuiChip-label {
+  padding-left: 4px !important;
+  padding-right: 4px !important;
+}
+
 .FormFieldChips-module_xapp_checkbox_chip__8DRkb {
   margin: 6px !important;
-  font-size: 12px !important;
+  font-size: 0.875em !important;
   padding: 8px 16px !important;
   height: 32px !important;
   border-radius: 16px !important;
@@ -309,6 +319,15 @@ body.ModalDialog-module_xapp_search_opened__jgDSX {
   background-color: var(--xapp-form-chip-bg-color, #c4dced) !important;
   transition: background-color 0.3s ease;
 }
+@media (max-width: 640px) {
+  .FormFieldChips-module_xapp_checkbox_chip__8DRkb {
+    min-width: 100px !important;
+    font-size: 10px !important;
+  }
+  .FormFieldChips-module_xapp_checkbox_chip__8DRkb .MuiChip-label {
+    margin: 0;
+  }
+}
 
 .FormFieldChips-module_xapp_chip_clicked__S8xmo {
   background-color: #6e7ae1 !important;
@@ -316,60 +335,133 @@ body.ModalDialog-module_xapp_search_opened__jgDSX {
 
 .FormFieldChips-module_xapp_chips_container__ZITF5 {
   display: flex;
-  flex-wrap: wrap; /* Allows items to wrap onto a new row */
-  justify-content: center; /* Centers items horizontally */
+  flex-wrap: wrap;
+  justify-content: center;
 }
 
 .FormFieldChips-module_xapp_chip_wrapper__AGfKl {
   flex: 0 0 calc(33.33% - 10px);
-  max-width: calc(33.33% - 10px);
-  margin: 5px;
+  margin: 0 2px;
   text-align: center;
 }
+@media (max-width: 640px) {
+  .FormFieldChips-module_xapp_chip_wrapper__AGfKl {
+    margin: 0 2px;
+  }
+}
 
 .FormFieldChips-module_xapp_checkbox_chip__8DRkb:hover {
   --xapp-form-chip-bg-color: calc(var(--xapp-form-chip-bg-color) + 20);
 }
 
+.FormFieldChips-module_xapp_chips_title_container__VGw77 {
+  margin: inherit;
+}
 .FormFieldChips-module_xapp_chips_title_container__empty__5seHa p {
-  margin: 0;
+  margin: 10px 0;
 }
 .FormFieldTextInput-module_xapp_text_input_container__title__zeqDT p {
   margin: 0;
 }
+
+.FormFieldTextInput-module_xapp_text_input_text__3rHVn .MuiInputBase-input {
+  padding: 21px 12px 4px 12px !important;
+  border: 0 !important;
+}
 .FormFieldDate-module_xapp_date_picker_container__d8LYB {
   max-height: 250px;
 }
 
-.FormFieldDate-module_xapp_date_picker__Rvtj1 .MuiPickersDay-today {
-  font-weight: bold !important;
-  color: #321aa3 !important;
+.FormFieldDate-module_xapp_date_picker__Rvtj1 .MuiDayCalendar-weekDayLabel {
+  width: 30px !important;
+  height: 32px !important;
+}
+.FormFieldDate-module_xapp_date_picker__Rvtj1 .MuiPickersCalendarHeader-root {
+  margin-top: 10px !important;
+  margin-bottom: 4px !important;
+}
+.FormFieldDate-module_xapp_date_picker__Rvtj1 .MuiDayCalendar-slideTransition {
+  min-height: 200px !important;
+}
+.FormFieldDate-module_xapp_date_picker__Rvtj1 .MuiPickersArrowSwitcher-button, .FormFieldDate-module_xapp_date_picker__Rvtj1 .MuiPickersDay-root.MuiButtonBase-root {
+  color: rgba(0, 0, 0, 0.54) !important;
+  background-color: transparent !important;
+}
+.FormFieldDate-module_xapp_date_picker__Rvtj1 .MuiPickersArrowSwitcher-button:hover, .FormFieldDate-module_xapp_date_picker__Rvtj1 .MuiPickersDay-root.MuiButtonBase-root:hover {
+  background-image: unset !important;
+}
+.FormFieldDate-module_xapp_date_picker__Rvtj1 .MuiPickersArrowSwitcher-button:focus, .FormFieldDate-module_xapp_date_picker__Rvtj1 .MuiPickersDay-root.MuiButtonBase-root:focus {
+  background-image: unset !important;
+  outline: unset !important;
+  border: 0 !important;
 }
 .FormFieldDate-module_xapp_date_picker__Rvtj1 .MuiPickersDay-root {
   padding: 0px !important;
+  font-family: inherit !important;
+}
+.FormFieldDate-module_xapp_date_picker__Rvtj1 .MuiPickersDay-root.Mui-selected {
+  color: #fff !important;
+  background-color: #1976d2 !important;
+  font-weight: 600 !important;
+}
+.FormFieldDate-module_xapp_date_picker__Rvtj1 .MuiPickersDay-today {
+  font-weight: bold !important;
+  color: #321aa3 !important;
 }
 .FormFieldDate-module_xapp_date_picker__Rvtj1 .MuiPickersDay-dayWithMargin {
   width: 30px !important;
   height: 30px !important;
+  font-weight: 600 !important;
+  font-size: 0.75rem !important;
+}
+.FormFieldDate-module_xapp_date_picker__Rvtj1 .MuiPickersDay-dayWithMargin:hover {
+  background-image: unset !important;
+  background-color: #cfd8da !important;
+}
+.FormFieldDate-module_xapp_date_picker__Rvtj1 .MuiPickersDay-dayWithMargin:focus {
+  background-image: unset !important;
+  background-color: #1976d2 !important;
+}
+.FormFieldDate-module_xapp_date_picker__Rvtj1 .MuiPickersDay-dayWithMargin.Mui-disabled {
+  font-weight: 300 !important;
 }
 .FormFieldDate-module_xapp_date_picker__Rvtj1 .MuiDayCalendar-weekDayLabel {
-  width: 30px !important;
-  height: 32px !important;
+  font-weight: 600 !important;
+  font-size: 0.75rem !important;
 }
-.FormFieldDate-module_xapp_date_picker__Rvtj1 .MuiPickersCalendarHeader-root {
-  margin-top: 10px !important;
+.FormFieldTextInputAddress-module_xapp_text_input_address_container__title__IbovL p {
+  margin: 0;
 }
-.FormFieldDate-module_xapp_date_picker__Rvtj1 .MuiDayCalendar-slideTransition {
-  min-height: 200px !important;
+
+.FormFieldTextInputAddress-module_xapp_text_input_address__-FQjM .MuiInputBase-input {
+  margin: 2.5px 4px !important;
+  border: 0 !important;
+}
+.FormFieldTextInputAddress-module_xapp_text_input_address__-FQjM .MuiFilledInput-root {
+  padding-top: 14px !important;
+  padding-left: 8px !important;
 }
 .FormStepDisplay-module_xapp_formfield__hRmVx {
   display: none;
+  font-family: inherit !important;
 }
 .FormStepDisplay-module_xapp_formfield__hRmVx.FormStepDisplay-module_active__fCsMz {
   display: block;
 }
 .FormStepDisplay-module_xapp_formfield_title__INjeF p {
   margin: 10px 0 0 0;
+  font-size: 1em;
+}
+.FormStepDisplay-module_xapp_formfield__hRmVx .MuiAutocomplete-clearIndicator, .FormStepDisplay-module_xapp_formfield__hRmVx .MuiAutocomplete-popupIndicator {
+  color: rgba(0, 0, 0, 0.54) !important;
+  background-color: transparent !important;
+}
+.FormStepDisplay-module_xapp_formfield__hRmVx .MuiAutocomplete-clearIndicator:hover, .FormStepDisplay-module_xapp_formfield__hRmVx .MuiAutocomplete-popupIndicator:hover {
+  background-image: unset !important;
+  background-color: #cfd8da !important;
+}
+.FormStepDisplay-module_xapp_formfield__hRmVx .MuiAutocomplete-clearIndicator:focus, .FormStepDisplay-module_xapp_formfield__hRmVx .MuiAutocomplete-popupIndicator:focus {
+  background-image: unset !important;
 }
 
 .FormStepDisplay-module_xapp_form_nav_buttons__lI4BI {
@@ -383,14 +475,16 @@ body.ModalDialog-module_xapp_search_opened__jgDSX {
 }
 
 .FormStepDisplay-module_xapp_primary_button__d2wra {
-  background-color: var(--xapp-form-widget-primary-color, #007bff) !important;
+  background-color: var(--xapp-form-widget-primary-button-color, #ea6539) !important;
+  font-family: inherit !important;
 }
 .FormStepDisplay-module_xapp_primary_button__d2wra:hover {
   filter: brightness(80%) !important;
 }
 
 .FormStepDisplay-module_xapp_secondary_button__LuMfN {
-  background-color: var(--xapp-form-widget-secondary-color, #7f1aaa) !important;
+  background-color: var(--xapp-form-widget-secondary-button-color, #d24cc7) !important;
+  font-family: inherit !important;
 }
 .FormStepDisplay-module_xapp_secondary_button__LuMfN:hover {
   filter: brightness(80%) !important;
@@ -417,6 +511,7 @@ body.ModalDialog-module_xapp_search_opened__jgDSX {
 .SearchResponseFormDisplay-module_xapp_formstep__2WhYK {
   display: none;
   padding: 8px;
+  font-family: "Roboto", "Helvetica", "Arial", sans-serif !important;
 }
 .SearchResponseFormDisplay-module_xapp_formstep__2WhYK.SearchResponseFormDisplay-module_active__x-n-n {
   display: block;
@@ -426,28 +521,38 @@ body.ModalDialog-module_xapp_search_opened__jgDSX {
 }
 
 .SearchResponseFormDisplay-module_xapp_header_container__ayUqb {
-  background-color: var(--xapp-form-widget-header-background-color, #002b54) !important;
+  background-color: var(--xapp-form-widget-header-background-color, #012b54) !important;
   position: absolute;
   top: 0px;
   right: 0px;
   left: 0px;
   z-index: 1000;
+  min-height: 88px;
+  padding-top: 16px;
+  font-family: "Roboto", "Helvetica", "Arial", sans-serif !important;
 }
 .SearchResponseFormDisplay-module_xapp_header_container__ayUqb .SearchResponseFormDisplay-module_empty_step_header__ClbsP {
   height: 42px;
 }
+.SearchResponseFormDisplay-module_xapp_header_container__ayUqb .MuiTypography-root {
+  color: var(--xapp-form-widget-header-color, #b7c5d1) !important;
+}
 
 .SearchResponseFormDisplay-module_xapp_header_container_showcase__-VUjy {
   border-top-left-radius: 12px;
   border-top-right-radius: 12px;
-  background-color: var(--xapp-form-widget-header-background-color, #002b54) !important;
+  background-color: var(--xapp-form-widget-header-background-color, #012b54) !important;
   padding-top: 10px;
   padding-bottom: 10px;
   margin-top: 10px;
+  font-family: "Roboto", "Helvetica", "Arial", sans-serif !important;
 }
 .SearchResponseFormDisplay-module_xapp_header_container_showcase__-VUjy .SearchResponseFormDisplay-module_empty_step_header__ClbsP {
   height: 42px;
 }
+.SearchResponseFormDisplay-module_xapp_header_container_showcase__-VUjy .MuiTypography-root {
+  color: var(--xapp-form-widget-header-color, #b7c5d1) !important;
+}
 .SimpleNavigationHeader-module_xapp_navigation_header__YhCD1 {
   background-color: inherit !important;
 }
@@ -612,6 +717,11 @@ body.ModalDialog-module_xapp_search_opened__jgDSX {
   background-color: #a0a1c5;
 }
 
+@media (max-width: 640px) {
+  .FormWidget-module_xapp_form_widget__content__a9NXC {
+    width: 100%;
+  }
+}
 .FormWidget-module_xapp_search_suggestions__J3DIf + container {
   position: absolute;
   top: 74px;
@@ -636,7 +746,7 @@ body.ModalDialog-module_xapp_search_opened__jgDSX {
   width: 75px;
   height: 75px;
   z-index: var(--xapp-form-widget-z-index, 1000);
-  background-color: transparent;
+  background-color: transparent !important;
   padding: 0;
   border-width: 0px;
 }