@frollo/frollo-web-ui 9.0.10 → 9.0.12

package/frollo-web-ui.esm.js

@@ -8152,8 +8152,8 @@ var __default__$f = defineComponent({
 var __injectCSSVars__$b = function __injectCSSVars__() {
   useCssVars(function (_ctx) {
     return {
-      "v221768dc": _ctx.primaryFade5,
-      "v0b83798c": _ctx.colorErrorTextFade5
+      "v027ca7bd": _ctx.primaryFade5,
+      "v6423b1fe": _ctx.colorErrorTextFade5
     };
   });
 };
@@ -8184,39 +8184,35 @@ var _hoisted_7$a = {
   "class": "relative"
 };
 var _hoisted_8$9 = {
-  key: 0,
-  "class": "border border-grey-100 bg-white rounded-lg p-3"
-};
-var _hoisted_9$8 = {
   key: 0,
   "class": "flex text-body absolute w-9 h-full inset-y-0 left-0 items-center pl-3 pointer-events-none"
 };
-var _hoisted_10$6 = {
-  "class": "pl-9 flex flex-row items-center flex-wrap"
+var _hoisted_9$8 = {
+  "class": "flex flex-row items-center flex-wrap"
 };
-var _hoisted_11$5 = ["id", "name", "type", "readonly", "tabindex", "disabled", "autocomplete", "maxlength"];
-var _hoisted_12$4 = {
+var _hoisted_10$6 = ["id", "name", "type", "readonly", "tabindex", "disabled", "autocomplete", "placeholder", "maxlength"];
+var _hoisted_11$5 = {
   key: 1,
   "class": "flex text-black absolute w-10 h-full inset-y-0 right-0 items-center pr-3"
 };
-var _hoisted_13$4 = {
+var _hoisted_12$4 = {
   key: 0,
   "class": "flex text-body absolute w-9 h-full inset-y-0 left-0 items-center pl-3 pointer-events-none"
 };
-var _hoisted_14$4 = ["id", "name", "placeholder", "type", "readonly", "tabindex", "disabled", "autocomplete", "maxlength"];
-var _hoisted_15$3 = {
+var _hoisted_13$4 = ["id", "name", "placeholder", "type", "readonly", "tabindex", "disabled", "autocomplete", "maxlength"];
+var _hoisted_14$4 = {
   key: 1,
   "class": "flex text-black absolute w-10 h-full inset-y-0 right-0 items-center pr-3"
 };
-var _hoisted_16$2 = {
+var _hoisted_15$3 = {
   key: 0,
   "class": "text-left text-p-small mt-2 min-h-[21px]"
 };
-var _hoisted_17$2 = {
+var _hoisted_16$2 = {
   key: 0,
   "class": "text-brand-error-text"
 };
-var _hoisted_18$1 = {
+var _hoisted_17$2 = {
   key: 1,
   "class": "text-brand-text2"
 };
@@ -8245,9 +8241,15 @@ function render$u(_ctx, _cache, $props, $setup, $data, $options) {
         key: 0,
         "for": _ctx.inputId || "fw-input-".concat(_ctx.name),
         "class": normalizeClass([[(errorMessage || errors[0]) && meta.touched || _ctx.invalidate ? 'text-brand-error-text' : 'text-brand-text2'], "block mb-2 text-base"])
-      }, [createTextVNode(toDisplayString(_ctx.label) + " ", 1), _ctx.required ? (openBlock(), createElementBlock("span", _hoisted_5$f, "*")) : createCommentVNode("", true)], 10, _hoisted_4$g)) : createCommentVNode("", true), _ctx.$slots.action ? (openBlock(), createElementBlock("div", _hoisted_6$d, [renderSlot(_ctx.$slots, "action")])) : createCommentVNode("", true)]), createElementVNode("div", _hoisted_7$a, [_ctx.enableTags && _ctx.tags ? (openBlock(), createElementBlock("div", _hoisted_8$9, [_ctx.$slots.prefix ? (openBlock(), createElementBlock("div", _hoisted_9$8, [renderSlot(_ctx.$slots, "prefix", {
+      }, [createTextVNode(toDisplayString(_ctx.label) + " ", 1), _ctx.required ? (openBlock(), createElementBlock("span", _hoisted_5$f, "*")) : createCommentVNode("", true)], 10, _hoisted_4$g)) : createCommentVNode("", true), _ctx.$slots.action ? (openBlock(), createElementBlock("div", _hoisted_6$d, [renderSlot(_ctx.$slots, "action")])) : createCommentVNode("", true)]), createElementVNode("div", _hoisted_7$a, [_ctx.enableTags && _ctx.tags ? (openBlock(), createElementBlock("div", {
+        key: 0,
+        "class": normalizeClass([{
+          'pl-10': !!_ctx.$slots.prefix,
+          'pr-20': !!_ctx.$slots.suffix
+        }, (errorMessage || errors[0]) && meta.touched || _ctx.invalidate ? 'input--error-state border-brand-error-text caret-brand-error-text' : 'caret-primary bg-white border-grey-100 hover:border-brand-text3 focus:border-brand-text3', _ctx.inputBaseClass, _ctx.rounded ? 'rounded-full' : 'rounded-lg', _ctx.inputClass, 'fw-input__tagged'])
+      }, [_ctx.$slots.prefix ? (openBlock(), createElementBlock("div", _hoisted_8$9, [renderSlot(_ctx.$slots, "prefix", {
         "class": "h-full"
-      })])) : createCommentVNode("", true), createElementVNode("div", _hoisted_10$6, [(openBlock(true), createElementBlock(Fragment$1, null, renderList(_ctx.tags, function (tag) {
+      })])) : createCommentVNode("", true), createElementVNode("div", _hoisted_9$8, [(openBlock(true), createElementBlock(Fragment$1, null, renderList(_ctx.tags, function (tag) {
         return openBlock(), createBlock(_component_FwTag, {
           key: tag.id,
           label: tag.name,
@@ -8268,6 +8270,7 @@ function render$u(_ctx, _cache, $props, $setup, $data, $options) {
         tabindex: _ctx.tabindex,
         disabled: _ctx.readonly,
         autocomplete: _ctx.autocomplete,
+        placeholder: _ctx.placeholder,
         maxlength: _ctx.maxLength,
         "class": "border-none outline-none !bg-transparent flex-grow pl-1",
         onFocus: _cache[0] || (_cache[0] = function () {
@@ -8276,11 +8279,11 @@ function render$u(_ctx, _cache, $props, $setup, $data, $options) {
         onBlur: _cache[1] || (_cache[1] = function () {
           return _ctx.onBlur && _ctx.onBlur.apply(_ctx, arguments);
         })
-      }), null, 16, _hoisted_11$5)]), _ctx.$slots.suffix ? (openBlock(), createElementBlock("div", _hoisted_12$4, [renderSlot(_ctx.$slots, "suffix", {
+      }), null, 16, _hoisted_10$6)]), _ctx.$slots.suffix ? (openBlock(), createElementBlock("div", _hoisted_11$5, [renderSlot(_ctx.$slots, "suffix", {
         "class": "h-full"
-      })])) : createCommentVNode("", true)])) : createCommentVNode("", true), !_ctx.enableTags ? (openBlock(), createElementBlock(Fragment$1, {
+      })])) : createCommentVNode("", true)], 2)) : createCommentVNode("", true), !_ctx.enableTags ? (openBlock(), createElementBlock(Fragment$1, {
         key: 1
-      }, [_ctx.$slots.prefix ? (openBlock(), createElementBlock("div", _hoisted_13$4, [renderSlot(_ctx.$slots, "prefix", {
+      }, [_ctx.$slots.prefix ? (openBlock(), createElementBlock("div", _hoisted_12$4, [renderSlot(_ctx.$slots, "prefix", {
         "class": "h-full"
       })])) : createCommentVNode("", true), createElementVNode("input", mergeProps(field, {
         id: _ctx.inputId || "fw-input-".concat(_ctx.name),
@@ -8302,14 +8305,14 @@ function render$u(_ctx, _cache, $props, $setup, $data, $options) {
         onBlur: _cache[3] || (_cache[3] = function () {
           return _ctx.onBlur && _ctx.onBlur.apply(_ctx, arguments);
         })
-      }), null, 16, _hoisted_14$4), _ctx.$slots.suffix ? (openBlock(), createElementBlock("div", _hoisted_15$3, [renderSlot(_ctx.$slots, "suffix", {
+      }), null, 16, _hoisted_13$4), _ctx.$slots.suffix ? (openBlock(), createElementBlock("div", _hoisted_14$4, [renderSlot(_ctx.$slots, "suffix", {
         "class": "h-full"
-      })])) : createCommentVNode("", true)], 64)) : createCommentVNode("", true)]), _ctx.enableErrors ? (openBlock(), createElementBlock("div", _hoisted_16$2, [createVNode(Transition, {
+      })])) : createCommentVNode("", true)], 64)) : createCommentVNode("", true)]), _ctx.enableErrors ? (openBlock(), createElementBlock("div", _hoisted_15$3, [createVNode(Transition, {
         name: "fwFadeIn",
         mode: "out-in"
       }, {
         "default": withCtx(function () {
-          return [(errorMessage || errors[0]) && meta.touched ? (openBlock(), createElementBlock("span", _hoisted_17$2, toDisplayString(errorMessage || errors[0]), 1)) : _ctx.hint ? (openBlock(), createElementBlock("span", _hoisted_18$1, toDisplayString(_ctx.hint), 1)) : createCommentVNode("", true)];
+          return [(errorMessage || errors[0]) && meta.touched ? (openBlock(), createElementBlock("span", _hoisted_16$2, toDisplayString(errorMessage || errors[0]), 1)) : _ctx.hint ? (openBlock(), createElementBlock("span", _hoisted_17$2, toDisplayString(_ctx.hint), 1)) : createCommentVNode("", true)];
         }),
         _: 2
       }, 1024)])) : createCommentVNode("", true)])];
@@ -8318,8 +8321,8 @@ function render$u(_ctx, _cache, $props, $setup, $data, $options) {
   }, 8, ["modelValue", "tags", "name", "rules"])]);
 }
 
-var css_248z$n = ".fwFadeIn-enter-active,.fwFadeIn-leave-active{-webkit-transition:opacity .12s ease,-webkit-transform .12s ease;transition:opacity .12s ease,-webkit-transform .12s ease;-moz-transition:opacity .12s ease,transform .12s ease,-moz-transform .12s ease;transition:opacity .12s ease,transform .12s ease;transition:opacity .12s ease,transform .12s ease,-webkit-transform .12s ease,-moz-transform .12s ease;will-change:opacity,transform}.fwFadeIn-enter-from,.fwFadeIn-leave-to{opacity:0;-webkit-transform:translateY(-2px);-moz-transform:translateY(-2px);-ms-transform:translateY(-2px);transform:translateY(-2px)}.fw-input input:focus{background-color:var(--v221768dc)}.fw-input input.input--error-state{background-color:var(--v0b83798c)}";
-var stylesheet$n = ".fwFadeIn-enter-active,.fwFadeIn-leave-active{-webkit-transition:opacity .12s ease,-webkit-transform .12s ease;transition:opacity .12s ease,-webkit-transform .12s ease;-moz-transition:opacity .12s ease,transform .12s ease,-moz-transform .12s ease;transition:opacity .12s ease,transform .12s ease;transition:opacity .12s ease,transform .12s ease,-webkit-transform .12s ease,-moz-transform .12s ease;will-change:opacity,transform}.fwFadeIn-enter-from,.fwFadeIn-leave-to{opacity:0;-webkit-transform:translateY(-2px);-moz-transform:translateY(-2px);-ms-transform:translateY(-2px);transform:translateY(-2px)}.fw-input input:focus{background-color:var(--v221768dc)}.fw-input input.input--error-state{background-color:var(--v0b83798c)}";
+var css_248z$n = ".fwFadeIn-enter-active,.fwFadeIn-leave-active{-webkit-transition:opacity .12s ease,-webkit-transform .12s ease;transition:opacity .12s ease,-webkit-transform .12s ease;-moz-transition:opacity .12s ease,transform .12s ease,-moz-transform .12s ease;transition:opacity .12s ease,transform .12s ease;transition:opacity .12s ease,transform .12s ease,-webkit-transform .12s ease,-moz-transform .12s ease;will-change:opacity,transform}.fwFadeIn-enter-from,.fwFadeIn-leave-to{opacity:0;-webkit-transform:translateY(-2px);-moz-transform:translateY(-2px);-ms-transform:translateY(-2px);transform:translateY(-2px)}.fw-input input:focus{background-color:var(--v027ca7bd)}.fw-input input.input--error-state{background-color:var(--v6423b1fe)}.fw-input__tagged:focus-within{background-color:var(--v027ca7bd)}.fw-input__tagged.input--error-state{background-color:var(--v6423b1fe)}";
+var stylesheet$n = ".fwFadeIn-enter-active,.fwFadeIn-leave-active{-webkit-transition:opacity .12s ease,-webkit-transform .12s ease;transition:opacity .12s ease,-webkit-transform .12s ease;-moz-transition:opacity .12s ease,transform .12s ease,-moz-transform .12s ease;transition:opacity .12s ease,transform .12s ease;transition:opacity .12s ease,transform .12s ease,-webkit-transform .12s ease,-moz-transform .12s ease;will-change:opacity,transform}.fwFadeIn-enter-from,.fwFadeIn-leave-to{opacity:0;-webkit-transform:translateY(-2px);-moz-transform:translateY(-2px);-ms-transform:translateY(-2px);transform:translateY(-2px)}.fw-input input:focus{background-color:var(--v027ca7bd)}.fw-input input.input--error-state{background-color:var(--v6423b1fe)}.fw-input__tagged:focus-within{background-color:var(--v027ca7bd)}.fw-input__tagged.input--error-state{background-color:var(--v6423b1fe)}";
 styleInject(css_248z$n);
 
 __default__$f.render = render$u;
@@ -8670,6 +8673,13 @@ var __default__$e = defineComponent({
     inputId: {
       type: String,
       required: false
+    },
+    /**
+     * Whether the checkbox is disabled or not.
+     */
+    disabled: {
+      type: Boolean,
+      "default": false
     }
   },
   setup: function setup() {
@@ -8677,17 +8687,19 @@ var __default__$e = defineComponent({
     var _useColours = useColours(),
       primaryFade5 = _useColours.primaryFade5,
       colorErrorTextFade5 = _useColours.colorErrorTextFade5;
+    var checkboxBaseClass = 'w-6 h-6 cursor-pointer border-brand-text2 border rounded';
     return {
       uuid: uuid,
       primaryFade5: primaryFade5,
-      colorErrorTextFade5: colorErrorTextFade5
+      colorErrorTextFade5: colorErrorTextFade5,
+      checkboxBaseClass: checkboxBaseClass
     };
   }
 });
 var __injectCSSVars__$a = function __injectCSSVars__() {
   useCssVars(function (_ctx) {
     return {
-      "v96bda67e": _ctx.primaryFade5
+      "v242a63d2": _ctx.primaryFade5
     };
   });
 };
@@ -8704,8 +8716,8 @@ var _hoisted_2$w = {
   "class": "flex flex-col"
 };
 var _hoisted_3$q = ["for"];
-var _hoisted_4$f = ["id", "value", "name"];
-var _hoisted_5$e = ["id", "value", "name", "checked"];
+var _hoisted_4$f = ["id", "value", "name", "disabled"];
+var _hoisted_5$e = ["id", "value", "name", "disabled", "checked"];
 var _hoisted_6$c = ["innerHTML"];
 var _hoisted_7$9 = {
   key: 0,
@@ -8742,7 +8754,8 @@ function render$t(_ctx, _cache, $props, $setup, $data, $options) {
         value: _ctx.value ? _ctx.value : _ctx.name,
         name: _ctx.disableNamePrefix ? _ctx.name : "fw-checkbox-".concat(_ctx.name, "-").concat(_ctx.uuid),
         type: "checkbox",
-        "class": "bg-white w-6 h-6 cursor-pointer border-brand-text2 border rounded"
+        disabled: _ctx.disabled,
+        "class": [_ctx.checkboxBaseClass, _ctx.disabled ? 'bg-grey-60' : 'bg-white']
       }), null, 16, _hoisted_4$f)) : (openBlock(), createElementBlock("input", mergeProps({
         key: 1
       }, field, {
@@ -8750,8 +8763,9 @@ function render$t(_ctx, _cache, $props, $setup, $data, $options) {
         value: _ctx.value ? _ctx.value : _ctx.name,
         name: _ctx.disableNamePrefix ? _ctx.name : "fw-checkbox-".concat(_ctx.name, "-").concat(_ctx.uuid),
         type: "checkbox",
+        disabled: _ctx.disabled,
         checked: _ctx.isChecked,
-        "class": "bg-white w-6 h-6 cursor-pointer border-brand-text2 border rounded"
+        "class": [_ctx.checkboxBaseClass, _ctx.disabled ? 'bg-grey-60' : 'bg-white']
       }), null, 16, _hoisted_5$e)), _ctx.label ? (openBlock(), createElementBlock("span", {
         key: 2,
         "class": "ml-2 text-p text-body",
@@ -8770,12 +8784,12 @@ function render$t(_ctx, _cache, $props, $setup, $data, $options) {
   }, 8, ["name", "value", "rules"])]);
 }
 
-var css_248z$m = ".fwFadeIn-enter-active[data-v-5e61228a],.fwFadeIn-leave-active[data-v-5e61228a]{-webkit-transition:opacity .35s ease;-moz-transition:opacity .35s ease;transition:opacity .35s ease}.fwFadeIn-enter-from[data-v-5e61228a],.fwFadeIn-leave-to[data-v-5e61228a]{opacity:0}.fwFadeIn-enter-to[data-v-5e61228a],.fwFadeIn-leave-from[data-v-5e61228a]{opacity:1}.fw-checkbox input[data-v-5e61228a]{-ms-flex-negative:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-origin:border-box;background-size:60% 100%;display:inline-block;-webkit-flex-shrink:0;flex-shrink:0;-webkit-transition:background-color .14s ease,border-color .14s ease,-webkit-box-shadow .14s ease;transition:background-color .14s ease,border-color .14s ease,-webkit-box-shadow .14s ease;-moz-transition:background-color .14s ease,border-color .14s ease,box-shadow .14s ease;transition:background-color .14s ease,border-color .14s ease,box-shadow .14s ease;transition:background-color .14s ease,border-color .14s ease,box-shadow .14s ease,-webkit-box-shadow .14s ease;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle}.fw-checkbox input[data-v-5e61228a]:hover{background-color:var(--v96bda67e);border-color:var(--colorPrimary)}.fw-checkbox input[data-v-5e61228a]:checked{background-color:var(--colorPrimary);background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.753.219c.319.294.319.769 0 1.034l-8.25 8.25c-.266.319-.74.319-1.034 0l-4.25-4.25c-.292-.265-.292-.74 0-1.034a.754.754 0 0 1 1.061 0L5 7.94 12.719.219c.293-.292.769-.292 1.034 0Z' fill='%23F7F7F7'/%3E%3C/svg%3E\");background-position:50%;background-repeat:no-repeat;background-size:60%;border-color:var(--colorPrimary)}";
-var stylesheet$m = ".fwFadeIn-enter-active[data-v-5e61228a],.fwFadeIn-leave-active[data-v-5e61228a]{-webkit-transition:opacity .35s ease;-moz-transition:opacity .35s ease;transition:opacity .35s ease}.fwFadeIn-enter-from[data-v-5e61228a],.fwFadeIn-leave-to[data-v-5e61228a]{opacity:0}.fwFadeIn-enter-to[data-v-5e61228a],.fwFadeIn-leave-from[data-v-5e61228a]{opacity:1}.fw-checkbox input[data-v-5e61228a]{-ms-flex-negative:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-origin:border-box;background-size:60% 100%;display:inline-block;-webkit-flex-shrink:0;flex-shrink:0;-webkit-transition:background-color .14s ease,border-color .14s ease,-webkit-box-shadow .14s ease;transition:background-color .14s ease,border-color .14s ease,-webkit-box-shadow .14s ease;-moz-transition:background-color .14s ease,border-color .14s ease,box-shadow .14s ease;transition:background-color .14s ease,border-color .14s ease,box-shadow .14s ease;transition:background-color .14s ease,border-color .14s ease,box-shadow .14s ease,-webkit-box-shadow .14s ease;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle}.fw-checkbox input[data-v-5e61228a]:hover{background-color:var(--v96bda67e);border-color:var(--colorPrimary)}.fw-checkbox input[data-v-5e61228a]:checked{background-color:var(--colorPrimary);background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.753.219c.319.294.319.769 0 1.034l-8.25 8.25c-.266.319-.74.319-1.034 0l-4.25-4.25c-.292-.265-.292-.74 0-1.034a.754.754 0 0 1 1.061 0L5 7.94 12.719.219c.293-.292.769-.292 1.034 0Z' fill='%23F7F7F7'/%3E%3C/svg%3E\");background-position:50%;background-repeat:no-repeat;background-size:60%;border-color:var(--colorPrimary)}";
+var css_248z$m = ".fwFadeIn-enter-active[data-v-2ee5b97b],.fwFadeIn-leave-active[data-v-2ee5b97b]{-webkit-transition:opacity .35s ease;-moz-transition:opacity .35s ease;transition:opacity .35s ease}.fwFadeIn-enter-from[data-v-2ee5b97b],.fwFadeIn-leave-to[data-v-2ee5b97b]{opacity:0}.fwFadeIn-enter-to[data-v-2ee5b97b],.fwFadeIn-leave-from[data-v-2ee5b97b]{opacity:1}.fw-checkbox input[data-v-2ee5b97b]{-ms-flex-negative:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-origin:border-box;background-size:60% 100%;display:inline-block;-webkit-flex-shrink:0;flex-shrink:0;-webkit-transition:background-color .14s ease,border-color .14s ease,-webkit-box-shadow .14s ease;transition:background-color .14s ease,border-color .14s ease,-webkit-box-shadow .14s ease;-moz-transition:background-color .14s ease,border-color .14s ease,box-shadow .14s ease;transition:background-color .14s ease,border-color .14s ease,box-shadow .14s ease;transition:background-color .14s ease,border-color .14s ease,box-shadow .14s ease,-webkit-box-shadow .14s ease;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle}.fw-checkbox input[data-v-2ee5b97b]:hover{background-color:var(--v242a63d2);border-color:var(--colorPrimary)}.fw-checkbox input[data-v-2ee5b97b]:checked{background-color:var(--colorPrimary);background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.753.219c.319.294.319.769 0 1.034l-8.25 8.25c-.266.319-.74.319-1.034 0l-4.25-4.25c-.292-.265-.292-.74 0-1.034a.754.754 0 0 1 1.061 0L5 7.94 12.719.219c.293-.292.769-.292 1.034 0Z' fill='%23F7F7F7'/%3E%3C/svg%3E\");background-position:50%;background-repeat:no-repeat;background-size:60%;border-color:var(--colorPrimary)}.fw-checkbox input[data-v-2ee5b97b]:disabled{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(222 224 227/var(--tw-bg-opacity));background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.753.219c.319.294.319.769 0 1.034l-8.25 8.25c-.266.319-.74.319-1.034 0l-4.25-4.25c-.292-.265-.292-.74 0-1.034a.754.754 0 0 1 1.061 0L5 7.94 12.719.219c.293-.292.769-.292 1.034 0Z' fill='%235F6489'/%3E%3C/svg%3E\");background-position:50%;background-repeat:no-repeat;background-size:60%;border-color:rgb(222 224 227/var(--tw-border-opacity))}.fw-checkbox input[data-v-2ee5b97b]:disabled:not(:checked){background-image:none}";
+var stylesheet$m = ".fwFadeIn-enter-active[data-v-2ee5b97b],.fwFadeIn-leave-active[data-v-2ee5b97b]{-webkit-transition:opacity .35s ease;-moz-transition:opacity .35s ease;transition:opacity .35s ease}.fwFadeIn-enter-from[data-v-2ee5b97b],.fwFadeIn-leave-to[data-v-2ee5b97b]{opacity:0}.fwFadeIn-enter-to[data-v-2ee5b97b],.fwFadeIn-leave-from[data-v-2ee5b97b]{opacity:1}.fw-checkbox input[data-v-2ee5b97b]{-ms-flex-negative:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-origin:border-box;background-size:60% 100%;display:inline-block;-webkit-flex-shrink:0;flex-shrink:0;-webkit-transition:background-color .14s ease,border-color .14s ease,-webkit-box-shadow .14s ease;transition:background-color .14s ease,border-color .14s ease,-webkit-box-shadow .14s ease;-moz-transition:background-color .14s ease,border-color .14s ease,box-shadow .14s ease;transition:background-color .14s ease,border-color .14s ease,box-shadow .14s ease;transition:background-color .14s ease,border-color .14s ease,box-shadow .14s ease,-webkit-box-shadow .14s ease;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle}.fw-checkbox input[data-v-2ee5b97b]:hover{background-color:var(--v242a63d2);border-color:var(--colorPrimary)}.fw-checkbox input[data-v-2ee5b97b]:checked{background-color:var(--colorPrimary);background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.753.219c.319.294.319.769 0 1.034l-8.25 8.25c-.266.319-.74.319-1.034 0l-4.25-4.25c-.292-.265-.292-.74 0-1.034a.754.754 0 0 1 1.061 0L5 7.94 12.719.219c.293-.292.769-.292 1.034 0Z' fill='%23F7F7F7'/%3E%3C/svg%3E\");background-position:50%;background-repeat:no-repeat;background-size:60%;border-color:var(--colorPrimary)}.fw-checkbox input[data-v-2ee5b97b]:disabled{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(222 224 227/var(--tw-bg-opacity));background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.753.219c.319.294.319.769 0 1.034l-8.25 8.25c-.266.319-.74.319-1.034 0l-4.25-4.25c-.292-.265-.292-.74 0-1.034a.754.754 0 0 1 1.061 0L5 7.94 12.719.219c.293-.292.769-.292 1.034 0Z' fill='%235F6489'/%3E%3C/svg%3E\");background-position:50%;background-repeat:no-repeat;background-size:60%;border-color:rgb(222 224 227/var(--tw-border-opacity))}.fw-checkbox input[data-v-2ee5b97b]:disabled:not(:checked){background-image:none}";
 styleInject(css_248z$m);
 
 __default__$e.render = render$t;
-__default__$e.__scopeId = "data-v-5e61228a";
+__default__$e.__scopeId = "data-v-2ee5b97b";
 
 var stateMap = new WeakMap();
 function getState(el) {

package/index.d.ts

@@ -776,10 +776,18 @@ declare const __default__$b: vue.DefineComponent<vue.ExtractPropTypes<{
         type: StringConstructor;
         required: false;
     };
+    /**
+     * Whether the checkbox is disabled or not.
+     */
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>, {
     uuid: string;
     primaryFade5: string;
     colorErrorTextFade5: string;
+    checkboxBaseClass: string;
 }, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
     /**
      * The name of the checkbox input field.
@@ -844,10 +852,18 @@ declare const __default__$b: vue.DefineComponent<vue.ExtractPropTypes<{
         type: StringConstructor;
         required: false;
     };
+    /**
+     * Whether the checkbox is disabled or not.
+     */
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & Readonly<{}>, {
     enableErrors: boolean;
     isChecked: boolean;
     disableNamePrefix: boolean;
+    disabled: boolean;
 }, {}, {
     InputField: {
         new (...args: any[]): vue.CreateComponentPublicInstance<Readonly<vue.ExtractPropTypes<{

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@frollo/frollo-web-ui",
-  "version": "9.0.10",
+  "version": "9.0.12",
   "description": "Frollo's UI library for components, utilities and configs",
   "exports": {
     "./icons": "./icons/index.ts",

package/types/components/fw-checkbox/fw-checkbox.vue.d.ts

@@ -64,10 +64,18 @@ declare const __default__: import("vue").DefineComponent<import("vue").ExtractPr
         type: StringConstructor;
         required: false;
     };
+    /**
+     * Whether the checkbox is disabled or not.
+     */
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>, {
     uuid: string;
     primaryFade5: string;
     colorErrorTextFade5: string;
+    checkboxBaseClass: string;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      * The name of the checkbox input field.
@@ -132,10 +140,18 @@ declare const __default__: import("vue").DefineComponent<import("vue").ExtractPr
         type: StringConstructor;
         required: false;
     };
+    /**
+     * Whether the checkbox is disabled or not.
+     */
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & Readonly<{}>, {
     enableErrors: boolean;
     isChecked: boolean;
     disableNamePrefix: boolean;
+    disabled: boolean;
 }, {}, {
     InputField: {
         new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{