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.
@@ -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
- }, 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]])]);
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: false
2261
+ isChecked: true,
2262
+ isDisabled: false
2257
2263
  }];
2258
2264
  }
2259
2265
  },