@xapp/form-widget 1.65.7 → 1.65.8

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 (7) hide show
  1. package/dist/components/WidgetStylesheet/WidgetStylesheet.d.ts +0 -0
  2. package/dist/config/theme.d.ts +0 -0
  3. package/dist/index.es.js +23 -23
  4. package/dist/index.es.js.map +1 -1
  5. package/dist/xapp-form-widget.css +99 -80
  6. package/dist/xapp-form-widget.js +5 -5
  7. package/package.json +2 -2
package/dist/xapp-form-widget.css CHANGED
@@ -108,26 +108,26 @@ body.ModalDialog-module_xapp_search_opened__jgDSX {
108
108
  }
109
109
  }
110
110
  .SearchResponseBubble-module_xapp_search_response_bubble__UtmuK {
111
- --xapp-bubble-background: var(--xapp-form-messages-others-bubble-background);
111
+ --xapp-bubble-background: var(--xapp-form-widget-messages-others-bubble-background);
112
112
  }
113
113
  .Card-module_xapp_search_card__9iVCv {
114
- border: var(--xapp-form-card-border-style, solid) var(--xapp-form-card-border-width, 0) var(--xapp-form-card-border-color, var(--xapp-form-widget-border-color, var(--xapp-form-accent-color, #d3d3df)));
115
- border-radius: var(--xapp-form-card-border-radius, 12px);
116
- margin-top: var(--xapp-form-card-margin-top, 0);
117
- margin-right: var(--xapp-form-card-margin-right, 0);
118
- margin-bottom: var(--xapp-form-card-margin-bottom, 20px);
119
- margin-left: var(--xapp-form-card-margin-left, 0);
120
- padding-top: var(--xapp-form-card-padding-top, 0);
121
- padding-right: var(--xapp-form-card-padding-right, 0);
122
- padding-bottom: var(--xapp-form-card-padding-bottom, 0);
123
- padding-left: var(--xapp-form-card-padding-left, 0);
114
+ border: var(--xapp-form-widget-card-border-style, solid) var(--xapp-form-widget-card-border-width, 0) var(--xapp-form-widget-card-border-color, var(--xapp-form-widget-border-color, var(--xapp-form-widget-accent-color, #d3d3df)));
115
+ border-radius: var(--xapp-form-widget-card-border-radius, 12px);
116
+ margin-top: var(--xapp-form-widget-card-margin-top, 0);
117
+ margin-right: var(--xapp-form-widget-card-margin-right, 0);
118
+ margin-bottom: var(--xapp-form-widget-card-margin-bottom, 20px);
119
+ margin-left: var(--xapp-form-widget-card-margin-left, 0);
120
+ padding-top: var(--xapp-form-widget-card-padding-top, 0);
121
+ padding-right: var(--xapp-form-widget-card-padding-right, 0);
122
+ padding-bottom: var(--xapp-form-widget-card-padding-bottom, 0);
123
+ padding-left: var(--xapp-form-widget-card-padding-left, 0);
124
124
  box-sizing: border-box;
125
125
  display: flex;
126
126
  flex-direction: row;
127
127
  flex-wrap: wrap;
128
128
  justify-items: stretch;
129
129
  overflow: hidden;
130
- background-color: var(--xapp-form-card-background, #fff);
130
+ background-color: var(--xapp-formwidget--card-background, #fff);
131
131
  }
132
132
  .Card-module_xapp_search_card__featured__CX-L0 {
133
133
  flex: 1 1 240px;
@@ -175,20 +175,20 @@ body.ModalDialog-module_xapp_search_opened__jgDSX {
175
175
  overflow: hidden;
176
176
  text-overflow: ellipsis;
177
177
  white-space: nowrap;
178
- line-height: var(--xapp-form-card-link-line-height, 1.5em);
179
- font-family: var(--xapp-form-card-link-font-family, RobotoRegular, serif);
180
- font-weight: var(--xapp-form-card-link-font-weight, normal);
181
- font-size: var(--xapp-form-card-link-font-size, 16px);
182
- font-style: var(--xapp-form-card-link-font-style, normal);
183
- color: var(--xapp-form-card-link-text-color, #006621);
184
- margin-top: var(--xapp-form-card-link-margin-top, 0);
185
- margin-right: var(--xapp-form-card-link-margin-right, 0);
186
- margin-bottom: var(--xapp-form-card-link-margin-bottom, 0);
187
- margin-left: var(--xapp-form-card-link-margin-left, 0);
188
- padding-top: var(--xapp-form-card-link-padding-top, 0);
189
- padding-right: var(--xapp-form-card-link-padding-right, 0);
190
- padding-bottom: var(--xapp-form-card-link-padding-bottom, 0);
191
- padding-left: var(--xapp-form-card-link-padding-left, 0);
178
+ line-height: var(--xapp-form-widget-link-line-height, 1.5em);
179
+ font-family: var(--xapp-form-widget-link-font-family, RobotoRegular, serif);
180
+ font-weight: var(--xapp-form-widget-link-font-weight, normal);
181
+ font-size: var(--xapp-form-widget-link-font-size, 16px);
182
+ font-style: var(--xapp-form-widget-link-font-style, normal);
183
+ color: var(--xapp-form-widget-link-text-color, #006621);
184
+ margin-top: var(--xapp-form-widget-link-margin-top, 0);
185
+ margin-right: var(--xapp-form-widget-link-margin-right, 0);
186
+ margin-bottom: var(--xapp-form-widget-link-margin-bottom, 0);
187
+ margin-left: var(--xapp-form-widget-link-margin-left, 0);
188
+ padding-top: var(--xapp-form-widget-link-padding-top, 0);
189
+ padding-right: var(--xapp-form-widget-link-padding-right, 0);
190
+ padding-bottom: var(--xapp-form-widget-link-padding-bottom, 0);
191
+ padding-left: var(--xapp-form-widget-link-padding-left, 0);
192
192
  }
193
193
  .Card-module_xapp_search_card__btn__DHrQp {
194
194
  flex: 1 1 auto;
@@ -199,49 +199,49 @@ body.ModalDialog-module_xapp_search_opened__jgDSX {
199
199
  text-decoration: none;
200
200
  text-overflow: ellipsis;
201
201
  white-space: nowrap;
202
- line-height: var(--xapp-form-card-title-line-height, 1.25em);
203
- font-family: var(--xapp-form-card-title-font-family, RobotoRegular, serif);
204
- font-weight: var(--xapp-form-card-title-font-weight, normal);
205
- font-size: var(--xapp-form-card-title-font-size, 20px);
206
- font-style: var(--xapp-form-card-title-font-style, normal);
207
- color: var(--xapp-form-card-title-text-color, #1a0dab);
208
- margin-top: var(--xapp-form-card-title-margin-top, 0);
209
- margin-right: var(--xapp-form-card-title-margin-right, 0);
210
- margin-bottom: var(--xapp-form-card-title-margin-bottom, 0);
211
- margin-left: var(--xapp-form-card-title-margin-left, 0);
212
- padding-top: var(--xapp-form-card-title-padding-top, 0);
213
- padding-right: var(--xapp-form-card-title-padding-right, 0);
214
- padding-bottom: var(--xapp-form-card-title-padding-bottom, 0);
215
- padding-left: var(--xapp-form-card-title-padding-left, 0);
202
+ line-height: var(--xapp-form-widget-card-title-line-height, 1.25em);
203
+ font-family: var(--xapp-form-widget-card-title-font-family, RobotoRegular, serif);
204
+ font-weight: var(--xapp-form-widget-card-title-font-weight, normal);
205
+ font-size: var(--xapp-form-widget-card-title-font-size, 20px);
206
+ font-style: var(--xapp-form-widget-card-title-font-style, normal);
207
+ color: var(--xapp-form-widget-card-title-text-color, #1a0dab);
208
+ margin-top: var(--xapp-form-widget-title-margin-top, 0);
209
+ margin-right: var(--xapp-form-widget-title-margin-right, 0);
210
+ margin-bottom: var(--xapp-form-widget-title-margin-bottom, 0);
211
+ margin-left: var(--xapp-form-widget-title-margin-left, 0);
212
+ padding-top: var(--xapp-form-widget-title-padding-top, 0);
213
+ padding-right: var(--xapp-form-widget-title-padding-right, 0);
214
+ padding-bottom: var(--xapp-form-widget-title-padding-bottom, 0);
215
+ padding-left: var(--xapp-form-widget-title-padding-left, 0);
216
216
  }
217
217
  .Card-module_xapp_search_card__title__ddR3K:hover {
218
218
  text-decoration: underline;
219
219
  }
220
220
  .Card-module_xapp_search_card__description__MruSU {
221
- line-height: var(--xapp-form-card-description-line-height, 1.25em);
222
- font-family: var(--xapp-form-card-description-font-family, RobotoRegular, serif);
223
- font-weight: var(--xapp-form-card-description-font-weight, normal);
224
- font-size: var(--xapp-form-card-description-font-size, 16px);
225
- font-style: var(--xapp-form-card-description-font-style, normal);
226
- color: var(--xapp-form-card-description-text-color, #666);
227
- margin-top: var(--xapp-form-card-description-margin-top, 6px);
228
- margin-right: var(--xapp-form-card-description-margin-right, 0);
229
- margin-bottom: var(--xapp-form-card-description-margin-bottom, 0);
230
- margin-left: var(--xapp-form-card-description-margin-left, 0);
231
- padding-top: var(--xapp-form-card-description-padding-top, 0);
232
- padding-right: var(--xapp-form-card-description-padding-right, 0);
233
- padding-bottom: var(--xapp-form-card-description-padding-bottom, 0);
234
- padding-left: var(--xapp-form-card-description-padding-left, 0);
221
+ line-height: var(--xapp-form-widget-description-line-height, 1.25em);
222
+ font-family: var(--xapp-form-widget-description-font-family, RobotoRegular, serif);
223
+ font-weight: var(--xapp-form-widget-description-font-weight, normal);
224
+ font-size: var(--xapp-form-widget-description-font-size, 16px);
225
+ font-style: var(--xapp-form-widget-description-font-style, normal);
226
+ color: var(--xapp-form-widget-description-text-color, #666);
227
+ margin-top: var(--xapp-form-widget-description-margin-top, 6px);
228
+ margin-right: var(--xapp-form-widget-description-margin-right, 0);
229
+ margin-bottom: var(--xapp-form-widget-description-margin-bottom, 0);
230
+ margin-left: var(--xapp-form-widget-description-margin-left, 0);
231
+ padding-top: var(--xapp-form-widget-description-padding-top, 0);
232
+ padding-right: var(--xapp-form-widget-description-padding-right, 0);
233
+ padding-bottom: var(--xapp-form-widget-description-padding-bottom, 0);
234
+ padding-left: var(--xapp-form-widget-description-padding-left, 0);
235
235
  overflow: hidden;
236
- max-height: calc(5 * var(--xapp-form-card-description-line-height, 1.25em));
236
+ max-height: calc(5 * var(--xapp-form-widget-description-line-height, 1.25em));
237
237
  position: relative;
238
238
  }
239
239
  .Card-module_xapp_search_card__description__MruSU:after {
240
- background: linear-gradient(to bottom, rgba(var(--xapp-form-card-background, #fff), 0) 0%, rgba(var(--xapp-form-card-background, #fff), 0) 12.5%, rgba(var(--xapp-form-card-background, #fff), 1) 100%);
240
+ background: linear-gradient(to bottom, rgba(var(--xapp-formwidget--card-background, #fff), 0) 0%, rgba(var(--xapp-formwidget--card-background, #fff), 0) 12.5%, rgba(var(--xapp-formwidget--card-background, #fff), 1) 100%);
241
241
  content: "";
242
- height: var(--xapp-form-card-description-line-height, 1.25em);
242
+ height: var(--xapp-form-widget-description-line-height, 1.25em);
243
243
  position: absolute;
244
- top: calc(4 * var(--xapp-form-card-description-line-height, 1.25em));
244
+ top: calc(4 * var(--xapp-form-widget-description-line-height, 1.25em));
245
245
  left: 0;
246
246
  right: 0;
247
247
  pointer-events: none;
@@ -306,7 +306,7 @@ body.ModalDialog-module_xapp_search_opened__jgDSX {
306
306
  height: 32px !important;
307
307
  border-radius: 16px !important;
308
308
  min-width: 130px !important;
309
- background-color: var(--bg-color, #c4dced) !important;
309
+ background-color: var(--xapp-form-chip-bg-color, #c4dced) !important;
310
310
  transition: background-color 0.3s ease;
311
311
  }
312
312
 
@@ -328,7 +328,7 @@ body.ModalDialog-module_xapp_search_opened__jgDSX {
328
328
  }
329
329
 
330
330
  .FormFieldChips-module_xapp_checkbox_chip__8DRkb:hover {
331
- --bg-color: calc(var(--bg-color) + 20);
331
+ --xapp-form-chip-bg-color: calc(var(--xapp-form-chip-bg-color) + 20);
332
332
  }
333
333
 
334
334
  .FormFieldChips-module_xapp_chips_title_container__empty__5seHa p {
@@ -381,6 +381,20 @@ body.ModalDialog-module_xapp_search_opened__jgDSX {
381
381
  .FormStepDisplay-module_xapp_dummy_button__Q-nE6 {
382
382
  flex-grow: 1;
383
383
  }
384
+
385
+ .FormStepDisplay-module_xapp_primary_button__d2wra {
386
+ background-color: var(--xapp-form-widget-primary-color, #007bff) !important;
387
+ }
388
+ .FormStepDisplay-module_xapp_primary_button__d2wra:hover {
389
+ filter: brightness(80%) !important;
390
+ }
391
+
392
+ .FormStepDisplay-module_xapp_secondary_button__LuMfN {
393
+ background-color: var(--xapp-form-widget-secondary-color, #7f1aaa) !important;
394
+ }
395
+ .FormStepDisplay-module_xapp_secondary_button__LuMfN:hover {
396
+ filter: brightness(80%) !important;
397
+ }
384
398
  .FormFieldSelect-module_xapp_checkbox_select__QccWu {
385
399
  margin: 6px !important;
386
400
  font-size: 12px !important;
@@ -412,7 +426,7 @@ body.ModalDialog-module_xapp_search_opened__jgDSX {
412
426
  }
413
427
 
414
428
  .SearchResponseFormDisplay-module_xapp_header_container__ayUqb {
415
- background-color: #002b54 !important;
429
+ background-color: var(--xapp-form-widget-header-background-color, #002b54) !important;
416
430
  position: absolute;
417
431
  top: 0px;
418
432
  right: 0px;
@@ -426,7 +440,7 @@ body.ModalDialog-module_xapp_search_opened__jgDSX {
426
440
  .SearchResponseFormDisplay-module_xapp_header_container_showcase__-VUjy {
427
441
  border-top-left-radius: 12px;
428
442
  border-top-right-radius: 12px;
429
- background-color: #002b54 !important;
443
+ background-color: var(--xapp-form-widget-header-background-color, #002b54) !important;
430
444
  padding-top: 10px;
431
445
  padding-bottom: 10px;
432
446
  margin-top: 10px;
@@ -443,11 +457,11 @@ body.ModalDialog-module_xapp_search_opened__jgDSX {
443
457
  padding: 0px !important;
444
458
  }
445
459
  .SearchResponseOutputSpeech-module_xapp_search_response_output_speech__DCf8F {
446
- font-family: var(--xapp-form-messages-others-font-family, RobotoRegular, serif);
447
- font-weight: var(--xapp-form-messages-others-font-weight, normal);
448
- font-size: var(--xapp-form-messages-others-font-size, 16px);
449
- font-style: var(--xapp-form-messages-others-font-style, normal);
450
- color: var(--xapp-form-messages-others-text-color, #000);
460
+ font-family: var(--xapp-form-widget-messages-others-font-family, RobotoRegular, serif);
461
+ font-weight: var(--xapp-form-widget-messages-others-font-weight, normal);
462
+ font-size: var(--xapp-form-widget-messages-others-font-size, 16px);
463
+ font-style: var(--xapp-form-widget-messages-others-font-style, normal);
464
+ color: var(--xapp-form-widget-messages-others-text-color, #000);
451
465
  }
452
466
  .SearchResponseOutputSpeech-module_xapp_search_response_output_speech__DCf8F p {
453
467
  margin: 0 0 1em 0;
@@ -467,7 +481,7 @@ body.ModalDialog-module_xapp_search_opened__jgDSX {
467
481
  .Button-module_xapp_search_btn__cQf3T {
468
482
  display: inline-block;
469
483
  border-radius: 12px;
470
- border: solid 1px var(--xapp-form-widget-border-color, var(--xapp-form-accent-color, #d3d3df));
484
+ border: solid 1px var(--xapp-form-widget-border-color, var(--xapp-form-widget-accent-color, #d3d3df));
471
485
  background: white;
472
486
  padding: 4px 24px;
473
487
  color: black;
@@ -533,7 +547,7 @@ body.ModalDialog-module_xapp_search_opened__jgDSX {
533
547
  }
534
548
  .SearchResult-module_xapp_search_result__preview__vQRcO {
535
549
  flex: 0 0 40%;
536
- border-left: solid 1px var(--xapp-form-widget-border-color, var(--xapp-form-accent-color, #d3d3df));
550
+ border-left: solid 1px var(--xapp-form-widget-border-color, var(--xapp-form-widget-accent-color, #d3d3df));
537
551
  padding-left: 12px;
538
552
  padding-right: 12px;
539
553
  }
@@ -542,11 +556,16 @@ body.ModalDialog-module_xapp_search_opened__jgDSX {
542
556
  padding: 4px;
543
557
  color: inherit;
544
558
  }
559
+ .FormWidget-module_loading__aAJ-B {
560
+ background-color: rgba(0, 0, 0, 0) !important;
561
+ border: 0px !important;
562
+ }
563
+
545
564
  .FormWidget-module_xapp_form_widget__V-G-H {
546
565
  display: flex;
547
566
  flex-direction: column;
548
- border: var(--xapp-form-widget-border-style, solid) var(--xapp-form-widget-border-width, 1px) var(--xapp-form-widget-border-color, var(--xapp-form-accent-color, #d3d3df));
549
- background: #f4f8fd;
567
+ border: var(--xapp-form-widget-border-style, solid) var(--xapp-form-widget-border-width, 1px) var(--xapp-form-widget-border-color, var(--xapp-form-widget-accent-color, #d3d3df));
568
+ background: var(--xapp-form-widget-background-color, #f4f8fd);
550
569
  border-radius: var(--xapp-form-widget-border-radius, 17.5px);
551
570
  overflow: hidden;
552
571
  max-width: 100%;
@@ -557,7 +576,7 @@ body.ModalDialog-module_xapp_search_opened__jgDSX {
557
576
  .FormWidget-module_xapp_form_widget__content__a9NXC {
558
577
  display: flex;
559
578
  flex-direction: column;
560
- border-top: var(--xapp-form-widget-border-style, solid) var(--xapp-form-widget-border-width, 1px) var(--xapp-form-widget-border-color, var(--xapp-form-accent-color, #d3d3df));
579
+ border-top: var(--xapp-form-widget-border-style, solid) var(--xapp-form-widget-border-width, 1px) var(--xapp-form-widget-border-color, var(--xapp-form-widget-accent-color, #d3d3df));
561
580
  max-height: 100%;
562
581
  min-height: 128px;
563
582
  overflow: hidden;
@@ -598,8 +617,8 @@ body.ModalDialog-module_xapp_search_opened__jgDSX {
598
617
  top: 74px;
599
618
  left: 0;
600
619
  width: 100%;
601
- background-color: #f4f8fd;
602
- border: var(--xapp-form-widget-border-style, solid) var(--xapp-form-widget-border-width, 1px) var(--xapp-form-widget-border-color, var(--xapp-form-accent-color, #d3d3df));
620
+ background-color: var(--xapp-form-widget-background-color, #f4f8fd);
621
+ border: var(--xapp-form-widget-border-style, solid) var(--xapp-form-widget-border-width, 1px) var(--xapp-form-widget-border-color, var(--xapp-form-widget-accent-color, #d3d3df));
603
622
  border-radius: 0 0 var(--xapp-form-widget-border-radius, 17.5px) var(--xapp-form-widget-border-radius, 17.5px);
604
623
  }
605
624
  .ChatButton-module_xapp_chat_button__HH7eW {
@@ -607,16 +626,16 @@ body.ModalDialog-module_xapp_search_opened__jgDSX {
607
626
  top: 25px;
608
627
  left: 220px;
609
628
  cursor: pointer;
610
- margin-top: var(--xapp-chat-button-margin-top, var(--xapp-widget-margin-top, 16px));
611
- margin-right: var(--xapp-chat-button-margin-right, var(--xapp-widget-margin-right, 16px));
612
- margin-bottom: var(--xapp-chat-button-margin-bottom, var(--xapp-widget-margin-bottom, 16px));
613
- margin-left: var(--xapp-chat-button-margin-left, var(--xapp-widget-margin-left, 16px));
629
+ margin-top: var(--xapp-form-widget-margin-top, 16px);
630
+ margin-right: var(--xapp-form-widget-margin-right, 16px);
631
+ margin-bottom: var(--xapp-form-widget-margin-bottom, 16px);
632
+ margin-left: var(--xapp-form-widget-margin-left, 16px);
614
633
  display: block;
615
634
  opacity: 1;
616
635
  animation: ChatButton-module_widget-show-grow__z65qQ 0.5s backwards;
617
636
  width: 75px;
618
637
  height: 75px;
619
- z-index: var(--xapp-widget-z-index, 1000);
638
+ z-index: var(--xapp-form-widget-z-index, 1000);
620
639
  background-color: transparent;
621
640
  padding: 0;
622
641
  border-width: 0px;
@@ -634,7 +653,7 @@ body.ModalDialog-module_xapp_search_opened__jgDSX {
634
653
  height: 70px;
635
654
  border-radius: 35px;
636
655
  border: 2px solid rgb(255, 255, 255);
637
- background-color: var(--xapp-chat-button-background, #2f7ddd);
656
+ background-color: var(--xapp-form-widget-chat-button-background, #2f7ddd);
638
657
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.3);
639
658
  left: 50% !important;
640
659
  top: 50% !important;