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

package/dist/index.js

@@ -221,28 +221,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",
@@ -260,7 +240,7 @@ var brandColors2 = {
   "150": "#fdfdff",
   "160": "#ffffff"
 };
-var spacing2 = {
+var spacing = {
   "360": 36};
 var fontWeight = {
   "Medium": 500};
@@ -268,36 +248,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: {
@@ -492,7 +467,7 @@ var useStyles2 = reactComponents.makeStyles({
   carousel: {},
   carouselContainer: {
     display: "flex",
-    gap: `${spacing2[360]}px`,
+    gap: `${spacing[360]}px`,
     alignItems: "center",
     justifyContent: "start",
     [`@media (max-width: ${extendedTokens.breakpointMd})`]: {
@@ -593,6 +568,7 @@ var useStyles2 = reactComponents.makeStyles({
   },
   singleIndicatorWrapper: {
     display: "flex",
+    width: "100%",
     justifyContent: "center",
     alignItems: "center",
     marginTop: reactComponents.tokens.spacingVerticalXXL,
@@ -648,10 +624,9 @@ var CarouselWithCustomNav = ({
     }),
     [language, customLabels, deprecatedAriaLabel]
   );
-  const activeIndex = isSingleSlide ? 0 : controlledIndex !== void 0 ? controlledIndex : internalIndex;
+  const activeIndex = controlledIndex !== void 0 ? controlledIndex : internalIndex;
   const handleIndexChange = React.useCallback(
     (index) => {
-      if (isSingleSlide) return;
       if (controlledIndex === void 0) {
         setInternalIndex(index);
       }
@@ -660,10 +635,11 @@ var CarouselWithCustomNav = ({
     [controlledIndex, onActiveIndexChange, isSingleSlide]
   );
   React__default.default.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) {
@@ -759,7 +735,7 @@ var CarouselWithCustomNav = ({
             className: styles.singleIndicatorWrapper,
             style: {
               backgroundColor: darkNavBackground ? reactComponents.tokens.colorSubtleBackgroundInverted : reactComponents.tokens.colorSubtleBackground,
-              justifyContent: align === "start" ? "flex-start" : align === "end" ? "flex-end" : "center"
+              justifyContent: "center"
             },
             children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles.singleIndicatorDot })
           }
@@ -767,9 +743,10 @@ var CarouselWithCustomNav = ({
           reactComponents.CarouselNav,
           {
             style: {
+              width: "100%",
               backgroundColor: darkNavBackground ? reactComponents.tokens.colorSubtleBackgroundInverted : reactComponents.tokens.colorSubtleBackground,
               marginTop: reactComponents.tokens.spacingVerticalXXL,
-              justifyContent: align === "start" ? "flex-start" : align === "end" ? "flex-end" : "center"
+              justifyContent: "center"
             },
             appearance: "brand",
             className: styles.carouselNavButton,
@@ -1710,7 +1687,7 @@ var CardTicket = ({
                 {
                   onClick: onSelectTicket,
                   appearance: "primary",
-                  style: { backgroundColor: brandColors2["60"] },
+                  style: { backgroundColor: brandColors["60"] },
                   size: "medium",
                   shape: "circular",
                   icon: /* @__PURE__ */ jsxRuntime.jsx(react.Icon, { icon: "fluent:ticket-diagonal-24-filled" }),
@@ -2214,7 +2191,7 @@ var useStyles7 = reactComponents.makeStyles({
     gap: "12px",
     width: "100%",
     "&:hover": {
-      backgroundColor: reactComponents.tokens.colorNeutralBackground1Hover
+      backgroundColor: brandColors["140"]
     },
     // Tablet: compact column, fixed width, description visible (1 line)
     [`@media (${BP_TABLET2})`]: {
@@ -2236,10 +2213,10 @@ var useStyles7 = reactComponents.makeStyles({
     }
   },
   menuItemActive: {
-    backgroundColor: reactComponents.tokens.colorNeutralBackground3,
+    backgroundColor: brandColors["140"],
     color: reactComponents.tokens.colorNeutralForeground1,
     "&:hover": {
-      backgroundColor: reactComponents.tokens.colorNeutralBackground3Hover
+      backgroundColor: brandColors["140"]
     }
   },
   // Icon wrapper — rounded bg on mobile
@@ -2379,13 +2356,42 @@ var CardServiceMenu = ({
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(reactComponents.Card, { className: reactComponents.mergeClasses(styles.card, className), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles.menuList, children: [
       isLoading ? Array.from({ length: skeletonCount }).map((_, index) => /* @__PURE__ */ jsxRuntime.jsxs(React__default.default.Fragment, { children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: reactComponents.mergeClasses(styles.menuItem, styles.skeletonOverride), children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles.logoWrapper, children: /* @__PURE__ */ jsxRuntime.jsx(reactComponents.Skeleton, { children: /* @__PURE__ */ jsxRuntime.jsx(reactComponents.SkeletonItem, { className: styles.logo, style: { borderRadius: "50%" } }) }) }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles.textContent, children: [
-            /* @__PURE__ */ jsxRuntime.jsx(reactComponents.Skeleton, { children: /* @__PURE__ */ jsxRuntime.jsx(reactComponents.SkeletonItem, { style: { width: "60%", height: "16px" } }) }),
-            showDescriptions && /* @__PURE__ */ jsxRuntime.jsx(reactComponents.Skeleton, { className: styles.description, children: /* @__PURE__ */ jsxRuntime.jsx(reactComponents.SkeletonItem, { style: { width: "90%", height: "12px", marginTop: "4px" } }) })
-          ] })
-        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            className: reactComponents.mergeClasses(
+              styles.menuItem,
+              styles.skeletonOverride
+            ),
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles.logoWrapper, children: /* @__PURE__ */ jsxRuntime.jsx(reactComponents.Skeleton, { children: /* @__PURE__ */ jsxRuntime.jsx(
+                reactComponents.SkeletonItem,
+                {
+                  className: styles.logo,
+                  style: { borderRadius: "50%" }
+                }
+              ) }) }),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles.textContent, children: [
+                /* @__PURE__ */ jsxRuntime.jsx(reactComponents.Skeleton, { children: /* @__PURE__ */ jsxRuntime.jsx(
+                  reactComponents.SkeletonItem,
+                  {
+                    style: { width: "60%", height: "16px" }
+                  }
+                ) }),
+                showDescriptions && /* @__PURE__ */ jsxRuntime.jsx(reactComponents.Skeleton, { className: styles.description, children: /* @__PURE__ */ jsxRuntime.jsx(
+                  reactComponents.SkeletonItem,
+                  {
+                    style: {
+                      width: "90%",
+                      height: "12px",
+                      marginTop: "4px"
+                    }
+                  }
+                ) })
+              ] })
+            ]
+          }
+        ),
         index < skeletonCount - 1 && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
           /* @__PURE__ */ jsxRuntime.jsx(reactComponents.Divider, { className: styles.dividerHorizontal }),
           /* @__PURE__ */ jsxRuntime.jsx(reactComponents.Divider, { vertical: true, className: styles.dividerVertical })
@@ -5487,7 +5493,7 @@ var useStyles11 = reactComponents.makeStyles({
   circularButton: {
     borderRadius: reactComponents.tokens.borderRadius3XLarge,
     border: `1px solid ${reactComponents.tokens.colorBrandBackground}`,
-    backgroundColor: brandColors2["140"],
+    backgroundColor: brandColors["140"],
     gap: "5px"
   },
   buttonContent: {
@@ -14169,7 +14175,7 @@ var FileUpload = React__default.default.forwardRef(
                                   icon: "fluent:document-pdf-32-regular",
                                   width: 32,
                                   height: 32,
-                                  style: { flexShrink: 0, color: brandColors2[80] }
+                                  style: { flexShrink: 0, color: brandColors[80] }
                                 }
                               )
                             }
@@ -14188,7 +14194,7 @@ var FileUpload = React__default.default.forwardRef(
                           {
                             appearance: "transparent",
                             size: "small",
-                            style: { color: brandColors2[80] },
+                            style: { color: brandColors[80] },
                             onClick: (e) => handlePreview(e, displayFile),
                             children: mergedLabels.preview
                           }
@@ -14245,7 +14251,7 @@ var FileUpload = React__default.default.forwardRef(
                                 {
                                   icon: "fluent:arrow-upload-32-filled",
                                   style: {
-                                    color: brandColors2[80],
+                                    color: brandColors[80],
                                     maxWidth: "32px",
                                     width: "32px",
                                     maxHeight: "32px",
@@ -14294,7 +14300,7 @@ var FileUpload = React__default.default.forwardRef(
                                               icon: "fluent:document-pdf-32-regular",
                                               width: 32,
                                               height: 32,
-                                              style: { flexShrink: 0, color: brandColors2[80] }
+                                              style: { flexShrink: 0, color: brandColors[80] }
                                             }
                                           )
                                         }
@@ -14350,7 +14356,7 @@ var FileUpload = React__default.default.forwardRef(
                                               {
                                                 appearance: "transparent",
                                                 size: "small",
-                                                style: { color: brandColors2[80] },
+                                                style: { color: brandColors[80] },
                                                 onClick: (e) => handlePreview(e, displayFile),
                                                 children: mergedLabels.preview
                                               }
@@ -14404,7 +14410,7 @@ var FileUpload = React__default.default.forwardRef(
                 appearance: "transparent",
                 size: "small",
                 icon: /* @__PURE__ */ jsxRuntime.jsx(reactIcons.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