@xapp/form-widget 1.85.0 → 1.87.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/dist/api/__test__/stentor-api.test.d.ts +8 -0
  2. package/dist/components/FormFieldTextInputAddress/FormFieldTextInputAddress.test.d.ts +1 -0
  3. package/dist/components/FormWidget/FormWidget.test.d.ts +1 -0
  4. package/dist/hooks/index.d.ts +0 -0
  5. package/dist/hooks/useAutoOpenTriggers.d.ts +0 -0
  6. package/dist/hooks/useAutoOpenTriggers.test.d.ts +1 -0
  7. package/dist/index.es.js +59 -59
  8. package/dist/index.es.js.map +1 -1
  9. package/dist/index.js +321 -0
  10. package/dist/xapp-form-widget.css +38 -6
  11. package/dist/xapp-form-widget.js +26 -26
  12. package/package.json +10 -10
package/dist/xapp-form-widget.css CHANGED
@@ -373,18 +373,27 @@ body.ModalDialog-module_xapp_search_opened__jgDSX {
373
373
  border: 0 !important;
374
374
  background-color: var(--xapp-form-widget-text-background-color, rgba(0, 0, 0, 0.06)) !important;
375
375
  border-radius: var(--xapp-form-widget-border-radius-sm, 8px) !important;
376
- transition: background-color 200ms ease-in-out, outline 200ms ease-in-out !important;
376
+ transition: background-color 200ms ease-in-out, box-shadow 200ms ease-in-out !important;
377
377
  color: #061739 !important;
378
378
  font-size: var(--xapp-form-widget-text-font-size, 1rem) !important;
379
379
  font-family: var(--xapp-form-widget-text-font-family, var(--xapp-form-widget-font-family, RobotoRegular, serif)) !important;
380
+ height: auto !important;
381
+ width: 100% !important;
382
+ max-width: 100% !important;
383
+ margin: 0 !important;
384
+ margin-bottom: 0 !important;
385
+ border-width: 0 !important;
386
+ border-style: none !important;
387
+ -webkit-appearance: none !important;
388
+ appearance: none !important;
380
389
  }
381
390
  .FormFieldTextInput-module_xapp_text_input_text__3rHVn .MuiInputBase-input:hover {
382
391
  background-color: var(--xapp-form-widget-text-background-color-dark, rgba(0, 0, 0, 0.09)) !important;
383
392
  }
384
393
  .FormFieldTextInput-module_xapp_text_input_text__3rHVn .MuiInputBase-input:focus {
385
394
  background-color: var(--xapp-form-widget-text-background-color-dark, rgba(0, 0, 0, 0.09)) !important;
386
- outline: 2px solid var(--xapp-form-widget-focus-ring-color, var(--xapp-form-widget-header-background-color, #012b54)) !important;
387
- outline-offset: -2px !important;
395
+ outline: none !important;
396
+ box-shadow: inset 0 0 0 2px var(--xapp-form-widget-focus-ring-color, var(--xapp-form-widget-header-background-color, #012b54)) !important;
388
397
  }
389
398
  .FormFieldTextInput-module_xapp_text_input_text__3rHVn .MuiTextField-root {
390
399
  background-color: var(--xapp-form-widget-text-background-color, rgba(0, 0, 0, 0.06)) !important;
@@ -393,6 +402,13 @@ body.ModalDialog-module_xapp_search_opened__jgDSX {
393
402
  .FormFieldTextInput-module_xapp_text_input_text__3rHVn .MuiTextField-root .MuiInputLabel-root.MuiInputLabel-multiline {
394
403
  top: 8px;
395
404
  }
405
+ .FormFieldTextInput-module_xapp_text_input_text__3rHVn .MuiInputLabel-root {
406
+ transform: translate(12px, 13px) scale(1) !important;
407
+ transition: color 200ms cubic-bezier(0, 0, 0.2, 1) 0ms, transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms !important;
408
+ }
409
+ .FormFieldTextInput-module_xapp_text_input_text__3rHVn .MuiInputLabel-root.MuiInputLabel-shrink {
410
+ transform: translate(12px, 4px) scale(0.75) !important;
411
+ }
396
412
  .FormFieldTextInput-module_xapp_text_input_text__3rHVn .MuiInputBase-multiline {
397
413
  padding: 0px;
398
414
  }
@@ -489,18 +505,27 @@ body.ModalDialog-module_xapp_search_opened__jgDSX {
489
505
  border: 0 !important;
490
506
  background-color: var(--xapp-form-widget-text-background-color, rgba(0, 0, 0, 0.06)) !important;
491
507
  border-radius: var(--xapp-form-widget-border-radius-sm, 8px) !important;
492
- transition: background-color 200ms ease-in-out, outline 200ms ease-in-out !important;
508
+ transition: background-color 200ms ease-in-out, box-shadow 200ms ease-in-out !important;
493
509
  color: #061739 !important;
494
510
  font-size: var(--xapp-form-widget-text-font-size, 1rem) !important;
495
511
  font-family: var(--xapp-form-widget-text-font-family, var(--xapp-form-widget-font-family, RobotoRegular, serif)) !important;
512
+ height: auto !important;
513
+ width: 100% !important;
514
+ max-width: 100% !important;
515
+ margin: 0 !important;
516
+ margin-bottom: 0 !important;
517
+ border-width: 0 !important;
518
+ border-style: none !important;
519
+ -webkit-appearance: none !important;
520
+ appearance: none !important;
496
521
  }
497
522
  .FormFieldTextInputAddress-module_xapp_text_input_address__-FQjM .MuiInputBase-input:hover {
498
523
  background-color: var(--xapp-form-widget-text-background-color-dark, rgba(0, 0, 0, 0.09)) !important;
499
524
  }
500
525
  .FormFieldTextInputAddress-module_xapp_text_input_address__-FQjM .MuiInputBase-input:focus {
501
526
  background-color: var(--xapp-form-widget-text-background-color-dark, rgba(0, 0, 0, 0.09)) !important;
502
- outline: 2px solid var(--xapp-form-widget-focus-ring-color, var(--xapp-form-widget-header-background-color, #012b54)) !important;
503
- outline-offset: -2px !important;
527
+ outline: none !important;
528
+ box-shadow: inset 0 0 0 2px var(--xapp-form-widget-focus-ring-color, var(--xapp-form-widget-header-background-color, #012b54)) !important;
504
529
  }
505
530
  .FormFieldTextInputAddress-module_xapp_text_input_address__-FQjM .MuiFilledInput-root {
506
531
  padding-top: 0 !important;
@@ -513,6 +538,13 @@ body.ModalDialog-module_xapp_search_opened__jgDSX {
513
538
  .FormFieldTextInputAddress-module_xapp_text_input_address__-FQjM .MuiPopper-root-MuiAutocomplete-popper {
514
539
  z-index: 16000;
515
540
  }
541
+ .FormFieldTextInputAddress-module_xapp_text_input_address__-FQjM .MuiInputLabel-root {
542
+ transform: translate(12px, 13px) scale(1) !important;
543
+ transition: color 200ms cubic-bezier(0, 0, 0.2, 1) 0ms, transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms !important;
544
+ }
545
+ .FormFieldTextInputAddress-module_xapp_text_input_address__-FQjM .MuiInputLabel-root.MuiInputLabel-shrink {
546
+ transform: translate(12px, 4px) scale(0.75) !important;
547
+ }
516
548
 
517
549
  .MuiAutocomplete-popper {
518
550
  z-index: 16000 !important;