mautourco-components 0.2.170 → 0.2.171

package/dist/components/molecules/BookingPax/BookingPaxAccom.js

@@ -30,7 +30,7 @@ export function BookingPaxAccom(props) {
     }, [changeOptions, onPaxChange]);
     return (_jsxs(BookingPaxLayout, { title: "Accommodation", icon: "accom", className: "booking-pax-accom", header: _jsx(BookingPaxHeader, { children: _jsx(BookingPaxHeader.Name, { name: hotelName, icon: "accom", location: roomName }) }), children: [roomData.map(function (_a) {
                 var room = _a.room, roomIndex = _a.roomIndex;
-                return (_jsxs("div", { className: "space-y-2", children: [_jsxs(TextWithIcon, { icon: "accom", children: ["Room ", roomIndex + 1] }), _jsx(BookingPaxClient, { id: "accommodation-".concat(roomIndex), clients: clientsInfo, selectedClientsInfoIds: selectedClientsInfoIds, selectedIndex: roomIndex, paxCount: room.paxCount, onPaxChange: onPaxOptionsChange, isSubmitted: isSubmitted, onError: function (hasError) {
+                return (_jsxs("div", { className: "booking_spacing-y-2", children: [_jsxs(TextWithIcon, { icon: "accom", children: ["Room ", roomIndex + 1] }), _jsx(BookingPaxClient, { id: "accommodation-".concat(roomIndex), clients: clientsInfo, selectedClientsInfoIds: selectedClientsInfoIds, selectedIndex: roomIndex, paxCount: room.paxCount, onPaxChange: onPaxOptionsChange, isSubmitted: isSubmitted, onError: function (hasError) {
                                 onError === null || onError === void 0 ? void 0 : onError(roomIndex, hasError);
                             } })] }, "rm-".concat(roomIndex)));
             }), _jsx(BookingPaxRemarks, { onChange: onRemarkChange })] }));

package/dist/components/molecules/BookingPax/BookingPaxClient/BookingPaxClient.js

@@ -102,7 +102,7 @@ export function BookingPaxClient(props) {
     useEffect(function () {
         onError === null || onError === void 0 ? void 0 : onError(hasError && clients.length !== paxCount);
     }, [hasError]);
-    return (_jsxs("div", { className: "space-y-2", children: [_jsxs(Text, { children: ["Please confirm the pax which applies on this service (", paxCount, " Pax)", ' ', _jsx(Text, { color: "state-error", as: "span", children: "*" })] }), _jsx("div", { className: cn('booking-pax-client', {
+    return (_jsxs("div", { className: "booking_spacing-y-2", children: [_jsxs(Text, { children: ["Please confirm the pax which applies on this service (", paxCount, " Pax)", ' ', _jsx(Text, { color: "state-error", as: "span", children: "*" })] }), _jsx("div", { className: cn('booking-pax-client', {
                     'booking-pax-accom--error': hasError,
                 }), children: clients.map(function (client) {
                     var isSelected = isSelectedClient(selectedIndex, client.clientId);

package/dist/components/molecules/BookingPax/BookingPaxLayout/BookingPaxLayout.css

@@ -26,4 +26,10 @@
   --tw-space-y-reverse: 0;
   margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
   margin-bottom: calc(2rem * var(--tw-space-y-reverse));
+}
+
+.booking-pax-layout__content .booking_spacing-y-2 > :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/BookingPax/BookingPaxRemarks.js

@@ -33,5 +33,5 @@ export function BookingPaxRemarks(props) {
         onChange === null || onChange === void 0 ? void 0 : onChange(value);
         adjustHeight();
     };
-    return (_jsxs("div", { className: "space-y-2", children: [_jsx(Text, { size: "sm", children: "Remarks" }), _jsx(Textarea, { ref: textareaRef, placeholder: "Do you have any remarks?", onInput: handleChange, className: "resize-none overflow-hidden", rows: 1, style: { minHeight: '44px', height: '44px', lineHeight: '1.5' } })] }));
+    return (_jsxs("div", { className: "booking_spacing-y-2", children: [_jsx(Text, { size: "sm", children: "Remarks" }), _jsx(Textarea, { ref: textareaRef, placeholder: "Do you have any remarks?", onInput: handleChange, className: "resize-none overflow-hidden", rows: 1, style: { minHeight: '44px', height: '44px', lineHeight: '1.5' } })] }));
 }

package/package.json

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

package/src/components/molecules/BookingPax/BookingPaxAccom.tsx

@@ -118,7 +118,7 @@ export function BookingPaxAccom(props: BookingPaxAccomProps) {
         </BookingPaxHeader>
       }>
       {roomData.map(({ room, roomIndex }) => (
-        <div key={`rm-${roomIndex}`} className="space-y-2">
+        <div key={`rm-${roomIndex}`} className="booking_spacing-y-2">
           <TextWithIcon icon="accom">Room {roomIndex + 1}</TextWithIcon>
 
           <BookingPaxClient

package/src/components/molecules/BookingPax/BookingPaxClient/BookingPaxClient.tsx

@@ -219,7 +219,7 @@ export function BookingPaxClient(props: BookingPaxClientProps) {
   }, [hasError]);
 
   return (
-    <div className="space-y-2">
+    <div className="booking_spacing-y-2">
       <Text>
         Please confirm the pax which applies on this service ({paxCount} Pax){' '}
         <Text color="state-error" as="span">

package/src/components/molecules/BookingPax/BookingPaxLayout/BookingPaxLayout.css

@@ -12,4 +12,7 @@
 
 .booking-pax-layout__content {
   @apply space-y-8;
+  .booking_spacing-y-2 {
+    @apply space-y-2;
+  }
 }

package/src/components/molecules/BookingPax/BookingPaxRemarks.tsx

@@ -46,7 +46,7 @@ export function BookingPaxRemarks(props: BookingPaxRemarksProps) {
   };
 
   return (
-    <div className="space-y-2">
+    <div className="booking_spacing-y-2">
       <Text size="sm">Remarks</Text>
       <Textarea
         ref={textareaRef}