kupos-ui-components-lib 9.7.9 → 9.7.10

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 (7) hide show
  1. package/dist/components/ServiceItem/ServiceItemDesktop.js +1 -0
  2. package/dist/ui/FeaturServiceUiMobile/FeatureServiceUiMobile.js +4 -4
  3. package/dist/ui/FeatureServiceUI/FeatureServiceUi.js +6 -6
  4. package/package.json +1 -1
  5. package/src/components/ServiceItem/ServiceItemDesktop.tsx +1 -0
  6. package/src/ui/FeaturServiceUiMobile/FeatureServiceUiMobile.tsx +4 -4
  7. package/src/ui/FeatureServiceUI/FeatureServiceUi.tsx +6 -6
package/dist/components/ServiceItem/ServiceItemDesktop.js CHANGED
@@ -303,6 +303,7 @@ function ServiceItemPB({ serviceItem, onBookButtonPress, colors, metaData, child
303
303
  transition: "grid-template-rows 0.3s ease-in-out, opacity 0.25s ease-in-out",
304
304
  position: "relative",
305
305
  zIndex: hasOfferText || hasDpEnabled ? 0 : -1,
306
+ marginTop: isItemExpanded ? "" : "-10px",
306
307
  } },
307
308
  React.createElement("div", { style: Object.assign({ overflow: "hidden", minHeight: 0, marginTop: hasDpEnabled || (serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.offer_text) ? "" : "-10px" }, (hasOfferText || hasDpEnabled
308
309
  ? {
package/dist/ui/FeaturServiceUiMobile/FeatureServiceUiMobile.js CHANGED
@@ -39,22 +39,22 @@ const FeatureServiceUiMobile = ({ serviceItem, showTopLabel, colors, isSoldOut,
39
39
  const HOW_IT_WORKS_STEPS = [
40
40
  {
41
41
  icon: "flexible",
42
- name: "1. Salida flexible",
42
+ name: "Salida flexible",
43
43
  text: "Viajas en un horario entre las 07:00 y las 10:00 AM del día elegido.",
44
44
  },
45
45
  {
46
46
  icon: "bus",
47
- name: "2. Empresa asignada",
47
+ name: "Empresa asignada",
48
48
  text: "Una de las empresas confirmará tu viaje al instante tras el pago.",
49
49
  },
50
50
  {
51
51
  icon: "price",
52
- name: "3. Precio garantizado",
52
+ name: "Precio garantizado",
53
53
  text: "Mejor precio garantizado. Sin cambios ni cancelación.",
54
54
  },
55
55
  {
56
56
  icon: "ticket",
57
- name: "4. ¡Listo!",
57
+ name: "¡Listo!",
58
58
  text: "Recibe todos los detalles de tu viaje al instante tras la compra.",
59
59
  },
60
60
  ];
package/dist/ui/FeatureServiceUI/FeatureServiceUi.js CHANGED
@@ -39,22 +39,22 @@ const FeatureServiceUi = ({ serviceItem, showTopLabel, isSoldOut, getAnimationIc
39
39
  const HOW_IT_WORKS_STEPS = [
40
40
  {
41
41
  icon: "flexible",
42
- name: "1. Salida flexible",
42
+ name: "Salida flexible",
43
43
  text: "Viajas en un horario entre las 07:00 y las 10:00 AM del día elegido.",
44
44
  },
45
45
  {
46
46
  icon: "bus",
47
- name: "2. Empresa asignada",
47
+ name: "Empresa asignada",
48
48
  text: "Una de las empresas confirmará tu viaje al instante tras el pago.",
49
49
  },
50
50
  {
51
51
  icon: "price",
52
- name: "3. Precio garantizado",
52
+ name: "Precio garantizado",
53
53
  text: "Mejor precio garantizado. Sin cambios ni cancelación.",
54
54
  },
55
55
  {
56
56
  icon: "ticket",
57
- name: "4. ¡Listo!",
57
+ name: "¡Listo!",
58
58
  text: "Recibe todos los detalles de tu viaje al instante tras la compra.",
59
59
  },
60
60
  ];
@@ -80,8 +80,8 @@ const FeatureServiceUi = ({ serviceItem, showTopLabel, isSoldOut, getAnimationIc
80
80
  showTopLabel
81
81
  ? "mt-[24px]"
82
82
  : "mt-[20px]"}` },
83
- React.createElement("div", { className: "shadow-service", style: {
84
- // border: "1px solid #c0c0c0",
83
+ React.createElement("div", { className: "border border-[#ccc]", style: {
84
+ // border: "0.6px solid #ccc",
85
85
  padding: "14px",
86
86
  borderRadius: "14px",
87
87
  } },
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "kupos-ui-components-lib",
3
- "version": "9.7.9",
3
+ "version": "9.7.10",
4
4
  "description": "A reusable UI components package",
5
5
  "publishConfig": {
6
6
  "access": "public"
package/src/components/ServiceItem/ServiceItemDesktop.tsx CHANGED
@@ -636,6 +636,7 @@ function ServiceItemPB({
636
636
  "grid-template-rows 0.3s ease-in-out, opacity 0.25s ease-in-out",
637
637
  position: "relative",
638
638
  zIndex: hasOfferText || hasDpEnabled ? 0 : -1,
639
+ marginTop: isItemExpanded ? "" : "-10px",
639
640
  }}
640
641
  >
641
642
  <div
package/src/ui/FeaturServiceUiMobile/FeatureServiceUiMobile.tsx CHANGED
@@ -65,22 +65,22 @@ const FeatureServiceUiMobile = ({
65
65
  const HOW_IT_WORKS_STEPS = [
66
66
  {
67
67
  icon: "flexible",
68
- name: "1. Salida flexible",
68
+ name: "Salida flexible",
69
69
  text: "Viajas en un horario entre las 07:00 y las 10:00 AM del día elegido.",
70
70
  },
71
71
  {
72
72
  icon: "bus",
73
- name: "2. Empresa asignada",
73
+ name: "Empresa asignada",
74
74
  text: "Una de las empresas confirmará tu viaje al instante tras el pago.",
75
75
  },
76
76
  {
77
77
  icon: "price",
78
- name: "3. Precio garantizado",
78
+ name: "Precio garantizado",
79
79
  text: "Mejor precio garantizado. Sin cambios ni cancelación.",
80
80
  },
81
81
  {
82
82
  icon: "ticket",
83
- name: "4. ¡Listo!",
83
+ name: "¡Listo!",
84
84
  text: "Recibe todos los detalles de tu viaje al instante tras la compra.",
85
85
  },
86
86
  ];
package/src/ui/FeatureServiceUI/FeatureServiceUi.tsx CHANGED
@@ -64,22 +64,22 @@ const FeatureServiceUi = ({
64
64
  const HOW_IT_WORKS_STEPS = [
65
65
  {
66
66
  icon: "flexible",
67
- name: "1. Salida flexible",
67
+ name: "Salida flexible",
68
68
  text: "Viajas en un horario entre las 07:00 y las 10:00 AM del día elegido.",
69
69
  },
70
70
  {
71
71
  icon: "bus",
72
- name: "2. Empresa asignada",
72
+ name: "Empresa asignada",
73
73
  text: "Una de las empresas confirmará tu viaje al instante tras el pago.",
74
74
  },
75
75
  {
76
76
  icon: "price",
77
- name: "3. Precio garantizado",
77
+ name: "Precio garantizado",
78
78
  text: "Mejor precio garantizado. Sin cambios ni cancelación.",
79
79
  },
80
80
  {
81
81
  icon: "ticket",
82
- name: "4. ¡Listo!",
82
+ name: "¡Listo!",
83
83
  text: "Recibe todos los detalles de tu viaje al instante tras la compra.",
84
84
  },
85
85
  ];
@@ -112,9 +112,9 @@ const FeatureServiceUi = ({
112
112
  }`}
113
113
  >
114
114
  <div
115
- className="shadow-service"
115
+ className="border border-[#ccc]"
116
116
  style={{
117
- // border: "1px solid #c0c0c0",
117
+ // border: "0.6px solid #ccc",
118
118
  padding: "14px",
119
119
  borderRadius: "14px",
120
120
  }}