mautourco-components 0.2.164 → 0.2.166

package/dist/components/molecules/TimelineItem/TimelineHeader.css

@@ -10,25 +10,15 @@
 
 .timeline-header {
   min-width: 307px;
+}
 
-  &.timeline-header--request {
-    .timeline-header__icon-container::after {
+.timeline-header.timeline-header--request .timeline-header__icon-container::after {
       content: '';
-    }
-    .timeline-header__icon-container::after {
       position: absolute;
-    }
-    .timeline-header__icon-container::after {
       top: 50%;
-    }
-    .timeline-header__icon-container::after {
       left: 2.5rem;
-    }
-    .timeline-header__icon-container::after {
       --tw-translate-y: -50%;
       transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-    }
-    .timeline-header__icon-container::after {
       height: 1px;
       background-color: transparent;
       background-image: repeating-linear-gradient(
@@ -39,42 +29,30 @@
         transparent 16px
       );
     }
-    .timeline-header__icon {
+
+.timeline-header.timeline-header--request .timeline-header__icon {
       border-color: var(--color-yellow-600);
       color: var(--color-yellow-600);
       background-color: var(--color-yellow-50);
     }
-  }
-}
 
 .timeline-header__icon-container {
   position: relative;
   display: flex;
   align-items: center;
-  &::after {
+}
+
+.timeline-header__icon-container::after {
     content: '';
-  }
-  &::after {
     position: absolute;
-  }
-  &::after {
     top: 50%;
-  }
-  &::after {
     left: 2.5rem;
-  }
-  &::after {
     right: 0px;
-  }
-  &::after {
     --tw-translate-y: -50%;
     transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-  }
-  &::after {
     height: 1px;
     background-color: var(--color-border-accent-secondary);
   }
-}
 
 .timeline-header__icon {
   display: flex;

package/dist/components/molecules/TimelineItem/TimelineItem.css

@@ -2,10 +2,6 @@
  * Do not edit directly, this file was auto-generated.
  */
 
-.timeline-item {
-  &:last-child {
-    .timeline-header__icon-container::after {
+.timeline-item:last-child .timeline-header__icon-container::after {
       display: none;
-    }
-  }
-}
+    }

package/dist/components/organisms/Booking/BookingDocket/BookingDocket.css

@@ -8,22 +8,29 @@
   box-sizing: border-box;
   filter: drop-shadow(0px 4px 8px #3036421a) drop-shadow(0px 1px 8px #3036421c);
   overflow: hidden;
+}
+
+@media (min-width: 1280px) {
 
-  @media (min-width: 1280px) {
+.booking-docket {
     max-height: 790px;
-    overflow: visible;
+    overflow: visible
+}
   }
 
-  .booking-resume {
+.booking-docket .booking-resume {
     max-height: 350px;
     overflow-y: auto;
     margin-right: -20px;
     padding-right: 8px;
-    @media (width >= 1280px) {
-      max-height: 400px;
-    }
   }
-}
+
+@media (width >= 1280px) {
+
+.booking-docket .booking-resume {
+      max-height: 400px
+  }
+    }
 
 .booking-docket--mobile {
   max-height: 0;
@@ -37,20 +44,25 @@
 
 .booking-docket__container {
   max-width: 430px;
-  @media (min-width: 1280px) {
-    max-width: 665px;
-  }
 }
 
+@media (min-width: 1280px) {
+
+.booking-docket__container {
+    max-width: 665px
+}
+  }
+
 .booking-docket__bg {
   position: relative;
   top: -1px;
   width: 100%;
-  svg {
+}
+
+.booking-docket__bg svg {
     width: 100%;
     height: auto;
   }
-}
 
 .booking-docket__content {
   position: relative;
@@ -81,10 +93,11 @@
   height: 76px;
   border-radius: var(--border-radius-rounded-xl);
   transition: background-color 0.2s ease-in-out;
-  &:hover {
+}
+
+.booking-docket__mobile-button:hover {
     background-color: var(
       --component-button-color-outline-secondary-background-hover,
       var(--button-color-outline-secondary-background-hover, #f0fdfb)
     );
-  }
-}
+  }

package/dist/components/organisms/Booking/BookingStep/BookingStep.css

@@ -15,14 +15,15 @@
   margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
 }
 
+@media (min-width: 1280px) {
+
 .booking-step {
-  @media (min-width: 1280px) {
     max-width: none;
     flex-direction: row;
     align-items: center;
-    column-gap: var(--spacing-gap-gap-6);
-    > button {
+    column-gap: var(--spacing-gap-gap-6)
+}
+    .booking-step > button {
       margin-top: 0;
     }
-  }
-}
+  }

package/dist/components/organisms/CarBookingCard/CarBookingCard.css

@@ -202,12 +202,17 @@
   /* Figma uses a slightly larger inter-row gap (14px) */
   gap: var(--spacing-gap-gap-4, 16px);
   padding-left: var(--spacing-padding-px-2-5, 10px);
-  /* Figma: pl 10px for the features block */
-  @media (width >= 1536px) {
-    gap: var(--spacing-gap-gap-3-5, 14px);
-  }
 }
 
+/* Figma: pl 10px for the features block */
+
+@media (width >= 1536px) {
+
+.car-booking-card__features {
+    gap: var(--spacing-gap-gap-3-5, 14px)
+}
+  }
+
 .car-booking-card__info {
   display: flex;
   align-items: center;

package/dist/components/organisms/DialogBookNow/DialogBookNow.css

@@ -0,0 +1,55 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+
+.book-now-form > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(2.25rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(2.25rem * var(--tw-space-y-reverse));
+}
+
+@media (width >= 768px) {
+
+.book-now-quote-price {
+    text-align: right;
+  }
+  }
+
+.book-now-quotes > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
+}
+
+.book-now-quotes__list > :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));
+}
+
+.book-now-quotes li {
+  display: flex;
+  flex-direction: column;
+}
+
+@media (width >= 768px) {
+
+.book-now-quotes li {
+    flex-direction: row;
+    align-items: center;
+    justify-content: space-between;
+  }
+    }
+
+.book-now-footer {
+  display: grid;
+  grid-template-columns: repeat(1, minmax(0, 1fr));
+  gap: 1rem;
+}
+
+@media (width >= 768px) {
+
+.book-now-footer {
+    grid-template-columns: 1fr 1fr
+}
+  }

package/dist/components/organisms/DialogBookNow/DialogBookNow.d.ts

@@ -0,0 +1,17 @@
+import './DialogBookNow.css';
+export interface BookNowQuotePrice {
+    currency: string;
+    amount: number;
+}
+export interface BookNowQuote {
+    id: string | number;
+    name: string;
+    prices: BookNowQuotePrice[];
+}
+export interface DialogBookNowProps {
+    open: boolean;
+    setOpen: (open: boolean) => void;
+    proposals: BookNowQuote[];
+    onSubmit?: (quoteId: string | number | null) => void;
+}
+export default function DialogBookNow(props: DialogBookNowProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/organisms/DialogBookNow/DialogBookNow.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { priceFormatter } from '../../../lib/price-formatter';
+import { useState } from 'react';
+import Button from '../../atoms/Button/Button';
+import Radio from '../../atoms/Radio/Radio';
+import { Text } from '../../atoms/Typography/Typography';
+import { DialogBookingConfirm } from '../DialogBookingConfirm';
+import './DialogBookNow.css';
+export default function DialogBookNow(props) {
+    var open = props.open, setOpen = props.setOpen, proposals = props.proposals, onSubmit = props.onSubmit;
+    var _a = useState(null), selectedQuoteId = _a[0], setSelectedQuoteId = _a[1];
+    return (_jsx(DialogBookingConfirm, { open: open, setOpen: setOpen, title: "Book quotation", className: "!max-w-[800px]", children: _jsxs("div", { className: "book-now-form", children: [_jsxs("div", { className: "book-now-quotes", children: [_jsx(Text, { children: "To avoid conflicts, you can only book one quotation at a time. Please select a quotation:" }), _jsx("ul", { className: "book-now-quotes__list", children: proposals.map(function (proposal, index) { return (_jsxs("li", { children: [_jsx(Radio, { checked: selectedQuoteId === proposal.id, onChange: function () {
+                                            if (selectedQuoteId === proposal.id) {
+                                                console.log('unselecting');
+                                                setSelectedQuoteId(null);
+                                                return;
+                                            }
+                                            setSelectedQuoteId(proposal.id);
+                                        }, label: proposal.name }), _jsx(Text, { className: "book-now-quote-price", size: "sm", children: proposal.prices
+                                            .map(function (price) { return priceFormatter(price.amount, price.currency); })
+                                            .join(' ') })] }, "dbc-".concat(index))); }) })] }), _jsxs("div", { className: "book-now-footer", children: [_jsx(Button, { variant: "outline-secondary", size: "sm", children: "Cancel" }), _jsx(Button, { variant: "secondary", size: "sm", disabled: !selectedQuoteId, onClick: function () { return onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit(selectedQuoteId); }, children: "Book quotation" })] })] }) }));
+}

package/dist/components/organisms/DialogCancelService/CancelBooking/CancelBooking.css

@@ -12,11 +12,12 @@
   display: flex;
   align-items: flex-start;
   gap: 1rem;
-  .card-service-accom {
+}
+
+.cancel-booking__header .card-service-accom {
     flex: 0 0 290px;
     min-height: 0;
   }
-}
 
 .cancel-booking__header-info {
   flex-grow: 1;

package/dist/components/organisms/DialogCancelService/ConfirmDelete/ConfirmDelete.css

@@ -24,7 +24,9 @@
   padding: 1rem;
   border: 1px solid transparent;
   position: relative;
-  &::after {
+}
+
+.confirm-delete__service::after {
     content: '';
     position: absolute;
     inset: -1px;
@@ -66,5 +68,4 @@
       1px 100%;
     background-position: top, bottom, left, right;
     background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
-  }
-}
+  }

package/dist/components/organisms/DialogComparison/DialogComparison.css

@@ -32,10 +32,11 @@
   justify-content: flex-end;
   padding-top: 2.25rem;
   padding-bottom: 0.5rem;
-  .button {
+}
+
+.dialog-comparison__footer .button {
     width: 250px;
   }
-}
 
 .dialog-comparison__filter {
   margin-bottom: 1.5rem;

package/dist/components/organisms/DialogDeleteConfirm/DialogDeleteConfirmMultiple/DialogDeleteConfirmMultiple.css

@@ -8,22 +8,19 @@
   margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
 }
 
-.confirm-multiple {
-  .checkbox-container {
-    display: flex;
-  }
-  .checkbox-label {
-    justify-content: space-between;
-  }
+.confirm-multiple .checkbox-container {
+  display: flex;
+}
 
-  ul label > span {
+.confirm-multiple .checkbox-label {
+  justify-content: space-between;
+}
+
+.confirm-multiple ul label > span {
     font-weight: var(--font-weight-font-medium);
   }
-}
 
-.confirm-multiple__all {
-  label > span {
+.confirm-multiple__all label > span {
     font-size: var(--font-size-text-base);
     font-weight: var(--font-weight-font-bold);
-  }
-}
+  }

package/dist/components/organisms/QuoteHeader/QuoteHeader.css

@@ -4,87 +4,52 @@
 
 .quote-header {
   width: 100%;
-  .quote-header__button {
-    width: 206px;
-  }
-
-  .quote-header__title {
-    position: relative;
-  }
+}
 
-  .quote-header__title {
-    margin-bottom: 2.5rem;
+.quote-header .quote-header__button {
+    width: 206px;
   }
 
-  .quote-header__title {
-    padding-left: 0.5rem;
-    padding-right: 0.5rem;
-  }
+.quote-header .quote-header__title {
+  position: relative;
+  margin-bottom: 2.5rem;
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
+}
 
-  .quote-header__title {
-    &::before {
+.quote-header .quote-header__title::before {
       content: '';
-    }
-    &::before {
       position: absolute;
-    }
-    &::before {
       left: 0;
       top: 50%;
       transform: translateY(-50%);
-    }
-    &::before {
       height: 2rem;
-    }
-    &::before {
       width: 0.25rem;
-    }
-    &::before {
       background-color: var(--color-elevation-brand-subtle);
     }
-  }
 
-  .quote-header__search-container {
-    margin-top: 3rem;
-  }
+.quote-header .quote-header__search-container {
+  margin-top: 3rem;
+  display: flex;
+  justify-content: space-between;
+}
 
-  .quote-header__search-container {
-    display: flex;
-  }
-
-  .quote-header__search-container {
-    justify-content: space-between;
-  }
-
-  .quote-header__search-container {
-    > button {
-      column-gap: 0.625rem;
-    }
-    > button {
+.quote-header .quote-header__search-container > button {
+  column-gap: 0.625rem;
       min-width: 129px;
-    }
-  }
+}
 
-  .quote-header__search {
+.quote-header .quote-header__search {
     width: 364px;
   }
 
-  .quote-header__filters {
-    margin-top: 2rem;
-    margin-bottom: 2rem;
-  }
+.quote-header .quote-header__filters {
+  margin-top: 2rem;
+  margin-bottom: 2rem;
+  display: flex;
+  gap: 0.75rem;
+}
 
-  .quote-header__filters {
-    display: flex;
-  }
-
-  .quote-header__filters {
-    gap: 0.75rem;
-  }
-
-  .quote-header__filters {
-    .mtc-dropdown-container {
+.quote-header .quote-header__filters .mtc-dropdown-container {
       width: 139px;
-    }
-  }
-}
+    }

package/dist/components/organisms/TabCancellationPolicy/PolicyAccom/PolicyAccom.css

@@ -10,12 +10,14 @@
 
 .policy-accom {
   padding-top: 1.5rem;
-  .chip__label {
-    column-gap: 1rem;
-  }
-  + .details-cancellation-policy__layout-content-header {
-    margin-top: 1.5rem;
-  }
+}
+
+.policy-accom .chip__label {
+  column-gap: 1rem;
+}
+
+.policy-accom + .details-cancellation-policy__layout-content-header {
+  margin-top: 1.5rem;
 }
 
 .policy-accom__period {

package/dist/components/organisms/TabCancellationPolicy/TabCancellationPolicyLayout/TabCancellationPolicyLayout.css

@@ -10,25 +10,29 @@
 .details-cancellation-policy__layout-flex {
   display: flex;
   column-gap: 2rem;
-  figure {
-    overflow: hidden;
-  }
-  figure {
+}
+
+.details-cancellation-policy__layout-flex figure {
+  overflow: hidden;
     flex: 0 0 300px;
     height: 300px;
     border-radius: var(--border-radius-rounded-2xl);
     box-shadow: 0 1px 7px rgba(0, 0, 0, 0.19);
-    @media (min-width: 1280px) {
+}
+
+@media (min-width: 1280px) {
+
+.details-cancellation-policy__layout-flex figure {
       flex: 0 0 400px;
-      height: 400px;
-    }
+      height: 400px
   }
-  img {
+    }
+
+.details-cancellation-policy__layout-flex img {
     width: 100%;
     height: 100%;
     object-fit: cover;
   }
-}
 
 .details-cancellation-policy__layout-content {
   flex: 1 1 0%;
@@ -37,22 +41,14 @@
 .details-cancellation-policy__layout-content-header {
   position: relative;
   padding-bottom: 1.5rem;
-  &::after {
+}
+
+.details-cancellation-policy__layout-content-header::after {
     content: '';
-  }
-  &::after {
     position: absolute;
-  }
-  &::after {
     bottom: 0px;
-  }
-  &::after {
     left: 0px;
-  }
-  &::after {
     right: 0px;
-  }
-  &::after {
     height: 1px;
     background-color: transparent;
     background-image: repeating-linear-gradient(
@@ -63,7 +59,6 @@
       transparent 16px
     );
   }
-}
 
 .details-cancellation-policy__layout-content-body {
   padding-top: 1.5rem;

package/dist/components/organisms/TabServiceDetails/TabServiceDetailsLayout/TabServiceDetailsLayout.css

@@ -20,48 +20,66 @@
 
 .details-service__layout-flex-images {
   max-width: 300px;
-  @media (min-width: 1280px) {
-    max-width: 400px;
-  }
-  figure {
-    overflow: hidden;
+}
+
+@media (min-width: 1280px) {
+
+.details-service__layout-flex-images {
+    max-width: 400px
+}
   }
-  figure {
+
+.details-service__layout-flex-images figure {
+  overflow: hidden;
     flex: 0 0 300px;
     height: 181px;
     border-radius: var(--border-radius-rounded-2xl);
     box-shadow: 0 1px 7px rgba(0, 0, 0, 0.19);
-    @media (min-width: 1280px) {
+}
+
+@media (min-width: 1280px) {
+
+.details-service__layout-flex-images figure {
       flex: 0 0 400px;
-      height: 241px;
+      height: 241px
+  }
     }
-    &.single-image {
+
+.details-service__layout-flex-images figure.single-image {
       height: 300px;
-      @media (min-width: 1280px) {
-        height: 400px;
-      }
     }
-  }
-  img {
+
+@media (min-width: 1280px) {
+
+.details-service__layout-flex-images figure.single-image {
+        height: 400px
+    }
+      }
+
+.details-service__layout-flex-images img {
     object-fit: cover;
     width: 100%;
     height: 100%;
   }
-}
 
 .details-service__layout-flex-images-grid {
   display: grid;
   grid-template-columns: repeat(2, minmax(0, 1fr));
   column-gap: 1rem;
-  figure {
+}
+
+.details-service__layout-flex-images-grid figure {
     height: 107px;
     max-width: 100%;
-    @media (min-width: 1280px) {
+  }
+
+@media (min-width: 1280px) {
+
+.details-service__layout-flex-images-grid figure {
       max-width: 192px;
-      height: 143px;
-    }
+      height: 143px
   }
-}
+    }
 
 .details-service__layout-content {
   flex: 1 1 0%;