kupos-ui-components-lib 10.4.7 → 10.4.9

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 (8) hide show
  1. package/dist/styles.css +3 -3
  2. package/dist/ui/FeatureServiceUI/FeatureServiceUi.js +2 -2
  3. package/dist/ui/ServiceBadges/ServiceBadges.js +4 -4
  4. package/dist/ui/mobileweb/ServiceBadgesMobile.js +3 -3
  5. package/package.json +1 -1
  6. package/src/ui/FeatureServiceUI/FeatureServiceUi.tsx +2 -2
  7. package/src/ui/ServiceBadges/ServiceBadges.tsx +4 -4
  8. package/src/ui/mobileweb/ServiceBadgesMobile.tsx +6 -3
package/dist/styles.css CHANGED
@@ -1089,12 +1089,12 @@
1089
1089
  .text-\[24px\] {
1090
1090
  font-size: 24px;
1091
1091
  }
1092
- .text-\[26px\] {
1093
- font-size: 26px;
1094
- }
1095
1092
  .text-\[28px\] {
1096
1093
  font-size: 28px;
1097
1094
  }
1095
+ .text-\[30px\] {
1096
+ font-size: 30px;
1097
+ }
1098
1098
  .text-\[42px\] {
1099
1099
  font-size: 42px;
1100
1100
  }
package/dist/ui/FeatureServiceUI/FeatureServiceUi.js CHANGED
@@ -292,7 +292,7 @@ const FeatureServiceUi = ({ serviceItem, showTopLabel, getAnimationIcon, cityOri
292
292
  // backgroundColor: "#fff",
293
293
  border: "1px solid #363c48",
294
294
  backgroundColor: "#1a202e",
295
- padding: "14px 10px",
295
+ padding: "25px 10px",
296
296
  } },
297
297
  React.createElement("img", { src: op.logo, alt: op.name, onError: (e) => {
298
298
  var _a;
@@ -333,7 +333,7 @@ const FeatureServiceUi = ({ serviceItem, showTopLabel, getAnimationIcon, cityOri
333
333
  React.createElement("div", { className: "flex flex-col gap-[6px] ", style: {
334
334
  alignItems: "center",
335
335
  } },
336
- React.createElement("span", { className: "text-[#FF8F45] bold-text text-[26px] leading-tight", style: {
336
+ React.createElement("span", { className: "text-[#FF8F45] bold-text text-[30px] leading-tight", style: {
337
337
  animation: "pulse-zoom 2s ease-in-out infinite",
338
338
  whiteSpace: "nowrap",
339
339
  } },
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.9",
4
4
  "description": "A reusable UI components package",
5
5
  "publishConfig": {
6
6
  "access": "public"
package/src/ui/FeatureServiceUI/FeatureServiceUi.tsx CHANGED
@@ -471,7 +471,7 @@ const FeatureServiceUi = ({
471
471
  // backgroundColor: "#fff",
472
472
  border: "1px solid #363c48",
473
473
  backgroundColor: "#1a202e",
474
- padding: "14px 10px",
474
+ padding: "25px 10px",
475
475
  }}
476
476
  >
477
477
  <img
@@ -548,7 +548,7 @@ const FeatureServiceUi = ({
548
548
  }}
549
549
  >
550
550
  <span
551
- className="text-[#FF8F45] bold-text text-[26px] leading-tight"
551
+ className="text-[#FF8F45] bold-text text-[30px] leading-tight"
552
552
  style={{
553
553
  animation: "pulse-zoom 2s ease-in-out infinite",
554
554
  whiteSpace: "nowrap",
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}`,