mautourco-components 0.2.163 → 0.2.165

package/dist/components/atoms/CardServiceAccom/CardServiceAccom.css

@@ -12,13 +12,15 @@
   background-color: var(--card-color-background-default);
   overflow: hidden;
   min-height: 267px;
-  &.card-service-accom--border-left {
-    position: relative;
-  }
-  &.card-service-accom--border-left {
+}
+
+.card-service-accom.card-service-accom--border-left {
+  position: relative;
     border-top-left-radius: var(--border-radius-rounded-xl);
     border-bottom-left-radius: var(--border-radius-rounded-xl);
-    &::before {
+}
+
+.card-service-accom.card-service-accom--border-left::before {
       content: '';
       position: absolute;
       left: 0;
@@ -26,6 +28,4 @@
       width: 9px;
       height: 100%;
       background-color: var(--color-elevation-brand-default);
-    }
-  }
-}
+    }

package/dist/components/atoms/Radio/Radio.css

@@ -0,0 +1,52 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+
+.mtc-radio {
+  display: flex;
+  align-items: center;
+  column-gap: 0.5rem;
+}
+
+.mtc-radio input {
+    display: none;
+  }
+
+.mtc-radio input:checked + .mtc-radio__btn {
+      border-color: var(--radio-button-color-radio-border-selected-default);
+    }
+
+.mtc-radio input:checked + .mtc-radio__btn::after {
+        opacity: 1;
+      }
+
+.mtc-radio__btn {
+  position: relative;
+  display: inline-block;
+  height: 1.25rem;
+  width: 1.25rem;
+  cursor: pointer;
+  flex: 0 0 20px;
+  border: 1px solid var(--radio-button-color-radio-border-default-default);
+  border-radius: 50%;
+}
+
+.mtc-radio__btn::after {
+    content: '';
+    position: absolute;
+    inset: 4px;
+    background-color: var(--radio-button-color-radio-selected-default, #0f7173);
+    border-radius: 50%;
+    opacity: 0;
+    transition: opacity 0.2s ease;
+  }
+
+.mtc-radio__text {
+  cursor: pointer;
+  font-size: var(--font-size-text-sm, 14px);
+  font-weight: var(--font-weight-font-medium, 500);
+  line-height: var(--font-leading-leading-sm, 20px);
+  font-family:
+    var(--font-font-family-body, 'Satoshi'), 'Satoshi', 'Inter', 'Segoe UI', 'system-ui',
+    sans-serif;
+}

package/dist/components/atoms/Radio/Radio.d.ts

@@ -0,0 +1,7 @@
+import './Radio.css';
+export interface RadioProps {
+    onChange: (checked: boolean) => void;
+    checked?: boolean;
+    label?: string;
+}
+export default function Radio(props: RadioProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/atoms/Radio/Radio.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useId } from 'react';
+import './Radio.css';
+export default function Radio(props) {
+    var checked = props.checked, label = props.label, onChange = props.onChange;
+    var id = useId();
+    return (_jsxs("label", { htmlFor: id, className: "mtc-radio", children: [_jsx("input", { type: "radio", id: id, checked: checked, onChange: function (e) { return onChange(e.target.checked); } }), _jsx("span", { className: "mtc-radio__btn" }), label && _jsx("span", { className: "mtc-radio__text", children: label })] }));
+}

package/dist/components/molecules/ActionDropdown/ActionDropdown.css

@@ -8,32 +8,23 @@
   background-color: #fff;
   padding: var(--spacing-padding-px-4);
   border-radius: var(--border-radius-rounded-xl);
-  button {
-    display: flex;
-  }
-  button {
-    width: 100%;
-  }
-  button {
-    align-items: center;
-  }
-  button {
-    transition-property: all;
-    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-    transition-duration: 150ms;
-  }
-  button {
-    transition-duration: 200ms;
-  }
-  button {
+}
+
+.mtc-action-dropdown button {
+  display: flex;
+  width: 100%;
+  align-items: center;
+  transition-property: all;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 200ms;
     height: 36px;
     border-radius: var(--border-radius-rounded-md);
     padding-inline: var(--spacing-padding-px-2);
-    &:hover {
+}
+
+.mtc-action-dropdown button:hover {
       background-color: var(--color-neutral-100);
     }
-  }
-}
 
 .mtc-action-dropdown-trigger {
   display: flex;

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

@@ -15,11 +15,7 @@
   }
 }
 
-.booking-pax-client {
-  .checkbox-container {
-    label {
+.booking-pax-client .checkbox-container label {
       padding: 0;
       background-color: transparent;
-    }
-  }
-}
+    }

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

@@ -8,26 +8,32 @@
   margin-bottom: calc(1rem * var(--tw-space-y-reverse));
 }
 
+@media (min-width: 1280px) {
+
 .booking-resume-layout__flex {
-  @media (min-width: 1280px) {
     display: flex;
-    gap: 16px;
-  }
+    gap: 16px
 }
+  }
 
 .booking-resume-layout__image {
   height: 200px;
   border-radius: var(--border-radius-rounded-xl);
   overflow: hidden;
   margin-bottom: 16px;
-  @media (min-width: 1280px) {
+}
+
+@media (min-width: 1280px) {
+
+.booking-resume-layout__image {
     margin-bottom: 0;
-    flex: 0 0 250px;
+    flex: 0 0 250px
+}
   }
-  img {
+
+.booking-resume-layout__image img {
     width: 100%;
   }
-}
 
 .booking-resume-layout__content {
   flex-grow: 1;

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

@@ -2,20 +2,16 @@
  * Do not edit directly, this file was auto-generated.
  */
 
-.resume-accom {
-  .service-info__item-label {
-    padding-right: 0.5rem;
-  }
-  .service-info__item-label {
+.resume-accom .service-info__item-label {
+  padding-right: 0.5rem;
     flex: 0 0 auto;
-  }
-  .service-info__item-content {
-    padding-left: 0.5rem;
-    padding-right: 0.5rem;
-  }
-  .service-info__item-content {
-    &::before {
+}
+
+.resume-accom .service-info__item-content {
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
+}
+
+.resume-accom .service-info__item-content::before {
       background-color: var(--color-border-medium);
-    }
-  }
-}
+    }

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

@@ -2,8 +2,6 @@
  * Do not edit directly, this file was auto-generated.
  */
 
-.resume-excursion {
-  .service-info__item-label {
+.resume-excursion .service-info__item-label {
     flex: 0 0 108px;
-  }
-}
+  }

package/dist/components/molecules/Breadcrumbs/Breadcrumbs.css

@@ -6,19 +6,15 @@
   display: flex;
   align-items: center;
   column-gap: 0.5rem;
-  li {
-    display: flex;
-  }
-  li {
-    align-items: center;
-  }
-  li {
-    column-gap: 0.5rem;
-  }
-  li:not(:first-child) {
-    padding-left: 0.5rem;
-  }
-  li:not(:first-child) {
+}
+
+.breadcrumbs li {
+  display: flex;
+  align-items: center;
+  column-gap: 0.5rem;
+}
+
+.breadcrumbs li:not(:first-child) {
+  padding-left: 0.5rem;
     border-left: solid 1px var(--divider-color-default);
-  }
 }

package/dist/components/molecules/DetailsInfo/DetailsClient/DetailsClient.css

@@ -8,25 +8,13 @@
   margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
 }
 
-.details-client {
-  .chip__label {
-    .fi {
-      height: 1rem;
-    }
-    .fi {
-      width: 1rem;
-    }
-    .fi {
-      overflow: hidden;
-    }
-    .fi {
-      border-radius: 9999px;
-    }
-    .fi {
+.details-client .chip__label .fi {
+  height: 1rem;
+  width: 1rem;
+  overflow: hidden;
+  border-radius: 9999px;
       flex: 0 0 16px;
       background-size: cover;
-    }
-  }
 }
 
 .details-client__item > :not([hidden]) ~ :not([hidden]) {

package/dist/components/molecules/DialogContentPolicy/CancellationLayout/CancellationLayout.css

@@ -15,22 +15,14 @@
 .cancellation-layout {
   padding-top: 1.5rem;
   padding-bottom: 1.5rem;
-  &::after {
+}
+
+.cancellation-layout::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(
@@ -41,14 +33,13 @@
       transparent 16px
     );
   }
-  &:last-child {
-    &::after {
+
+.cancellation-layout:last-child::after {
       display: none;
     }
-  }
-  .chip__label {
-    column-gap: 1rem;
-  }
+
+.cancellation-layout .chip__label {
+  column-gap: 1rem;
 }
 
 .cancellation-layout__fee {
@@ -58,28 +49,15 @@
   justify-content: space-between;
   padding-top: 0.75rem;
   padding-bottom: 0.75rem;
-  &::before,
-  &::after {
+}
+
+.cancellation-layout__fee::before,
+  .cancellation-layout__fee::after {
     content: '';
-  }
-  &::before,
-  &::after {
     position: absolute;
-  }
-  &::before,
-  &::after {
     top: 0px;
-  }
-  &::before,
-  &::after {
     left: 0px;
-  }
-  &::before,
-  &::after {
     right: 0px;
-  }
-  &::before,
-  &::after {
     height: 1px;
     background-color: transparent;
     background-image: repeating-linear-gradient(
@@ -90,11 +68,11 @@
       transparent 8px
     );
   }
-  &::after {
+
+.cancellation-layout__fee::after {
     top: initial;
     bottom: 0;
   }
-}
 
 .cancellation-layout__content {
   display: flex;
@@ -110,8 +88,9 @@
   overflow: hidden;
   max-width: 150px;
   border-radius: var(--border-radius-rounded-2xl);
-  img {
+}
+
+.cancellation-layout__content-right img {
     object-fit: cover;
     height: 200px;
-  }
-}
+  }

package/dist/components/molecules/FeatureRow/FeatureRow.css

@@ -7,12 +7,16 @@
   flex-direction: column;
   gap: var(--spacing-gap-gap-1, 4px);
   padding: var(--spacing-padding-py-0, 0px) var(--spacing-padding-px-0, 0px);
-  @media (width >= 1536px) {
+}
+
+@media (width >= 1536px) {
+
+.feature-row {
     flex-direction: row;
     align-items: center;
-    gap: var(--spacing-gap-gap-3, 12px);
-  }
+    gap: var(--spacing-gap-gap-3, 12px)
 }
+  }
 
 .feature-row__label {
   display: flex;
@@ -36,13 +40,17 @@
 
 .feature-row__divider {
   display: none;
-  @media (width >= 1536px) {
+}
+
+@media (width >= 1536px) {
+
+.feature-row__divider {
     display: block;
     flex-shrink: 0;
     height: 17px;
-    width: var(--divider-border-width-default, 1px);
-  }
+    width: var(--divider-border-width-default, 1px)
 }
+  }
 
 .feature-row__value {
   display: flex;

package/dist/components/molecules/LanguageSelector/LanguageSelector.css

@@ -15,14 +15,14 @@
   border: solid 1px var(--color-tuna-500);
   border-radius: 12px;
   transition: all 0.5s ease;
-  &:hover {
+}
+.language-selector__trigger:hover {
     border-color: #262626;
   }
-  &.language-selector__trigger--with-text {
+.language-selector__trigger.language-selector__trigger--with-text {
     border-color: #262626;
     color: #262626;
   }
-}
 
 .language-selector__label {
   margin-bottom: 0.5rem;
@@ -116,10 +116,9 @@
   flex-basis: 1rem;
   overflow: hidden;
   border-radius: 9999px;
-  .fi {
-    width: 1rem;
-  }
-  .fi {
+}
+
+.language-selector__flag .fi {
+  width: 1rem;
     flex: 0 0 1.333333em;
-  }
 }

package/dist/components/molecules/PaxDisplay/PaxDisplay.css

@@ -8,16 +8,13 @@
   margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
 }
 
-.pax-display__item {
-  &:not(:first-child) {
-    position: relative;
-  }
-  &:not(:first-child) {
-    padding-left: 0.5rem;
-    padding-right: 0.5rem;
-  }
-  &:not(:first-child) {
-    &::before {
+.pax-display__item:not(:first-child) {
+  position: relative;
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
+}
+
+.pax-display__item:not(:first-child)::before {
       content: '';
       position: absolute;
       left: 0;
@@ -26,6 +23,4 @@
       width: 1px;
       height: 16px;
       background-color: var(--color-border-medium);
-    }
-  }
-}
+    }

package/dist/components/molecules/ServiceInfo/ServiceInfo.css

@@ -11,15 +11,18 @@
   display: flex;
   align-items: center;
   column-gap: 0.5rem;
-  &:not(.label-full) {
+}
+
+.service-info__item-label:not(.label-full) {
     flex: 0 0 118px;
   }
-}
 
 .service-info__item-content {
   position: relative;
   padding-left: var(--spacing-gap-gap-9);
-  &::before {
+}
+
+.service-info__item-content::before {
     content: '';
     position: absolute;
     left: 0;
@@ -28,5 +31,4 @@
     height: 14px;
     width: 1px;
     background-color: var(--color-neutral-800);
-  }
-}
+  }

package/dist/components/molecules/ServiceTitle/ServiceTitle.css

@@ -8,17 +8,14 @@
   align-items: center;
   column-gap: 0.5rem;
   padding-left: 10px;
-  &::before {
+}
+
+.service-title::before {
     content: '';
-  }
-  &::before {
     position: absolute;
-  }
-  &::before {
     width: 2px;
     left: 0;
     top: 4px;
     bottom: 4px;
     background-color: var(--color-elevation-brand-subtle);
-  }
-}
+  }

package/dist/components/molecules/StepperTimeline/StepperTimeline.css

@@ -61,18 +61,15 @@
   height: 6px;
   margin-top: -3px;
   background-color: var(--color-gray-200);
-  &::before {
+}
+
+.stepper-timeline__line::before {
     content: '';
-  }
-  &::before {
     position: absolute;
-  }
-  &::before {
     top: 0;
     left: 0;
     width: var(--progress-width);
     height: 100%;
     background-color: var(--color-atoll-green-800);
     transition: width 0.5s ease-in-out;
-  }
-}
+  }

package/dist/components/molecules/TextWithBorderBottom/TextWithBorderBottom.css

@@ -5,26 +5,15 @@
 .text-border-bottom {
   position: relative;
   display: inline-flex;
-  &::after {
+}
+
+.text-border-bottom::after {
     content: '';
-  }
-  &::after {
     position: absolute;
-  }
-  &::after {
     bottom: 3px;
-  }
-  &::after {
     left: 0px;
-  }
-  &::after {
     right: 0px;
-  }
-  &::after {
     height: 0.5rem;
-  }
-  &::after {
     background-color: var(--color-orange-200);
     z-index: -1;
-  }
-}
+  }