@deriv-web-design/ui 0.1.32 → 0.1.34

package/components.manifest.json

@@ -1,7 +1,7 @@
 {
   "$comment": "Generated by scripts/generate-component-manifest.ts from the TypeScript types. Do not edit by hand. Props inherited from React HTMLAttributes are intentionally omitted. `default` is the value declared in the component's own parameter destructuring; a prop whose effective default is applied further down the tree (e.g. cards[].showLink) has no `default` here — see block-registry.json `fields` for documented effective defaults.",
   "package": "@deriv-web-design/ui",
-  "componentCount": 64,
+  "componentCount": 68,
   "components": {
     "Accordion": {
       "name": "Accordion",
@@ -858,6 +858,70 @@
         }
       }
     },
+    "ComparisonCards": {
+      "name": "ComparisonCards",
+      "source": "templates/ComparisonCards/ComparisonCards.tsx",
+      "props": {
+        "cards": {
+          "type": "ComparisonCardsCard[]",
+          "required": true,
+          "description": "Comparison cards (typically 2–3). Each card is an independent surface with its own repeated spec rows — not a shared table first column.",
+          "items": {
+            "description": {
+              "type": "string",
+              "required": true,
+              "description": "Short supporting copy under the title"
+            },
+            "footnote": {
+              "type": "string",
+              "required": false,
+              "description": "Optional disclaimer belonging to this card only"
+            },
+            "rows": {
+              "type": "ComparisonCardsRow[]",
+              "required": true,
+              "description": "Label/value rows. Labels are authored per card, not shared.",
+              "items": {
+                "label": {
+                  "type": "string",
+                  "required": true,
+                  "description": "Spec label shown on the left (repeated per card)"
+                },
+                "value": {
+                  "type": "string",
+                  "required": true,
+                  "description": "Spec value shown on the right"
+                }
+              }
+            },
+            "theme": {
+              "type": "ComparisonCardsTheme",
+              "required": false,
+              "description": "Card surface. Defaults to cycling light → dark."
+            },
+            "title": {
+              "type": "string",
+              "required": true,
+              "description": "Card heading"
+            }
+          }
+        },
+        "className": {
+          "type": "string",
+          "required": false
+        },
+        "description": {
+          "type": "string",
+          "required": false,
+          "description": "Supporting copy under the section heading"
+        },
+        "title": {
+          "type": "string",
+          "required": true,
+          "description": "Section heading above the cards"
+        }
+      }
+    },
     "CoralBanner": {
       "name": "CoralBanner",
       "source": "templates/CoralBanner/CoralBanner.tsx",
@@ -940,6 +1004,75 @@
         }
       }
     },
+    "CryptoMarketsTable": {
+      "name": "CryptoMarketsTable",
+      "source": "templates/CryptoMarketsTable/CryptoMarketsTable.tsx",
+      "props": {
+        "apiOrigin": {
+          "type": "string",
+          "required": false
+        },
+        "className": {
+          "type": "string",
+          "required": false
+        },
+        "initialMarket": {
+          "type": "\"spot\" | \"futures\"",
+          "required": false,
+          "default": "spot"
+        },
+        "initialQuoteCurrency": {
+          "type": "string",
+          "required": false,
+          "default": "USDT"
+        },
+        "maxRows": {
+          "type": "number",
+          "required": false
+        },
+        "variant": {
+          "type": "\"default\"",
+          "required": false,
+          "default": "default"
+        }
+      }
+    },
+    "CryptoTradeConverter": {
+      "name": "CryptoTradeConverter",
+      "source": "templates/CryptoTradeConverter/CryptoTradeConverter.tsx",
+      "props": {
+        "apiOrigin": {
+          "type": "string",
+          "required": false,
+          "description": "Allowlisted HTTPS API origin (default https://deriv.exchange)."
+        },
+        "className": {
+          "type": "string",
+          "required": false
+        },
+        "defaultPair": {
+          "type": "string",
+          "required": false,
+          "description": "Pair like \"BTC/USDT\" or symbol id like \"btc1863usdt1863\"."
+        },
+        "market": {
+          "type": "\"spot\"",
+          "required": false,
+          "default": "spot"
+        },
+        "tradeHref": {
+          "type": "string",
+          "required": false,
+          "description": "Primary Buy/Sell CTA destination.",
+          "defaultExpression": "DEFAULT_TRADE_HREF"
+        },
+        "variant": {
+          "type": "\"default\"",
+          "required": false,
+          "default": "default"
+        }
+      }
+    },
     "DayNightTransition": {
       "name": "DayNightTransition",
       "source": "templates/DayNightTransition/DayNightTransition.tsx",
@@ -1858,6 +1991,103 @@
         }
       }
     },
+    "FeatureCardsCarousel": {
+      "name": "FeatureCardsCarousel",
+      "source": "templates/FeatureCardsCarousel/FeatureCardsCarousel.tsx",
+      "props": {
+        "autoplay": {
+          "type": "boolean",
+          "required": false,
+          "description": "Enable autoplay. Off by default; must be pausable when enabled.",
+          "default": false
+        },
+        "autoplayDelay": {
+          "type": "number",
+          "required": false,
+          "description": "Autoplay interval in ms when `autoplay` is true",
+          "default": 5000
+        },
+        "className": {
+          "type": "string",
+          "required": false
+        },
+        "defaultActiveIndex": {
+          "type": "number",
+          "required": false,
+          "description": "Zero-based index of the initially active slide",
+          "default": 0
+        },
+        "description": {
+          "type": "string",
+          "required": false,
+          "description": "Supporting copy under the section heading"
+        },
+        "items": {
+          "type": "FeatureCardsCarouselItem[]",
+          "required": true,
+          "description": "Authored slides. Preserve order; do not flatten to a static grid.",
+          "items": {
+            "ctaHref": {
+              "type": "string",
+              "required": false,
+              "description": "Optional CTA href. When omitted with a label, renders a button-styled span."
+            },
+            "ctaLabel": {
+              "type": "string",
+              "required": false,
+              "description": "Optional CTA label on the slide"
+            },
+            "description": {
+              "type": "string",
+              "required": true,
+              "description": "Supporting body copy"
+            },
+            "image": {
+              "type": "string",
+              "required": false,
+              "description": "Artwork shown under the copy, or as a full-card cover when `imageFit` is `\"cover\"`"
+            },
+            "imageAlt": {
+              "type": "string",
+              "required": false,
+              "description": "Alt text for the artwork. Empty string marks it decorative."
+            },
+            "imageFit": {
+              "type": "FeatureCardsCarouselImageFit",
+              "required": false,
+              "description": "Artwork layout. - `\"media\"` (default): fixed-height strip under the copy - `\"cover\"`: fills the entire card behind the copy (lifestyle photos)"
+            },
+            "title": {
+              "type": "string",
+              "required": true,
+              "description": "Slide heading"
+            },
+            "tone": {
+              "type": "FeatureCardsCarouselTone",
+              "required": false,
+              "description": "Card surface tone. Defaults to cycling coral → dark → light."
+            }
+          }
+        },
+        "showArrows": {
+          "type": "boolean",
+          "required": false,
+          "description": "Show previous / next controls",
+          "default": true
+        },
+        "showDots": {
+          "type": "boolean",
+          "required": false,
+          "description": "Show pagination dots",
+          "default": true
+        },
+        "title": {
+          "type": "string",
+          "required": true,
+          "description": "Section heading above the slider"
+        }
+      }
+    },
     "FeatureCardsIcon": {
       "name": "FeatureCardsIcon",
       "source": "templates/FeatureCardsIcon/FeatureCardsIcon.tsx",
@@ -2557,6 +2787,12 @@
           "required": false,
           "description": "Secondary foreground image. Accepts a ReactNode or image URL string. In the Showcase variant it sits below `productImage`, cropped to a 1:1 box. In the Split variant it is a small layer anchored to the hero's lower inline-end and painted behind `heroImage` so the subject overlaps it; it keeps its natural aspect ratio (no crop) and is hidden below 992px."
         },
+        "headingLevel": {
+          "type": "1 | 2",
+          "required": false,
+          "description": "Semantic heading level for `title`. Defaults to `1` (`<h1>`) because a Hero is the page’s leading heading. Pass `2` when the Hero is not the document’s primary H1 (e.g. a secondary band below an existing title). Styling always uses `.hero__title` regardless of level.",
+          "default": 1
+        },
         "heroImage": {
           "type": "ReactNode",
           "required": false,