@plurix/ecom-components 1.16.5-commerce.3 → 1.16.5-commerce.4

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.
Files changed (6) hide show
  1. package/dist/packages/ProductCard/ProductCardButton/CustomQuantitySelector/index.js +34 -34
  2. package/dist/packages/ProductCard/ProductCardHorizontal/index.js +4 -4
  3. package/dist/packages/ProductCard/ProductCardVertical/index.js +7 -7
  4. package/dist/styles/carousel.global.css +1 -1
  5. package/dist/styles/product-card.global.css +1 -1
  6. package/package.json +1 -1
package/dist/packages/ProductCard/ProductCardButton/CustomQuantitySelector/index.js CHANGED
@@ -1,31 +1,31 @@
1
- var N = Object.defineProperty, x = Object.defineProperties;
2
- var v = Object.getOwnPropertyDescriptors;
3
- var l = Object.getOwnPropertySymbols;
1
+ var x = Object.defineProperty, N = Object.defineProperties;
2
+ var j = Object.getOwnPropertyDescriptors;
3
+ var r = Object.getOwnPropertySymbols;
4
4
  var c = Object.prototype.hasOwnProperty, d = Object.prototype.propertyIsEnumerable;
5
- var u = (t, a, e) => a in t ? N(t, a, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[a] = e, r = (t, a) => {
6
- for (var e in a || (a = {}))
7
- c.call(a, e) && u(t, e, a[e]);
8
- if (l)
9
- for (var e of l(a))
10
- d.call(a, e) && u(t, e, a[e]);
5
+ var u = (t, e, a) => e in t ? x(t, e, { enumerable: !0, configurable: !0, writable: !0, value: a }) : t[e] = a, l = (t, e) => {
6
+ for (var a in e || (e = {}))
7
+ c.call(e, a) && u(t, a, e[a]);
8
+ if (r)
9
+ for (var a of r(e))
10
+ d.call(e, a) && u(t, a, e[a]);
11
11
  return t;
12
- }, y = (t, a) => x(t, v(a));
13
- var m = (t, a) => {
14
- var e = {};
12
+ }, y = (t, e) => N(t, j(e));
13
+ var m = (t, e) => {
14
+ var a = {};
15
15
  for (var i in t)
16
- c.call(t, i) && a.indexOf(i) < 0 && (e[i] = t[i]);
17
- if (t != null && l)
18
- for (var i of l(t))
19
- a.indexOf(i) < 0 && d.call(t, i) && (e[i] = t[i]);
20
- return e;
16
+ c.call(t, i) && e.indexOf(i) < 0 && (a[i] = t[i]);
17
+ if (t != null && r)
18
+ for (var i of r(t))
19
+ e.indexOf(i) < 0 && d.call(t, i) && (a[i] = t[i]);
20
+ return a;
21
21
  };
22
- import { jsxs as q, jsx as n } from "react/jsx-runtime";
23
- import { forwardRef as Q } from "react";
24
- import p from "./IconButton.js";
25
- const A = Q(function(j, h) {
26
- var s = j, {
27
- quantity: a,
28
- testId: e = "store-quantity-selector",
22
+ import { jsxs as p, jsx as n } from "react/jsx-runtime";
23
+ import { forwardRef as v } from "react";
24
+ import q from "./IconButton.js";
25
+ const g = v(function(w, h) {
26
+ var s = w, {
27
+ quantity: e,
28
+ testId: a = "store-quantity-selector",
29
29
  leftButtonProps: i,
30
30
  rightButtonProps: f,
31
31
  measureUnit: o
@@ -36,29 +36,29 @@ const A = Q(function(j, h) {
36
36
  "rightButtonProps",
37
37
  "measureUnit"
38
38
  ]);
39
- return /* @__PURE__ */ q(
39
+ return /* @__PURE__ */ p(
40
40
  "div",
41
- y(r({
41
+ y(l({
42
42
  className: "quantity-selector",
43
- "data-testid": e,
43
+ "data-testid": a,
44
44
  ref: h
45
45
  }, b), {
46
46
  children: [
47
47
  /* @__PURE__ */ n(
48
- p,
49
- r({
48
+ q,
49
+ l({
50
50
  "aria-controls": "quantity-selector-input",
51
51
  "aria-label": "Diminuir quantidade",
52
52
  className: "quantity-selector-button button-plus"
53
53
  }, i)
54
54
  ),
55
- /* @__PURE__ */ q("div", { style: { display: "flex", alignItems: "center" }, children: [
56
- /* @__PURE__ */ n("div", { style: { width: "auto" }, children: /* @__PURE__ */ n("p", { "aria-label": "Quantidade", className: "quantity-selector-quantity", children: a }) }),
55
+ /* @__PURE__ */ p("div", { style: { display: "flex", alignItems: "center", width: "100px", justifyContent: "center" }, children: [
56
+ /* @__PURE__ */ n("div", { style: { width: "auto" }, children: /* @__PURE__ */ n("p", { "aria-label": "Quantidade", className: "quantity-selector-quantity", children: e }) }),
57
57
  o && o !== "un" && /* @__PURE__ */ n("p", { className: "quantity-selector-measure-unit", children: o })
58
58
  ] }),
59
59
  /* @__PURE__ */ n(
60
- p,
61
- r({
60
+ q,
61
+ l({
62
62
  "aria-controls": "quantity-selector-input",
63
63
  "aria-label": "Aumentar quantidade",
64
64
  className: "quantity-selector-button quantity-selector-button-plus"
@@ -69,5 +69,5 @@ const A = Q(function(j, h) {
69
69
  );
70
70
  });
71
71
  export {
72
- A as default
72
+ g as default
73
73
  };
package/dist/packages/ProductCard/ProductCardHorizontal/index.js CHANGED
@@ -21,8 +21,8 @@ const T = ({
21
21
  isClubClient: n,
22
22
  addToCartAction: g,
23
23
  quantitySelectorAction: h,
24
- productInCart: S,
25
- openModal: b
24
+ productInCart: b,
25
+ openModal: S
26
26
  }) => {
27
27
  var m, f;
28
28
  const [k, v] = d(!1), [D, x] = d(!1), z = r === "domolivio" ? "#EBE0CF" : "#FDF3DE";
@@ -45,7 +45,7 @@ const T = ({
45
45
  backgroundColor: u ? z : "var(--color-grayScale-faded)"
46
46
  },
47
47
  children: [
48
- /* @__PURE__ */ t("button", { className: "product-card-section-product-horizontal", onClick: b, children: [
48
+ /* @__PURE__ */ t("button", { className: "clean-button product-card-section-product-horizontal", onClick: S, children: [
49
49
  /* @__PURE__ */ s(
50
50
  p,
51
51
  {
@@ -140,7 +140,7 @@ const T = ({
140
140
  {
141
141
  addToCartAction: g,
142
142
  quantitySelectorAction: h,
143
- productInCart: S,
143
+ productInCart: b,
144
144
  layout: a
145
145
  }
146
146
  )
package/dist/packages/ProductCard/ProductCardVertical/index.js CHANGED
@@ -20,9 +20,9 @@ const G = ({
20
20
  isClubClient: m,
21
21
  hasClub: C,
22
22
  openModal: g,
23
- addToCartAction: h,
24
- quantitySelectorAction: S,
25
- productInCart: b
23
+ addToCartAction: b,
24
+ quantitySelectorAction: h,
25
+ productInCart: S
26
26
  }) => {
27
27
  var l, u;
28
28
  const [k, v] = f(!1), [D, O] = f(!1), B = t === "domolivio" ? "#EBE0CF" : "#FDF3DE";
@@ -40,7 +40,7 @@ const G = ({
40
40
  return /* @__PURE__ */ s("div", { id: "product-card", className: "product-card", style: {
41
41
  backgroundColor: n ? B : "var(--color-grayScale-faded)"
42
42
  }, children: [
43
- /* @__PURE__ */ s("button", { className: "product-card-container", onClick: g, children: [
43
+ /* @__PURE__ */ s("button", { className: "clean-button product-card-container", onClick: g, children: [
44
44
  /* @__PURE__ */ e(
45
45
  x,
46
46
  {
@@ -121,9 +121,9 @@ const G = ({
121
121
  /* @__PURE__ */ e(
122
122
  U,
123
123
  {
124
- addToCartAction: h,
125
- quantitySelectorAction: S,
126
- productInCart: b,
124
+ addToCartAction: b,
125
+ quantitySelectorAction: h,
126
+ productInCart: S,
127
127
  layout: r
128
128
  }
129
129
  )
package/dist/styles/carousel.global.css CHANGED
@@ -1 +1 @@
1
- #carousel .carousel-content{width:100%;display:flex;flex-direction:row;justify-content:center}#carousel .carousel-content .carousel-arrow-button-prev,#carousel .carousel-content .carousel-arrow-button-next{display:flex;justify-content:center;align-items:center}#carousel .carousel-content .carousel-container{display:flex;flex-direction:row;width:100%;scroll-behavior:smooth;overflow-x:scroll}#carousel .numeric-bullets{display:flex;flex-direction:row;justify-content:center;text-align:center}#carousel .bullets-container{display:flex;flex-direction:row;justify-content:center}
1
+ #carousel .carousel-content{width:100%;display:flex;flex-direction:row;justify-content:center}#carousel .carousel-content .carousel-arrow-button-prev,#carousel .carousel-content .carousel-arrow-button-next{display:flex;justify-content:center;align-items:center}#carousel .carousel-content .carousel-container{display:flex;flex-direction:row;width:100%;height:100%;scroll-behavior:smooth;overflow-x:scroll}#carousel .numeric-bullets{display:flex;flex-direction:row;justify-content:center;text-align:center}#carousel .bullets-container{display:flex;flex-direction:row;justify-content:center}
package/dist/styles/product-card.global.css CHANGED
@@ -1 +1 @@
1
- :root{--product-card-horizontal-width: 100px;--product-card-horizontal-margin: 8px;--product-card-horizontal-padding: 8px}#product-card,#product-card-unavailable{display:flex;flex-direction:column;min-height:276px;max-height:304px;height:calc(100% + 56px)}#product-card-unavailable.product-card-horizontal-unavailable{min-height:172px;max-height:206px}.product-card{display:flex;flex-direction:column;flex:1;position:relative;height:100%;cursor:pointer;border:1px solid var(--color-grayScale-lightest);border-radius:8px;overflow:hidden}.product-card-container{display:flex;flex-direction:column;appearance:none;border:none;background:unset;text-align:left;height:100%}.product-card,.product-card+.product-card-unavailable-text{width:162px}.product-card-description{display:flex;flex-direction:column;gap:4px;padding:8px;height:100%;max-height:130px;min-height:80px}.product-card-badge{display:flex;gap:4px}.product-card-badge-kg{display:inline-block;width:fit-content;height:16px;padding:2px 4px;background-color:var(--color-main);border-radius:2px;color:var(--color-grayScale-white);font-weight:var(--text-weight-bold);font-size:10px;line-height:13px;text-align:center;vertical-align:middle}.product-card-discount-badge{display:flex;align-items:center;justify-content:center;width:42px;height:16px;background-color:var(--color-badge-main);border-radius:2px}.product-card-discount-badge-value{font-weight:var(--text-weight-bold);font-size:var(--text-size-0);line-height:16px;color:var(--color-badge-secondary)}.product-card-badge-club{width:43px;background-color:var(--color-badge-main);border-radius:4px;text-align:center}.product-card-badge-club-text{font-weight:var(--text-weight-bold);font-size:var(--text-size-0);line-height:16px;color:var(--color-badge-secondary);padding:1px 0}.product-card-section-badge{display:flex;gap:4px}.product-card-horizontal{position:relative;display:flex;flex-direction:column;width:304px;height:calc(100% + 56px);min-height:163px;max-height:206px;border:1px solid var(--color-grayScale-lightest);border-radius:8px}.product-card-section-product-horizontal{display:flex;position:relative;height:100%;cursor:pointer;border-radius:8px;appearance:none;border:none;background:unset;text-align:left}.product-card-section-product-horizontal .product-card-image-container{position:relative;align-self:flex-start;padding:0 var(--product-card-horizontal-padding);height:100%}.product-card-section-product-horizontal .product-card-image-container .image{width:var(--product-card-horizontal-width);height:100px;object-fit:contain;margin-top:8px;margin-bottom:auto}.product-card-horizontal-description{display:flex;flex-direction:column;gap:4px;min-height:108px;max-height:155px;height:100%;width:calc(100% - (var(--product-card-horizontal-width) + (var(--product-card-horizontal-margin) * 2)));padding:7.5px 8px;border-radius:8px;border-bottom-left-radius:unset;border-top-left-radius:unset}.product-card-section-name{display:flex;flex-direction:column;gap:4px}.product-card-horizontal-description .product-card-club-price{line-height:18px}.out-of-stock{min-height:126px}.out-of-stock-description-content{display:flex;flex-direction:column;flex:1;background-color:var(--color-grayScale-faded)}.product-card-section-product-horizontal .product-card-name{font-size:var(--text-size-1);line-height:20px;min-height:auto;height:100%;max-width:172px}.product-card-section-product-horizontal .product-card-section-badge-horizontal{display:flex;gap:4px;height:16px}.product-card-horizontal .product-card-price-container{display:flex;flex-direction:row;align-items:center;min-height:20px}.product-card-horizontal .product-card-price-container .product-card-old-price{padding-right:4px;border-right:1px solid var(--color-grayScale-light)}.product-card-horizontal .product-card-price-container .product-card-new-price{padding-left:4px;font-size:var(--text-size-2);line-height:20px}.product-card-section-badge-container.horizontal{position:unset;height:24px;width:100%}.product-card-button{display:flex;justify-content:center;align-items:center;width:calc(100% - 32px);height:40px;padding:8px 16px;margin:8px 16px;border:1px solid var(--color-main);border-radius:20px;background-color:var(--color-main);color:var(--color-grayScale-white);font-weight:var(--text-weight-bold);font-size:var(--text-size-2);line-height:20px;cursor:pointer}.product-card-button span{display:flex;align-items:center;gap:4px}#product-card-button{position:absolute;bottom:0;left:0;width:stretch}.product-card-button.unavailable{background-color:var(--color-grayScale-lightest);color:#545454;cursor:not-allowed}.product-card-button .button{padding:12px;border-bottom-left-radius:8px;border-bottom-right-radius:8px;font-size:var(--text-size-3);line-height:24px;max-height:unset}.product-card-image-container{position:relative;display:flex;justify-content:center;align-items:center;padding:7.5px 8px;background-color:var(--color-grayScale-white);border-top-left-radius:7px;border-top-right-radius:7px}.product-card-image-container .image{max-width:96px;height:96px;object-fit:contain}.product-club-badge{position:absolute;width:50px;height:18px;inset:8px 0 0 8px}.product-card-section-badge-container{position:absolute;bottom:8px;height:18px;width:calc(100% - 32px);display:flex;justify-content:center;align-items:center;border-radius:4px}.product-card-section-badge-text{font-weight:var(--text-weight-bold);font-size:var(--text-size-0);line-height:16px;vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 4px}.product-club-badge.horizontal{inset:9px 0 0 9px}.product-card-name{display:-webkit-box;font-weight:var(--text-weight-regular);font-size:var(--text-size-1);line-height:18px;color:#545454;vertical-align:middle;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-card-price{display:flex;flex-direction:column;gap:4px;margin-top:auto}.product-card-club-price{display:inline-block;width:100%;padding:4px;background-color:#fadb9d;border-radius:4px;color:#2c3490;font-weight:var(--text-weight-bold);font-size:var(--text-size-0);line-height:16px}.product-card-old-price{height:16px;font-weight:400;font-size:var(--text-size-0);line-height:16px;color:#545454;text-decoration:line-through;vertical-align:middle}.product-card-new-price{font-weight:var(--text-weight-bold);font-size:var(--text-size-3);line-height:24px;color:var(--color-main);vertical-align:middle}.product-card-price-container{display:flex;flex-direction:column;min-height:24px}.product-card-old-price .mobile{display:block}@media (min-width: 769px){.product-card,.product-card+.product-card-unavailable-text{width:226px}#product-card,#product-card-unavailable{min-height:324px;max-height:350px}.product-card-description{padding:8px 16px 0}.product-card-unavailable{height:74px}.product-card-image-container{padding:15.5px 16px 7.5px}.product-card-image-container .image{max-width:144px;height:144px}.product-club-badge{width:67px;height:24px;inset:16px 0 0 16px}.product-card-section-badge-container{max-width:194px;height:24px}.product-card-section-badge-text{font-size:var(--text-size-1);line-height:18px}.product-card-name{font-size:var(--text-size-2);line-height:20px}.product-card-old-price .mobile{display:none}.product-card-old-price{padding-right:4px;border-right:2px solid var(--color-grayScale-light)}.product-card-new-price{padding-left:4px}.product-card-club-price{font-size:var(--text-size-1);line-height:18px}.product-card-price-container{display:flex;flex-direction:row;align-items:center}.product-card-badge-club{width:57px}.product-card-badge-club-text{font-size:var(--text-size-1);line-height:18px;padding:3px 0}}.quantity-selector{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:calc(100% - 32px);height:40px;margin:8px 16px;border:1px solid var(--color-grayScale-light);border-radius:20px;background-color:var(--color-grayScale-white);box-shadow:0 0 0 var(--border-width-0) var(--color-support-shadow);transition:box-shadow .2s ease}[data-store-quantity-selector] [data-store-icon]{display:inline-block;margin:0;color:var(--color-main);line-height:0}.quantity-selector .quantity-selector-quantity{display:block;width:100%;height:100%;padding:0;font-weight:400;line-height:20px;color:var(--color-grayScale);text-align:center;background-color:transparent;border-width:0;opacity:1}.quantity-selector .quantity-selector-quantity:focus{outline:0}.quantity-selector .quantity-selector-quantity:disabled{color:var(--color-grayScale);opacity:1}.quantity-selector-button{display:flex;align-items:center;justify-content:center;width:46px;height:39px;padding:var(--space-0);background-color:#e6e6e6;border:unset;border-bottom-left-radius:20px;border-top-left-radius:20px;cursor:pointer}.quantity-selector-button.quantity-selector-button-plus{border-top-right-radius:20px;border-top-left-radius:unset;border-bottom-right-radius:20px;border-bottom-left-radius:unset}.quantity-selector-measure-unit{font-family:DM Sans,sans-serif;font-size:var;font-weight:400;line-height:20px;color:var(--color-grayScale)}.quantity-selector .quantity-selector-button [data-store-icon]{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:var(--border-radius-default);transition:background-color .2s ease}.quantity-selector .quantity-selector-button:hover:not(:disabled) [data-store-icon]{background-color:var(--bg-secondary-light)}.quantity-selector .quantity-selector-button:disabled{cursor:not-allowed}.quantity-selector .quantity-selector-button:disabled [data-store-icon]{color:var(--color-grayScale-light)}.quantity-selector:hover:not([data-store-quantity-selector=disabled]){box-shadow:0 0 0 var(--border-width-1) var(--color-support-shadow)}.quantity-selector[data-store-quantity-selector=disabled]{background-color:var(--color-grayScale-light);box-shadow:0 0 0 var(--border-width-0) var(--color-support-shadow)}.quantity-selector[data-store-quantity-selector=disabled] [data-quantity-selector-button]:hover [data-store-icon]{background-color:transparent}@media not all and (min-resolution: .001dpcm){@supports (-webkit-appearance: none){.quantity-selector .quantity-selector-button:focus{outline:none;box-shadow:none}.quantity-selector .quantity-selector-button:focus [data-store-icon]{outline:2px solid var(--color-main);outline-offset:2px;background-color:var(--bg-secondary-light)}}}.quantity-selector .quantity-selector-button:focus-visible{outline:none;box-shadow:none}.quantity-selector .quantity-selector-button:focus-visible [data-store-icon]{outline:2px solid var(--color-main);outline-offset:2px;background-color:var(--bg-secondary-light)}.product-add-text{display:block;height:10px;padding-bottom:17px;text-align:center;transition-delay:.25s;transition-property:margin-top}.product-add-text p{font-family:DM Sans,sans-serif;font-size:var(--text-size-0);font-weight:400;font-style:normal;line-height:16px;color:var(--color-positiveFeedback-dark);text-align:center;white-space:nowrap}@include media(">tablet"){.product-add-text p {font-size: var(--text-size-1); line-height: 18px;}}.product-card-unavailable-text{height:40px;margin:8px;align-content:center;border:1px solid var(--color-grayScale-light);border-radius:20px;position:absolute;bottom:0;left:0;width:stretch;background-color:var(--color-grayScale-lightest)}.product-card-unavailable-text p{text-align:center;font-size:var(--text-size-3);font-weight:var(--text-weight-bold);line-height:24px;color:var(--color-grayScale-darkest)}
1
+ :root{--product-card-horizontal-width: 100px;--product-card-horizontal-margin: 8px;--product-card-horizontal-padding: 8px}#product-card,#product-card-unavailable{display:flex;flex-direction:column;min-height:276px;max-height:304px;height:calc(100% + 56px)}#product-card-unavailable.product-card-horizontal-unavailable{min-height:172px;max-height:206px}.product-card{display:flex;flex-direction:column;flex:1;position:relative;height:100%;cursor:pointer;border:1px solid var(--color-grayScale-lightest);border-radius:8px;overflow:hidden}.clean-button{display:flex;flex-direction:column;appearance:none;border:none;background:none;outline:none;text-align:left;cursor:pointer;font:inherit;color:inherit;margin:0;padding:0;text-transform:none;height:100%}.product-card,.product-card+.product-card-unavailable-text{width:162px}.product-card-description{display:flex;flex-direction:column;gap:4px;padding:8px;height:100%;max-height:130px;min-height:80px}.product-card-badge{display:flex;gap:4px}.product-card-badge-kg{display:inline-block;width:fit-content;height:16px;padding:2px 4px;background-color:var(--color-main);border-radius:2px;color:var(--color-grayScale-white);font-weight:var(--text-weight-bold);font-size:10px;line-height:13px;text-align:center;vertical-align:middle}.product-card-discount-badge{display:flex;align-items:center;justify-content:center;width:42px;height:16px;background-color:var(--color-badge-main);border-radius:2px}.product-card-discount-badge-value{font-weight:var(--text-weight-bold);font-size:var(--text-size-0);line-height:16px;color:var(--color-badge-secondary)}.product-card-badge-club{width:43px;background-color:var(--color-badge-main);border-radius:4px;text-align:center}.product-card-badge-club-text{font-weight:var(--text-weight-bold);font-size:var(--text-size-0);line-height:16px;color:var(--color-badge-secondary);padding:1px 0}.product-card-section-badge{display:flex;gap:4px}.product-card-horizontal{position:relative;display:flex;flex-direction:column;width:304px;height:calc(100% + 56px);min-height:163px;max-height:206px;border:1px solid var(--color-grayScale-lightest);border-radius:8px}.product-card-section-product-horizontal{display:flex;flex-direction:row;position:relative;border-radius:8px}.product-card-section-product-horizontal .product-card-image-container{position:relative;align-self:flex-start;padding:0 var(--product-card-horizontal-padding);height:100%}.product-card-section-product-horizontal .product-card-image-container .image{width:var(--product-card-horizontal-width);height:100px;object-fit:contain;margin-top:8px;margin-bottom:auto}.product-card-horizontal-description{display:flex;flex-direction:column;gap:4px;min-height:108px;max-height:155px;height:100%;width:calc(100% - (var(--product-card-horizontal-width) + (var(--product-card-horizontal-margin) * 2)));padding:7.5px 8px;border-radius:8px;border-bottom-left-radius:unset;border-top-left-radius:unset}.product-card-section-name{display:flex;flex-direction:column;gap:4px}.product-card-horizontal-description .product-card-club-price{line-height:18px}.out-of-stock{min-height:126px}.out-of-stock-description-content{display:flex;flex-direction:column;flex:1;background-color:var(--color-grayScale-faded)}.product-card-section-product-horizontal .product-card-name{font-size:var(--text-size-1);line-height:20px;min-height:auto;height:100%;max-width:172px}.product-card-section-product-horizontal .product-card-section-badge-horizontal{display:flex;gap:4px;height:16px}.product-card-horizontal .product-card-price-container{display:flex;flex-direction:row;align-items:center;min-height:20px}.product-card-horizontal .product-card-price-container .product-card-old-price{padding-right:4px;border-right:1px solid var(--color-grayScale-light)}.product-card-horizontal .product-card-price-container .product-card-new-price{padding-left:4px;font-size:var(--text-size-2);line-height:20px}.product-card-section-badge-container.horizontal{position:unset;height:24px;width:100%}.product-card-button{display:flex;justify-content:center;align-items:center;width:calc(100% - 16px);height:40px;padding:8px 16px;margin:8px;border:1px solid var(--color-main);border-radius:20px;background-color:var(--color-main);color:var(--color-grayScale-white);font-weight:var(--text-weight-bold);font-size:var(--text-size-2);line-height:20px;cursor:pointer}.product-card-button span{display:flex;align-items:center;gap:4px}#product-card-button{position:absolute;bottom:0;left:0;width:stretch}.product-card-button.unavailable{background-color:var(--color-grayScale-lightest);color:#545454;cursor:not-allowed}.product-card-button .button{padding:12px;border-bottom-left-radius:8px;border-bottom-right-radius:8px;font-size:var(--text-size-3);line-height:24px;max-height:unset}.product-card-image-container{position:relative;display:flex;justify-content:center;align-items:center;padding:7.5px 8px;background-color:var(--color-grayScale-white);border-top-left-radius:7px;border-top-right-radius:7px}.product-card-image-container .image{max-width:96px;height:96px;object-fit:contain}.product-club-badge{position:absolute;width:50px;height:18px;inset:8px 0 0 8px}.product-card-section-badge-container{position:absolute;bottom:8px;height:18px;width:calc(100% - 32px);display:flex;justify-content:center;align-items:center;border-radius:4px}.product-card-section-badge-text{font-weight:var(--text-weight-bold);font-size:var(--text-size-0);line-height:16px;vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 4px}.product-club-badge.horizontal{inset:9px 0 0 9px}.product-card-name{display:-webkit-box;font-weight:var(--text-weight-regular);font-size:var(--text-size-1);line-height:18px;color:#545454;vertical-align:middle;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-card-price{display:flex;flex-direction:column;gap:4px;margin-top:auto}.product-card-club-price{display:inline-block;width:100%;padding:4px;background-color:#fadb9d;border-radius:4px;color:#2c3490;font-weight:var(--text-weight-bold);font-size:var(--text-size-0);line-height:16px}.product-card-old-price{height:16px;font-weight:400;font-size:var(--text-size-0);line-height:16px;color:#545454;text-decoration:line-through;vertical-align:middle}.product-card-new-price{font-weight:var(--text-weight-bold);font-size:var(--text-size-3);line-height:24px;color:var(--color-main);vertical-align:middle}.product-card-price-container{display:flex;flex-direction:column;min-height:24px}.product-card-old-price .mobile{display:block}@media (min-width: 769px){.product-card,.product-card+.product-card-unavailable-text{width:226px}#product-card,#product-card-unavailable{min-height:324px;max-height:350px}.product-card-description{padding:8px 16px 0}.product-card-unavailable{height:74px}.product-card-image-container{padding:15.5px 16px 7.5px}.product-card-image-container .image{max-width:144px;height:144px}.product-club-badge{width:67px;height:24px;inset:16px 0 0 16px}.product-card-section-badge-container{max-width:194px;height:24px}.product-card-section-badge-text{font-size:var(--text-size-1);line-height:18px}.product-card-name{font-size:var(--text-size-2);line-height:20px}.product-card-old-price .mobile{display:none}.product-card-old-price{padding-right:4px;border-right:2px solid var(--color-grayScale-light)}.product-card-new-price{padding-left:4px}.product-card-club-price{font-size:var(--text-size-1);line-height:18px}.product-card-price-container{display:flex;flex-direction:row;align-items:center}.product-card-badge-club{width:57px}.product-card-badge-club-text{font-size:var(--text-size-1);line-height:18px;padding:3px 0}.quantity-selector,.product-card-button{width:calc(100% - 32px);margin:8px 16px}}.quantity-selector{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:calc(100% - 16px);height:40px;margin:8px;border:1px solid var(--color-grayScale-light);border-radius:20px;background-color:var(--color-grayScale-white);box-shadow:0 0 0 var(--border-width-0) var(--color-support-shadow);transition:box-shadow .2s ease}[data-store-quantity-selector] [data-store-icon]{display:inline-block;margin:0;color:var(--color-main);line-height:0}.quantity-selector .quantity-selector-quantity{display:block;width:100%;height:100%;padding:0;font-weight:400;line-height:20px;color:var(--color-grayScale);text-align:center;background-color:transparent;border-width:0;opacity:1}.quantity-selector .quantity-selector-quantity:focus{outline:0}.quantity-selector .quantity-selector-quantity:disabled{color:var(--color-grayScale);opacity:1}.quantity-selector-button{display:flex;align-items:center;justify-content:center;width:46px;height:39px;padding:var(--space-0);background-color:#e6e6e6;border:unset;border-bottom-left-radius:20px;border-top-left-radius:20px;cursor:pointer}.quantity-selector-button.quantity-selector-button-plus{border-top-right-radius:20px;border-top-left-radius:unset;border-bottom-right-radius:20px;border-bottom-left-radius:unset}.quantity-selector-measure-unit{font-family:DM Sans,sans-serif;font-size:var;font-weight:400;line-height:20px;color:var(--color-grayScale)}.quantity-selector .quantity-selector-button [data-store-icon]{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:var(--border-radius-default);transition:background-color .2s ease}.quantity-selector .quantity-selector-button:hover:not(:disabled) [data-store-icon]{background-color:var(--bg-secondary-light)}.quantity-selector .quantity-selector-button:disabled{cursor:not-allowed}.quantity-selector .quantity-selector-button:disabled [data-store-icon]{color:var(--color-grayScale-light)}.quantity-selector:hover:not([data-store-quantity-selector=disabled]){box-shadow:0 0 0 var(--border-width-1) var(--color-support-shadow)}.quantity-selector[data-store-quantity-selector=disabled]{background-color:var(--color-grayScale-light);box-shadow:0 0 0 var(--border-width-0) var(--color-support-shadow)}.quantity-selector[data-store-quantity-selector=disabled] [data-quantity-selector-button]:hover [data-store-icon]{background-color:transparent}@media not all and (min-resolution: .001dpcm){@supports (-webkit-appearance: none){.quantity-selector .quantity-selector-button:focus{outline:none;box-shadow:none}.quantity-selector .quantity-selector-button:focus [data-store-icon]{outline:2px solid var(--color-main);outline-offset:2px;background-color:var(--bg-secondary-light)}}}.quantity-selector .quantity-selector-button:focus-visible{outline:none;box-shadow:none}.quantity-selector .quantity-selector-button:focus-visible [data-store-icon]{outline:2px solid var(--color-main);outline-offset:2px;background-color:var(--bg-secondary-light)}.product-add-text{display:block;height:10px;padding-bottom:17px;text-align:center;transition-delay:.25s;transition-property:margin-top}.product-add-text p{font-family:DM Sans,sans-serif;font-size:var(--text-size-0);font-weight:400;font-style:normal;line-height:16px;color:var(--color-positiveFeedback-dark);text-align:center;white-space:nowrap}@include media(">tablet"){.product-add-text p {font-size: var(--text-size-1); line-height: 18px;}}.product-card-unavailable-text{height:40px;margin:8px;align-content:center;border:1px solid var(--color-grayScale-light);border-radius:20px;position:absolute;bottom:0;left:0;width:stretch;background-color:var(--color-grayScale-lightest)}.product-card-unavailable-text p{text-align:center;font-size:var(--text-size-3);font-weight:var(--text-weight-bold);line-height:24px;color:var(--color-grayScale-darkest)}
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@plurix/ecom-components",
3
3
  "author": "Plurix",
4
4
  "private": false,
5
- "version": "1.16.5-commerce.3",
5
+ "version": "1.16.5-commerce.4",
6
6
  "type": "module",
7
7
  "main": "dist/main.js",
8
8
  "types": "dist/main.d.ts",