lau-ecom-design-system 1.0.1 → 1.0.2

package/dist/lau-ecom-design-system.esm.js

@@ -2128,7 +2128,8 @@ var script$8 = /*@__PURE__*/defineComponent({
     });
     const lauEcomSwitchButtonClasses = computed(() => {
       return {
-        "lau-ecom-switch-button": true
+        "lau-ecom-switch-button": true,
+        "lau-ecom-switch-button--disabled": props.isDisabled
       };
     });
     return (_ctx, _cache) => {
@@ -2146,7 +2147,7 @@ var script$8 = /*@__PURE__*/defineComponent({
   }
 });
 
-var css_248z$7 = "\n.lau-ecom-switch[data-v-72ae33b1] {\n    position: relative;\n    height: 1.5rem;\n    width: 2.5rem;\n    flex-shrink: 0;\n    cursor: pointer;\n    appearance: none;\n    border-radius: 9999px;\n    border-width: 1px;\n    --tw-bg-opacity: 1;\n    background-color: rgb(255 255 255 / var(--tw-bg-opacity));\n    transition-property: all;\n    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    transition-duration: 150ms;\n    transition-duration: 0.3s\n}\n.lau-ecom-switch[data-v-72ae33b1]:checked {\n    cursor: pointer;\n    padding: 0.25rem\n}\n.lau-ecom-switch[data-v-72ae33b1]:disabled:checked {\n    border-color: var(--color-upc-color-neutral-60) !important;\n    background-color: var(--color-upc-color-neutral-60) !important\n}\n.lau-ecom-switch--upc[data-v-72ae33b1] {\n    border-color: var(--color-upc-color-red-90)\n}\n.lau-ecom-switch--upc[data-v-72ae33b1]:checked {\n    border-color: var(--color-upc-color-red-60-base);\n    background-color: var(--color-upc-color-red-60-base)\n}\n.lau-ecom-switch--cbt[data-v-72ae33b1] {\n    border-color: var(--color-cbt-color-apple-green-60-base)\n}\n.lau-ecom-switch--cbt[data-v-72ae33b1]:checked {\n    border-color: var(--color-cbt-color-apple-green-60-base);\n    background-color: var(--color-cbt-color-apple-green-60-base)\n}\n.lau-ecom-switch--disabled[data-v-72ae33b1] {\n    pointer-events: none;\n    border-color: var(--color-upc-color-neutral-60)\n}\n.lau-ecom-switch-button[data-v-72ae33b1] {\n    pointer-events: none;\n    position: absolute;\n    top: 0.25rem;\n    margin-left: 0.25rem;\n    height: 1rem;\n    width: 1rem;\n    border-radius: 9999px;\n    background-color: var(--color-upc-color-neutral-90);\n    transition-property: all;\n    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    transition-duration: 150ms;\n    transition-duration: 0.3s\n}\n.dsEcom-peer:checked ~ .lau-ecom-switch-button[data-v-72ae33b1] {\n    margin-left: 1.25rem;\n    --tw-bg-opacity: 1;\n    background-color: rgb(255 255 255 / var(--tw-bg-opacity))\n}\r\n";
+var css_248z$7 = "\n.lau-ecom-switch[data-v-72ae33b1] {\n    position: relative;\n    height: 1.5rem;\n    width: 2.5rem;\n    flex-shrink: 0;\n    cursor: pointer;\n    appearance: none;\n    border-radius: 9999px;\n    border-width: 1px;\n    --tw-bg-opacity: 1;\n    background-color: rgb(255 255 255 / var(--tw-bg-opacity));\n    transition-property: all;\n    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    transition-duration: 150ms;\n    transition-duration: 0.3s\n}\n.lau-ecom-switch[data-v-72ae33b1]:checked {\n    cursor: pointer;\n    padding: 0.25rem\n}\n.lau-ecom-switch[data-v-72ae33b1]:disabled:checked {\n    border-color: var(--color-upc-color-neutral-60) !important;\n    background-color: var(--color-upc-color-neutral-60) !important\n}\n.lau-ecom-switch--upc[data-v-72ae33b1] {\n    border-color: var(--color-upc-color-red-90)\n}\n.lau-ecom-switch--upc[data-v-72ae33b1]:checked {\n    border-color: var(--color-upc-color-red-60-base);\n    background-color: var(--color-upc-color-red-60-base)\n}\n.lau-ecom-switch--cbt[data-v-72ae33b1] {\n    border-color: var(--color-cbt-color-apple-green-60-base)\n}\n.lau-ecom-switch--cbt[data-v-72ae33b1]:checked {\n    border-color: var(--color-cbt-color-apple-green-60-base);\n    background-color: var(--color-cbt-color-apple-green-60-base)\n}\n.lau-ecom-switch--disabled[data-v-72ae33b1] {\n    pointer-events: none;\n    border-color: var(--color-upc-color-neutral-60)\n}\n.lau-ecom-switch-button[data-v-72ae33b1] {\n    pointer-events: none;\n    position: absolute;\n    top: 0.25rem;\n    margin-left: 0.25rem;\n    height: 1rem;\n    width: 1rem;\n    border-radius: 9999px;\n    background-color: var(--color-upc-color-neutral-90);\n    transition-property: all;\n    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    transition-duration: 150ms;\n    transition-duration: 0.3s\n}\n.dsEcom-peer:checked ~ .lau-ecom-switch-button[data-v-72ae33b1] {\n    margin-left: 1.25rem;\n    --tw-bg-opacity: 1;\n    background-color: rgb(255 255 255 / var(--tw-bg-opacity))\n}\n.lau-ecom-switch-button--disabled[data-v-72ae33b1] {\n    background-color: var(--color-upc-color-neutral-60)\n}\r\n";
 styleInject(css_248z$7);
 
 script$8.__scopeId = "data-v-72ae33b1";
@@ -2216,8 +2217,9 @@ var script$7 = /*@__PURE__*/defineComponent({
       }, toDisplayString(_ctx.cookieItem.title), 3 /* TEXT, CLASS */)]), createVNode(script$8, {
         modelValue: isChecked.value,
         "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => isChecked.value = $event),
-        instance: _ctx.instance
-      }, null, 8 /* PROPS */, ["modelValue", "instance"])]), withDirectives(createElementVNode("div", _hoisted_3$3, [createElementVNode("p", _hoisted_4$3, toDisplayString(_ctx.cookieItem.text), 1 /* TEXT */)], 512 /* NEED_PATCH */), [[vShow, isOpen.value]])]);
+        instance: _ctx.instance,
+        isDisabled: _ctx.cookieItem.isDisabled
+      }, null, 8 /* PROPS */, ["modelValue", "instance", "isDisabled"])]), withDirectives(createElementVNode("div", _hoisted_3$3, [createElementVNode("p", _hoisted_4$3, toDisplayString(_ctx.cookieItem.text), 1 /* TEXT */)], 512 /* NEED_PATCH */), [[vShow, isOpen.value]])]);
     };
   }
 });
@@ -2241,19 +2243,23 @@ var script$6 = /*@__PURE__*/defineComponent({
         return [{
           title: "Esenciales",
           text: "Este sitio web utiliza cookies gracias a esto podemos personalizar los ingresos a la web en futuras visitas  y brindarte una mejor experiencia.",
-          isChecked: false
+          isChecked: false,
+          isDisabled: false
         }, {
           title: "Preferencias",
           text: "Este sitio web utiliza cookies gracias a esto podemos personalizar los ingresos a la web en futuras visitas  y brindarte una mejor experiencia.",
-          isChecked: false
+          isChecked: false,
+          isDisabled: false
         }, {
           title: "Estadisticas",
           text: "Este sitio web utiliza cookies gracias a esto podemos personalizar los ingresos a la web en futuras visitas  y brindarte una mejor experiencia.",
-          isChecked: true
+          isChecked: true,
+          isDisabled: false
         }, {
           title: "Marketing",
           text: "Este sitio web utiliza cookies gracias a esto podemos personalizar los ingresos a la web en futuras visitas  y brindarte una mejor experiencia.",
-          isChecked: false
+          isChecked: true,
+          isDisabled: false
         }];
       }
     },