@deriv-web-design/ui 0.0.29 → 0.1.0

package/dist/index.d.mts

@@ -1296,37 +1296,4 @@ interface ArticleSectionProps {
 
 declare const ArticleSection: ({ variant, sectionTitle, linkText, onLinkClick, featured, articles, className, }: ArticleSectionProps) => react_jsx_runtime.JSX.Element;
 
-type SpotlightHeroTone = "coral" | "emerald" | "blue" | "slate";
-interface SpotlightHeroProps {
-    /** Small kicker label above the title (e.g. "TODAY'S PICKS") */
-    eyebrow?: string;
-    /** Main headline */
-    title: string;
-    /** Supporting paragraph below the title */
-    summary?: string;
-    /** Meta text shown beside the arrow in the footer (e.g. a date) */
-    meta?: string;
-    /**
-     * Decorative icon tiled as a faded grid watermark on the right.
-     * Pass a single inline SVG / element — it is repeated automatically.
-     */
-    icon?: ReactNode;
-    /** Tile size of the icon pattern in px (default 132 — larger = bigger icons) */
-    patternSize?: number;
-    /** Opacity of the watermark pattern, 0–1 (default 0.12) */
-    patternOpacity?: number;
-    /** Accent / glow colour theme (default "coral") */
-    tone?: SpotlightHeroTone;
-    /** Render the whole hero as a link */
-    href?: string;
-    /** Click handler for the whole hero */
-    onClick?: () => void;
-    /** Accessible label for the call-to-action arrow (default "Read more") */
-    ctaLabel?: string;
-    /** Additional CSS class */
-    className?: string;
-}
-
-declare const SpotlightHero: ({ eyebrow, title, summary, meta, icon, patternSize, patternOpacity, tone, href, onClick, ctaLabel, className, }: SpotlightHeroProps) => react_jsx_runtime.JSX.Element;
-
-export { AVATAR_DATA, Accordion, type AccordionProps, ArticleHero, type ArticleHeroArticle, type ArticleHeroColumn, type ArticleHeroProps, ArticleSection, type ArticleSectionItem, type ArticleSectionProps, type ArticleSectionVariant, AvatarGrid, type AvatarGridProps, type AvatarItem, type AvatarPosition, BottomSheet, type BottomSheetAction, type BottomSheetProps, Breadcrumb, type BreadcrumbItem, type BreadcrumbProps, type BreadcrumbSize, Button, type ButtonColorScheme, type ButtonIconPosition, type ButtonProps, type ButtonVariant, COL_ONE_LOGOS, COL_TWO_LOGOS, CTABanner, type CTABannerProps, Card, type CardPrimaryStyle, type CardProps, type CardTag, type CardThumbnailType, Chip, ChipDropdown, type ChipDropdownOption, type ChipDropdownProps, type ChipProps, type ChipSize, DayNightTransition, type DayNightTransitionProps, DotLottieInView, type DotLottieInViewProps, DownloadBadge, type DownloadBadgeColorScheme, type DownloadBadgePlatform, type DownloadBadgeProps, DownloadBanner, type DownloadBannerProps, type DownloadBannerStyle, FEATURE_SCROLL_DATA, FaqAccordion, type FaqAccordionColorScheme, type FaqAccordionProps, type FaqItem, FeatureBullets, type FeatureBulletsProps, type FeatureCardIconItem, type FeatureCardItem, FeatureCards, FeatureCardsIcon, type FeatureCardsIconProps, type FeatureCardsProps, FeatureScroll, type FeatureScrollItem, type FeatureScrollProps, Footer, type FooterAiSummaryItem, type FooterAiSummaryProps, type FooterAppBadge, type FooterDerivGoProps, type FooterLinkItem, type FooterNavSection, type FooterProps, type FooterSocialLink, Header, type HeaderButtonProps, type HeaderProps, type HeaderVariant, Hero, type HeroButtonProps, type HeroProps, type HeroVariant, ImageBanner, type ImageBannerProps, type LanguageItem, type LeaderItem, Leaders, type LeadersProps, Link, type LinkColorScheme, type LinkProps, type LogoItem, LogoMarquee, type LogoMarqueeProps, type NavDropdownColumn, type NavDropdownFeature, type NavDropdownItem, type NavItem, Navbar, type NavbarProps, Pagination, type PaginationProps, PeopleGrid, type PeopleGridProps, type PersonItem, STEPS_DATA, SearchField, type SearchFieldProps, type SearchFieldStatus, SpotlightHero, type SpotlightHeroProps, type SpotlightHeroTone, type StatItem, Stats, type StatsAward, type StatsProps, StatsSimple, type StatsSimpleProps, type StepItem, Steps, type StepsImagePosition, type StepsProps, type StickyCardItem, type StickyCardTheme, type StickyMarketCardItem, type StickyMarketCardTheme, StickyMarketCards, type StickyMarketCardsProps, StickyStackedCards, type StickyStackedCardsProps, TEXT_CONTENT, type TabItem, Table, type TableColumnDef, type TableColumnWidth, type TableProps, type TableRowData, Tabs, type TabsProps, Tag, type TagFontWeight, type TagProps, type TagSize, type TagVariant, Testimonial, type TestimonialItem, type TestimonialProps, TextField, type TextFieldProps, type TextFieldStatus, type TextFieldVariant, TextScroll, type TextScrollProps, dayNightTransitionV2Preset };
+export { AVATAR_DATA, Accordion, type AccordionProps, ArticleHero, type ArticleHeroArticle, type ArticleHeroColumn, type ArticleHeroProps, ArticleSection, type ArticleSectionItem, type ArticleSectionProps, type ArticleSectionVariant, AvatarGrid, type AvatarGridProps, type AvatarItem, type AvatarPosition, BottomSheet, type BottomSheetAction, type BottomSheetProps, Breadcrumb, type BreadcrumbItem, type BreadcrumbProps, type BreadcrumbSize, Button, type ButtonColorScheme, type ButtonIconPosition, type ButtonProps, type ButtonVariant, COL_ONE_LOGOS, COL_TWO_LOGOS, CTABanner, type CTABannerProps, Card, type CardPrimaryStyle, type CardProps, type CardTag, type CardThumbnailType, Chip, ChipDropdown, type ChipDropdownOption, type ChipDropdownProps, type ChipProps, type ChipSize, DayNightTransition, type DayNightTransitionProps, DotLottieInView, type DotLottieInViewProps, DownloadBadge, type DownloadBadgeColorScheme, type DownloadBadgePlatform, type DownloadBadgeProps, DownloadBanner, type DownloadBannerProps, type DownloadBannerStyle, FEATURE_SCROLL_DATA, FaqAccordion, type FaqAccordionColorScheme, type FaqAccordionProps, type FaqItem, FeatureBullets, type FeatureBulletsProps, type FeatureCardIconItem, type FeatureCardItem, FeatureCards, FeatureCardsIcon, type FeatureCardsIconProps, type FeatureCardsProps, FeatureScroll, type FeatureScrollItem, type FeatureScrollProps, Footer, type FooterAiSummaryItem, type FooterAiSummaryProps, type FooterAppBadge, type FooterDerivGoProps, type FooterLinkItem, type FooterNavSection, type FooterProps, type FooterSocialLink, Header, type HeaderButtonProps, type HeaderProps, type HeaderVariant, Hero, type HeroButtonProps, type HeroProps, type HeroVariant, ImageBanner, type ImageBannerProps, type LanguageItem, type LeaderItem, Leaders, type LeadersProps, Link, type LinkColorScheme, type LinkProps, type LogoItem, LogoMarquee, type LogoMarqueeProps, type NavDropdownColumn, type NavDropdownFeature, type NavDropdownItem, type NavItem, Navbar, type NavbarProps, Pagination, type PaginationProps, PeopleGrid, type PeopleGridProps, type PersonItem, STEPS_DATA, SearchField, type SearchFieldProps, type SearchFieldStatus, type StatItem, Stats, type StatsAward, type StatsProps, StatsSimple, type StatsSimpleProps, type StepItem, Steps, type StepsImagePosition, type StepsProps, type StickyCardItem, type StickyCardTheme, type StickyMarketCardItem, type StickyMarketCardTheme, StickyMarketCards, type StickyMarketCardsProps, StickyStackedCards, type StickyStackedCardsProps, TEXT_CONTENT, type TabItem, Table, type TableColumnDef, type TableColumnWidth, type TableProps, type TableRowData, Tabs, type TabsProps, Tag, type TagFontWeight, type TagProps, type TagSize, type TagVariant, Testimonial, type TestimonialItem, type TestimonialProps, TextField, type TextFieldProps, type TextFieldStatus, type TextFieldVariant, TextScroll, type TextScrollProps, dayNightTransitionV2Preset };

package/dist/index.d.ts

@@ -1296,37 +1296,4 @@ interface ArticleSectionProps {
 
 declare const ArticleSection: ({ variant, sectionTitle, linkText, onLinkClick, featured, articles, className, }: ArticleSectionProps) => react_jsx_runtime.JSX.Element;
 
-type SpotlightHeroTone = "coral" | "emerald" | "blue" | "slate";
-interface SpotlightHeroProps {
-    /** Small kicker label above the title (e.g. "TODAY'S PICKS") */
-    eyebrow?: string;
-    /** Main headline */
-    title: string;
-    /** Supporting paragraph below the title */
-    summary?: string;
-    /** Meta text shown beside the arrow in the footer (e.g. a date) */
-    meta?: string;
-    /**
-     * Decorative icon tiled as a faded grid watermark on the right.
-     * Pass a single inline SVG / element — it is repeated automatically.
-     */
-    icon?: ReactNode;
-    /** Tile size of the icon pattern in px (default 132 — larger = bigger icons) */
-    patternSize?: number;
-    /** Opacity of the watermark pattern, 0–1 (default 0.12) */
-    patternOpacity?: number;
-    /** Accent / glow colour theme (default "coral") */
-    tone?: SpotlightHeroTone;
-    /** Render the whole hero as a link */
-    href?: string;
-    /** Click handler for the whole hero */
-    onClick?: () => void;
-    /** Accessible label for the call-to-action arrow (default "Read more") */
-    ctaLabel?: string;
-    /** Additional CSS class */
-    className?: string;
-}
-
-declare const SpotlightHero: ({ eyebrow, title, summary, meta, icon, patternSize, patternOpacity, tone, href, onClick, ctaLabel, className, }: SpotlightHeroProps) => react_jsx_runtime.JSX.Element;
-
-export { AVATAR_DATA, Accordion, type AccordionProps, ArticleHero, type ArticleHeroArticle, type ArticleHeroColumn, type ArticleHeroProps, ArticleSection, type ArticleSectionItem, type ArticleSectionProps, type ArticleSectionVariant, AvatarGrid, type AvatarGridProps, type AvatarItem, type AvatarPosition, BottomSheet, type BottomSheetAction, type BottomSheetProps, Breadcrumb, type BreadcrumbItem, type BreadcrumbProps, type BreadcrumbSize, Button, type ButtonColorScheme, type ButtonIconPosition, type ButtonProps, type ButtonVariant, COL_ONE_LOGOS, COL_TWO_LOGOS, CTABanner, type CTABannerProps, Card, type CardPrimaryStyle, type CardProps, type CardTag, type CardThumbnailType, Chip, ChipDropdown, type ChipDropdownOption, type ChipDropdownProps, type ChipProps, type ChipSize, DayNightTransition, type DayNightTransitionProps, DotLottieInView, type DotLottieInViewProps, DownloadBadge, type DownloadBadgeColorScheme, type DownloadBadgePlatform, type DownloadBadgeProps, DownloadBanner, type DownloadBannerProps, type DownloadBannerStyle, FEATURE_SCROLL_DATA, FaqAccordion, type FaqAccordionColorScheme, type FaqAccordionProps, type FaqItem, FeatureBullets, type FeatureBulletsProps, type FeatureCardIconItem, type FeatureCardItem, FeatureCards, FeatureCardsIcon, type FeatureCardsIconProps, type FeatureCardsProps, FeatureScroll, type FeatureScrollItem, type FeatureScrollProps, Footer, type FooterAiSummaryItem, type FooterAiSummaryProps, type FooterAppBadge, type FooterDerivGoProps, type FooterLinkItem, type FooterNavSection, type FooterProps, type FooterSocialLink, Header, type HeaderButtonProps, type HeaderProps, type HeaderVariant, Hero, type HeroButtonProps, type HeroProps, type HeroVariant, ImageBanner, type ImageBannerProps, type LanguageItem, type LeaderItem, Leaders, type LeadersProps, Link, type LinkColorScheme, type LinkProps, type LogoItem, LogoMarquee, type LogoMarqueeProps, type NavDropdownColumn, type NavDropdownFeature, type NavDropdownItem, type NavItem, Navbar, type NavbarProps, Pagination, type PaginationProps, PeopleGrid, type PeopleGridProps, type PersonItem, STEPS_DATA, SearchField, type SearchFieldProps, type SearchFieldStatus, SpotlightHero, type SpotlightHeroProps, type SpotlightHeroTone, type StatItem, Stats, type StatsAward, type StatsProps, StatsSimple, type StatsSimpleProps, type StepItem, Steps, type StepsImagePosition, type StepsProps, type StickyCardItem, type StickyCardTheme, type StickyMarketCardItem, type StickyMarketCardTheme, StickyMarketCards, type StickyMarketCardsProps, StickyStackedCards, type StickyStackedCardsProps, TEXT_CONTENT, type TabItem, Table, type TableColumnDef, type TableColumnWidth, type TableProps, type TableRowData, Tabs, type TabsProps, Tag, type TagFontWeight, type TagProps, type TagSize, type TagVariant, Testimonial, type TestimonialItem, type TestimonialProps, TextField, type TextFieldProps, type TextFieldStatus, type TextFieldVariant, TextScroll, type TextScrollProps, dayNightTransitionV2Preset };
+export { AVATAR_DATA, Accordion, type AccordionProps, ArticleHero, type ArticleHeroArticle, type ArticleHeroColumn, type ArticleHeroProps, ArticleSection, type ArticleSectionItem, type ArticleSectionProps, type ArticleSectionVariant, AvatarGrid, type AvatarGridProps, type AvatarItem, type AvatarPosition, BottomSheet, type BottomSheetAction, type BottomSheetProps, Breadcrumb, type BreadcrumbItem, type BreadcrumbProps, type BreadcrumbSize, Button, type ButtonColorScheme, type ButtonIconPosition, type ButtonProps, type ButtonVariant, COL_ONE_LOGOS, COL_TWO_LOGOS, CTABanner, type CTABannerProps, Card, type CardPrimaryStyle, type CardProps, type CardTag, type CardThumbnailType, Chip, ChipDropdown, type ChipDropdownOption, type ChipDropdownProps, type ChipProps, type ChipSize, DayNightTransition, type DayNightTransitionProps, DotLottieInView, type DotLottieInViewProps, DownloadBadge, type DownloadBadgeColorScheme, type DownloadBadgePlatform, type DownloadBadgeProps, DownloadBanner, type DownloadBannerProps, type DownloadBannerStyle, FEATURE_SCROLL_DATA, FaqAccordion, type FaqAccordionColorScheme, type FaqAccordionProps, type FaqItem, FeatureBullets, type FeatureBulletsProps, type FeatureCardIconItem, type FeatureCardItem, FeatureCards, FeatureCardsIcon, type FeatureCardsIconProps, type FeatureCardsProps, FeatureScroll, type FeatureScrollItem, type FeatureScrollProps, Footer, type FooterAiSummaryItem, type FooterAiSummaryProps, type FooterAppBadge, type FooterDerivGoProps, type FooterLinkItem, type FooterNavSection, type FooterProps, type FooterSocialLink, Header, type HeaderButtonProps, type HeaderProps, type HeaderVariant, Hero, type HeroButtonProps, type HeroProps, type HeroVariant, ImageBanner, type ImageBannerProps, type LanguageItem, type LeaderItem, Leaders, type LeadersProps, Link, type LinkColorScheme, type LinkProps, type LogoItem, LogoMarquee, type LogoMarqueeProps, type NavDropdownColumn, type NavDropdownFeature, type NavDropdownItem, type NavItem, Navbar, type NavbarProps, Pagination, type PaginationProps, PeopleGrid, type PeopleGridProps, type PersonItem, STEPS_DATA, SearchField, type SearchFieldProps, type SearchFieldStatus, type StatItem, Stats, type StatsAward, type StatsProps, StatsSimple, type StatsSimpleProps, type StepItem, Steps, type StepsImagePosition, type StepsProps, type StickyCardItem, type StickyCardTheme, type StickyMarketCardItem, type StickyMarketCardTheme, StickyMarketCards, type StickyMarketCardsProps, StickyStackedCards, type StickyStackedCardsProps, TEXT_CONTENT, type TabItem, Table, type TableColumnDef, type TableColumnWidth, type TableProps, type TableRowData, Tabs, type TabsProps, Tag, type TagFontWeight, type TagProps, type TagSize, type TagVariant, Testimonial, type TestimonialItem, type TestimonialProps, TextField, type TextFieldProps, type TextFieldStatus, type TextFieldVariant, TextScroll, type TextScrollProps, dayNightTransitionV2Preset };

package/dist/index.js

@@ -56,7 +56,6 @@ __export(index_exports, {
   PeopleGrid: () => PeopleGrid,
   STEPS_DATA: () => STEPS_DATA,
   SearchField: () => SearchField,
-  SpotlightHero: () => SpotlightHero,
   Stats: () => Stats,
   StatsSimple: () => StatsSimple,
   Steps: () => Steps,
@@ -5592,58 +5591,6 @@ var ArticleSection = ({
     ] })
   ] });
 };
-
-// templates/SpotlightHero/SpotlightHero.tsx
-var import_jsx_runtime45 = require("react/jsx-runtime");
-var ArrowIcon = () => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("svg", { width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
-  "path",
-  {
-    d: "M4 12h15M13 6l6 6-6 6",
-    stroke: "currentColor",
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
-  }
-) });
-var SpotlightHero = ({
-  eyebrow,
-  title,
-  summary,
-  meta,
-  icon,
-  patternSize = 132,
-  patternOpacity = 0.12,
-  tone = "coral",
-  href,
-  onClick,
-  ctaLabel = "Read more",
-  className
-}) => {
-  const Root = href ? "a" : "div";
-  const interactive = Boolean(href || onClick);
-  const tileCount = Math.ceil(1600 / patternSize) * Math.ceil(720 / patternSize);
-  const style = {
-    "--sh-tile": `${patternSize}px`,
-    "--sh-pattern-opacity": String(patternOpacity)
-  };
-  const classes = ["sh-root", `sh-${tone}`, interactive ? "sh-interactive" : "", className ?? ""].filter(Boolean).join(" ");
-  return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(Root, { className: classes, href, onClick, style, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "sh-glow", "aria-hidden": "true" }),
-    icon && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "sh-pattern", "aria-hidden": "true", children: Array.from({ length: tileCount }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "sh-patternIcon", children: icon }, i)) }),
-    /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "sh-content", children: [
-      eyebrow && /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "sh-eyebrow", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "sh-eyebrowLine", "aria-hidden": "true" }),
-        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "sh-eyebrowText", children: eyebrow })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("h2", { className: "sh-title", children: title }),
-      summary && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("p", { className: "sh-summary", children: summary }),
-      (meta || interactive) && /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "sh-footer", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "sh-arrow", "aria-label": interactive ? ctaLabel : void 0, children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(ArrowIcon, {}) }),
-        meta && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "sh-meta", children: meta })
-      ] })
-    ] })
-  ] });
-};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   AVATAR_DATA,
@@ -5682,7 +5629,6 @@ var SpotlightHero = ({
   PeopleGrid,
   STEPS_DATA,
   SearchField,
-  SpotlightHero,
   Stats,
   StatsSimple,
   Steps,