@awell-health/ui-library 0.1.73 → 0.1.74

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 (3) hide show
  1. package/dist/index.css +49 -3
  2. package/dist/index.js +2 -2
  3. package/package.json +1 -1
package/dist/index.css CHANGED
@@ -186,6 +186,8 @@ html {
186
186
  /* 56px */
187
187
  --spacing-16: 4rem;
188
188
  /* 64px */
189
+ --spacing-18: 4.5rem;
190
+ /* 72px */
189
191
  --spacing-20: 5rem;
190
192
  /* 80px */
191
193
  --spacing-24: 6rem;
@@ -640,6 +642,8 @@ html {
640
642
  /* 56px */
641
643
  --spacing-16: 4rem;
642
644
  /* 64px */
645
+ --spacing-18: 4.5rem;
646
+ /* 72px */
643
647
  --spacing-20: 5rem;
644
648
  /* 80px */
645
649
  --spacing-24: 6rem;
@@ -1372,6 +1376,8 @@ html {
1372
1376
  /* 56px */
1373
1377
  --spacing-16: 4rem;
1374
1378
  /* 64px */
1379
+ --spacing-18: 4.5rem;
1380
+ /* 72px */
1375
1381
  --spacing-20: 5rem;
1376
1382
  /* 80px */
1377
1383
  --spacing-24: 6rem;
@@ -1852,6 +1858,8 @@ html {
1852
1858
  /* 56px */
1853
1859
  --spacing-16: 4rem;
1854
1860
  /* 64px */
1861
+ --spacing-18: 4.5rem;
1862
+ /* 72px */
1855
1863
  --spacing-20: 5rem;
1856
1864
  /* 80px */
1857
1865
  --spacing-24: 6rem;
@@ -2400,6 +2408,8 @@ html {
2400
2408
  /* 56px */
2401
2409
  --spacing-16: 4rem;
2402
2410
  /* 64px */
2411
+ --spacing-18: 4.5rem;
2412
+ /* 72px */
2403
2413
  --spacing-20: 5rem;
2404
2414
  /* 80px */
2405
2415
  --spacing-24: 6rem;
@@ -2773,6 +2783,8 @@ html {
2773
2783
  /* 56px */
2774
2784
  --spacing-16: 4rem;
2775
2785
  /* 64px */
2786
+ --spacing-18: 4.5rem;
2787
+ /* 72px */
2776
2788
  --spacing-20: 5rem;
2777
2789
  /* 80px */
2778
2790
  --spacing-24: 6rem;
@@ -3158,6 +3170,8 @@ html {
3158
3170
  /* 56px */
3159
3171
  --spacing-16: 4rem;
3160
3172
  /* 64px */
3173
+ --spacing-18: 4.5rem;
3174
+ /* 72px */
3161
3175
  --spacing-20: 5rem;
3162
3176
  /* 80px */
3163
3177
  --spacing-24: 6rem;
@@ -3684,6 +3698,8 @@ html {
3684
3698
  /* 56px */
3685
3699
  --spacing-16: 4rem;
3686
3700
  /* 64px */
3701
+ --spacing-18: 4.5rem;
3702
+ /* 72px */
3687
3703
  --spacing-20: 5rem;
3688
3704
  /* 80px */
3689
3705
  --spacing-24: 6rem;
@@ -4042,6 +4058,8 @@ html {
4042
4058
  /* 56px */
4043
4059
  --spacing-16: 4rem;
4044
4060
  /* 64px */
4061
+ --spacing-18: 4.5rem;
4062
+ /* 72px */
4045
4063
  --spacing-20: 5rem;
4046
4064
  /* 80px */
4047
4065
  --spacing-24: 6rem;
@@ -4426,6 +4444,8 @@ html {
4426
4444
  /* 56px */
4427
4445
  --spacing-16: 4rem;
4428
4446
  /* 64px */
4447
+ --spacing-18: 4.5rem;
4448
+ /* 72px */
4429
4449
  --spacing-20: 5rem;
4430
4450
  /* 80px */
4431
4451
  --spacing-24: 6rem;
@@ -4977,6 +4997,8 @@ html {
4977
4997
  /* 56px */
4978
4998
  --spacing-16: 4rem;
4979
4999
  /* 64px */
5000
+ --spacing-18: 4.5rem;
5001
+ /* 72px */
4980
5002
  --spacing-20: 5rem;
4981
5003
  /* 80px */
4982
5004
  --spacing-24: 6rem;
@@ -5602,6 +5624,8 @@ html {
5602
5624
  /* 56px */
5603
5625
  --spacing-16: 4rem;
5604
5626
  /* 64px */
5627
+ --spacing-18: 4.5rem;
5628
+ /* 72px */
5605
5629
  --spacing-20: 5rem;
5606
5630
  /* 80px */
5607
5631
  --spacing-24: 6rem;
@@ -6103,6 +6127,8 @@ html {
6103
6127
  /* 56px */
6104
6128
  --spacing-16: 4rem;
6105
6129
  /* 64px */
6130
+ --spacing-18: 4.5rem;
6131
+ /* 72px */
6106
6132
  --spacing-20: 5rem;
6107
6133
  /* 80px */
6108
6134
  --spacing-24: 6rem;
@@ -6438,6 +6464,8 @@ html {
6438
6464
  /* 56px */
6439
6465
  --spacing-16: 4rem;
6440
6466
  /* 64px */
6467
+ --spacing-18: 4.5rem;
6468
+ /* 72px */
6441
6469
  --spacing-20: 5rem;
6442
6470
  /* 80px */
6443
6471
  --spacing-24: 6rem;
@@ -6815,6 +6843,8 @@ html {
6815
6843
  /* 56px */
6816
6844
  --spacing-16: 4rem;
6817
6845
  /* 64px */
6846
+ --spacing-18: 4.5rem;
6847
+ /* 72px */
6818
6848
  --spacing-20: 5rem;
6819
6849
  /* 80px */
6820
6850
  --spacing-24: 6rem;
@@ -7188,6 +7218,8 @@ html {
7188
7218
  /* 56px */
7189
7219
  --spacing-16: 4rem;
7190
7220
  /* 64px */
7221
+ --spacing-18: 4.5rem;
7222
+ /* 72px */
7191
7223
  --spacing-20: 5rem;
7192
7224
  /* 80px */
7193
7225
  --spacing-24: 6rem;
@@ -7557,6 +7589,8 @@ html {
7557
7589
  /* 56px */
7558
7590
  --spacing-16: 4rem;
7559
7591
  /* 64px */
7592
+ --spacing-18: 4.5rem;
7593
+ /* 72px */
7560
7594
  --spacing-20: 5rem;
7561
7595
  /* 80px */
7562
7596
  --spacing-24: 6rem;
@@ -7966,6 +8000,8 @@ html {
7966
8000
  /* 56px */
7967
8001
  --spacing-16: 4rem;
7968
8002
  /* 64px */
8003
+ --spacing-18: 4.5rem;
8004
+ /* 72px */
7969
8005
  --spacing-20: 5rem;
7970
8006
  /* 80px */
7971
8007
  --spacing-24: 6rem;
@@ -8195,7 +8231,7 @@ html {
8195
8231
  }
8196
8232
  }
8197
8233
  .awell__form_trademark.awell__form_traditional {
8198
- padding-bottom: var(--awell-spacing-6);
8234
+ padding-bottom: var(--spacing-18);
8199
8235
  }
8200
8236
  .awell__form_trademark.awell__form_conversational {
8201
8237
  padding-top: var(--awell-spacing-4);
@@ -8207,8 +8243,8 @@ html {
8207
8243
  bottom: 50px;
8208
8244
  left: 0;
8209
8245
  width: 100%;
8210
- height: 70px;
8211
- background: linear-gradient(to bottom, transparent, var(--awell-neutralLight10) 100%);
8246
+ height: 50px;
8247
+ background: linear-gradient(to bottom, transparent, var(--awell-neutralLight10) 50%);
8212
8248
  pointer-events: none; /* Prevent interaction */
8213
8249
  transition: top 0.5s ease-in-out;
8214
8250
  }
@@ -8400,6 +8436,8 @@ html {
8400
8436
  /* 56px */
8401
8437
  --spacing-16: 4rem;
8402
8438
  /* 64px */
8439
+ --spacing-18: 4.5rem;
8440
+ /* 72px */
8403
8441
  --spacing-20: 5rem;
8404
8442
  /* 80px */
8405
8443
  --spacing-24: 6rem;
@@ -8755,6 +8793,8 @@ html {
8755
8793
  /* 56px */
8756
8794
  --spacing-16: 4rem;
8757
8795
  /* 64px */
8796
+ --spacing-18: 4.5rem;
8797
+ /* 72px */
8758
8798
  --spacing-20: 5rem;
8759
8799
  /* 80px */
8760
8800
  --spacing-24: 6rem;
@@ -9125,6 +9165,8 @@ html {
9125
9165
  /* 56px */
9126
9166
  --spacing-16: 4rem;
9127
9167
  /* 64px */
9168
+ --spacing-18: 4.5rem;
9169
+ /* 72px */
9128
9170
  --spacing-20: 5rem;
9129
9171
  /* 80px */
9130
9172
  --spacing-24: 6rem;
@@ -9480,6 +9522,8 @@ html {
9480
9522
  /* 56px */
9481
9523
  --spacing-16: 4rem;
9482
9524
  /* 64px */
9525
+ --spacing-18: 4.5rem;
9526
+ /* 72px */
9483
9527
  --spacing-20: 5rem;
9484
9528
  /* 80px */
9485
9529
  --spacing-24: 6rem;
@@ -9877,6 +9921,8 @@ html {
9877
9921
  /* 56px */
9878
9922
  --spacing-16: 4rem;
9879
9923
  /* 64px */
9924
+ --spacing-18: 4.5rem;
9925
+ /* 72px */
9880
9926
  --spacing-20: 5rem;
9881
9927
  /* 80px */
9882
9928
  --spacing-24: 6rem;
package/dist/index.js CHANGED
@@ -38388,7 +38388,7 @@ Check the top-level render call using <` + t + ">.");
38388
38388
  var handleScroll = function () {
38389
38389
  if (scrollHintOverlayRef.current) {
38390
38390
  var _a = document.documentElement,scrollTop = _a.scrollTop,scrollHeight = _a.scrollHeight,clientHeight = _a.clientHeight;
38391
- var isAtBottom = scrollTop + clientHeight >= scrollHeight;
38391
+ var isAtBottom = scrollTop + clientHeight >= scrollHeight - 1;
38392
38392
  scrollHintOverlayRef.current.style.top = isAtBottom ? '100%' : 'auto';
38393
38393
  }
38394
38394
  };
@@ -38413,7 +38413,7 @@ Check the top-level render call using <` + t + ">.");
38413
38413
  }, []);
38414
38414
  return jsxRuntime.exports.jsxs("div", { children: [jsxRuntime.exports.jsx("main", __assign({ id: "ahp_main_content_with_scroll_hint", className: "".concat(layoutClasses.main_content, " ").concat(classes$4.traditional_form) }, { children: jsxRuntime.exports.jsxs("div", __assign({ className: "".concat(classes$4.container, " ").concat(classes$4.traditional_container) }, { children: [!questionWithVisiblity ? jsxRuntime.exports.jsx("div", __assign({ className: classes$4.loadingContainer }, { children: jsxRuntime.exports.jsx(LoadActivityPlaceholder, {}) })) : jsxRuntime.exports.jsx("div", { children: jsxRuntime.exports.jsx("div", { children: questionWithVisiblity.
38415
38415
  filter(function (vb) {return vb.visible;}).
38416
- map(function (visibleQuestion) {return jsxRuntime.exports.jsx("div", __assign({ className: classes$4.traditional_form_question }, { children: jsxRuntime.exports.jsx(Question, { question: visibleQuestion, control: control, getValues: getValues, errors: errors, inputAutoFocus: false, onAnswerChange: updateQuestionVisibility, labels: questionLabels }, visibleQuestion.id) }), visibleQuestion.id);}) }) }), (form === null || form === void 0 ? void 0 : form.trademark) && jsxRuntime.exports.jsx("div", __assign({ className: "".concat(classes$4.trademark, " ").concat(classes$4.conversational) }, { children: form.trademark }))] })) })), jsxRuntime.exports.jsx("div", { ref: scrollHintOverlayRef, className: classes$4.scroll_hint_overlay }), jsxRuntime.exports.jsx(HostedPageFooter, __assign({ showScrollHint: false, fixPosition: true }, { children: jsxRuntime.exports.jsxs("div", __assign({ className: classes$4.traditional_button_wrapper }, { children: [formHasErrors && jsxRuntime.exports.jsx("div", { children: jsxRuntime.exports.jsx(Text, __assign({ variant: "textSmall", color: "var(--awell-signalError100)" }, { children: errorLabels.formHasErrors })) }), jsxRuntime.exports.jsx("div", {}), jsxRuntime.exports.jsx(Button, __assign({ onClick: submitForm, type: "submit", "data-cy": "submitFormButton", disabled: isSubmittingForm }, { children: buttonLabels.submit }))] })) }))] });
38416
+ map(function (visibleQuestion) {return jsxRuntime.exports.jsx("div", __assign({ className: classes$4.traditional_form_question }, { children: jsxRuntime.exports.jsx(Question, { question: visibleQuestion, control: control, getValues: getValues, errors: errors, inputAutoFocus: false, onAnswerChange: updateQuestionVisibility, labels: questionLabels }, visibleQuestion.id) }), visibleQuestion.id);}) }) }), (form === null || form === void 0 ? void 0 : form.trademark) && jsxRuntime.exports.jsx("div", __assign({ className: "".concat(classes$4.trademark, " ").concat(classes$4.traditional) }, { children: form.trademark }))] })) })), jsxRuntime.exports.jsx("div", { ref: scrollHintOverlayRef, className: classes$4.scroll_hint_overlay }), jsxRuntime.exports.jsx(HostedPageFooter, __assign({ showScrollHint: false, fixPosition: true }, { children: jsxRuntime.exports.jsxs("div", __assign({ className: classes$4.traditional_button_wrapper }, { children: [formHasErrors && jsxRuntime.exports.jsx("div", { children: jsxRuntime.exports.jsx(Text, __assign({ variant: "textSmall", color: "var(--awell-signalError100)" }, { children: errorLabels.formHasErrors })) }), jsxRuntime.exports.jsx("div", {}), jsxRuntime.exports.jsx(Button, __assign({ onClick: submitForm, type: "submit", "data-cy": "submitFormButton", disabled: isSubmittingForm }, { children: buttonLabels.submit }))] })) }))] });
38417
38417
  };
38418
38418
 
38419
38419
  var WizardForm = ConversationalForm;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@awell-health/ui-library",
3
- "version": "0.1.73",
3
+ "version": "0.1.74",
4
4
  "description": "UI components to integrate with Awell Health",
5
5
  "repository": {
6
6
  "type": "git",