@awell-health/ui-library 0.1.61 → 0.1.62

package/dist/index.css

@@ -1167,7 +1167,7 @@ html {
 }
 .awell__questionLabel_label {
   margin-bottom: var(--awell-spacing-1\.5);
-  font-size: var(--awell-font-size-sm);
+  font-size: var(--awell-font-size-base);
   line-height: var(--awell-leading-normal);
   font-weight: var(--awell-font-medium);
   color: rgb(55, 65, 81);
@@ -1176,7 +1176,7 @@ html {
 }
 @media (min-width: 640px) {
   .awell__questionLabel_label {
-    font-size: var(--awell-font-size-base);
+    font-size: var(--awell-font-size-lg);
     line-height: var(--awell-leading-relaxed);
   }
 }

package/dist/index.js

@@ -33884,9 +33884,14 @@ Check the top-level render call using <` + t + ">.");
         }
       }, [internalValue, is_value_tooltip_on, max, min, touched]);
       return jsxRuntime.exports.jsxs("div", { children: [jsxRuntime.exports.jsx(QuestionLabel, { htmlFor: id, label: label, mandatory: mandatory, id: "".concat(id, "-label") }), jsxRuntime.exports.jsxs("div", __assign({ className: classes$i.input_container }, { children: [jsxRuntime.exports.jsx("div", __assign({ className: "".concat(classes$i.touch_tooltip_wrapper, "  ").concat(is_value_tooltip_on ? classes$i.with_value_tooltip : '') }, { children: renderTouchTooltip() })), jsxRuntime.exports.jsxs("div", __assign({ className: "".concat(classes$i.awell_range_input_wrapper, " ").concat(display_marks ? classes$i.with_marks : ''), style: style }, { children: [is_value_tooltip_on &&
-            renderValueTooltip(internalValue, tooltipPosition.left, tooltipPosition.top, touched), jsxRuntime.exports.jsx("input", __assign({}, props, { "data-testid": id, type: "range", id: "awell__slider_input", min: min, max: max, step: step_value, className: "".concat(classes$i.awell_range_input, " ").concat(touched ? classes$i.showThumb : classes$i.hideThumb), onChange: handleValueChange, onFocus: function () {
-                setTouched(true);
-                onTouched(true);
+            renderValueTooltip(internalValue, tooltipPosition.left, tooltipPosition.top, touched), jsxRuntime.exports.jsx("input", __assign({}, props, { "data-testid": id, type: "range", id: "awell__slider_input", min: min, max: max, step: step_value, className: "".concat(classes$i.awell_range_input, " ").concat(touched ? classes$i.showThumb : classes$i.hideThumb), onChange: handleValueChange, onFocus: function (e) {
+                if (!touched) {
+                  handleValueChange(e);
+                } else
+                {
+                  setTouched(true);
+                  onTouched(true);
+                }
               }, "aria-valuemin": min, "aria-valuemax": max, "aria-valuenow": props.value || min, "aria-labelledby": "".concat(id, "-label") }))] })), jsxRuntime.exports.jsxs("div", __assign({ className: classes$i.min_max_wrapper }, { children: [show_min_max_values && jsxRuntime.exports.jsxs("div", __assign({ className: classes$i.min_max_data_list, "data-testid": "".concat(id, "-datalist-values") }, { children: [jsxRuntime.exports.jsx("div", __assign({ className: classes$i.min, "aria-label": "Minimum value" }, { children: min })), jsxRuntime.exports.jsx("div", __assign({ className: classes$i.max, "aria-label": "Maximum value" }, { children: max }))] })), (!lodash.exports.isEmpty(min_label) || !lodash.exports.isEmpty(max_label)) && jsxRuntime.exports.jsxs("div", __assign({ className: classes$i.min_max_data_list, "data-testid": "".concat(id, "-datalist-labels") }, { children: [jsxRuntime.exports.jsx("div", __assign({ className: classes$i.min, "aria-label": "Minimum label" }, { children: min_label })), jsxRuntime.exports.jsx("div", __assign({ className: classes$i.max, "aria-label": "Maximum label" }, { children: max_label }))] }))] }))] }))] });
     };
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@awell-health/ui-library",
-  "version": "0.1.61",
+  "version": "0.1.62",
   "private": false,
   "description": "UI components to integrate with Awell Health",
   "repository": {