kupos-ui-components-lib 9.0.9 → 9.0.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 (3) hide show
  1. package/dist/ui/DateTimeSection/DateTimeSection.js +4 -4
  2. package/package.json +1 -1
  3. package/src/ui/DateTimeSection/DateTimeSection.tsx +4 -4
package/dist/ui/DateTimeSection/DateTimeSection.js CHANGED
@@ -24,22 +24,22 @@ function DateTimeSection({ serviceItem, isSoldOut, isCiva, isLinatal, removeArri
24
24
  return (React.createElement("div", { className: `min-h-[2.2rem] grid grid-cols-[26px_auto_26%_1fr] gap-x-4 items-center text-[13.33px] ${isSoldOut ? "text-[#c0c0c0]" : ""}`, style: {
25
25
  gridTemplateRows: "1fr",
26
26
  } },
27
- React.createElement("div", { className: "flex flex-col gap-[6px]" },
27
+ React.createElement("div", { className: "flex flex-col gap-[4px]" },
28
28
  orignLabel ? (React.createElement("div", { className: "w-[60px] h-[20px] flex items-center" }, orignLabel)) : (React.createElement("div", { className: "h-[20px] flex items-center" },
29
29
  React.createElement("img", { src: (_a = serviceItem.icons) === null || _a === void 0 ? void 0 : _a.origin, alt: "origin", className: `w-[16px] h-auto mr-[8px] ${isSoldOut ? "grayscale" : ""}` }))),
30
30
  !isCiva &&
31
31
  (destinationLabel ? (React.createElement("div", { className: "w-[60px] h-[20px] flex items-center" }, destinationLabel)) : (React.createElement("div", { className: "h-[20px] flex items-center" },
32
32
  React.createElement("img", { src: (_b = serviceItem.icons) === null || _b === void 0 ? void 0 : _b.destination, className: `w-[16px] h-auto mr-[8px] ${isSoldOut ? "grayscale" : ""}`, style: { opacity: isSoldOut ? 0.5 : 1 } }))))),
33
- React.createElement("div", { className: "flex flex-col gap-[6px]" },
33
+ React.createElement("div", { className: "flex flex-col gap-[4px]" },
34
34
  React.createElement(StageTooltip, { stageData: serviceItem.boarding_stages, direction: 1, terminals: busStage, serviceItem: serviceItem, metaData: metaData, colors: colors },
35
35
  React.createElement("span", { className: "cursor-pointer bold-text capitalize" }, DateService.getServiceItemDate(serviceItem.travel_date))),
36
36
  !isCiva && (React.createElement(StageTooltip, { stageData: serviceItem.boarding_stages, direction: 1, terminals: busStage, serviceItem: serviceItem, metaData: metaData, colors: colors },
37
37
  React.createElement("span", { className: "cursor-pointer bold-text capitalize" }, DateService.getServiceItemDate(serviceItem.arrival_date))))),
38
- React.createElement("div", { className: "flex flex-col gap-[6px] items-center" },
38
+ React.createElement("div", { className: "flex flex-col gap-[4px] items-center" },
39
39
  React.createElement("div", { className: "h-[20px] flex items-center justify-center" },
40
40
  React.createElement("div", null, "\u2022")),
41
41
  !isCiva && (React.createElement("div", { className: "h-[20px] flex items-center justify-center" }, removeArrivalTime ? null : serviceItem.arr_time ? (React.createElement("div", null, "\u2022")) : null))),
42
- React.createElement("div", { className: "flex flex-col gap-[6px]" },
42
+ React.createElement("div", { className: "flex flex-col gap-[4px]" },
43
43
  React.createElement(StageTooltip, { stageData: serviceItem.dropoff_stages, direction: 2, terminals: busStage, serviceItem: serviceItem, metaData: metaData, colors: colors },
44
44
  React.createElement("div", { className: "font-[900] bold-text" }, isLinatal ? (React.createElement(React.Fragment, null,
45
45
  cleanedDepTime,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "kupos-ui-components-lib",
3
- "version": "9.0.9",
3
+ "version": "9.0.10",
4
4
  "description": "A reusable UI components package",
5
5
  "publishConfig": {
6
6
  "access": "public"
package/src/ui/DateTimeSection/DateTimeSection.tsx CHANGED
@@ -68,7 +68,7 @@ function DateTimeSection({
68
68
  }}
69
69
  >
70
70
  {/* ICONS COLUMN */}
71
- <div className="flex flex-col gap-[6px]">
71
+ <div className="flex flex-col gap-[4px]">
72
72
  {/* Origin Icon */}
73
73
  {orignLabel ? (
74
74
  <div className="w-[60px] h-[20px] flex items-center">
@@ -106,7 +106,7 @@ function DateTimeSection({
106
106
  </div>
107
107
 
108
108
  {/* DATES COLUMN */}
109
- <div className="flex flex-col gap-[6px]">
109
+ <div className="flex flex-col gap-[4px]">
110
110
  {/* Departure Date */}
111
111
  <StageTooltip
112
112
  stageData={serviceItem.boarding_stages}
@@ -139,7 +139,7 @@ function DateTimeSection({
139
139
  </div>
140
140
 
141
141
  {/* DOTS COLUMN */}
142
- <div className="flex flex-col gap-[6px] items-center">
142
+ <div className="flex flex-col gap-[4px] items-center">
143
143
  {/* Departure Dot */}
144
144
  <div className="h-[20px] flex items-center justify-center">
145
145
  <div>•</div>
@@ -156,7 +156,7 @@ function DateTimeSection({
156
156
  </div>
157
157
 
158
158
  {/* TIMES COLUMN */}
159
- <div className="flex flex-col gap-[6px]">
159
+ <div className="flex flex-col gap-[4px]">
160
160
  {/* Departure Time */}
161
161
  <StageTooltip
162
162
  stageData={serviceItem.dropoff_stages}