@yoobic/yobi 7.7.89 → 7.7.93

package/dist/cjs/yoo-form-creator-block-simple_4.cjs.entry.js

@@ -9,7 +9,7 @@ require('./ResizeObserver.es-2edf4ecd.js');
 const commonHelpers = require('./common-helpers-797be2a6.js');
 const index$1 = require('./index-f0c2575c.js');
 const sortable_esm = require('./sortable.esm-71f9713d.js');
-const index$2 = require('./index-4e7dd1d7.js');
+const index$2 = require('./index-541062cd.js');
 const entitiesHelpers$1 = require('./entities-helpers-e377d30b.js');
 const entitiesHelpers = require('./entities-helpers-c6ed72dc.js');
 require('./isUndefined-8f9cfd10.js');
@@ -29,7 +29,7 @@ require('./keys-c78834c2.js');
 require('./_baseUnary-95e872e2.js');
 require('./_baseKeys-38051434.js');
 require('./_getTag-044b275e.js');
-require('./form-helpers-71b62854.js');
+require('./form-helpers-f895ae5a.js');
 require('./filters-helpers-15d9001e.js');
 require('./video-player-helpers-a6d263f8.js');
 require('./_baseFlatten-4570005c.js');
@@ -47,6 +47,7 @@ require('./_baseEach-1273a673.js');
 require('./cloneDeep-e00dc6ae.js');
 require('./_baseClone-c9f8db57.js');
 require('./_baseAssignValue-88ae85ba.js');
+require('./isNil-6a494bf8.js');
 require('./toInteger-31800ffe.js');
 require('./toFinite-3604340c.js');
 require('./toNumber-8907f58c.js');

package/dist/cjs/yoo-form-creator-card_2.cjs.entry.js

@@ -6,7 +6,7 @@ const index = require('./index-fd52e687.js');
 const rrule = require('./rrule-f8e7fec2.js');
 require('./input-bar.interface-b96b7107.js');
 const index$2 = require('./index-f0c2575c.js');
-const index$1 = require('./index-4e7dd1d7.js');
+const index$1 = require('./index-541062cd.js');
 require('./index-e2b47ee9.js');
 require('./document-b4cc3315.js');
 require('./validate-f2c2f205.js');
@@ -21,7 +21,7 @@ require('./keys-c78834c2.js');
 require('./_baseUnary-95e872e2.js');
 require('./_baseKeys-38051434.js');
 require('./_getTag-044b275e.js');
-require('./form-helpers-71b62854.js');
+require('./form-helpers-f895ae5a.js');
 require('./filters-helpers-15d9001e.js');
 require('./video-player-helpers-a6d263f8.js');
 require('./_baseFlatten-4570005c.js');
@@ -42,6 +42,7 @@ require('./cloneDeep-e00dc6ae.js');
 require('./_baseClone-c9f8db57.js');
 require('./_baseAssignValue-88ae85ba.js');
 require('./isUndefined-8f9cfd10.js');
+require('./isNil-6a494bf8.js');
 require('./toInteger-31800ffe.js');
 require('./toFinite-3604340c.js');
 require('./toNumber-8907f58c.js');

package/dist/cjs/yoo-form-creator-field-selector_8.cjs.entry.js

@@ -13,7 +13,7 @@ const device_interface = require('./device.interface-44ea5b01.js');
 const cardVideo_interface = require('./card-video.interface-284b7b92.js');
 const sortable_esm = require('./sortable.esm-71f9713d.js');
 const formCreatorHelpers = require('./form-creator-helpers-ed0a88b0.js');
-const index$2 = require('./index-4e7dd1d7.js');
+const index$2 = require('./index-541062cd.js');
 const isEqual = require('./isEqual-35c41499.js');
 const remove = require('./remove-41707d5a.js');
 const index$3 = require('./index-f0c2575c.js');
@@ -35,7 +35,7 @@ require('./index-e2b47ee9.js');
 require('./document-b4cc3315.js');
 require('./validate-f2c2f205.js');
 require('./isString-ecd0cbf4.js');
-require('./form-helpers-71b62854.js');
+require('./form-helpers-f895ae5a.js');
 require('./filters-helpers-15d9001e.js');
 require('./video-player-helpers-a6d263f8.js');
 require('./_baseFlatten-4570005c.js');
@@ -49,6 +49,7 @@ require('./_baseOrderBy-be8bc01f.js');
 require('./_baseIteratee-981b7db0.js');
 require('./_baseIsEqual-ea3c1968.js');
 require('./_baseEach-1273a673.js');
+require('./isNil-6a494bf8.js');
 require('./toInteger-31800ffe.js');
 require('./toFinite-3604340c.js');
 require('./toNumber-8907f58c.js');

package/dist/cjs/yoo-form-creator-translate-dialog.cjs.entry.js

@@ -7,7 +7,7 @@ const inputBar_interface = require('./input-bar.interface-b96b7107.js');
 const rrule = require('./rrule-f8e7fec2.js');
 const formCreatorHelpers = require('./form-creator-helpers-ed0a88b0.js');
 const stringHelpers = require('./string-helpers-4852718a.js');
-const index$1 = require('./index-4e7dd1d7.js');
+const index$1 = require('./index-541062cd.js');
 const cloneDeep = require('./cloneDeep-e00dc6ae.js');
 const isEmpty = require('./isEmpty-1723db8b.js');
 const isString = require('./isString-ecd0cbf4.js');
@@ -23,7 +23,7 @@ require('./_getTag-044b275e.js');
 require('./index-e2b47ee9.js');
 require('./document-b4cc3315.js');
 require('./validate-f2c2f205.js');
-require('./form-helpers-71b62854.js');
+require('./form-helpers-f895ae5a.js');
 require('./filters-helpers-15d9001e.js');
 require('./video-player-helpers-a6d263f8.js');
 require('./_baseFlatten-4570005c.js');
@@ -40,6 +40,7 @@ require('./_baseIteratee-981b7db0.js');
 require('./get-91c14783.js');
 require('./_baseEach-1273a673.js');
 require('./isUndefined-8f9cfd10.js');
+require('./isNil-6a494bf8.js');
 require('./toInteger-31800ffe.js');
 require('./toFinite-3604340c.js');
 require('./toNumber-8907f58c.js');

package/dist/cjs/yoo-form-creator.cjs.entry.js

@@ -12,7 +12,7 @@ require('./ResizeObserver.es-2edf4ecd.js');
 const commonHelpers = require('./common-helpers-797be2a6.js');
 const sortable_esm = require('./sortable.esm-71f9713d.js');
 const index$2 = require('./index-77d54324.js');
-const index$1 = require('./index-4e7dd1d7.js');
+const index$1 = require('./index-541062cd.js');
 const cloneDeep = require('./cloneDeep-e00dc6ae.js');
 const orderBy = require('./orderBy-18003c1b.js');
 require('./document-b4cc3315.js');
@@ -30,7 +30,7 @@ require('./_getTag-044b275e.js');
 require('./isUndefined-8f9cfd10.js');
 require('./get-91c14783.js');
 require('./_baseGet-89e374f5.js');
-require('./form-helpers-71b62854.js');
+require('./form-helpers-f895ae5a.js');
 require('./filters-helpers-15d9001e.js');
 require('./video-player-helpers-a6d263f8.js');
 require('./_baseFlatten-4570005c.js');
@@ -45,6 +45,7 @@ require('./sortBy-f3be5f01.js');
 require('./_baseOrderBy-be8bc01f.js');
 require('./_baseIteratee-981b7db0.js');
 require('./_baseEach-1273a673.js');
+require('./isNil-6a494bf8.js');
 require('./toInteger-31800ffe.js');
 require('./toFinite-3604340c.js');
 require('./toNumber-8907f58c.js');

package/dist/cjs/yoo-form-json.cjs.entry.js

@@ -6,12 +6,12 @@ const index = require('./index-fd52e687.js');
 const rrule = require('./rrule-f8e7fec2.js');
 require('./input-bar.interface-b96b7107.js');
 require('./ResizeObserver.es-2edf4ecd.js');
-const formHelpers = require('./form-helpers-0b6c3054.js');
+const formHelpers = require('./form-helpers-ec3c2d29.js');
 const formInputHelpers = require('./form-input-helpers-9e98c0e6.js');
 require('./isUndefined-8f9cfd10.js');
 require('./isNumber-4c1ace60.js');
 require('./filters-helpers-15d9001e.js');
-require('./form-helpers-71b62854.js');
+require('./form-helpers-f895ae5a.js');
 require('./video-player-helpers-a6d263f8.js');
 require('./isString-ecd0cbf4.js');
 require('./_arrayPush-0b398b4a.js');
@@ -39,6 +39,7 @@ require('./_baseEach-1273a673.js');
 require('./cloneDeep-e00dc6ae.js');
 require('./_baseClone-c9f8db57.js');
 require('./_baseAssignValue-88ae85ba.js');
+require('./isNil-6a494bf8.js');
 require('./toInteger-31800ffe.js');
 require('./toFinite-3604340c.js');
 require('./toNumber-8907f58c.js');

package/dist/cjs/yoo-form-range.cjs.entry.js

@@ -8,8 +8,8 @@ require('./input-bar.interface-b96b7107.js');
 require('./ResizeObserver.es-2edf4ecd.js');
 const formInputHelpers = require('./form-input-helpers-9e98c0e6.js');
 const isEqual = require('./isEqual-35c41499.js');
+const isNumber = require('./isNumber-4c1ace60.js');
 require('./isUndefined-8f9cfd10.js');
-require('./isNumber-4c1ace60.js');
 require('./common-helpers-797be2a6.js');
 require('./get-91c14783.js');
 require('./_baseGet-89e374f5.js');
@@ -104,7 +104,8 @@ const YooFormRangeComponent = class {
     }
   }
   renderReadonly() {
-    return (index.h("div", { class: "readonly" }, index.h("div", null, this.value ? this.value[0] : null), index.h("div", null, this.value && this.isRangeSlider ? this.value[1] : null)));
+    var _a, _b;
+    return (index.h("div", { class: "readonly" }, index.h("div", null, isNumber.isNumber(this.value) ? this.value : null), index.h("div", null, rrule.isArray(this.value) && ((_a = this.value) === null || _a === void 0 ? void 0 : _a.length) > 0 && this.isRangeSlider ? this.value[0] : null), index.h("div", null, rrule.isArray(this.value) && ((_b = this.value) === null || _b === void 0 ? void 0 : _b.length) > 1 && this.isRangeSlider ? this.value[1] : null)));
   }
   renderEditable() {
     const iterable = this.isRangeSlider ? [1, 2] : [1];

package/dist/cjs/yoo-lesson-question-result.cjs.entry.js

@@ -7,7 +7,7 @@ const rrule = require('./rrule-f8e7fec2.js');
 require('./input-bar.interface-b96b7107.js');
 const document = require('./document-b4cc3315.js');
 const boostHelpers = require('./boost-helpers-0fe0ab90.js');
-const formHelpers = require('./form-helpers-71b62854.js');
+const formHelpers = require('./form-helpers-f895ae5a.js');
 const get = require('./get-91c14783.js');
 const isNumber = require('./isNumber-4c1ace60.js');
 require('./validate-f2c2f205.js');
@@ -39,6 +39,7 @@ require('./cloneDeep-e00dc6ae.js');
 require('./_baseClone-c9f8db57.js');
 require('./_baseAssignValue-88ae85ba.js');
 require('./isUndefined-8f9cfd10.js');
+require('./isNil-6a494bf8.js');
 require('./toInteger-31800ffe.js');
 require('./toFinite-3604340c.js');
 require('./toNumber-8907f58c.js');

package/dist/cjs/yoo-points-recap_2.cjs.entry.js

@@ -5,30 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-fd52e687.js');
 const rrule = require('./rrule-f8e7fec2.js');
 require('./input-bar.interface-b96b7107.js');
-
-/**
- * Checks if `value` is `null` or `undefined`.
- *
- * @static
- * @memberOf _
- * @since 4.0.0
- * @category Lang
- * @param {*} value The value to check.
- * @returns {boolean} Returns `true` if `value` is nullish, else `false`.
- * @example
- *
- * _.isNil(null);
- * // => true
- *
- * _.isNil(void 0);
- * // => true
- *
- * _.isNil(NaN);
- * // => false
- */
-function isNil(value) {
-  return value == null;
-}
+const isNil = require('./isNil-6a494bf8.js');
 
 const pointsRecapCss = ":root{--ease-in-back:cubic-bezier(0.36, 0, 0.66, -0.56);--ease-in-circ:cubic-bezier(0.55, 0, 1, 0.45);--ease-in-cubic:cubic-bezier(0.32, 0, 0.67, 0);--ease-in-expo:cubic-bezier(0.7, 0, 0.84, 0);--ease-in-quad:cubic-bezier(0.11, 0, 0.5, 0);--ease-in-quart:cubic-bezier(0.5, 0, 0.75, 0);--ease-in-quint:cubic-bezier(0.64, 0, 0.78, 0);--ease-in-sine:cubic-bezier(0.12, 0, 0.39, 0);--ease-out-back:cubic-bezier(0.34, 1.56, 0.64, 1);--ease-out-circ:cubic-bezier(0, 0.55, 0.45, 1);--ease-out-cubic:cubic-bezier(0.33, 1, 0.68, 1);--ease-out-expo:cubic-bezier(0.16, 1, 0.3, 1);--ease-out-quad:cubic-bezier(0.5, 1, 0.89, 1);--ease-out-quart:cubic-bezier(0.25, 1, 0.5, 1);--ease-out-quint:cubic-bezier(0.22, 1, 0.36, 1);--ease-out-sine:cubic-bezier(0.61, 1, 0.88, 1);--ease-in-out-back:cubic-bezier(0.68, -0.6, 0.32, 1.6);--ease-in-out-circ:cubic-bezier(0.85, 0, 0.15, 1);--ease-in-out-cubic:cubic-bezier(0.65, 0, 0.35, 1);--ease-in-out-expo:cubic-bezier(0.87, 0, 0.13, 1);--ease-in-out-quad:cubic-bezier(0.45, 0, 0.55, 1);--ease-in-out-quart:cubic-bezier(0.76, 0, 0.24, 1);--ease-in-out-quint:cubic-bezier(0.83, 0, 0.17, 1);--ease-in-out-sine:cubic-bezier(0.37, 0, 0.63, 1)}.tippy-box,.tippy-popper{white-space:pre-wrap}.tippy-box .tippy-tooltip,.tippy-popper .tippy-tooltip{padding:var(--spacing-02, 0.125rem)}.tippy-box{-webkit-box-shadow:var(--shadow-03, 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-03, 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1))}.tippy-box .tippy-content.editable{padding:0}.tippy-box .tippy-content .flex{display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around}.tippy-box .tippy-content .hidden{display:none}.tippy-box .tippy-content .editable-content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;color:var(--dark, #000000)}.tippy-box .tippy-content .editable-content .text-content{min-width:5rem;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.tippy-box .tippy-content .editable-content .text-content>div{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.tippy-box .tippy-content .editable-content.readonly{padding:var(--spacing-08, 0.5rem)}.tippy-box .tippy-content .editable-content .maxchar-content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-item-align:end;align-self:flex-end;height:var(--spacing-24, 1.5rem);padding-right:var(--spacing-08, 0.5rem)}.tippy-box .tippy-content .editable-content .action-content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.tippy-box .tippy-content .editable-content .action-content yoo-button{padding:0 var(--spacing-08, 0.5rem)}.tippy-box .tippy-content .editable-content .action-content .edit-content{-ms-flex-align:center;align-items:center}.tippy-box .tippy-content .editable-content .action-content .edit-content yoo-icon{padding-left:var(--spacing-08, 0.5rem);cursor:pointer}.tippy-box .tippy-content .editable-content .edit-content>*{cursor:pointer}.tippy-box .tippy-content .request-access{padding:var(--spacing-08, 0.5rem)}.tippy-box .tippy-content .request-access .title{margin-bottom:var(--spacing-08, 0.5rem);font-weight:var(--font-weight-700, 700)}.tippy-box .tippy-content .request-access .sub-title{display:-ms-flexbox;display:flex;margin-bottom:var(--spacing-08, 0.5rem);font-weight:var(--font-weight-300, 300);font-size:var(--font-size-14, 0.875rem)}.tippy-box .tippy-content .request-access .sub-title yoo-avatar{margin:0 var(--spacing-04, 0.25rem)}.tippy-box .tippy-content .request-access yoo-button{max-width:8rem}.tippy-box[data-theme~=startameeting] .tippy-content{padding:0;border-radius:var(--border-radius-04, 0.25rem)}.tippy-box[data-theme~=large]{font-size:var(--font-size-16, 1rem)}.tippy-box[data-theme~=large] .tippy-content{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=large] .tippy-content .editable-content{padding:var(--spacing-04, 0.25rem)}.tippy-box[data-theme~=large] .tippy-content .editable-content .text-content{padding-right:var(--spacing-16, 1rem)}.tippy-box[data-theme~=large] .tippy-content .editable-content yoo-icon{margin:0 var(--spacing-04, 0.25rem)}.tippy-box[data-theme~=small]{font-size:var(--font-size-16, 1rem)}.tippy-box[data-theme~=small] .tippy-content{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=small] .tippy-content .editable-content{padding:var(--spacing-04, 0.25rem)}.tippy-box[data-theme~=small] .tippy-content .editable-content .text-content{padding-right:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=small] .tippy-content .editable-content yoo-icon{margin:0 var(--spacing-04, 0.25rem)}.tippy-box[data-theme~=accent]{background-color:var(--accent, #276ef1)}.tippy-box[data-theme~=accent] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=accent] .tippy-svg-arrow{fill:var(--accent, #276ef1)}.tippy-box[data-theme~=accent][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--accent, #276ef1)}.tippy-box[data-theme~=accent][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--accent, #276ef1)}.tippy-box[data-theme~=accent][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--accent, #276ef1)}.tippy-box[data-theme~=accent][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--accent, #276ef1)}.tippy-box[data-theme~=anthracite]{background-color:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=anthracite] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=anthracite] .tippy-svg-arrow{fill:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=anthracite][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=anthracite][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=anthracite][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=anthracite][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=app-color]{background-color:var(--app-color)}.tippy-box[data-theme~=app-color] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=app-color] .tippy-svg-arrow{fill:var(--app-color)}.tippy-box[data-theme~=app-color][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--app-color)}.tippy-box[data-theme~=app-color][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--app-color)}.tippy-box[data-theme~=app-color][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--app-color)}.tippy-box[data-theme~=app-color][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--app-color)}.tippy-box[data-theme~=danger]{background-color:var(--danger, #d44333)}.tippy-box[data-theme~=danger] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=danger] .tippy-svg-arrow{fill:var(--danger, #d44333)}.tippy-box[data-theme~=danger][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--danger, #d44333)}.tippy-box[data-theme~=danger][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--danger, #d44333)}.tippy-box[data-theme~=danger][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--danger, #d44333)}.tippy-box[data-theme~=danger][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--danger, #d44333)}.tippy-box[data-theme~=danger-light]{background-color:var(--danger-light, #f46885)}.tippy-box[data-theme~=danger-light] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=danger-light] .tippy-svg-arrow{fill:var(--danger-light, #f46885)}.tippy-box[data-theme~=danger-light][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--danger-light, #f46885)}.tippy-box[data-theme~=danger-light][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--danger-light, #f46885)}.tippy-box[data-theme~=danger-light][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--danger-light, #f46885)}.tippy-box[data-theme~=danger-light][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--danger-light, #f46885)}.tippy-box[data-theme~=dark]{background-color:var(--dark, #000000)}.tippy-box[data-theme~=dark] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=dark] .tippy-svg-arrow{fill:var(--dark, #000000)}.tippy-box[data-theme~=dark][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--dark, #000000)}.tippy-box[data-theme~=dark][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--dark, #000000)}.tippy-box[data-theme~=dark][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--dark, #000000)}.tippy-box[data-theme~=dark][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--dark, #000000)}.tippy-box[data-theme~=energized]{background-color:var(--energized, #fed05b)}.tippy-box[data-theme~=energized] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=energized] .tippy-svg-arrow{fill:var(--energized, #fed05b)}.tippy-box[data-theme~=energized][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--energized, #fed05b)}.tippy-box[data-theme~=energized][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--energized, #fed05b)}.tippy-box[data-theme~=energized][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--energized, #fed05b)}.tippy-box[data-theme~=energized][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--energized, #fed05b)}.tippy-box[data-theme~=info]{background-color:var(--info, #fc459e)}.tippy-box[data-theme~=info] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=info] .tippy-svg-arrow{fill:var(--info, #fc459e)}.tippy-box[data-theme~=info][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--info, #fc459e)}.tippy-box[data-theme~=info][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--info, #fc459e)}.tippy-box[data-theme~=info][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--info, #fc459e)}.tippy-box[data-theme~=info][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--info, #fc459e)}.tippy-box[data-theme~=light]{background-color:var(--light, #ffffff)}.tippy-box[data-theme~=light] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=light] .tippy-svg-arrow{fill:var(--light, #ffffff)}.tippy-box[data-theme~=light][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--light, #ffffff)}.tippy-box[data-theme~=light][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--light, #ffffff)}.tippy-box[data-theme~=light][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--light, #ffffff)}.tippy-box[data-theme~=light][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--light, #ffffff)}.tippy-box[data-theme~=light-orange]{background-color:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-orange] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=light-orange] .tippy-svg-arrow{fill:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-orange][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-orange][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-orange][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-orange][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-to-text-color]{background-color:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=light-to-text-color] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=light-to-text-color] .tippy-svg-arrow{fill:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=light-to-text-color][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=light-to-text-color][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=light-to-text-color][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=light-to-text-color][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=royal]{background-color:var(--royal, #7577ff)}.tippy-box[data-theme~=royal] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=royal] .tippy-svg-arrow{fill:var(--royal, #7577ff)}.tippy-box[data-theme~=royal][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--royal, #7577ff)}.tippy-box[data-theme~=royal][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--royal, #7577ff)}.tippy-box[data-theme~=royal][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--royal, #7577ff)}.tippy-box[data-theme~=royal][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--royal, #7577ff)}.tippy-box[data-theme~=stable]{background-color:var(--stable, #adadad)}.tippy-box[data-theme~=stable] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=stable] .tippy-svg-arrow{fill:var(--stable, #adadad)}.tippy-box[data-theme~=stable][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--stable, #adadad)}.tippy-box[data-theme~=stable][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--stable, #adadad)}.tippy-box[data-theme~=stable][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--stable, #adadad)}.tippy-box[data-theme~=stable][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--stable, #adadad)}.tippy-box[data-theme~=stable-alt]{background-color:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-alt] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=stable-alt] .tippy-svg-arrow{fill:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-alt][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-alt][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-alt][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-alt][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-light]{background-color:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-light] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=stable-light] .tippy-svg-arrow{fill:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-light][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-light][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-light][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-light][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-ultralight]{background-color:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=stable-ultralight] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=stable-ultralight] .tippy-svg-arrow{fill:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=stable-ultralight][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=stable-ultralight][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=stable-ultralight][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=stable-ultralight][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=success]{background-color:var(--success, #3aa76d)}.tippy-box[data-theme~=success] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=success] .tippy-svg-arrow{fill:var(--success, #3aa76d)}.tippy-box[data-theme~=success][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--success, #3aa76d)}.tippy-box[data-theme~=success][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--success, #3aa76d)}.tippy-box[data-theme~=success][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--success, #3aa76d)}.tippy-box[data-theme~=success][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--success, #3aa76d)}.tippy-box[data-theme~=text-color]{background-color:var(--text-color, #807f83)}.tippy-box[data-theme~=text-color] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=text-color] .tippy-svg-arrow{fill:var(--text-color, #807f83)}.tippy-box[data-theme~=text-color][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--text-color, #807f83)}.tippy-box[data-theme~=text-color][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--text-color, #807f83)}.tippy-box[data-theme~=text-color][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--text-color, #807f83)}.tippy-box[data-theme~=text-color][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--text-color, #807f83)}.tippy-box[data-theme~=warning]{background-color:var(--warning, #ff6402)}.tippy-box[data-theme~=warning] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=warning] .tippy-svg-arrow{fill:var(--warning, #ff6402)}.tippy-box[data-theme~=warning][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--warning, #ff6402)}.tippy-box[data-theme~=warning][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--warning, #ff6402)}.tippy-box[data-theme~=warning][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--warning, #ff6402)}.tippy-box[data-theme~=warning][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--warning, #ff6402)}.tippy-box[data-theme~=anthracite-to-text-color]{background-color:var(--anthracite-to-text-color, #1a1a1a)}.tippy-box[data-theme~=anthracite-to-text-color] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=anthracite-to-text-color] .tippy-svg-arrow{fill:var(--anthracite-to-text-color, #1a1a1a)}.tippy-box[data-theme~=anthracite-to-text-color][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--anthracite-to-text-color, #1a1a1a)}.tippy-box[data-theme~=anthracite-to-text-color][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--anthracite-to-text-color, #1a1a1a)}.tippy-box[data-theme~=anthracite-to-text-color][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--anthracite-to-text-color, #1a1a1a)}.tippy-box[data-theme~=anthracite-to-text-color][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--anthracite-to-text-color, #1a1a1a)}:root{--safe-area-inset-top:0;--safe-area-inset-right:0;--safe-area-inset-bottom:0;--safe-area-inset-left:0}@supports (top: constant(safe-area-inset-top)){:root{--safe-area-inset-top:constant(safe-area-inset-top);--safe-area-inset-right:constant(safe-area-inset-right);--safe-area-inset-bottom:constant(safe-area-inset-bottom);--safe-area-inset-left:constant(safe-area-inset-left)}}@supports (top: env(safe-area-inset-top)){:root{--safe-area-inset-top:env(safe-area-inset-top);--safe-area-inset-right:env(safe-area-inset-right);--safe-area-inset-bottom:env(safe-area-inset-bottom);--safe-area-inset-left:env(safe-area-inset-left)}}.fr-popup.fr-active{z-index:30004 !important;display:block !important;opacity:1 !important}:host .card{padding:0 var(--spacing-08, 0.5rem);background-color:var(--light-to-dark, #ffffff)}:host .card .item{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;padding:var(--spacing-08, 0.5rem) 0}:host .card .item .sub-item{display:-ms-flexbox;display:flex}:host .card .item .sub-item .name,:host .card .item .sub-item .sub-description{padding-left:var(--spacing-04, 0.25rem)}:host .card .item .sub-item .sub-description{font-size:var(--font-size-14, 0.875rem);text-transform:uppercase}:host .card .item .sub-item .sub-description.success{color:var(--success, #3aa76d)}:host .card .item .sub-item .sub-description.danger{color:var(--danger, #d44333)}:host .card .item yoo-tag{background-color:var(--success-10, rgba(58, 167, 109, 0.1))}:host .card .item.heading{-ms-flex-align:end;align-items:flex-end}:host .card .item.content{-ms-flex-align:center;align-items:center}:host .card .item.footer{padding-left:var(--spacing-04, 0.25rem)}:host .card .separator{border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host .row:last-of-type .item .sub-item .sub-description{color:var(--stable, #adadad)}:host([has-background]) .card{background:var(--stable-ultralight, #fafafa);border-radius:var(--border-radius-08, 0.5rem)}";
 
@@ -98,14 +75,14 @@ const YooProgressRecap = class {
     index.registerInstance(this, hostRef);
   }
   getFinalHeading() {
-    const minText = !isNil(this.min) ? ` (${rrule.translateMulti('YOOBICMIN')}: ${this.min})` : '';
+    const minText = !isNil.isNil(this.min) ? ` (${rrule.translateMulti('YOOBICMIN')}: ${this.min})` : '';
     return `${rrule.translateMulti(this.heading)}${minText}`;
   }
   renderTooltip() {
     return (index.h("yoo-tooltip", { placement: "top", content: rrule.translateMulti(this.tooltip) }, index.h("yoo-icon", { name: "help", size: "small", color: "stable" })));
   }
   renderProgressbar() {
-    return (index.h("yoo-progress-bar", { progressUnit: "step", progressBarCustomColor: !isNil(this.min) ? (this.progress >= this.min ? 'success' : 'danger') : 'success', percentProgressColorScheme: false, maxStep: this.max, currentStep: this.progress }));
+    return (index.h("yoo-progress-bar", { progressUnit: "step", progressBarCustomColor: !isNil.isNil(this.min) ? (this.progress >= this.min ? 'success' : 'danger') : 'success', percentProgressColorScheme: false, maxStep: this.max, currentStep: this.progress }));
   }
   render() {
     return (index.h(index.Host, null, index.h("div", { class: "card" }, index.h("div", { class: "top-container" }, index.h("div", { class: "heading" }, this.getFinalHeading()), this.tooltip && this.renderTooltip()), this.renderProgressbar())));

package/dist/collection/components/form/form-choice/form-choice.js

@@ -224,9 +224,9 @@ export class YooFormChoiceComponent {
       values = values.filter(({ text }) => answers.some((answer) => answer === text));
     }
     return (h("div", { class: { 'images-container': true, readonly: this.readonly } }, values.map((value, index) => {
-      var _a;
       const { text, image } = value || {};
-      const isCorrect = ((_a = this.answer) === null || _a === void 0 ? void 0 : _a.length) <= 0 ? null : this.answer.includes(text);
+      const answer = this.type === 'image' ? [].concat(this.answer).map(a => a.text ? a.text : a) : this.answer;
+      const isCorrect = (answer === null || answer === void 0 ? void 0 : answer.length) <= 0 ? null : answer.includes(text);
       return image && (h("div", { class: "image-container", onClick: () => this.isHistory && onOpenImage(values, index), style: this.animated ? { '--choice-index': index.toString() } : {} },
         h("div", { class: { 'image-content': true, 'correct-answer': this.readonly && isCorrect === true, 'wrong-answer': this.readonly && isCorrect === false } },
           image && h("yoo-img", { cloudinaryOptions: { pad: true }, scaledUp: this.isPdf, src: image, onClick: () => !readonly && this.onItemSelect(text) }),

package/dist/collection/components/form/form-dynamic/form-dynamic.js

@@ -3101,7 +3101,8 @@ export class YooFormDynamicComponent {
       case FormFieldType.feedback:
         TagType = 'yoo-form-feedback';
         extraAttrs = {
-          class: this.appColor
+          class: this.appColor,
+          isReadonly: readonly
         };
         break;
       case FormFieldType.signature:

package/dist/collection/components/form/form-input/form-input.css

@@ -865,23 +865,20 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
   box-sizing: border-box;
   direction: ltr;
   background: var(--input-background-color);
-  border: 0.0625rem solid var(--stable-alt-to-light-60, #d0d0d0);
+  border: var(--border-width-01, 0.0625rem) solid var(--stable-alt-to-light-60, #d0d0d0);
   border-radius: var(--border-radius-08, 0.5rem);
 }
 :host .input-container.noborder {
   border: none !important;
 }
 :host .input-container.valid {
-  border: 0.0625rem solid var(--app-color);
+  border: var(--border-width-01, 0.0625rem) solid var(--app-color);
 }
 :host .input-container.invalid {
-  border: 0.0625rem solid var(--danger, #d44333);
-}
-:host .input-container.invalid .valid-icon yoo-icon {
-  fill: var(--danger, #d44333);
+  border: var(--border-width-01, 0.0625rem) solid var(--danger, #d44333);
 }
 :host .input-container.focused {
-  border: 0.0625rem solid var(--input-border-color);
+  border: var(--border-width-01, 0.0625rem) solid var(--input-border-color);
 }
 :host .input-container.focused .valid-icon {
   display: none;
@@ -891,7 +888,7 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
   display: flex;
   flex-direction: row;
   align-items: center;
-  padding: 0.5rem;
+  padding: var(--spacing-08, 0.5rem);
   color: inherit;
 }
 :host .input-container .icon-prefix {
@@ -909,7 +906,7 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
   display: flex;
   flex-direction: row;
   align-items: center;
-  padding: 0.5rem;
+  padding: var(--spacing-08, 0.5rem);
   color: inherit;
   display: none;
   padding-right: var(--spacing-10-deprecated, 0.625rem);
@@ -918,9 +915,6 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
   display: flex;
   flex-direction: row;
 }
-:host .input-container .valid-icon yoo-icon {
-  fill: var(--app-color);
-}
 :host .input-container .valid-icon.valid {
   color: var(--app-color);
 }
@@ -931,7 +925,7 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
   display: flex;
   flex-direction: row;
   align-items: center;
-  padding: 0.5rem;
+  padding: var(--spacing-08, 0.5rem);
   color: inherit;
 }
 :host .input-container .icon-suffix-focus {
@@ -965,7 +959,7 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
   flex: 1;
   width: 100%;
   min-width: 0;
-  padding: 0.5rem;
+  padding: var(--spacing-08, 0.5rem);
   color: inherit;
   font-weight: var(--font-weight-400, 400);
   font-size: var(--input-font-size);
@@ -975,7 +969,7 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
   background: transparent;
   border: none;
   border-radius: var(--border-radius-08, 0.5rem);
-  box-shadow: transparent 0px 0px 0px 1000px inset;
+  box-shadow: transparent 0 0 0 62.5rem inset;
   -webkit-appearance: none;
   caret-color: var(--caret-color);
 }
@@ -1009,34 +1003,34 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
   padding-left: 0;
 }
 :host .placeholderlabel {
-  margin-top: 0.5rem;
+  margin-top: var(--spacing-08, 0.5rem);
 }
 :host .placeholderlabel.active {
-  margin-top: 0rem;
+  margin-top: 0;
 }
 :host .label {
-  margin-bottom: 0.25rem;
-  padding-left: 0.5rem;
+  margin-bottom: var(--spacing-04, 0.25rem);
+  padding-left: var(--spacing-08, 0.5rem);
   color: var(--input-text-color);
   font-size: var(--font-size-16, 1rem);
   line-height: 1.5;
-  letter-spacing: 2px;
+  letter-spacing: var(--spacing-02, 0.125rem);
   text-align: left;
   transform: translateY(1.875rem);
   transition: transform 0.2s ease-in;
 }
 :host .label.active {
-  margin-top: 0.25rem;
+  margin-top: var(--spacing-04, 0.25rem);
   transform: translateY(0rem);
 }
 :host .label .label-required {
-  margin-left: 0.25rem;
+  margin-left: var(--spacing-04, 0.25rem);
   color: var(--danger, #d44333);
 }
 :host .invalid-message {
   display: none;
-  min-height: 15px;
-  padding-top: 0.125rem;
+  min-height: 0.9375rem;
+  padding-top: var(--spacing-02, 0.125rem);
   color: var(--danger, #d44333);
   font-size: var(--font-size-12, 0.75rem);
   letter-spacing: initial;
@@ -1124,37 +1118,29 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
 
 :host(.simple) .input-container {
   border: none;
-  border-bottom: 0.0625rem solid var(--stable-alt, #d0d0d0);
+  border-bottom: var(--border-width-01, 0.0625rem) solid var(--stable-alt, #d0d0d0);
 }
 :host(.simple) .input-container input {
-  padding: 0.5rem 0;
+  padding: var(--spacing-08, 0.5rem) 0;
 }
 :host(.simple) .input-container .icon-suffix {
-  padding: 0rem;
-  padding-right: 0.5rem;
-  padding-left: 0.5rem;
+  padding: 0 var(--spacing-08, 0.5rem);
   background: var(--light-to-dark, #ffffff);
   border: none;
 }
 :host(.simple) .input-container .icon-prefix {
-  padding: 0rem;
-  padding-right: 0.5rem;
-  padding-left: 0.5rem;
+  padding: 0 var(--spacing-08, 0.5rem);
   background: var(--light-to-dark, #ffffff);
   border: none;
 }
 
 :host(.simple-icon) .input-container .icon-suffix {
-  padding: 0rem;
-  padding-right: 0.5rem;
-  padding-left: 0.5rem;
+  padding: 0 var(--spacing-08, 0.5rem);
   background: var(--light-to-dark, #ffffff);
   border: none;
 }
 :host(.simple-icon) .input-container .icon-prefix {
-  padding: 0rem;
-  padding-right: 0.5rem;
-  padding-left: 0.5rem;
+  padding: 0 var(--spacing-08, 0.5rem);
   background: var(--light-to-dark, #ffffff);
   border: none;
 }
@@ -1181,36 +1167,33 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
   max-height: 2.25rem;
   overflow: hidden;
   background: var(--light-to-dark, #ffffff);
-  border: none;
-  border: 0.0625rem solid var(--stable-alt, #d0d0d0);
-  border-radius: 0.5rem;
+  border: var(--border-width-01, 0.0625rem) solid var(--stable-alt, #d0d0d0);
+  border-radius: var(--spacing-08, 0.5rem);
   transition: all 0.3s;
   animation: fadeIn 0.6s forwards;
 }
 :host(.search) .input-container.focused {
-  border: 0.0625rem solid var(--dark-to-light, #000000);
+  border: var(--border-width-01, 0.0625rem) solid var(--dark-to-light, #000000);
 }
 :host(.search) .input-container .icon-prefix {
   border-right: none;
-  border-top-left-radius: 0.5rem;
-  border-bottom-left-radius: 0.5rem;
+  border-top-left-radius: var(--spacing-08, 0.5rem);
+  border-bottom-left-radius: var(--spacing-08, 0.5rem);
   transition: all 0.3s;
 }
 :host(.search) .input-container .icon-prefix yoo-icon {
   fill: var(--stable-to-light, #adadad);
 }
 :host(.search) .input-container .icon-suffix {
-  border-top-right-radius: 0.5rem;
-  border-bottom-right-radius: 0.5rem;
+  border-top-right-radius: var(--spacing-08, 0.5rem);
+  border-bottom-right-radius: var(--spacing-08, 0.5rem);
   transition: all 0.3s;
 }
 :host(.search) .input-container input {
   padding: 0.1875rem var(--spacing-10-deprecated, 0.625rem);
   background: var(--light-to-dark, #ffffff);
-  border-radius: 0.5rem;
-  border-top-left-radius: 0rem;
-  border-bottom-left-radius: 0rem;
-  box-shadow: var(--light-to-dark, #ffffff) 0px 0px 0px 1000px inset;
+  border-radius: 0 var(--spacing-08, 0.5rem) var(--spacing-08, 0.5rem) 0;
+  box-shadow: var(--light-to-dark, #ffffff) 0 0 0 62.5rem inset;
   transition: all 0.3s;
 }
 :host(.search) .input-container input::-webkit-input-placeholder {
@@ -1231,8 +1214,7 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
 }
 :host(.search) .input-container .icon-prefix,
 :host(.search) .input-container .icon-suffix {
-  padding: 0.1875rem 0;
-  padding-left: 0.75rem;
+  padding: 0.1875rem 0 0.1875rem 0.75rem;
   background: var(--light-to-dark, #ffffff);
 }
 :host(.search) .input-container .valid-icon {
@@ -1247,7 +1229,7 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
 }
 
 :host(.search.disabled) .input-container {
-  border: 0.0625rem solid var(--stable-ultralight-to-light-10, #fafafa);
+  border: var(--border-width-01, 0.0625rem) solid var(--stable-ultralight-to-light-10, #fafafa);
 }
 :host(.search.disabled) .input-container .icon-prefix,
 :host(.search.disabled) .input-container .icon-suffix {
@@ -1270,11 +1252,11 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
 }
 
 :host(.grid-search.web) {
+  --input-font-size: var(--font-size-14);
   flex: unset;
   width: 100%;
   min-width: 6rem;
   max-width: 12.5rem;
-  --input-font-size: var(--font-size-14);
 }
 :host(.grid-search.web) .input-container {
   background: var(--stable-light-60-to-light-20, rgba(241, 241, 241, 0.6));
@@ -1285,7 +1267,7 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
 }
 :host(.grid-search.web) .input-container input {
   background: transparent;
-  box-shadow: transparent 0px 0px 0px 1000px inset;
+  box-shadow: transparent 0 0 0 62.5rem inset;
 }
 
 :host(.drop-down.web) .input-container {
@@ -1315,8 +1297,7 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
 
 :host(.drop-down) .input-container {
   background: transparent;
-  border: none;
-  border-color: var(--light, #ffffff);
+  border: none var(--light, #ffffff);
 }
 :host(.drop-down) .input-container .icon-prefix {
   padding-left: 0;
@@ -1324,8 +1305,8 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
 
 :host(.web-menu) .input-container {
   width: 100%;
-  max-width: 250px;
-  height: 24px;
+  max-width: 15.625rem;
+  height: 1.5rem;
   color: var(--stable, #adadad);
   background: var(--stable-light, #f1f1f1);
   border: none;
@@ -1342,7 +1323,7 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
 }
 
 :host(.photos-tab) {
-  padding-left: 2.5rem !important;
+  padding-left: var(--spacing-40, 2.5rem) !important;
 }
 
 :host(.full-width) {
@@ -1362,7 +1343,7 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
   border-color: var(--stable-alt, #d0d0d0);
 }
 :host(.has-checkbox) .input-container input {
-  border-radius: 5px 0 5px 0;
+  border-radius: 0.3125rem 0 0.3125rem 0;
 }
 :host(.has-checkbox) .input-container .icon-suffix-focus.hide {
   display: none;
@@ -1419,7 +1400,7 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
 :host(.accordion-search) .input-container {
   height: 1.875rem;
   background-color: var(--stable-ultralight-to-light-10, #fafafa);
-  border: 0.0625rem solid var(--stable-light, #f1f1f1);
+  border: var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1);
 }
 :host(.accordion-search) .input-container input,
 :host(.accordion-search) .input-container .icon-prefix {

package/dist/collection/components/form/form-input/form-input.js

@@ -363,7 +363,7 @@ export class YooFormInputComponent {
         this.host.classList.contains('warning') && h("div", { class: "warning-icon" }),
         (hasValue && !isNullOrUndefined(this.validity) && this.uiValidation && this.uiValidation.valid && this.validity) ||
           (this.uiValidation.invalid && this.validity === false && (h("div", { class: 'valid-icon ' + (this.validity ? 'valid' : 'invalid' + (this.clearable && hasValue && this.type === 'password' && this.showPasswordToggle ? '' : ' last')) },
-            h("yoo-icon", { name: this.validity ? 'check' : 'rejected', size: this.getIconSize() })))),
+            h("yoo-icon", { color: this.validity ? 'app-color' : 'danger', name: this.validity ? 'check' : 'rejected', size: this.getIconSize() })))),
         this.type === 'password' && this.showPasswordToggle && (h("div", { class: 'icon-suffix-focus' + (this.clearable && hasValue ? '' : ' last'), onClick: this.onShowPassword.bind(this) }, hasValue && h("yoo-icon", { size: this.getIconSize(), name: "eye", color: this.inputType === 'password' ? 'stable-alt' : 'light' }))),
         this.clearable && !((_b = this.checkboxParams) === null || _b === void 0 ? void 0 : _b.value) && (h("div", { class: { 'icon-suffix-focus last icon-close': true }, style: { display: hasValue ? undefined : 'none' }, onClick: () => (hasValue ? this.clearInput() : null) },
           h("yoo-icon", { size: this.getIconSize(), name: "cross" }))),

package/dist/collection/components/form/form-number-picker/form-number-picker.js

@@ -57,7 +57,6 @@ export class YooFormNumberPickerComponent {
     if (!this.value && this.useButtons) {
       this.value = this.min;
     }
-    this.updateValidity();
   }
   componentDidLoad() {
     this.setCaretColor();