@asdp/ferryui 0.1.22-dev.10804 → 0.1.22-dev.10832

package/dist/index.mjs

@@ -1,4 +1,4 @@
-import { makeStyles, tokens, createLightTheme, createDarkTheme, shorthands, Popover, PopoverTrigger, Input, PopoverSurface, Field, Caption1Strong, Caption2, Button, InfoLabel, Body1, Body1Strong, Caption1, Dialog, DialogSurface, DialogBody, DialogTitle, DialogTrigger, DialogContent, Carousel, CarouselButton, CarouselViewport, mergeClasses, CarouselSlider, CarouselNav, CarouselNavButton, CarouselCard, Skeleton, SkeletonItem, Subtitle2, Card, Tooltip, Badge, Subtitle1, Title2, Divider, Title3, Spinner, Label, Text, Checkbox, MessageBar, MessageBarBody, Accordion, AccordionItem, AccordionHeader, AccordionPanel, RadioGroup, Menu, MenuTrigger, MenuPopover, MenuList, Radio, DialogActions, Caption2Strong, Link, Body2, Body1Stronger, Caption1Stronger, Display, Image, Title1, TabList, Tab, typographyStyles, Switch, Textarea } from '@fluentui/react-components';
+import { makeStyles, tokens, createLightTheme, createDarkTheme, shorthands, Popover, PopoverTrigger, Input, PopoverSurface, Field, Caption1Strong, Caption2, Button, InfoLabel, Body1, Body1Strong, Caption1, Dialog, DialogSurface, DialogBody, DialogTitle, DialogTrigger, DialogContent, Carousel, CarouselButton, CarouselViewport, mergeClasses, CarouselSlider, CarouselNav, CarouselNavButton, CarouselCard, Skeleton, SkeletonItem, Subtitle2, Card, Tooltip, Badge, Subtitle1, Title2, Divider, Spinner, Label, Text, Checkbox, MessageBar, MessageBarBody, Accordion, AccordionItem, AccordionHeader, AccordionPanel, RadioGroup, Menu, MenuTrigger, MenuPopover, MenuList, Radio, DialogActions, Caption2Strong, Title3, Link, Body2, Body1Stronger, Caption1Stronger, Display, Image, Title1, TabList, Tab, typographyStyles, Switch, Textarea } from '@fluentui/react-components';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import React, { forwardRef, useState, useRef, useEffect, useCallback, useMemo, Fragment as Fragment$1 } from 'react';
 import { ArrowDownloadRegular, Dismiss24Regular, DismissRegular, SubtractRegular, AddRegular, DeleteRegular, InfoRegular, SearchRegular, ChevronDownRegular, ArrowRightRegular } from '@fluentui/react-icons';
@@ -1233,7 +1233,7 @@ var useStyles5 = makeStyles({
     position: "relative",
     overflow: "visible",
     background: "linear-gradient(75deg, #58C91B 0%, #1949E0 103.3%)",
-    padding: "5em",
+    padding: "5em 6em 5em 4em",
     display: "flex",
     flexDirection: "column",
     justifyContent: "space-between",
@@ -1839,7 +1839,7 @@ var CardTicket = ({
                       },
                       children: [
                         /* @__PURE__ */ jsx(Subtitle2, { children: mergedLabels.totalPriceLabel }),
-                        loadType === 6 ? /* @__PURE__ */ jsx(Body1Strong, { style: { wordBreak: "break-word" }, children: mergedLabels.totalPriceMissing }) : /* @__PURE__ */ jsx(Title3, { children: departureItem?.billingDetail?.total?.formatted })
+                        loadType === 6 ? /* @__PURE__ */ jsx(Body1Strong, { style: { wordBreak: "break-word" }, children: mergedLabels.totalPriceMissing }) : /* @__PURE__ */ jsx(Title2, { children: departureItem?.billingDetail?.total?.formatted })
                       ]
                     }
                   ),
@@ -14440,21 +14440,11 @@ var CardBookingTicket = ({
           }
         )
       ] }),
-      /* @__PURE__ */ jsx(
-        "div",
-        {
-          style: {
-            height: "1px",
-            backgroundColor: "tokens.colorNeutralStroke2"
-            // margin: "0.5rem 0",
-          }
-        }
-      ),
       /* @__PURE__ */ jsx(Body1Strong, { children: mergedLabels.routeTitle }),
       /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
         "div",
         {
-          className: reservationStep === "review" || paymentStep === "pay" || paymentStep === "method" ? styles.ticketinfoCard : styles.ticketInfo,
+          className: reservationStep === "review" || reservationStep === "payment" ? styles.ticketinfoCard : styles.ticketInfo,
           children: [
             /* @__PURE__ */ jsxs("div", { className: styles.ticketTime, children: [
               /* @__PURE__ */ jsx(Caption2, { children: departureDay }),
@@ -16610,7 +16600,7 @@ var CardPaymentMethodFavorite = ({
         )
       }
     ),
-    /* @__PURE__ */ jsx(Row, { nogutter: true, style: { gap: tokens.spacingVerticalL }, children: methods.map((option) => /* @__PURE__ */ jsx(Col, { xs: 12, children: /* @__PURE__ */ jsxs(Row, { justify: "between", children: [
+    /* @__PURE__ */ jsx(Row, { nogutter: true, style: { gap: tokens.spacingVerticalL }, children: methods.map((option) => /* @__PURE__ */ jsx(Col, { xs: 12, onClick: () => onSelect(option.value), style: { cursor: "pointer" }, children: /* @__PURE__ */ jsxs(Row, { justify: "between", children: [
       /* @__PURE__ */ jsx(Col, { xs: "content", children: /* @__PURE__ */ jsx(
         "img",
         {