@asdp/ferryui 0.1.22-dev.9319 → 0.1.22-dev.9337

package/dist/index.mjs

@@ -212,28 +212,8 @@ var DEFAULT_LABELS2 = {
   }
 };
 
-// src/constants/generated/tokens.ts
-var brandColors = {
-  "10": "#000000",
-  "20": "#03060e",
-  "30": "#060b1c",
-  "40": "#09112a",
-  "50": "#0c1738",
-  "60": "#122255",
-  "70": "#182e71",
-  "80": "#1e398d",
-  "90": "#4b60a4",
-  "100": "#7787bb",
-  "110": "#a4afd1",
-  "120": "#bac2dd",
-  "130": "#d0d6e8",
-  "140": "#e7e9f4",
-  "150": "#fdfdff",
-  "160": "#ffffff"
-};
-
 // src/constants/generated/tokensV2.ts
-var brandColors2 = {
+var brandColors = {
   "10": "#001a1bff",
   "20": "#02383bff",
   "30": "#002426",
@@ -251,7 +231,7 @@ var brandColors2 = {
   "150": "#fdfdff",
   "160": "#ffffff"
 };
-var spacing2 = {
+var spacing = {
   "360": 36};
 var fontWeight = {
   "Medium": 500};
@@ -259,36 +239,31 @@ var sharedColors = {
   "Shared_Cranberry_Primary": "#c50f1f",
   "Shared_Red_Primary": "#d13438",
   "Shared_Green_Primary": "#107c10"};
-var lightModeColors2 = {
+var lightModeColors = {
   "Neutral_Foreground_Disabled_Rest": "#bdbdbd",
   "Brand_Stroke_1_Rest": "#00B3BD"};
 var tokensV2_default = {
-  lightModeColors: lightModeColors2};
+  lightModeColors};
 
 // src/constants/brandColors.ts
-var isV2Path = typeof window !== "undefined" && window.location.pathname.startsWith("/v2");
-var brandColors3 = !isV2Path ? brandColors2 : brandColors;
 var customBrand = {
-  10: brandColors3["10"],
-  20: brandColors3["20"],
-  30: brandColors3["30"],
-  40: brandColors3["40"],
-  50: brandColors3["50"],
-  60: brandColors3["60"],
-  70: brandColors3["70"],
-  80: brandColors3["80"],
-  90: brandColors3["90"],
-  100: brandColors3["100"],
-  110: brandColors3["110"],
-  120: brandColors3["120"],
-  130: brandColors3["130"],
-  140: brandColors3["140"],
-  150: brandColors3["150"],
-  160: brandColors3["160"]
+  10: brandColors["10"],
+  20: brandColors["20"],
+  30: brandColors["30"],
+  40: brandColors["40"],
+  50: brandColors["50"],
+  60: brandColors["60"],
+  70: brandColors["70"],
+  80: brandColors["80"],
+  90: brandColors["90"],
+  100: brandColors["100"],
+  110: brandColors["110"],
+  120: brandColors["120"],
+  130: brandColors["130"],
+  140: brandColors["140"],
+  150: brandColors["150"],
+  160: brandColors["160"]
 };
-
-// src/constants/designTokens.ts
-typeof window !== "undefined" && window.location.pathname.startsWith("/v2");
 var designTokens = {
   // Breakpoints for responsive design
   breakpoints: {
@@ -483,7 +458,7 @@ var useStyles2 = makeStyles({
   carousel: {},
   carouselContainer: {
     display: "flex",
-    gap: `${spacing2[360]}px`,
+    gap: `${spacing[360]}px`,
     alignItems: "center",
     justifyContent: "start",
     [`@media (max-width: ${extendedTokens.breakpointMd})`]: {
@@ -584,6 +559,7 @@ var useStyles2 = makeStyles({
   },
   singleIndicatorWrapper: {
     display: "flex",
+    width: "100%",
     justifyContent: "center",
     alignItems: "center",
     marginTop: tokens.spacingVerticalXXL,
@@ -639,10 +615,9 @@ var CarouselWithCustomNav = ({
     }),
     [language, customLabels, deprecatedAriaLabel]
   );
-  const activeIndex = isSingleSlide ? 0 : controlledIndex !== void 0 ? controlledIndex : internalIndex;
+  const activeIndex = controlledIndex !== void 0 ? controlledIndex : internalIndex;
   const handleIndexChange = useCallback(
     (index) => {
-      if (isSingleSlide) return;
       if (controlledIndex === void 0) {
         setInternalIndex(index);
       }
@@ -651,10 +626,11 @@ var CarouselWithCustomNav = ({
     [controlledIndex, onActiveIndexChange, isSingleSlide]
   );
   React.useEffect(() => {
-    if (!autoPlay || isSingleSlide) return;
+    if (!autoPlay) return;
+    const effectiveTotalSlides = isSingleSlide ? 2 : totalSlides;
     const intervalId = setInterval(() => {
       let nextIndex = activeIndex + 1;
-      if (nextIndex >= totalSlides) {
+      if (nextIndex >= effectiveTotalSlides) {
         nextIndex = circular ? 0 : activeIndex;
       }
       if (nextIndex !== activeIndex) {
@@ -750,7 +726,7 @@ var CarouselWithCustomNav = ({
             className: styles.singleIndicatorWrapper,
             style: {
               backgroundColor: darkNavBackground ? tokens.colorSubtleBackgroundInverted : tokens.colorSubtleBackground,
-              justifyContent: align === "start" ? "flex-start" : align === "end" ? "flex-end" : "center"
+              justifyContent: "center"
             },
             children: /* @__PURE__ */ jsx("span", { className: styles.singleIndicatorDot })
           }
@@ -758,9 +734,10 @@ var CarouselWithCustomNav = ({
           CarouselNav,
           {
             style: {
+              width: "100%",
               backgroundColor: darkNavBackground ? tokens.colorSubtleBackgroundInverted : tokens.colorSubtleBackground,
               marginTop: tokens.spacingVerticalXXL,
-              justifyContent: align === "start" ? "flex-start" : align === "end" ? "flex-end" : "center"
+              justifyContent: "center"
             },
             appearance: "brand",
             className: styles.carouselNavButton,
@@ -1701,7 +1678,7 @@ var CardTicket = ({
                 {
                   onClick: onSelectTicket,
                   appearance: "primary",
-                  style: { backgroundColor: brandColors2["60"] },
+                  style: { backgroundColor: brandColors["60"] },
                   size: "medium",
                   shape: "circular",
                   icon: /* @__PURE__ */ jsx(Icon, { icon: "fluent:ticket-diagonal-24-filled" }),
@@ -2205,7 +2182,7 @@ var useStyles7 = makeStyles({
     gap: "12px",
     width: "100%",
     "&:hover": {
-      backgroundColor: tokens.colorNeutralBackground1Hover
+      backgroundColor: brandColors["140"]
     },
     // Tablet: compact column, fixed width, description visible (1 line)
     [`@media (${BP_TABLET2})`]: {
@@ -2227,10 +2204,10 @@ var useStyles7 = makeStyles({
     }
   },
   menuItemActive: {
-    backgroundColor: tokens.colorNeutralBackground3,
+    backgroundColor: brandColors["140"],
     color: tokens.colorNeutralForeground1,
     "&:hover": {
-      backgroundColor: tokens.colorNeutralBackground3Hover
+      backgroundColor: brandColors["140"]
     }
   },
   // Icon wrapper — rounded bg on mobile
@@ -2370,13 +2347,42 @@ var CardServiceMenu = ({
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(Card, { className: mergeClasses(styles.card, className), children: /* @__PURE__ */ jsxs("div", { className: styles.menuList, children: [
       isLoading ? Array.from({ length: skeletonCount }).map((_, index) => /* @__PURE__ */ jsxs(React.Fragment, { children: [
-        /* @__PURE__ */ jsxs("div", { className: mergeClasses(styles.menuItem, styles.skeletonOverride), children: [
-          /* @__PURE__ */ jsx("div", { className: styles.logoWrapper, children: /* @__PURE__ */ jsx(Skeleton, { children: /* @__PURE__ */ jsx(SkeletonItem, { className: styles.logo, style: { borderRadius: "50%" } }) }) }),
-          /* @__PURE__ */ jsxs("div", { className: styles.textContent, children: [
-            /* @__PURE__ */ jsx(Skeleton, { children: /* @__PURE__ */ jsx(SkeletonItem, { style: { width: "60%", height: "16px" } }) }),
-            showDescriptions && /* @__PURE__ */ jsx(Skeleton, { className: styles.description, children: /* @__PURE__ */ jsx(SkeletonItem, { style: { width: "90%", height: "12px", marginTop: "4px" } }) })
-          ] })
-        ] }),
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: mergeClasses(
+              styles.menuItem,
+              styles.skeletonOverride
+            ),
+            children: [
+              /* @__PURE__ */ jsx("div", { className: styles.logoWrapper, children: /* @__PURE__ */ jsx(Skeleton, { children: /* @__PURE__ */ jsx(
+                SkeletonItem,
+                {
+                  className: styles.logo,
+                  style: { borderRadius: "50%" }
+                }
+              ) }) }),
+              /* @__PURE__ */ jsxs("div", { className: styles.textContent, children: [
+                /* @__PURE__ */ jsx(Skeleton, { children: /* @__PURE__ */ jsx(
+                  SkeletonItem,
+                  {
+                    style: { width: "60%", height: "16px" }
+                  }
+                ) }),
+                showDescriptions && /* @__PURE__ */ jsx(Skeleton, { className: styles.description, children: /* @__PURE__ */ jsx(
+                  SkeletonItem,
+                  {
+                    style: {
+                      width: "90%",
+                      height: "12px",
+                      marginTop: "4px"
+                    }
+                  }
+                ) })
+              ] })
+            ]
+          }
+        ),
         index < skeletonCount - 1 && /* @__PURE__ */ jsxs(Fragment, { children: [
           /* @__PURE__ */ jsx(Divider, { className: styles.dividerHorizontal }),
           /* @__PURE__ */ jsx(Divider, { vertical: true, className: styles.dividerVertical })
@@ -5478,7 +5484,7 @@ var useStyles11 = makeStyles({
   circularButton: {
     borderRadius: tokens.borderRadius3XLarge,
     border: `1px solid ${tokens.colorBrandBackground}`,
-    backgroundColor: brandColors2["140"],
+    backgroundColor: brandColors["140"],
     gap: "5px"
   },
   buttonContent: {
@@ -14160,7 +14166,7 @@ var FileUpload = React.forwardRef(
                                   icon: "fluent:document-pdf-32-regular",
                                   width: 32,
                                   height: 32,
-                                  style: { flexShrink: 0, color: brandColors2[80] }
+                                  style: { flexShrink: 0, color: brandColors[80] }
                                 }
                               )
                             }
@@ -14179,7 +14185,7 @@ var FileUpload = React.forwardRef(
                           {
                             appearance: "transparent",
                             size: "small",
-                            style: { color: brandColors2[80] },
+                            style: { color: brandColors[80] },
                             onClick: (e) => handlePreview(e, displayFile),
                             children: mergedLabels.preview
                           }
@@ -14236,7 +14242,7 @@ var FileUpload = React.forwardRef(
                                 {
                                   icon: "fluent:arrow-upload-32-filled",
                                   style: {
-                                    color: brandColors2[80],
+                                    color: brandColors[80],
                                     maxWidth: "32px",
                                     width: "32px",
                                     maxHeight: "32px",
@@ -14285,7 +14291,7 @@ var FileUpload = React.forwardRef(
                                               icon: "fluent:document-pdf-32-regular",
                                               width: 32,
                                               height: 32,
-                                              style: { flexShrink: 0, color: brandColors2[80] }
+                                              style: { flexShrink: 0, color: brandColors[80] }
                                             }
                                           )
                                         }
@@ -14341,7 +14347,7 @@ var FileUpload = React.forwardRef(
                                               {
                                                 appearance: "transparent",
                                                 size: "small",
-                                                style: { color: brandColors2[80] },
+                                                style: { color: brandColors[80] },
                                                 onClick: (e) => handlePreview(e, displayFile),
                                                 children: mergedLabels.preview
                                               }
@@ -14395,7 +14401,7 @@ var FileUpload = React.forwardRef(
                 appearance: "transparent",
                 size: "small",
                 icon: /* @__PURE__ */ jsx(ArrowDownloadRegular, {}),
-                style: { display: "flex", justifyContent: "end", color: brandColors2[80], width: "100%" },
+                style: { display: "flex", justifyContent: "end", color: brandColors[80], width: "100%" },
                 onClick: (e) => handleDownloadFile(e, displayFile),
                 disabled: !(displayFile instanceof File),
                 children: mergedLabels.downloadTemplateDocument