@ledgerhq/react-ui 0.19.1 → 0.20.0-nightly.0

package/lib/cjs/components/layout/Carousel/index.js

@@ -60,12 +60,27 @@ const CarouselContainer = import_styled_components.default.div`
     --hover-transition: 1;
   }
 `;
-const Carousel = ({ children, variant = "default", autoPlay = 0, onNext, onPrev }) => {
+const Carousel = ({
+  children,
+  variant = "default",
+  initialDelay = 0,
+  autoPlay = 0,
+  onNext,
+  onPrev
+}) => {
   const [currentIndex, setCurrentIndex] = (0, import_react.useState)(0);
-  const [emblaRef, emblaApi] = (0, import_embla_carousel_react.default)(
-    { loop: true },
-    autoPlay ? [(0, import_embla_carousel_autoplay.default)({ delay: autoPlay, ...AutoplayFlags })] : []
+  const [autoplayEnabled, setAutoplayEnabled] = (0, import_react.useState)(false);
+  const plugins = (0, import_react.useMemo)(
+    () => autoplayEnabled && autoPlay ? [(0, import_embla_carousel_autoplay.default)({ delay: autoPlay, ...AutoplayFlags })] : [],
+    [autoplayEnabled, autoPlay]
   );
+  const [emblaRef, emblaApi] = (0, import_embla_carousel_react.default)({ loop: true }, plugins);
+  (0, import_react.useEffect)(() => {
+    if (autoPlay) {
+      const timer = setTimeout(() => setAutoplayEnabled(true), initialDelay);
+      return () => clearTimeout(timer);
+    }
+  }, [autoPlay]);
   const updateIndex = (0, import_react.useCallback)(() => {
     if (!emblaApi)
       return;

package/lib/cjs/components/layout/Carousel/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/components/layout/Carousel/index.tsx"],
-  "sourcesContent": ["import type { EmblaCarouselType, EmblaEventType } from \"embla-carousel\";\nimport Autoplay from \"embla-carousel-autoplay\";\nimport useEmblaCarousel from \"embla-carousel-react\";\nimport debounce from \"lodash/debounce\";\nimport React, { useCallback, useEffect, useState } from \"react\";\nimport styled from \"styled-components\";\nimport Footer from \"./Footer\";\nimport { Props } from \"./types\";\nimport { ChevronArrow } from \"./ChevronArrow\";\n\nconst Embla = styled.div`\n  overflow: hidden;\n`;\n\nconst EmblaContainer = styled.div`\n  display: flex;\n`;\n\nconst EmblaSlide = styled.div`\n  display: flex;\n  flex: 0 0 100%;\n  min-width: 0;\n  > * {\n    flex-basis: 100%;\n  }\n`;\n\nconst CarouselContainer = styled.div<Pick<Props, \"variant\">>`\n  position: relative;\n\n  --hover-transition: 0;\n  &:hover {\n    --hover-transition: 1;\n  }\n`;\n\n/**\n * This component uses the https://github.com/davidjerleke/embla-carousel library.\n */\nconst Carousel = ({ children, variant = \"default\", autoPlay = 0, onNext, onPrev }: Props) => {\n  const [currentIndex, setCurrentIndex] = useState(0);\n  const [emblaRef, emblaApi] = useEmblaCarousel(\n    { loop: true },\n    autoPlay ? [Autoplay({ delay: autoPlay, ...AutoplayFlags })] : [],\n  );\n\n  const updateIndex = useCallback(() => {\n    if (!emblaApi) return;\n\n    const newIndex = emblaApi.selectedScrollSnap();\n    setCurrentIndex(newIndex);\n    emblaApi.scrollTo(newIndex);\n  }, [emblaApi]);\n\n  useEffect(() => {\n    if (!emblaApi) return;\n\n    // Initial call to update carousel index\n    updateIndex();\n\n    const dragX = watchDragX(emblaApi);\n\n    // When the selected scroll snap changes\n    const handleAnySelect = debounce((mightBeASwipe: boolean) => {\n      updateIndex();\n      if (!mightBeASwipe || variant !== \"default\") return; // onNext/onPrev events are not supported for content-card variant ATM\n      if (dragX.value > 0) return onPrev?.();\n      if (dragX.value < 0) return onNext?.();\n    }, 0); // all events are fired on the same tick so no need to wait past the next tick\n\n    emblaApi.on(\"select\", handleSelect);\n    emblaApi.on(\"autoplay:select\" as EmblaEventType, handleAutoPlaySelect);\n    emblaApi.on(\"button:prev\" as EmblaEventType, handlePrevButton);\n    emblaApi.on(\"button:next\" as EmblaEventType, handleNextButton);\n\n    // When `reInit` is called or when window is resized\n    emblaApi.on(\"reInit\", updateIndex);\n\n    return () => {\n      dragX.clean();\n      emblaApi.off(\"select\", handleSelect);\n      emblaApi.off(\"autoplay:select\" as EmblaEventType, handleAutoPlaySelect);\n      emblaApi.off(\"button:prev\" as EmblaEventType, handlePrevButton);\n      emblaApi.off(\"button:next\" as EmblaEventType, handleNextButton);\n      emblaApi.off(\"reInit\", updateIndex);\n    };\n\n    function handleSelect() {\n      handleAnySelect(true); // This could be a swipe action. As this runs first the debounce will override the value otherwise\n    }\n    function handleAutoPlaySelect() {\n      handleAnySelect(false);\n    }\n    function handlePrevButton() {\n      emblaApi?.scrollPrev();\n      onPrev?.();\n      handleAnySelect(false);\n    }\n    function handleNextButton() {\n      emblaApi?.scrollNext();\n      onNext?.();\n      handleAnySelect(false);\n    }\n  }, [emblaApi, updateIndex, variant]);\n\n  if (!children.length) return null;\n\n  const handleGotoPrevSlide = () => emblaApi?.emit(\"button:prev\" as EmblaEventType);\n  const handleGotoNextSlide = () => emblaApi?.emit(\"button:next\" as EmblaEventType);\n\n  return (\n    <div>\n      <CarouselContainer variant={variant}>\n        {variant === \"default\" && children.length > 1 && (\n          <>\n            <ChevronArrow\n              data-testid=\"carousel-arrow-prev\"\n              direction=\"left\"\n              onClick={handleGotoPrevSlide}\n            />\n            <ChevronArrow\n              data-testid=\"carousel-arrow-next\"\n              direction=\"right\"\n              onClick={handleGotoNextSlide}\n            />\n          </>\n        )}\n\n        <Embla ref={emblaRef}>\n          <EmblaContainer>\n            {children.map(child => (\n              <EmblaSlide key={child.key}>{child}</EmblaSlide>\n            ))}\n          </EmblaContainer>\n        </Embla>\n      </CarouselContainer>\n\n      <Footer\n        children={children}\n        variant={variant}\n        emblaApi={emblaApi}\n        currentIndex={currentIndex}\n      />\n    </div>\n  );\n};\n\nexport default Carousel;\n\nconst AutoplayFlags = {\n  play: true,\n  stopOnMouseEnter: true,\n  stopOnInteraction: false,\n};\n\nfunction watchDragX(emblaApi: EmblaCarouselType) {\n  emblaApi.on(\"pointerDown\", watchMouse);\n\n  let start: number | undefined;\n  let end: number | undefined;\n\n  return {\n    get value() {\n      return typeof start === \"undefined\" || typeof end === \"undefined\" ? 0 : end - start;\n    },\n    clean: () => {\n      emblaApi.off(\"pointerDown\", watchMouse);\n      document.removeEventListener(\"mouseup\", handleMouseUp);\n    },\n  };\n\n  function watchMouse() {\n    document.addEventListener(\"mousemove\", handleMouseMove);\n    document.addEventListener(\"mouseup\", handleMouseUp);\n  }\n  function handleMouseMove(event: MouseEvent) {\n    document.removeEventListener(\"mousemove\", handleMouseMove);\n    start = event.clientX;\n    end = undefined;\n  }\n  function handleMouseUp(event: MouseEvent) {\n    document.removeEventListener(\"mouseup\", handleMouseUp);\n    end = event.clientX;\n  }\n}\n"],
-  "mappings": "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",
-  "names": ["styled", "useEmblaCarousel", "Autoplay", "debounce", "React", "Footer"]
+  "sourcesContent": ["import type { EmblaCarouselType, EmblaEventType } from \"embla-carousel\";\nimport Autoplay from \"embla-carousel-autoplay\";\nimport useEmblaCarousel from \"embla-carousel-react\";\nimport debounce from \"lodash/debounce\";\nimport React, { useCallback, useEffect, useMemo, useState } from \"react\";\nimport styled from \"styled-components\";\nimport Footer from \"./Footer\";\nimport { Props } from \"./types\";\nimport { ChevronArrow } from \"./ChevronArrow\";\n\nconst Embla = styled.div`\n  overflow: hidden;\n`;\n\nconst EmblaContainer = styled.div`\n  display: flex;\n`;\n\nconst EmblaSlide = styled.div`\n  display: flex;\n  flex: 0 0 100%;\n  min-width: 0;\n  > * {\n    flex-basis: 100%;\n  }\n`;\n\nconst CarouselContainer = styled.div<Pick<Props, \"variant\">>`\n  position: relative;\n\n  --hover-transition: 0;\n  &:hover {\n    --hover-transition: 1;\n  }\n`;\n\n/**\n * This component uses the https://github.com/davidjerleke/embla-carousel library.\n */\nconst Carousel = ({\n  children,\n  variant = \"default\",\n  initialDelay = 0,\n  autoPlay = 0,\n  onNext,\n  onPrev,\n}: Props) => {\n  const [currentIndex, setCurrentIndex] = useState(0);\n  const [autoplayEnabled, setAutoplayEnabled] = useState<boolean>(false);\n\n  const plugins = useMemo(\n    () => (autoplayEnabled && autoPlay ? [Autoplay({ delay: autoPlay, ...AutoplayFlags })] : []),\n    [autoplayEnabled, autoPlay],\n  );\n\n  const [emblaRef, emblaApi] = useEmblaCarousel({ loop: true }, plugins);\n\n  useEffect(() => {\n    if (autoPlay) {\n      const timer = setTimeout(() => setAutoplayEnabled(true), initialDelay);\n      return () => clearTimeout(timer);\n    }\n  }, [autoPlay]);\n\n  const updateIndex = useCallback(() => {\n    if (!emblaApi) return;\n\n    const newIndex = emblaApi.selectedScrollSnap();\n    setCurrentIndex(newIndex);\n    emblaApi.scrollTo(newIndex);\n  }, [emblaApi]);\n\n  useEffect(() => {\n    if (!emblaApi) return;\n\n    // Initial call to update carousel index\n    updateIndex();\n\n    const dragX = watchDragX(emblaApi);\n\n    // When the selected scroll snap changes\n    const handleAnySelect = debounce((mightBeASwipe: boolean) => {\n      updateIndex();\n      if (!mightBeASwipe || variant !== \"default\") return; // onNext/onPrev events are not supported for content-card variant ATM\n      if (dragX.value > 0) return onPrev?.();\n      if (dragX.value < 0) return onNext?.();\n    }, 0); // all events are fired on the same tick so no need to wait past the next tick\n\n    emblaApi.on(\"select\", handleSelect);\n    emblaApi.on(\"autoplay:select\" as EmblaEventType, handleAutoPlaySelect);\n    emblaApi.on(\"button:prev\" as EmblaEventType, handlePrevButton);\n    emblaApi.on(\"button:next\" as EmblaEventType, handleNextButton);\n\n    // When `reInit` is called or when window is resized\n    emblaApi.on(\"reInit\", updateIndex);\n\n    return () => {\n      dragX.clean();\n      emblaApi.off(\"select\", handleSelect);\n      emblaApi.off(\"autoplay:select\" as EmblaEventType, handleAutoPlaySelect);\n      emblaApi.off(\"button:prev\" as EmblaEventType, handlePrevButton);\n      emblaApi.off(\"button:next\" as EmblaEventType, handleNextButton);\n      emblaApi.off(\"reInit\", updateIndex);\n    };\n\n    function handleSelect() {\n      handleAnySelect(true); // This could be a swipe action. As this runs first the debounce will override the value otherwise\n    }\n    function handleAutoPlaySelect() {\n      handleAnySelect(false);\n    }\n    function handlePrevButton() {\n      emblaApi?.scrollPrev();\n      onPrev?.();\n      handleAnySelect(false);\n    }\n    function handleNextButton() {\n      emblaApi?.scrollNext();\n      onNext?.();\n      handleAnySelect(false);\n    }\n  }, [emblaApi, updateIndex, variant]);\n\n  if (!children.length) return null;\n\n  const handleGotoPrevSlide = () => emblaApi?.emit(\"button:prev\" as EmblaEventType);\n  const handleGotoNextSlide = () => emblaApi?.emit(\"button:next\" as EmblaEventType);\n\n  return (\n    <div>\n      <CarouselContainer variant={variant}>\n        {variant === \"default\" && children.length > 1 && (\n          <>\n            <ChevronArrow\n              data-testid=\"carousel-arrow-prev\"\n              direction=\"left\"\n              onClick={handleGotoPrevSlide}\n            />\n            <ChevronArrow\n              data-testid=\"carousel-arrow-next\"\n              direction=\"right\"\n              onClick={handleGotoNextSlide}\n            />\n          </>\n        )}\n\n        <Embla ref={emblaRef}>\n          <EmblaContainer>\n            {children.map(child => (\n              <EmblaSlide key={child.key}>{child}</EmblaSlide>\n            ))}\n          </EmblaContainer>\n        </Embla>\n      </CarouselContainer>\n\n      <Footer\n        children={children}\n        variant={variant}\n        emblaApi={emblaApi}\n        currentIndex={currentIndex}\n      />\n    </div>\n  );\n};\n\nexport default Carousel;\n\nconst AutoplayFlags = {\n  play: true,\n  stopOnMouseEnter: true,\n  stopOnInteraction: false,\n};\n\nfunction watchDragX(emblaApi: EmblaCarouselType) {\n  emblaApi.on(\"pointerDown\", watchMouse);\n\n  let start: number | undefined;\n  let end: number | undefined;\n\n  return {\n    get value() {\n      return typeof start === \"undefined\" || typeof end === \"undefined\" ? 0 : end - start;\n    },\n    clean: () => {\n      emblaApi.off(\"pointerDown\", watchMouse);\n      document.removeEventListener(\"mouseup\", handleMouseUp);\n    },\n  };\n\n  function watchMouse() {\n    document.addEventListener(\"mousemove\", handleMouseMove);\n    document.addEventListener(\"mouseup\", handleMouseUp);\n  }\n  function handleMouseMove(event: MouseEvent) {\n    document.removeEventListener(\"mousemove\", handleMouseMove);\n    start = event.clientX;\n    end = undefined;\n  }\n  function handleMouseUp(event: MouseEvent) {\n    document.removeEventListener(\"mouseup\", handleMouseUp);\n    end = event.clientX;\n  }\n}\n"],
+  "mappings": "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",
+  "names": ["styled", "Autoplay", "useEmblaCarousel", "debounce", "React", "Footer"]
 }

package/lib/cjs/components/layout/Carousel/types.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/components/layout/Carousel/types.ts"],
-  "sourcesContent": ["import { ReactElement } from \"react\";\nimport { UseEmblaCarouselType } from \"embla-carousel-react\";\n\nexport type Variant = \"content-card\" | \"default\";\n\nexport type Props = {\n  children: ReactElement[];\n  autoPlay?: number;\n  variant?: Variant;\n  onPrev?: () => void;\n  onNext?: () => void;\n};\n\n/**\n * Carousel's sub props to be passed to any component used by the carousel..\n */\nexport type SubProps = Required<Pick<Props, \"children\" | \"variant\">> & {\n  emblaApi: UseEmblaCarouselType[1];\n  currentIndex: number;\n};\n"],
+  "sourcesContent": ["import { ReactElement } from \"react\";\nimport { UseEmblaCarouselType } from \"embla-carousel-react\";\n\nexport type Variant = \"content-card\" | \"default\";\n\nexport type Props = {\n  children: ReactElement[];\n  initialDelay?: number;\n  autoPlay?: number;\n  variant?: Variant;\n  onPrev?: () => void;\n  onNext?: () => void;\n};\n\n/**\n * Carousel's sub props to be passed to any component used by the carousel..\n */\nexport type SubProps = Required<Pick<Props, \"children\" | \"variant\">> & {\n  emblaApi: UseEmblaCarouselType[1];\n  currentIndex: number;\n};\n"],
   "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;",
   "names": []
 }

package/lib/cjs/components/layout/ContentCard/PortfolioContentCard/index.js

@@ -32,6 +32,7 @@ __export(PortfolioContentCard_exports, {
 });
 module.exports = __toCommonJS(PortfolioContentCard_exports);
 var import_react = __toESM(require("react"));
+var import_cta = require("../../../cta");
 var import_BannerCard = __toESM(require("../../Banner/BannerCard"));
 function PortfolioContentCard({
   title,
@@ -46,7 +47,7 @@ function PortfolioContentCard({
     import_BannerCard.default,
     {
       title,
-      cta,
+      cta: cta && /* @__PURE__ */ import_react.default.createElement(import_cta.Button, { variant: "main", outline: false }, cta),
       description,
       tag,
       image,

package/lib/cjs/components/layout/ContentCard/PortfolioContentCard/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/components/layout/ContentCard/PortfolioContentCard/index.tsx"],
-  "sourcesContent": ["import React, { type ReactEventHandler } from \"react\";\n\nimport BannerCard from \"../../Banner/BannerCard\";\n\nexport type PortfolioContentCardProps = {\n  title: string;\n  cta?: string;\n  description?: string;\n  tag?: string;\n  image?: string;\n\n  onClick: ReactEventHandler;\n  onClose: ReactEventHandler;\n};\n\nexport default function PortfolioContentCard({\n  title,\n  cta,\n  description,\n  tag,\n  image,\n  onClick,\n  onClose,\n}: PortfolioContentCardProps) {\n  return (\n    <BannerCard\n      title={title}\n      cta={cta}\n      description={description}\n      tag={tag}\n      image={image}\n      onClick={onClick}\n      onClose={onClose}\n    />\n  );\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA8C;AAE9C,wBAAuB;AAaR,SAAR,qBAAsC;AAAA,EAC3C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA8B;AAC5B,SACE,6BAAAA,QAAA;AAAA,IAAC,kBAAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,EACF;AAEJ;",
+  "sourcesContent": ["import React, { type ReactEventHandler } from \"react\";\n\nimport { Button } from \"../../../cta\";\nimport BannerCard from \"../../Banner/BannerCard\";\n\nexport type PortfolioContentCardProps = {\n  title: string;\n  cta?: string;\n  description?: string;\n  tag?: string;\n  image?: string;\n\n  onClick: ReactEventHandler;\n  onClose: ReactEventHandler;\n};\n\nexport default function PortfolioContentCard({\n  title,\n  cta,\n  description,\n  tag,\n  image,\n  onClick,\n  onClose,\n}: PortfolioContentCardProps) {\n  return (\n    <BannerCard\n      title={title}\n      cta={\n        cta && (\n          <Button variant=\"main\" outline={false}>\n            {cta}\n          </Button>\n        )\n      }\n      description={description}\n      tag={tag}\n      image={image}\n      onClick={onClick}\n      onClose={onClose}\n    />\n  );\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA8C;AAE9C,iBAAuB;AACvB,wBAAuB;AAaR,SAAR,qBAAsC;AAAA,EAC3C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA8B;AAC5B,SACE,6BAAAA,QAAA;AAAA,IAAC,kBAAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,KACE,OACE,6BAAAD,QAAA,cAAC,qBAAO,SAAQ,QAAO,SAAS,SAC7B,GACH;AAAA,MAGJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,EACF;AAEJ;",
   "names": ["React", "BannerCard"]
 }

package/lib/components/asorted/Icon/NotificationIcon.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import * as Icons from "@ledgerhq/icons-ui/react";
+type IconKey = keyof typeof Icons;
+type WrapperType = "round" | "square";
+type Props = Readonly<{
+    icon: IconKey;
+    variant: WrapperType;
+}>;
+export default function NotificationIcon({ icon, variant }: Props): React.JSX.Element;
+export {};
+//# sourceMappingURL=NotificationIcon.d.ts.map

package/lib/components/asorted/Icon/NotificationIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/asorted/Icon/NotificationIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,KAAK,MAAM,0BAA0B,CAAC;AAIlD,KAAK,OAAO,GAAG,MAAM,OAAO,KAAK,CAAC;AAClC,KAAK,WAAW,GAAG,OAAO,GAAG,QAAQ,CAAC;AAwBtC,KAAK,KAAK,GAAG,QAAQ,CAAC;IACpB,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,WAAW,CAAC;CACtB,CAAC,CAAC;AAEH,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EAAE,IAAI,EAAE,OAAiB,EAAE,EAAE,KAAK,qBAa1E"}

package/lib/components/asorted/Icon/NotificationIcon.js

@@ -0,0 +1,73 @@
+import React from "react";
+import styled, { css, useTheme } from "styled-components";
+import * as Icons from "@ledgerhq/icons-ui/react";
+import { Box } from "../../layout";
+import { rgba } from "../../../styles";
+function getColorsByIcon(colors) {
+    const { warning } = colors;
+    return {
+        Warning: {
+            round: { fg: warning.c80, bg: warning.c30 },
+            square: { fg: warning.c80, bg: warning.c30 },
+        },
+    };
+}
+function getDefaultDefaultColors({ primary }) {
+    return {
+        round: { fg: primary.c90, bg: primary.c30 },
+        square: { fg: primary.c80, bg: rgba(primary.c80, 0.08) },
+    };
+}
+export default function NotificationIcon({ icon, variant = "round" }) {
+    const { colors } = useTheme();
+    const defaultColors = getDefaultDefaultColors(colors)[variant];
+    const safeIcon = icon in Icons ? icon : "Information";
+    const Icon = Icons[safeIcon];
+    const { fg: iconColor = defaultColors.fg, bg: iconBgColor = defaultColors.bg } = getColorsByIcon(colors)[safeIcon]?.[variant] ?? {};
+    return (React.createElement(Wrapper, { backgroundColor: iconBgColor, variant: variant },
+        React.createElement(Icon, { color: iconColor })));
+}
+const Wrapper = styled(Box) `
+  display: inline-flex;
+  padding: 8px;
+  ${p => (p.variant === "square" ? squareWrapper : roundWrapper)}
+`;
+const roundWrapper = css `
+  border-radius: 50%;
+`;
+const squareWrapper = css `
+  border-radius: 13.5px;
+  background-clip: padding-box;
+  border-width: 7px;
+  border-style: solid;
+  border-color: transparent;
+  position: relative;
+
+  ${p => css `
+    &::before,
+    &::after {
+      content: "";
+      position: absolute;
+      inset: -7px;
+      border-radius: 13.5px;
+      rotate: ${p.theme.colors.type === "dark" ? "0deg" : "180deg"};
+    }
+    &::before {
+      background: linear-gradient(
+        ${p.theme.colors.type === "dark" ? "rgba(255, 255, 255, 0.05)" : "rgba(29, 28, 31, 0.05)"}
+          0%,
+        rgba(29, 28, 31, 0) 100%
+      );
+    }
+    &::after {
+      content: ${p.theme.colors.type};
+      border: solid 0.5px ${p.theme.colors.type === "dark" ? "#fff" : "rgba(0, 0, 0, 0.5)"};
+      mask-image: linear-gradient(
+        rgba(255, 255, 255, 0.15) 0%,
+        rgba(255, 255, 255, 0.01) 60%,
+        rgba(255, 255, 255, 0) 100%
+      );
+    }
+  `};
+`;
+//# sourceMappingURL=NotificationIcon.js.map

package/lib/components/asorted/Icon/NotificationIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationIcon.js","sourceRoot":"","sources":["../../../../src/components/asorted/Icon/NotificationIcon.tsx"],"names":[],"mappings":"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"}

package/lib/components/asorted/Icon/index.d.ts

@@ -3,4 +3,5 @@ import BoxedIcon, { IconBox } from "./BoxedIcon";
 export { BoxedIcon, IconBox };
 export type { Props } from "./Icon";
 export { default as CryptoIcon } from "./CryptoIcon";
+export { default as NotificationIcon } from "./NotificationIcon";
 //# sourceMappingURL=index.d.ts.map

package/lib/components/asorted/Icon/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/asorted/Icon/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAC5C,OAAO,SAAS,EAAE,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC;AAC9B,YAAY,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAC;AACpC,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/asorted/Icon/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAC5C,OAAO,SAAS,EAAE,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC;AAC9B,YAAY,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAC;AACpC,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC"}

package/lib/components/asorted/Icon/index.js

@@ -2,4 +2,5 @@ export { default, iconNames } from "./Icon";
 import BoxedIcon, { IconBox } from "./BoxedIcon";
 export { BoxedIcon, IconBox };
 export { default as CryptoIcon } from "./CryptoIcon";
+export { default as NotificationIcon } from "./NotificationIcon";
 //# sourceMappingURL=index.js.map

package/lib/components/asorted/Icon/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/asorted/Icon/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAC5C,OAAO,SAAS,EAAE,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC;AAE9B,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/asorted/Icon/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAC5C,OAAO,SAAS,EAAE,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC;AAE9B,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC"}

package/lib/components/asorted/index.d.ts

@@ -1,4 +1,4 @@
 export { default as Divider } from "./Divider";
-export { default as Icon, IconBox, BoxedIcon, CryptoIcon } from "./Icon";
+export { default as Icon, IconBox, BoxedIcon, CryptoIcon, NotificationIcon } from "./Icon";
 export { default as Text } from "./Text";
 //# sourceMappingURL=index.d.ts.map

package/lib/components/asorted/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/asorted/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/asorted/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAC;AAC3F,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC"}

package/lib/components/asorted/index.js

@@ -1,4 +1,4 @@
 export { default as Divider } from "./Divider";
-export { default as Icon, IconBox, BoxedIcon, CryptoIcon } from "./Icon";
+export { default as Icon, IconBox, BoxedIcon, CryptoIcon, NotificationIcon } from "./Icon";
 export { default as Text } from "./Text";
 //# sourceMappingURL=index.js.map

package/lib/components/asorted/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/asorted/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/asorted/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAC;AAC3F,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC"}

package/lib/components/layout/Banner/BannerCard/index.d.ts

@@ -1,16 +1,15 @@
 import React, { type ReactEventHandler, type ReactNode } from "react";
 import type { FlexBoxProps } from "../../Flex";
-export type BannerCardProps = FlexBoxProps & {
+type Props = FlexBoxProps & {
     title: string;
-    cta?: string;
-    linkText?: string;
+    cta?: ReactNode;
     description?: ReactNode;
     descriptionWidth?: number;
     tag?: string;
     image?: string;
     onClick: ReactEventHandler;
-    onLinkClick?: ReactEventHandler;
     onClose?: ReactEventHandler;
 };
-export default function BannerCard({ title, cta, linkText, description, descriptionWidth, tag, image, onClick, onLinkClick, onClose, ...boxProps }: BannerCardProps): React.JSX.Element;
+export default function BannerCard({ title, cta, description, descriptionWidth, tag, image, onClick, onClose, ...boxProps }: Props): React.JSX.Element;
+export {};
 //# sourceMappingURL=index.d.ts.map

package/lib/components/layout/Banner/BannerCard/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/Banner/BannerCard/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAQtE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAG/C,MAAM,MAAM,eAAe,GAAG,YAAY,GAAG;IAC3C,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,OAAO,EAAE,iBAAiB,CAAC;IAC3B,WAAW,CAAC,EAAE,iBAAiB,CAAC;IAChC,OAAO,CAAC,EAAE,iBAAiB,CAAC;CAC7B,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,KAAK,EACL,GAAG,EACH,QAAQ,EACR,WAAW,EACX,gBAAgB,EAChB,GAAG,EACH,KAAK,EACL,OAAO,EACP,WAAW,EACX,OAAO,EACP,GAAG,QAAQ,EACZ,EAAE,eAAe,qBAwCjB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/Banner/BannerCard/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAQtE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAG/C,KAAK,KAAK,GAAG,YAAY,GAAG;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,SAAS,CAAC;IAChB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,OAAO,EAAE,iBAAiB,CAAC;IAC3B,OAAO,CAAC,EAAE,iBAAiB,CAAC;CAC7B,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,KAAK,EACL,GAAG,EACH,WAAW,EACX,gBAAgB,EAChB,GAAG,EACH,KAAK,EACL,OAAO,EACP,OAAO,EACP,GAAG,QAAQ,EACZ,EAAE,KAAK,qBAuBP"}

package/lib/components/layout/Banner/BannerCard/index.js

@@ -2,31 +2,24 @@ import React from "react";
 import styled from "styled-components";
 import { StyleProvider } from "../../../../styles";
 import { Icons } from "../../../../assets";
-import { Text } from "../../../asorted";
-import { Button, Link } from "../../../cta";
+import Text from "../../../asorted/Text";
+import { Button } from "../../../cta";
 import Tag from "../../../Tag";
 import { Flex } from "../..";
-export default function BannerCard({ title, cta, linkText, description, descriptionWidth, tag, image, onClick, onLinkClick, onClose, ...boxProps }) {
+export default function BannerCard({ title, cta, description, descriptionWidth, tag, image, onClick, onClose, ...boxProps }) {
     const handleClose = event => {
         event.stopPropagation();
         onClose?.(event);
     };
-    const handleCTAClick = event => {
+    const handleClick = event => {
         event.stopPropagation();
         onClick(event);
     };
-    const handleLinkClick = event => {
-        event.stopPropagation();
-        onLinkClick?.(event);
-    };
-    return (React.createElement(Wrapper, { ...boxProps, image: image, tag: tag, onClick: handleCTAClick },
+    return (React.createElement(Wrapper, { ...boxProps, image: image, tag: tag, onClick: handleClick },
         tag && React.createElement(StyledTag, null, tag),
         React.createElement(Title, null, title),
         description && React.createElement(Desc, { maxWidth: descriptionWidth }, description),
-        React.createElement(Flex, { columnGap: 5 },
-            cta && (React.createElement(Button, { variant: "main", outline: false, onClick: handleCTAClick }, cta)),
-            linkText && (React.createElement(Link, { onClick: handleLinkClick },
-                React.createElement(Text, { variant: "body", fontSize: 14, flexShrink: 1 }, linkText)))),
+        React.createElement(Flex, { columnGap: 5 }, cta),
         onClose && (React.createElement(StyleProvider, { selectedPalette: "dark" },
             React.createElement(CloseButton, { "data-testid": "portfolio-card-close-button", onClick: handleClose })))));
 }
@@ -57,7 +50,6 @@ const Wrapper = styled(Flex) `
   padding: 16px;
   padding-top: ${p => (p.tag ? "16px" : "24px")};
   padding-right: 50%;
-  flex-basis: 100%;
 
   position: relative;
   flex-direction: column;

package/lib/components/layout/Banner/BannerCard/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/layout/Banner/BannerCard/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/layout/Banner/BannerCard/index.tsx"],"names":[],"mappings":"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"}

package/lib/components/layout/Banner/NotificationCard/index.d.ts

@@ -1,15 +1,15 @@
 import React, { type ReactEventHandler, type ReactNode } from "react";
-import { Icons } from "../../../../assets";
+import * as Icons from "@ledgerhq/icons-ui/react";
 import type { Props as GridBoxProps } from "../../Grid";
 type IconKey = keyof typeof Icons;
-export type NotificationCardProps = GridBoxProps & {
+type Props = GridBoxProps & {
     title?: string;
-    cta?: string;
+    cta?: ReactNode;
     description?: ReactNode;
     icon: IconKey;
     isHighlighted?: boolean;
     onClick: ReactEventHandler;
 };
-export default function NotificationCard({ title, cta, icon, description, isHighlighted, onClick, ...boxProps }: NotificationCardProps): React.JSX.Element;
+export default function NotificationCard({ title, cta, icon, description, isHighlighted, onClick, ...boxProps }: Props): React.JSX.Element;
 export {};
 //# sourceMappingURL=index.d.ts.map

package/lib/components/layout/Banner/NotificationCard/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/Banner/NotificationCard/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGtE,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAG3C,OAAO,KAAK,EAAE,KAAK,IAAI,YAAY,EAAE,MAAM,YAAY,CAAC;AAGxD,KAAK,OAAO,GAAG,MAAM,OAAO,KAAK,CAAC;AAElC,MAAM,MAAM,qBAAqB,GAAG,YAAY,GAAG;IACjD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,IAAI,EAAE,OAAO,CAAC;IACd,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB,OAAO,EAAE,iBAAiB,CAAC;CAC5B,CAAC;AAYF,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,KAAK,EACL,GAAG,EACH,IAAI,EACJ,WAAW,EACX,aAAa,EACb,OAAO,EACP,GAAG,QAAQ,EACZ,EAAE,qBAAqB,qBAmCvB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/Banner/NotificationCard/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGtE,OAAO,KAAK,KAAK,MAAM,0BAA0B,CAAC;AAGlD,OAAO,KAAK,EAAE,KAAK,IAAI,YAAY,EAAE,MAAM,YAAY,CAAC;AAGxD,KAAK,OAAO,GAAG,MAAM,OAAO,KAAK,CAAC;AAElC,KAAK,KAAK,GAAG,YAAY,GAAG;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,SAAS,CAAC;IAChB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,IAAI,EAAE,OAAO,CAAC;IACd,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB,OAAO,EAAE,iBAAiB,CAAC;CAC5B,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,KAAK,EACL,GAAG,EACH,IAAI,EACJ,WAAW,EACX,aAAa,EACb,OAAO,EACP,GAAG,QAAQ,EACZ,EAAE,KAAK,qBAsBP"}

package/lib/components/layout/Banner/NotificationCard/index.js

@@ -1,34 +1,19 @@
 import React from "react";
-import styled, { css } from "styled-components";
-import { Icons } from "../../../../assets";
-import { Text } from "../../../asorted";
-import { Link } from "../../../cta";
+import styled from "styled-components";
+import { NotificationIcon } from "../../../asorted";
+import Text from "../../../asorted/Text";
 import { Grid, Flex } from "../..";
-const colorsByIcon = {
-    Warning: {
-        icon: "warning.c80",
-        iconBg: "warning.c30",
-        cta: "warning.c80",
-    },
-};
 export default function NotificationCard({ title, cta, icon, description, isHighlighted, onClick, ...boxProps }) {
     const handleCTAClick = event => {
         event.stopPropagation();
         onClick(event);
     };
-    const safeIcon = icon in Icons ? icon : "Information";
-    const Icon = Icons[safeIcon];
-    const colors = colorsByIcon[safeIcon];
-    const ctaColor = isHighlighted ? colors?.cta ?? "primary.c80" : "neutral.c100";
-    const iconColor = colors?.icon ?? "primary.c80";
-    const iconBgColor = colors?.iconBg ?? "opacityPurple.c10";
     return (React.createElement(Wrapper, { ...boxProps, isHighlighted: isHighlighted, onClick: handleCTAClick },
-        React.createElement(IconWrapper, { backgroundColor: iconBgColor, isHighlighted: isHighlighted },
-            React.createElement(Icon, { color: iconColor })),
+        React.createElement(NotificationIcon, { icon: icon, variant: isHighlighted ? "square" : "round" }),
         React.createElement(Flex, { flexDirection: "column", rowGap: isHighlighted ? "4px" : "8px" },
             title && (React.createElement(Text, { variant: "h4Inter", fontSize: 16 }, title)),
             description && (React.createElement(Desc, { color: isHighlighted ? "neutral.c100" : "neutral.c80" }, description)),
-            cta && (React.createElement(Cta, { color: ctaColor, onClick: handleCTAClick }, cta)))));
+            cta)));
 }
 const Desc = styled(Text).attrs({ variant: "small" }) `
   font-family: Inter;
@@ -36,36 +21,12 @@ const Desc = styled(Text).attrs({ variant: "small" }) `
   font-style: normal;
   font-weight: 500;
 `;
-const Cta = styled(Link).attrs({ alignSelf: "start" }) `
-  font-size: 13px;
-`;
-const IconWrapper = styled(Flex) `
-  border-radius: ${p => (p.isHighlighted ? "13.5px" : "50%")};
-  padding: 8px;
-  ${p => p.isHighlighted &&
-    css `
-      background-clip: padding-box;
-      border-width: 7px;
-      border-style: solid;
-      border-color: transparent;
-      position: relative;
-      &::before {
-        content: "";
-        position: absolute;
-        inset: -7px;
-        border-radius: 13.5px;
-        background: linear-gradient(
-          180deg,
-          ${p.theme.colors.opacityDefault.c05} 0%,
-          rgba(29, 28, 31, 0) 100%
-        );
-      }
-    `}
-          
-  }
-`;
 const Wrapper = styled(Grid) `
-  background-color: ${p => (p.isHighlighted ? p.theme.colors.opacityDefault.c05 : "transparent")};
+  background-color: ${({ isHighlighted, theme: { colors } }) => {
+    if (!isHighlighted)
+        return "transparent";
+    return colors.type === "dark" ? colors.opacityDefault.c05 : colors.neutral.c00;
+}};
 
   cursor: pointer;
   padding: 12px;

package/lib/components/layout/Banner/NotificationCard/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/layout/Banner/NotificationCard/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/layout/Banner/NotificationCard/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiD,MAAM,OAAO,CAAC;AACtE,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAGvC,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,IAAI,MAAM,uBAAuB,CAAC;AAEzC,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAcnC,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,KAAK,EACL,GAAG,EACH,IAAI,EACJ,WAAW,EACX,aAAa,EACb,OAAO,EACP,GAAG,QAAQ,EACL;IACN,MAAM,cAAc,GAAsB,KAAK,CAAC,EAAE;QAChD,KAAK,CAAC,eAAe,EAAE,CAAC;QACxB,OAAO,CAAC,KAAK,CAAC,CAAC;IACjB,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,OAAO,OAAK,QAAQ,EAAE,aAAa,EAAE,aAAa,EAAE,OAAO,EAAE,cAAc;QAC1E,oBAAC,gBAAgB,IAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,aAAa,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,GAAI;QAC7E,oBAAC,IAAI,IAAC,aAAa,EAAC,QAAQ,EAAC,MAAM,EAAE,aAAa,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK;YAC/D,KAAK,IAAI,CACR,oBAAC,IAAI,IAAC,OAAO,EAAC,SAAS,EAAC,QAAQ,EAAE,EAAE,IACjC,KAAK,CACD,CACR;YACA,WAAW,IAAI,CACd,oBAAC,IAAI,IAAC,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,aAAa,IAAG,WAAW,CAAQ,CAClF;YACA,GAAG,CACC,CACC,CACX,CAAC;AACJ,CAAC;AAED,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC,CAAA;;;;;CAKpD,CAAC;AAEF,MAAM,OAAO,GAAG,MAAM,CAAC,IAAI,CAAC,CAA8B;sBACpC,CAAC,EAAE,aAAa,EAAE,KAAK,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE;IAC3D,IAAI,CAAC,aAAa;QAAE,OAAO,aAAa,CAAC;IACzC,OAAO,MAAM,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC;AACjF,CAAC;;;;;SAKM,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC;;;;;CAKhD,CAAC"}

package/lib/components/layout/Carousel/index.d.ts

@@ -3,6 +3,6 @@ import { Props } from "./types";
 /**
  * This component uses the https://github.com/davidjerleke/embla-carousel library.
  */
-declare const Carousel: ({ children, variant, autoPlay, onNext, onPrev }: Props) => React.JSX.Element | null;
+declare const Carousel: ({ children, variant, initialDelay, autoPlay, onNext, onPrev, }: Props) => React.JSX.Element | null;
 export default Carousel;
 //# sourceMappingURL=index.d.ts.map

package/lib/components/layout/Carousel/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/Carousel/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAGhE,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AA6BhC;;GAEG;AACH,QAAA,MAAM,QAAQ,oDAAqE,KAAK,6BA0GvF,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/Carousel/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAoD,MAAM,OAAO,CAAC;AAGzE,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AA6BhC;;GAEG;AACH,QAAA,MAAM,QAAQ,mEAOX,KAAK,6BAqHP,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/lib/components/layout/Carousel/index.js

@@ -1,7 +1,7 @@
 import Autoplay from "embla-carousel-autoplay";
 import useEmblaCarousel from "embla-carousel-react";
 import debounce from "lodash/debounce";
-import React, { useCallback, useEffect, useState } from "react";
+import React, { useCallback, useEffect, useMemo, useState } from "react";
 import styled from "styled-components";
 import Footer from "./Footer";
 import { ChevronArrow } from "./ChevronArrow";
@@ -30,9 +30,17 @@ const CarouselContainer = styled.div `
 /**
  * This component uses the https://github.com/davidjerleke/embla-carousel library.
  */
-const Carousel = ({ children, variant = "default", autoPlay = 0, onNext, onPrev }) => {
+const Carousel = ({ children, variant = "default", initialDelay = 0, autoPlay = 0, onNext, onPrev, }) => {
     const [currentIndex, setCurrentIndex] = useState(0);
-    const [emblaRef, emblaApi] = useEmblaCarousel({ loop: true }, autoPlay ? [Autoplay({ delay: autoPlay, ...AutoplayFlags })] : []);
+    const [autoplayEnabled, setAutoplayEnabled] = useState(false);
+    const plugins = useMemo(() => (autoplayEnabled && autoPlay ? [Autoplay({ delay: autoPlay, ...AutoplayFlags })] : []), [autoplayEnabled, autoPlay]);
+    const [emblaRef, emblaApi] = useEmblaCarousel({ loop: true }, plugins);
+    useEffect(() => {
+        if (autoPlay) {
+            const timer = setTimeout(() => setAutoplayEnabled(true), initialDelay);
+            return () => clearTimeout(timer);
+        }
+    }, [autoPlay]);
     const updateIndex = useCallback(() => {
         if (!emblaApi)
             return;

package/lib/components/layout/Carousel/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/layout/Carousel/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/layout/Carousel/index.tsx"],"names":[],"mappings":"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"}

package/lib/components/layout/Carousel/types.d.ts

@@ -3,6 +3,7 @@ import { UseEmblaCarouselType } from "embla-carousel-react";
 export type Variant = "content-card" | "default";
 export type Props = {
     children: ReactElement[];
+    initialDelay?: number;
     autoPlay?: number;
     variant?: Variant;
     onPrev?: () => void;

package/lib/components/layout/Carousel/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/Carousel/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAE5D,MAAM,MAAM,OAAO,GAAG,cAAc,GAAG,SAAS,CAAC;AAEjD,MAAM,MAAM,KAAK,GAAG;IAClB,QAAQ,EAAE,YAAY,EAAE,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,QAAQ,GAAG,QAAQ,CAAC,IAAI,CAAC,KAAK,EAAE,UAAU,GAAG,SAAS,CAAC,CAAC,GAAG;IACrE,QAAQ,EAAE,oBAAoB,CAAC,CAAC,CAAC,CAAC;IAClC,YAAY,EAAE,MAAM,CAAC;CACtB,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/Carousel/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAE5D,MAAM,MAAM,OAAO,GAAG,cAAc,GAAG,SAAS,CAAC;AAEjD,MAAM,MAAM,KAAK,GAAG;IAClB,QAAQ,EAAE,YAAY,EAAE,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,QAAQ,GAAG,QAAQ,CAAC,IAAI,CAAC,KAAK,EAAE,UAAU,GAAG,SAAS,CAAC,CAAC,GAAG;IACrE,QAAQ,EAAE,oBAAoB,CAAC,CAAC,CAAC,CAAC;IAClC,YAAY,EAAE,MAAM,CAAC;CACtB,CAAC"}

package/lib/components/layout/ContentCard/PortfolioContentCard/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/ContentCard/PortfolioContentCard/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAItD,MAAM,MAAM,yBAAyB,GAAG;IACtC,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,OAAO,EAAE,iBAAiB,CAAC;IAC3B,OAAO,EAAE,iBAAiB,CAAC;CAC5B,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,EAC3C,KAAK,EACL,GAAG,EACH,WAAW,EACX,GAAG,EACH,KAAK,EACL,OAAO,EACP,OAAO,GACR,EAAE,yBAAyB,qBAY3B"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/ContentCard/PortfolioContentCard/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAKtD,MAAM,MAAM,yBAAyB,GAAG;IACtC,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,OAAO,EAAE,iBAAiB,CAAC;IAC3B,OAAO,EAAE,iBAAiB,CAAC;CAC5B,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,EAC3C,KAAK,EACL,GAAG,EACH,WAAW,EACX,GAAG,EACH,KAAK,EACL,OAAO,EACP,OAAO,GACR,EAAE,yBAAyB,qBAkB3B"}

package/lib/components/layout/ContentCard/PortfolioContentCard/index.js

@@ -1,6 +1,7 @@
 import React from "react";
+import { Button } from "../../../cta";
 import BannerCard from "../../Banner/BannerCard";
 export default function PortfolioContentCard({ title, cta, description, tag, image, onClick, onClose, }) {
-    return (React.createElement(BannerCard, { title: title, cta: cta, description: description, tag: tag, image: image, onClick: onClick, onClose: onClose }));
+    return (React.createElement(BannerCard, { title: title, cta: cta && (React.createElement(Button, { variant: "main", outline: false }, cta)), description: description, tag: tag, image: image, onClick: onClick, onClose: onClose }));
 }
 //# sourceMappingURL=index.js.map