@xapp/form-widget 1.70.1 → 1.71.0

package/dist/stories/random-theme.d.ts

@@ -1,3 +1,3 @@
-import { FormWidgetTheme } from "../config";
+import { FormWidgetTheme } from "@xapp/stentor-form-widget-channel";
 export declare function randomTheme(): FormWidgetTheme;
 export declare function useRandomTheme(): FormWidgetTheme;

package/dist/xapp-form-widget.css

@@ -323,7 +323,7 @@ body.ModalDialog-module_xapp_search_opened__jgDSX {
 @media (max-width: 640px) {
   .FormFieldChips-module_xapp_checkbox_chip__8DRkb {
     min-width: 100px !important;
-    font-size: 10px !important;
+    font-size: 16px !important;
   }
   .FormFieldChips-module_xapp_checkbox_chip__8DRkb .MuiChip-label {
     margin: 0;
@@ -379,9 +379,15 @@ body.ModalDialog-module_xapp_search_opened__jgDSX {
 .FormFieldTextInput-module_xapp_text_input_text__3rHVn .MuiInputBase-input:focus {
   background-color: var(--xapp-form-widget-text-background-color-dark, rgba(0, 0, 0, 0.09)) !important;
 }
+.FormFieldTextInput-module_xapp_text_input_text__3rHVn .MuiTextField-root {
+  background-color: var(--xapp-form-widget-text-background-color, rgba(0, 0, 0, 0.06)) !important;
+}
 .FormFieldTextInput-module_xapp_text_input_text__3rHVn .MuiTextField-root .MuiInputLabel-root.MuiInputLabel-multiline {
   top: 8px;
 }
+.FormFieldTextInput-module_xapp_text_input_text__3rHVn .MuiInputBase-multiline {
+  padding: 0px;
+}
 .FormFieldDate-module_xapp_date_picker_container__d8LYB {
   max-height: 260px;
 }
@@ -397,14 +403,21 @@ body.ModalDialog-module_xapp_search_opened__jgDSX {
 .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 {
+.FormFieldDate-module_xapp_date_picker__Rvtj1 .MuiPickersArrowSwitcher-button {
   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 {
+.FormFieldDate-module_xapp_date_picker__Rvtj1 .MuiPickersArrowSwitcher-button: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 {
+.FormFieldDate-module_xapp_date_picker__Rvtj1 .MuiPickersArrowSwitcher-button:focus {
+  background-image: unset !important;
+  outline: unset !important;
+  border: 0 !important;
+}
+.FormFieldDate-module_xapp_date_picker__Rvtj1 .MuiPickersDay-root.MuiButtonBase-root:hover {
+  background-image: unset !important;
+}
+.FormFieldDate-module_xapp_date_picker__Rvtj1 .MuiPickersDay-root.MuiButtonBase-root:focus {
   background-image: unset !important;
   outline: unset !important;
   border: 0 !important;
@@ -438,6 +451,13 @@ body.ModalDialog-module_xapp_search_opened__jgDSX {
 }
 .FormFieldDate-module_xapp_date_picker__Rvtj1 .MuiPickersDay-dayWithMargin.Mui-disabled {
   font-weight: 300 !important;
+  text-decoration: line-through !important;
+}
+.FormFieldDate-module_xapp_date_picker__Rvtj1 .FormFieldDate-module_xapp_date_picker_past__ECo-S {
+  background-color: rgba(48, 49, 53, 0.2392156863) !important;
+}
+.FormFieldDate-module_xapp_date_picker__Rvtj1 .FormFieldDate-module_xapp_date_picker_blocked__e-aNY {
+  background-color: rgba(255, 0, 107, 0.1607843137) !important;
 }
 .FormFieldDate-module_xapp_date_picker__Rvtj1 .MuiDayCalendar-weekDayLabel {
   font-weight: 600 !important;
@@ -516,6 +536,14 @@ body.ModalDialog-module_xapp_search_opened__jgDSX {
 .FormStepDisplay-module_xapp_secondary_button__LuMfN:hover {
   filter: brightness(80%) !important;
 }
+
+.FormStepDisplay-module_xapp_disabled_button__RjSfL {
+  background-color: rgba(121, 117, 133, 0.5) !important;
+  font-family: inherit !important;
+}
+.FormStepDisplay-module_xapp_disabled_button__RjSfL:hover {
+  filter: brightness(80%) !important;
+}
 .FormFieldSelect-module_xapp_checkbox_select__QccWu {
   margin: 6px !important;
   font-size: 12px !important;
@@ -655,40 +683,6 @@ body.ModalDialog-module_xapp_search_opened__jgDSX {
   padding: 0 10px;
   overflow: auto;
 }
-.SearchResult-module_xapp_search_result__NPyKB {
-  display: flex;
-  flex-direction: row;
-  flex: 1 1 auto;
-  box-sizing: border-box;
-  overflow: hidden;
-  max-height: 100%;
-}
-.SearchResult-module_xapp_search_result__suggestions__7OBmC, .SearchResult-module_xapp_search_result__preview__vQRcO {
-  padding-top: 12px;
-  padding-bottom: 12px;
-  box-sizing: border-box;
-  overflow-x: hidden;
-  overflow-y: auto;
-  word-break: break-word;
-}
-.SearchResult-module_xapp_search_result__suggestions__7OBmC {
-  flex: 0 0 60%;
-  padding-top: 12px;
-  padding-bottom: 12px;
-  box-sizing: border-box;
-  overflow: auto;
-}
-.SearchResult-module_xapp_search_result__preview__vQRcO {
-  flex: 0 0 40%;
-  border-left: solid 1px #d3d3df;
-  padding-left: 12px;
-  padding-right: 12px;
-}
-.SearchResult-module_xapp_search_result__use__VA7CB {
-  width: 28px;
-  padding: 4px;
-  color: inherit;
-}
 .FormWidget-module_loading__aAJ-B {
   background-color: rgba(0, 0, 0, 0) !important;
   border: 0px !important;
@@ -701,7 +695,7 @@ body.ModalDialog-module_xapp_search_opened__jgDSX {
   background: var(--xapp-form-widget-background-color, #f3f8fb);
   border-radius: 17.5px;
   overflow: hidden;
-  max-width: 100%;
+  max-width: 740px;
   max-height: 100%;
   box-sizing: border-box;
   position: relative;
@@ -713,7 +707,7 @@ body.ModalDialog-module_xapp_search_opened__jgDSX {
   max-height: 100%;
   min-height: 128px;
   overflow: hidden;
-  width: 500px;
+  width: 100%;
 }
 .FormWidget-module_xapp_form_widget__response__X8Hbz {
   padding-top: 1em;
@@ -745,20 +739,26 @@ body.ModalDialog-module_xapp_search_opened__jgDSX {
   background-color: #a0a1c5;
 }
 
+@media (min-width: 1201px) {
+  .FormWidget-module_xapp_form_widget__content__a9NXC {
+    width: 740px;
+  }
+}
+@media (min-width: 992px) and (max-width: 1200px) {
+  .FormWidget-module_xapp_form_widget__content__a9NXC {
+    width: 600px;
+  }
+}
+@media (min-width: 641px) and (max-width: 991px) {
+  .FormWidget-module_xapp_form_widget__content__a9NXC {
+    width: 500px;
+  }
+}
 @media (max-width: 640px) {
   .FormWidget-module_xapp_form_widget__content__a9NXC {
     width: 100%;
   }
 }
-.FormWidget-module_xapp_search_suggestions__J3DIf + container {
-  position: absolute;
-  top: 74px;
-  left: 0;
-  width: 100%;
-  background-color: var(--xapp-form-widget-background-color, #f3f8fb);
-  border: solid 1px #d3d3df;
-  border-radius: 0 0 17.5px 17.5px;
-}
 .ChatButton-module_xapp_chat_button__HH7eW {
   position: fixed;
   top: 25px;
@@ -773,7 +773,7 @@ body.ModalDialog-module_xapp_search_opened__jgDSX {
   animation: ChatButton-module_widget-show-grow__z65qQ 0.5s backwards;
   width: 75px;
   height: 75px;
-  z-index: 1000;
+  z-index: 10000;
   background-color: transparent !important;
   padding: 0;
   border-width: 0px;
@@ -816,6 +816,7 @@ body.ModalDialog-module_xapp_search_opened__jgDSX {
 }
 .SideButton-module_xapp_form_sticky_button__YqORL {
   position: fixed;
+  z-index: 10000;
   cursor: pointer;
   transform: translateY(-50%);
   text-align: center;