mautourco-components 0.2.167 → 0.2.168

package/dist/components/molecules/BookingResume/ResumeAccom/ResumeAccom.css

@@ -20,4 +20,14 @@
   --tw-space-y-reverse: 0;
   margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
   margin-bottom: calc(1rem * var(--tw-space-y-reverse));
+}
+
+.resume-accom__content {
+  margin-top: 1rem;
+}
+
+.resume-accom__content > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
 }

package/dist/components/molecules/BookingResume/ResumeAccom/ResumeAccom.js

@@ -11,5 +11,5 @@ import './ResumeAccom.css';
 export function ResumeAccom(props) {
     var image = props.image, dates = props.dates, clientType = props.clientType, pax = props.pax, rooms = props.rooms, hotelName = props.hotelName;
     var stay = useStays(dates).stay;
-    return (_jsxs(BookingResumeLayout, { title: "Accommodation", icon: "accom", image: image, className: "resume-accom", children: [_jsx(ServiceTitle, { title: hotelName }), _jsxs("div", { className: "space-y-2 mt-4", children: [_jsx(DateDisplay, { dates: dates, colorMode: "green" }), _jsxs(TextWithIcon, { icon: "night", children: [stay, " Nights"] }), _jsxs(Text, { variant: "medium", size: "sm", leading: "4", children: [_jsx("strong", { children: "Client types:" }), " ", clientType] }), _jsx("div", { className: "resume-accom__rooms", children: rooms.map(function (room, index) { return (_jsxs("div", { children: [_jsx(PaxDisplay, { pax: pax[index] }), _jsxs("div", { className: "space-y-1", children: [_jsx(TextWithIcon, { icon: "accom", textSize: "sm", textVariant: "medium", children: room.RoomName }), _jsx(ServiceInfo.Item, { icon: "utensils", iconSize: "sm", textSize: "sm", textLeading: "4", textVariant: "medium", label: "Meal-Plan", children: room.MealPlan })] })] }, "rm-".concat(index))); }) })] })] }));
+    return (_jsxs(BookingResumeLayout, { title: "Accommodation", icon: "accom", image: image, className: "resume-accom", children: [_jsx(ServiceTitle, { title: hotelName }), _jsxs("div", { className: "resume-accom__content", children: [_jsx(DateDisplay, { dates: dates, colorMode: "green" }), _jsxs(TextWithIcon, { icon: "night", children: [stay, " Nights"] }), _jsxs(Text, { variant: "medium", size: "sm", leading: "4", children: [_jsx("strong", { children: "Client types:" }), " ", clientType] }), _jsx("div", { className: "resume-accom__rooms", children: rooms.map(function (room, index) { return (_jsxs("div", { children: [_jsx(PaxDisplay, { pax: pax[index] }), _jsxs("div", { className: "space-y-1", children: [_jsx(TextWithIcon, { icon: "accom", textSize: "sm", textVariant: "medium", children: room.RoomName }), _jsx(ServiceInfo.Item, { icon: "utensils", iconSize: "sm", textSize: "sm", textLeading: "4", textVariant: "medium", label: "Meal-Plan", children: room.MealPlan })] })] }, "rm-".concat(index))); }) })] })] }));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mautourco-components",
-  "version": "0.2.167",
+  "version": "0.2.168",
   "private": false,
   "description": "Bibliothèque de composants Mautourco pour le redesign",
   "main": "dist/index.js",

package/src/components/molecules/BookingResume/ResumeAccom/ResumeAccom.css

@@ -14,3 +14,7 @@
 .resume-accom__rooms {
   @apply space-y-4;
 }
+
+.resume-accom__content {
+  @apply space-y-2 mt-4;
+}

package/src/components/molecules/BookingResume/ResumeAccom/ResumeAccom.tsx

@@ -31,7 +31,7 @@ export function ResumeAccom(props: ResumeAccomProps) {
       image={image}
       className="resume-accom">
       <ServiceTitle title={hotelName} />
-      <div className="space-y-2 mt-4">
+      <div className="resume-accom__content">
         <DateDisplay dates={dates} colorMode="green" />
         <TextWithIcon icon="night">{stay} Nights</TextWithIcon>
         <Text variant="medium" size="sm" leading="4">