kupos-ui-components-lib 10.4.7 → 10.4.8

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 (5) hide show
  1. package/dist/ui/ServiceBadges/ServiceBadges.js +4 -4
  2. package/dist/ui/mobileweb/ServiceBadgesMobile.js +3 -3
  3. package/package.json +1 -1
  4. package/src/ui/ServiceBadges/ServiceBadges.tsx +4 -4
  5. package/src/ui/mobileweb/ServiceBadgesMobile.tsx +6 -3
package/dist/ui/ServiceBadges/ServiceBadges.js CHANGED
@@ -15,7 +15,7 @@ const ServiceBadges = ({ showTopLabel, isSoldOut, colors, renderIcon, translatio
15
15
  }),
16
16
  React.createElement("div", null, CommonService.capitalize(showTopLabel)))),
17
17
  (serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.is_transpordo) && (React.createElement("div", { className: `flex items-center gap-[10px] py-[4px] px-[14px] rounded-[38px] text-[12.5px] z-20`, style: {
18
- backgroundColor: "#fff",
18
+ backgroundColor: colors.topLabelBgColor || "#fff",
19
19
  border: isSoldOut
20
20
  ? "1px solid #ccc"
21
21
  : `1px solid ${colors.topLabelColor}`,
@@ -24,7 +24,7 @@ const ServiceBadges = ({ showTopLabel, isSoldOut, colors, renderIcon, translatio
24
24
  renderIcon("connectingServiceIcon", "12px"),
25
25
  React.createElement("div", null, "Conexión"))),
26
26
  (serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.is_direct_trip) && (React.createElement("div", { className: `flex items-center gap-[10px] py-[4px] px-[14px] rounded-[38px] text-[12.5px] z-20`, style: {
27
- backgroundColor: "#fff",
27
+ backgroundColor: colors.topLabelBgColor || "#fff",
28
28
  border: isSoldOut
29
29
  ? "1px solid #ccc"
30
30
  : `1px solid ${colors.topLabelColor}`,
@@ -33,7 +33,7 @@ const ServiceBadges = ({ showTopLabel, isSoldOut, colors, renderIcon, translatio
33
33
  renderIcon("directo", "12px"),
34
34
  React.createElement("div", null, translation === null || translation === void 0 ? void 0 : translation.directService))),
35
35
  (serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.train_type_label) === "Tren Express (Nuevo)" && (React.createElement("div", { className: `flex items-center gap-[10px] py-[4px] px-[14px] rounded-[38px] text-[12.5px] z-20`, style: {
36
- backgroundColor: "#fff",
36
+ backgroundColor: colors.topLabelBgColor || "#fff",
37
37
  border: isSoldOut
38
38
  ? "1px solid #ccc"
39
39
  : `1px solid ${colors.topLabelColor}`,
@@ -42,7 +42,7 @@ const ServiceBadges = ({ showTopLabel, isSoldOut, colors, renderIcon, translatio
42
42
  renderIcon("directo", "12px"),
43
43
  React.createElement("div", null, "Tren Express"))),
44
44
  boardingName && isAllinBus && (React.createElement("div", { className: `flex items-center gap-[10px] py-[4px] px-[14px] rounded-[38px] text-[12.5px] z-20`, style: {
45
- backgroundColor: isSoldOut ? "#ddd" : colors.ratingBottomColor,
45
+ backgroundColor: colors.topLabelBgColor || "#fff",
46
46
  } },
47
47
  React.createElement("div", { className: isSoldOut ? "grayscale" : "" },
48
48
  React.createElement(LottiePlayer, { animationData: getAnimationIcon("priorityStageAnim"), width: "14px", height: "14px" })),
package/dist/ui/mobileweb/ServiceBadgesMobile.js CHANGED
@@ -14,7 +14,7 @@ const ServiceBadgesMobile = ({ showTopLabel, isSoldOut, colors, renderIcon, serv
14
14
  color: isSoldOut ? "#ccc" : colors.topLabelColor,
15
15
  } }, CommonService.capitalize(showTopLabel)))),
16
16
  (serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.is_direct_trip) && (React.createElement("div", { className: `flex items-center gap-[2px] py-[5px] px-[10px] rounded-[38px] min-[420]:text-[12px] text-[10px] z-20`, style: {
17
- backgroundColor: "#fff",
17
+ backgroundColor: colors.topLabelBgColor || "#fff",
18
18
  border: isSoldOut
19
19
  ? "1px solid #ccc"
20
20
  : `1px solid ${colors.topLabelColor}`,
@@ -32,7 +32,7 @@ const ServiceBadgesMobile = ({ showTopLabel, isSoldOut, colors, renderIcon, serv
32
32
  renderIcon("airportIcon", "14px"),
33
33
  React.createElement("div", null, "Conexi\u00F3n"))),
34
34
  (serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.train_type_label) === "Tren Express (Nuevo)" && (React.createElement("div", { className: `flex items-center gap-[2px] py-[5px] text-white px-[10px] rounded-[38px] min-[420]:text-[12px] text-[10px] z-20`, style: {
35
- backgroundColor: "#fff",
35
+ backgroundColor: colors.topLabelBgColor || "#fff",
36
36
  border: isSoldOut
37
37
  ? "1px solid #ccc"
38
38
  : `1px solid ${colors.topLabelColor}`,
@@ -41,7 +41,7 @@ const ServiceBadgesMobile = ({ showTopLabel, isSoldOut, colors, renderIcon, serv
41
41
  renderIcon("directo", "12px"),
42
42
  React.createElement("div", null, "Tren Express"))),
43
43
  boardingName && isAllinBus && (React.createElement("div", { className: `flex items-center gap-[2p x] py-[4px] px-[10px] rounded-[38px] min-[420]:text-[12px] text-[10px] h-[24px] z-20`, style: {
44
- backgroundColor: "#fff",
44
+ backgroundColor: colors.topLabelBgColor || "#fff",
45
45
  border: isSoldOut
46
46
  ? "1px solid #ccc"
47
47
  : `1px solid ${colors.topLabelColor}`,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "kupos-ui-components-lib",
3
- "version": "10.4.7",
3
+ "version": "10.4.8",
4
4
  "description": "A reusable UI components package",
5
5
  "publishConfig": {
6
6
  "access": "public"
package/src/ui/ServiceBadges/ServiceBadges.tsx CHANGED
@@ -56,7 +56,7 @@ const ServiceBadges: React.FC<ServiceBadgesProps> = ({
56
56
  <div
57
57
  className={`flex items-center gap-[10px] py-[4px] px-[14px] rounded-[38px] text-[12.5px] z-20`}
58
58
  style={{
59
- backgroundColor: "#fff",
59
+ backgroundColor: colors.topLabelBgColor || "#fff",
60
60
  border: isSoldOut
61
61
  ? "1px solid #ccc"
62
62
  : `1px solid ${colors.topLabelColor}`,
@@ -71,7 +71,7 @@ const ServiceBadges: React.FC<ServiceBadgesProps> = ({
71
71
  <div
72
72
  className={`flex items-center gap-[10px] py-[4px] px-[14px] rounded-[38px] text-[12.5px] z-20`}
73
73
  style={{
74
- backgroundColor: "#fff",
74
+ backgroundColor: colors.topLabelBgColor || "#fff",
75
75
  border: isSoldOut
76
76
  ? "1px solid #ccc"
77
77
  : `1px solid ${colors.topLabelColor}`,
@@ -86,7 +86,7 @@ const ServiceBadges: React.FC<ServiceBadgesProps> = ({
86
86
  <div
87
87
  className={`flex items-center gap-[10px] py-[4px] px-[14px] rounded-[38px] text-[12.5px] z-20`}
88
88
  style={{
89
- backgroundColor: "#fff",
89
+ backgroundColor: colors.topLabelBgColor || "#fff",
90
90
  border: isSoldOut
91
91
  ? "1px solid #ccc"
92
92
  : `1px solid ${colors.topLabelColor}`,
@@ -101,7 +101,7 @@ const ServiceBadges: React.FC<ServiceBadgesProps> = ({
101
101
  <div
102
102
  className={`flex items-center gap-[10px] py-[4px] px-[14px] rounded-[38px] text-[12.5px] z-20`}
103
103
  style={{
104
- backgroundColor: isSoldOut ? "#ddd" : colors.ratingBottomColor,
104
+ backgroundColor: colors.topLabelBgColor || "#fff",
105
105
  }}
106
106
  >
107
107
  <div className={isSoldOut ? "grayscale" : ""}>
package/src/ui/mobileweb/ServiceBadgesMobile.tsx CHANGED
@@ -61,7 +61,8 @@ const ServiceBadgesMobile: React.FC<ServiceBadgesMobileProps> = ({
61
61
  <div
62
62
  className={`flex items-center gap-[2px] py-[5px] px-[10px] rounded-[38px] min-[420]:text-[12px] text-[10px] z-20`}
63
63
  style={{
64
- backgroundColor: "#fff",
64
+ backgroundColor: colors.topLabelBgColor || "#fff",
65
+
65
66
  border: isSoldOut
66
67
  ? "1px solid #ccc"
67
68
  : `1px solid ${colors.topLabelColor}`,
@@ -91,7 +92,8 @@ const ServiceBadgesMobile: React.FC<ServiceBadgesMobileProps> = ({
91
92
  <div
92
93
  className={`flex items-center gap-[2px] py-[5px] text-white px-[10px] rounded-[38px] min-[420]:text-[12px] text-[10px] z-20`}
93
94
  style={{
94
- backgroundColor: "#fff",
95
+ backgroundColor: colors.topLabelBgColor || "#fff",
96
+
95
97
  border: isSoldOut
96
98
  ? "1px solid #ccc"
97
99
  : `1px solid ${colors.topLabelColor}`,
@@ -106,7 +108,8 @@ const ServiceBadgesMobile: React.FC<ServiceBadgesMobileProps> = ({
106
108
  <div
107
109
  className={`flex items-center gap-[2p x] py-[4px] px-[10px] rounded-[38px] min-[420]:text-[12px] text-[10px] h-[24px] z-20`}
108
110
  style={{
109
- backgroundColor: "#fff",
111
+ backgroundColor: colors.topLabelBgColor || "#fff",
112
+
110
113
  border: isSoldOut
111
114
  ? "1px solid #ccc"
112
115
  : `1px solid ${colors.topLabelColor}`,