@asdp/ferryui 0.1.22-dev.9838 → 0.1.22-dev.9856

package/dist/index.js

@@ -273,14 +273,21 @@ var brandColors = {
 };
 var spacing = {
   "360": 36};
+var fontSize = {
+  "190": 19};
 var fontWeight = {
-  "Medium": 500};
+  "Medium": 500,
+  "Bold": 700
+};
 var sharedColors = {
   "Shared_Cranberry_Primary": "#c50f1f",
   "Shared_Red_Primary": "#d13438",
   "Shared_Orange_Shade_20": "#bc4b09",
   "Shared_Orange_Tint_60": "#fff9f5",
   "Shared_Green_Primary": "#107c10"};
+var foundationColors = {
+  "Foundation_Danger_error": "#FD3A3A"
+};
 var lightModeColors = {
   "Neutral_Foreground_Disabled_Rest": "#bdbdbd",
   "Brand_Stroke_1_Rest": "#00B3BD"};
@@ -13129,11 +13136,7 @@ var CardVehicleOwnerForm = ({
                                             cargoItems: updatedCargoItems
                                           });
                                         },
-                                        options: loadTypeOptions.filter(
-                                          (lt) => lt.commodityId === (getValues(
-                                            `owners.${index}.cargo.${cargoIndex}.commodity`
-                                          ) || "")
-                                        ).map((lt) => ({
+                                        options: loadTypeOptions.map((lt) => ({
                                           value: lt.id.toString(),
                                           label: `${lt.name} (${lt.unit?.name})`
                                         })),
@@ -13159,7 +13162,7 @@ var CardVehicleOwnerForm = ({
                                       `owners.${index}.cargo.${cargoIndex}.cargoType`
                                     );
                                     const selectedLoadType = loadTypes.find(
-                                      (loadType) => loadType.id === type
+                                      (loadType) => loadType.id.toString() === type
                                     );
                                     if (!selectedLoadType) {
                                       return /* @__PURE__ */ jsxRuntime.jsxs(reactGridSystem.Col, { md: 3, children: [
@@ -13348,9 +13351,9 @@ var CardVehicleOwnerForm = ({
                                                       `owners.${index}.cargo.${cargoIndex}.cargoType`
                                                     );
                                                     const selectedLoadType2 = loadTypes.find(
-                                                      (loadType) => loadType.id === type2
+                                                      (loadType) => loadType.id.toString() === type2
                                                     );
-                                                    return selectedLoadType2?.unit?.name || "----87----";
+                                                    return selectedLoadType2?.unit?.name;
                                                   })()
                                                 }
                                               )
@@ -15337,7 +15340,6 @@ var useStyles37 = reactComponents.makeStyles({
   },
   title: {
     color: reactComponents.tokens.colorNeutralForeground2
-    // Neutral_Stroke_Accessible_Rest based on Review.tsx usually
   },
   list: {
     margin: 0,
@@ -15367,7 +15369,7 @@ var CardPaymentGuide = ({
   const mergedLabels = { ...DEFAULT_LABELS35[language], ...labels };
   const displayTitle = title || mergedLabels.title;
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${styles.container} ${className || ""}`, children: [
-    title && /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles.titleContainer, children: /* @__PURE__ */ jsxRuntime.jsx(reactComponents.Subtitle1, { className: styles.title, children: displayTitle }) }),
+    displayTitle && /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles.titleContainer, children: /* @__PURE__ */ jsxRuntime.jsx(reactComponents.Subtitle1, { className: styles.title, children: displayTitle }) }),
     /* @__PURE__ */ jsxRuntime.jsx(reactComponents.Accordion, { collapsible: true, multiple: true, children: guides.map((guide, index) => /* @__PURE__ */ jsxRuntime.jsxs(
       reactComponents.AccordionItem,
       {
@@ -15419,10 +15421,10 @@ var useStyles38 = reactComponents.makeStyles({
     textAlign: "center"
   },
   expiryTitle: {
-    fontSize: reactComponents.tokens.fontSizeBase500,
+    fontSize: `${fontSize[190]}px`,
     // 19px approx/mapping
-    color: reactComponents.tokens.colorPaletteRedBackground3
-    // Foundation_Danger_error
+    fontWeight: fontWeight.Bold,
+    color: foundationColors.Foundation_Danger_error
   },
   infoCard: {
     border: `${reactComponents.tokens.strokeWidthThin} solid ${reactComponents.tokens.colorNeutralStroke1}`,
@@ -15517,6 +15519,7 @@ var CardPaymentInfo = ({
               size: "large",
               shape: "circular",
               onClick: onCopyVA,
+              style: { width: "80%" },
               children: mergedLabels.copyCodeButton
             }
           )
@@ -15549,7 +15552,7 @@ var CardPaymentInfo = ({
       )
     ] }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { style: { marginBottom: reactComponents.tokens.spacingVerticalM }, children: /* @__PURE__ */ jsxRuntime.jsx(reactComponents.Subtitle2, { style: { color: reactComponents.tokens.colorNeutralForeground2 }, children: mergedLabels.checkStatusInfo }) }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { style: { marginBottom: reactComponents.tokens.spacingVerticalM }, children: /* @__PURE__ */ jsxRuntime.jsx(reactComponents.Subtitle2, { style: { color: reactComponents.tokens.colorNeutralStrokeAccessible, fontWeight: fontWeight.Medium }, children: mergedLabels.checkStatusInfo }) }),
       /* @__PURE__ */ jsxRuntime.jsx(
         reactComponents.Button,
         {