lau-ecom-design-system 1.0.1 → 1.0.2
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.
- package/dist/lau-ecom-design-system.esm.js +14 -8
- package/dist/lau-ecom-design-system.min.js +1 -1
- package/dist/lau-ecom-design-system.ssr.js +14 -8
- package/package.json +1 -1
- package/src/components/LauEcomBannerCookies/LauEcomBannerCookiesConfig.vue +5 -1
- package/src/components/LauEcomBannerCookies/LauEcomBannerCookiesConfigAccordion.vue +5 -1
- package/src/components/LauEcomSwitch/LauEcomSwitch.vue +5 -0
@@ -2128,7 +2128,8 @@ var script$8 = /*@__PURE__*/defineComponent({
|
|
2128
2128
|
});
|
2129
2129
|
const lauEcomSwitchButtonClasses = computed(() => {
|
2130
2130
|
return {
|
2131
|
-
"lau-ecom-switch-button": true
|
2131
|
+
"lau-ecom-switch-button": true,
|
2132
|
+
"lau-ecom-switch-button--disabled": props.isDisabled
|
2132
2133
|
};
|
2133
2134
|
});
|
2134
2135
|
return (_ctx, _cache) => {
|
@@ -2146,7 +2147,7 @@ var script$8 = /*@__PURE__*/defineComponent({
|
|
2146
2147
|
}
|
2147
2148
|
});
|
2148
2149
|
|
2149
|
-
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";
|
2150
|
+
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";
|
2150
2151
|
styleInject(css_248z$7);
|
2151
2152
|
|
2152
2153
|
script$8.__scopeId = "data-v-72ae33b1";
|
@@ -2216,8 +2217,9 @@ var script$7 = /*@__PURE__*/defineComponent({
|
|
2216
2217
|
}, toDisplayString(_ctx.cookieItem.title), 3 /* TEXT, CLASS */)]), createVNode(script$8, {
|
2217
2218
|
modelValue: isChecked.value,
|
2218
2219
|
"onUpdate:modelValue": _cache[0] || (_cache[0] = $event => isChecked.value = $event),
|
2219
|
-
instance: _ctx.instance
|
2220
|
-
|
2220
|
+
instance: _ctx.instance,
|
2221
|
+
isDisabled: _ctx.cookieItem.isDisabled
|
2222
|
+
}, 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]])]);
|
2221
2223
|
};
|
2222
2224
|
}
|
2223
2225
|
});
|
@@ -2241,19 +2243,23 @@ var script$6 = /*@__PURE__*/defineComponent({
|
|
2241
2243
|
return [{
|
2242
2244
|
title: "Esenciales",
|
2243
2245
|
text: "Este sitio web utiliza cookies gracias a esto podemos personalizar los ingresos a la web en futuras visitas y brindarte una mejor experiencia.",
|
2244
|
-
isChecked: false
|
2246
|
+
isChecked: false,
|
2247
|
+
isDisabled: false
|
2245
2248
|
}, {
|
2246
2249
|
title: "Preferencias",
|
2247
2250
|
text: "Este sitio web utiliza cookies gracias a esto podemos personalizar los ingresos a la web en futuras visitas y brindarte una mejor experiencia.",
|
2248
|
-
isChecked: false
|
2251
|
+
isChecked: false,
|
2252
|
+
isDisabled: false
|
2249
2253
|
}, {
|
2250
2254
|
title: "Estadisticas",
|
2251
2255
|
text: "Este sitio web utiliza cookies gracias a esto podemos personalizar los ingresos a la web en futuras visitas y brindarte una mejor experiencia.",
|
2252
|
-
isChecked: true
|
2256
|
+
isChecked: true,
|
2257
|
+
isDisabled: false
|
2253
2258
|
}, {
|
2254
2259
|
title: "Marketing",
|
2255
2260
|
text: "Este sitio web utiliza cookies gracias a esto podemos personalizar los ingresos a la web en futuras visitas y brindarte una mejor experiencia.",
|
2256
|
-
isChecked:
|
2261
|
+
isChecked: true,
|
2262
|
+
isDisabled: false
|
2257
2263
|
}];
|
2258
2264
|
}
|
2259
2265
|
},
|