@ledgerhq/react-ui 0.14.14-next.0 → 0.14.15-new-wc-test.0

package/lib/cjs/components/cards/Carousel/Carousel.stories.js

@@ -1,106 +0,0 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var Carousel_stories_exports = {};
-__export(Carousel_stories_exports, {
-  Default: () => Default,
-  default: () => Carousel_stories_default
-});
-module.exports = __toCommonJS(Carousel_stories_exports);
-var import_react = __toESM(require("react"));
-var import_client_api = require("@storybook/client-api");
-var import_sampleSlide = __toESM(require("../../../assets/images/sampleSlide.png"));
-var import__ = __toESM(require("."));
-var Carousel_stories_default = {
-  title: "Cards/Portfolio/Carousel",
-  argTypes: {
-    isDismissed: {
-      description: "App level setting to determine visibility of the component",
-      control: {
-        type: "boolean",
-        defaultValue: { summary: false }
-      }
-    },
-    timeout: {
-      description: "Timeout for auto-slide in ms",
-      control: {
-        type: "number",
-        min: 1e3,
-        max: 2e4,
-        defaultValue: { summary: 7e3 }
-      },
-      table: {
-        type: { summary: "number" },
-        defaultValue: { summary: 7e3 }
-      }
-    }
-  },
-  parameters: {
-    docs: {
-      description: {
-        component: `The carousel is used to showcase products and features to our users. It's a dismissable component that should be re-enabled from the settings of the app. By default, it auto loops through a series of slides but this is paused when the mouse enters the bounds of the slide.<br/>
-        The current version is missing the updated color palette and translatable strings.`
-      }
-    }
-  }
-};
-const Template = (args) => {
-  const queue = [
-    {
-      title: "NEW PRODUCT 1",
-      description: "Enhance your security with the new ledger nano x available now!",
-      image: import_sampleSlide.default,
-      onClick: () => alert("Clicked on banner 1")
-    },
-    {
-      title: "NEW PRODUCT 2",
-      description: "Enhance your security with the new ledger nano x available now!",
-      image: import_sampleSlide.default,
-      onClick: () => alert("Clicked on banner 2")
-    },
-    {
-      title: "NEW PRODUCT 3",
-      description: "Enhance your security with the new ledger nano x available now!",
-      image: import_sampleSlide.default,
-      onClick: () => alert("Clicked on banner 3")
-    },
-    {
-      title: "NEW PRODUCT 4",
-      description: "Enhance your security with the new ledger nano x available now!",
-      image: import_sampleSlide.default,
-      onClick: () => alert("Clicked on banner 4")
-    }
-  ];
-  const [, updateArgs] = (0, import_client_api.useArgs)();
-  const onDismiss = () => updateArgs({
-    isDismissed: true
-  });
-  return /* @__PURE__ */ import_react.default.createElement(import__.default, { ...args, queue, onDismiss });
-};
-const Default = Template.bind({});
-//# sourceMappingURL=Carousel.stories.js.map

package/lib/cjs/components/cards/Carousel/Carousel.stories.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../src/components/cards/Carousel/Carousel.stories.tsx"],
-  "sourcesContent": ["import React from \"react\";\n// @ts-expect-error Typings\u2026\nimport { useArgs } from \"@storybook/client-api\";\n\nimport image from \"../../../assets/images/sampleSlide.png\";\nimport Carousel, { Props as CarouselProps } from \".\";\n\nexport default {\n  title: \"Cards/Portfolio/Carousel\",\n  argTypes: {\n    isDismissed: {\n      description: \"App level setting to determine visibility of the component\",\n      control: {\n        type: \"boolean\",\n        defaultValue: { summary: false },\n      },\n    },\n    timeout: {\n      description: \"Timeout for auto-slide in ms\",\n      control: {\n        type: \"number\",\n        min: 1000,\n        max: 20000,\n        defaultValue: { summary: 7000 },\n      },\n      table: {\n        type: { summary: \"number\" },\n        defaultValue: { summary: 7000 },\n      },\n    },\n  },\n  parameters: {\n    docs: {\n      description: {\n        component: `The carousel is used to showcase products and features to our users. It's a dismissable component that should be re-enabled from the settings of the app. By default, it auto loops through a series of slides but this is paused when the mouse enters the bounds of the slide.<br/>\n        The current version is missing the updated color palette and translatable strings.`,\n      },\n    },\n  },\n};\n\nconst Template = (args: CarouselProps) => {\n  const queue = [\n    {\n      title: \"NEW PRODUCT 1\",\n      description: \"Enhance your security with the new ledger nano x available now!\",\n      image,\n      onClick: () => alert(\"Clicked on banner 1\"),\n    },\n    {\n      title: \"NEW PRODUCT 2\",\n      description: \"Enhance your security with the new ledger nano x available now!\",\n      image,\n      onClick: () => alert(\"Clicked on banner 2\"),\n    },\n    {\n      title: \"NEW PRODUCT 3\",\n      description: \"Enhance your security with the new ledger nano x available now!\",\n      image,\n      onClick: () => alert(\"Clicked on banner 3\"),\n    },\n    {\n      title: \"NEW PRODUCT 4\",\n      description: \"Enhance your security with the new ledger nano x available now!\",\n      image,\n      onClick: () => alert(\"Clicked on banner 4\"),\n    },\n  ];\n\n  const [, updateArgs] = useArgs();\n\n  const onDismiss = () =>\n    updateArgs({\n      isDismissed: true,\n    });\n\n  return <Carousel {...args} queue={queue} onDismiss={onDismiss} />;\n};\n\nexport const Default = Template.bind({});\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAElB,wBAAwB;AAExB,yBAAkB;AAClB,eAAiD;AAEjD,IAAO,2BAAQ;AAAA,EACb,OAAO;AAAA,EACP,UAAU;AAAA,IACR,aAAa;AAAA,MACX,aAAa;AAAA,MACb,SAAS;AAAA,QACP,MAAM;AAAA,QACN,cAAc,EAAE,SAAS,MAAM;AAAA,MACjC;AAAA,IACF;AAAA,IACA,SAAS;AAAA,MACP,aAAa;AAAA,MACb,SAAS;AAAA,QACP,MAAM;AAAA,QACN,KAAK;AAAA,QACL,KAAK;AAAA,QACL,cAAc,EAAE,SAAS,IAAK;AAAA,MAChC;AAAA,MACA,OAAO;AAAA,QACL,MAAM,EAAE,SAAS,SAAS;AAAA,QAC1B,cAAc,EAAE,SAAS,IAAK;AAAA,MAChC;AAAA,IACF;AAAA,EACF;AAAA,EACA,YAAY;AAAA,IACV,MAAM;AAAA,MACJ,aAAa;AAAA,QACX,WAAW;AAAA;AAAA,MAEb;AAAA,IACF;AAAA,EACF;AACF;AAEA,MAAM,WAAW,CAAC,SAAwB;AACxC,QAAM,QAAQ;AAAA,IACZ;AAAA,MACE,OAAO;AAAA,MACP,aAAa;AAAA,MACb,0BAAAA;AAAA,MACA,SAAS,MAAM,MAAM,qBAAqB;AAAA,IAC5C;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,aAAa;AAAA,MACb,0BAAAA;AAAA,MACA,SAAS,MAAM,MAAM,qBAAqB;AAAA,IAC5C;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,aAAa;AAAA,MACb,0BAAAA;AAAA,MACA,SAAS,MAAM,MAAM,qBAAqB;AAAA,IAC5C;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,aAAa;AAAA,MACb,0BAAAA;AAAA,MACA,SAAS,MAAM,MAAM,qBAAqB;AAAA,IAC5C;AAAA,EACF;AAEA,QAAM,CAAC,EAAE,UAAU,QAAI,2BAAQ;AAE/B,QAAM,YAAY,MAChB,WAAW;AAAA,IACT,aAAa;AAAA,EACf,CAAC;AAEH,SAAO,6BAAAC,QAAA,cAAC,SAAAC,SAAA,EAAU,GAAG,MAAM,OAAc,WAAsB;AACjE;AAEO,MAAM,UAAU,SAAS,KAAK,CAAC,CAAC;",
-  "names": ["image", "React", "Carousel"]
-}

package/lib/cjs/components/cards/Carousel/Slide.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../src/components/cards/Carousel/Slide.tsx"],
-  "sourcesContent": ["import React from \"react\";\nimport styled from \"styled-components\";\nimport Text from \"../../asorted/Text\";\nimport Flex from \"../../layout/Flex\";\n\nconst Wrapper = styled(Flex)<{ image?: string }>`\n  width: 100%;\n  height: 100%;\n  flex-direction: column;\n  padding: ${p => p.theme.space[8]}px ${p => p.theme.space[10]}px;\n  padding-right: 280px; /* Nb gives air to not overlap the illustration */\n  z-index: ${p => p.theme.zIndexes[8]};\n  background: url(${p => p.image}) no-repeat ${p => p.theme.colors.neutral.c100};\n  background-size: contain;\n  background-position: right 60px bottom;\n`;\n\nexport type Props = {\n  onClick: () => void;\n  title: string;\n  description: string;\n  image?: string;\n};\n\nconst Slide = ({ title, description, image, onClick }: Props): React.ReactElement => {\n  return (\n    <Wrapper key={\"key\"} image={image} onClick={onClick}>\n      <Text variant={\"tiny\"} color=\"neutral.c00\" fontWeight=\"regular\">\n        {title}\n      </Text>\n      <Text variant={\"h5\"} color=\"neutral.c00\" textTransform=\"uppercase\">\n        {description}\n      </Text>\n    </Wrapper>\n  );\n};\n\nexport default Slide;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,+BAAmB;AACnB,kBAAiB;AACjB,kBAAiB;AAEjB,MAAM,cAAU,yBAAAA,SAAO,YAAAC,OAAI;AAAA;AAAA;AAAA;AAAA,aAId,OAAK,EAAE,MAAM,MAAM,CAAC,CAAC,MAAM,OAAK,EAAE,MAAM,MAAM,EAAE,CAAC;AAAA;AAAA,aAEjD,OAAK,EAAE,MAAM,SAAS,CAAC,CAAC;AAAA,oBACjB,OAAK,EAAE,KAAK,eAAe,OAAK,EAAE,MAAM,OAAO,QAAQ,IAAI;AAAA;AAAA;AAAA;AAY/E,MAAM,QAAQ,CAAC,EAAE,OAAO,aAAa,OAAO,QAAQ,MAAiC;AACnF,SACE,6BAAAC,QAAA,cAAC,WAAQ,KAAK,OAAO,OAAc,WACjC,6BAAAA,QAAA,cAAC,YAAAC,SAAA,EAAK,SAAS,QAAQ,OAAM,eAAc,YAAW,aACnD,KACH,GACA,6BAAAD,QAAA,cAAC,YAAAC,SAAA,EAAK,SAAS,MAAM,OAAM,eAAc,eAAc,eACpD,WACH,CACF;AAEJ;AAEA,IAAO,gBAAQ;",
-  "names": ["styled", "Flex", "React", "Text"]
-}

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

@@ -1,187 +0,0 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var Carousel_exports = {};
-__export(Carousel_exports, {
-  default: () => Carousel_default
-});
-module.exports = __toCommonJS(Carousel_exports);
-var import_react = __toESM(require("react"));
-var import_styled_components = __toESM(require("styled-components"));
-var import_react_transition_group = require("react-transition-group");
-var import_TransitionSlide = __toESM(require("../../transitions/TransitionSlide"));
-var import_Button = __toESM(require("../../cta/Button"));
-var import_Text = __toESM(require("../../asorted/Text"));
-var import_Flex = __toESM(require("../../layout/Flex"));
-var import_Slide = __toESM(require("./Slide"));
-var import_ArrowLeftMedium = __toESM(require("@ledgerhq/icons-ui/reactLegacy/ArrowLeftMedium"));
-var import_ArrowRightMedium = __toESM(require("@ledgerhq/icons-ui/reactLegacy/ArrowRightMedium"));
-var import_CloseMedium = __toESM(require("@ledgerhq/icons-ui/reactLegacy/CloseMedium"));
-const CarouselWrapper = import_styled_components.default.div`
-  width: 100%;
-  height: 180px;
-  border-radius: 8px;
-  overflow: hidden;
-  cursor: pointer;
-  position: relative;
-  flex: 1;
-  background: ${(p) => p.theme.colors.neutral.c100};
-`;
-const Controllers = (0, import_styled_components.default)(import_Flex.default)`
-  position: absolute;
-  flex-direction: row;
-  right: ${(p) => p.theme.space[5]}px;
-  bottom: ${(p) => p.theme.space[4]}px;
-  column-gap: ${(p) => p.theme.space[4]}px;
-  color: ${(p) => p.theme.colors.neutral.c00};
-
-  > div {
-    &:hover {
-      opacity: 0.5;
-    }
-  }
-`;
-const Bullets = import_styled_components.default.div`
-  position: absolute;
-  display: flex;
-  left: ${(p) => p.theme.space[10]}px;
-  bottom: ${(p) => p.theme.space[8]}px;
-  column-gap: ${(p) => p.theme.space[2]}px;
-  flex-direction: row;
-
-  > div {
-    position: relative;
-    height: ${(p) => p.theme.space[1]}px;
-    width: ${(p) => p.theme.space[8]}px;
-    background: ${(p) => p.theme.colors.neutral.c00};
-    opacity: 0.5;
-    &:hover {
-      opacity: 0.75;
-    }
-
-    &:nth-child(${(p) => p.active}) {
-      opacity: 1;
-      &:hover {
-        opacity: 0.75;
-      }
-    }
-
-    ::after {
-      content: "";
-      position: absolute;
-      top: -${(p) => p.theme.space[4]}px;
-      height: ${(p) => p.theme.space[7]}px;
-      width: 100%;
-    }
-  }
-`;
-const Close = import_styled_components.default.div`
-  position: absolute;
-  top: ${(p) => p.theme.space[7]}px;
-  right: ${(p) => p.theme.space[5]}px;
-  color: ${(p) => p.theme.colors.neutral.c00};
-  &:hover {
-    opacity: 0.5;
-  }
-`;
-const DismissWrapper = import_styled_components.default.div`
-  color: white;
-  align-items: center;
-  justify-content: center;
-  display: flex;
-  flex-direction: column;
-  padding: ${(p) => p.theme.space[13]}px;
-  row-gap: ${(p) => p.theme.space[7]}px;
-`;
-const DEFAULT_TIMEOUT = 7e3;
-const Carousel = ({
-  timeout = DEFAULT_TIMEOUT,
-  queue,
-  isDismissed,
-  onDismiss,
-  dismissText = "This banner will not show up again until there is a new announcement",
-  dismissConfirmText = "Confirm",
-  dismissCancelText = "Show again"
-}) => {
-  const intervalRef = (0, import_react.useRef)();
-  const [direction, setDirection] = (0, import_react.useState)("right");
-  const [index, setIndex] = (0, import_react.useState)(0);
-  const [wantToDismiss, setWantToDismiss] = (0, import_react.useState)(false);
-  const [paused, setPaused] = (0, import_react.useState)(false);
-  const childFactory = (0, import_react.useCallback)(
-    (child) => import_react.default.cloneElement(child, { direction }),
-    [direction]
-  );
-  const wrappedSetIndex = (0, import_react.useCallback)(
-    (newIndex) => {
-      setDirection(newIndex > index ? "left" : "right");
-      setIndex(newIndex);
-    },
-    [index]
-  );
-  const onSlide = (0, import_react.useCallback)(
-    (direction2 = "left") => {
-      setDirection(direction2);
-      const i = index + (direction2 === "right" ? -1 : 1);
-      setIndex(i < 0 ? queue.length - 1 : i >= queue.length ? 0 : i);
-    },
-    [index, queue]
-  );
-  const onPrevious = (0, import_react.useCallback)(() => onSlide("right"), [onSlide]);
-  const onNext = (0, import_react.useCallback)(() => onSlide("left"), [onSlide]);
-  const onWantToDismiss = () => setWantToDismiss(true);
-  const onCancelDismiss = () => setWantToDismiss(false);
-  const onMouseEnter = () => setPaused(true);
-  const onMouseLeave = () => setPaused(false);
-  (0, import_react.useEffect)(() => {
-    const _timeout = timeout < 1e3 ? DEFAULT_TIMEOUT : timeout;
-    if (intervalRef.current)
-      clearInterval(intervalRef.current);
-    if (!paused)
-      intervalRef.current = setInterval(onSlide, _timeout);
-  }, [onSlide, paused, timeout]);
-  (0, import_react.useEffect)(() => {
-    if (isDismissed)
-      setWantToDismiss(false);
-  }, [isDismissed]);
-  if (!(queue == null ? void 0 : queue.length) || isDismissed)
-    return null;
-  return /* @__PURE__ */ import_react.default.createElement(CarouselWrapper, { id: "carousel", onMouseEnter, onMouseLeave }, wantToDismiss ? /* @__PURE__ */ import_react.default.createElement(DismissWrapper, null, /* @__PURE__ */ import_react.default.createElement(import_Text.default, { color: "neutral.c00", fontWeight: "medium", variant: "paragraph" }, dismissText), /* @__PURE__ */ import_react.default.createElement(import_Flex.default, { columnGap: 5 }, /* @__PURE__ */ import_react.default.createElement(import_Button.default, { color: "neutral.c100", backgroundColor: "neutral.c00", onClick: onDismiss }, dismissConfirmText), /* @__PURE__ */ import_react.default.createElement(
-    import_Button.default,
-    {
-      outline: true,
-      color: "neutral.c00",
-      backgroundColor: "neutral.c100",
-      borderColor: "neutral.c00",
-      onClick: onCancelDismiss
-    },
-    dismissCancelText
-  ))) : /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(import_react_transition_group.TransitionGroup, { component: null, childFactory }, /* @__PURE__ */ import_react.default.createElement(import_TransitionSlide.default, { key: index, direction }, /* @__PURE__ */ import_react.default.createElement(import_Slide.default, { ...queue[index] }))), /* @__PURE__ */ import_react.default.createElement(Close, { id: "carousel-dismiss", onClick: onWantToDismiss }, /* @__PURE__ */ import_react.default.createElement(import_CloseMedium.default, { size: 18 })), /* @__PURE__ */ import_react.default.createElement(Bullets, { active: index + 1 }, queue.map((_, i) => /* @__PURE__ */ import_react.default.createElement("div", { key: `bullet_${i}`, onClick: () => wrappedSetIndex(i) }))), /* @__PURE__ */ import_react.default.createElement(Controllers, null, /* @__PURE__ */ import_react.default.createElement("div", { onClick: onPrevious }, /* @__PURE__ */ import_react.default.createElement(import_ArrowLeftMedium.default, { size: 20 })), /* @__PURE__ */ import_react.default.createElement("div", { onClick: onNext }, /* @__PURE__ */ import_react.default.createElement(import_ArrowRightMedium.default, { size: 20 })))));
-};
-var Carousel_default = Carousel;
-//# sourceMappingURL=index.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../src/components/cards/Carousel/index.tsx"],
-  "sourcesContent": ["import React, { useRef, useCallback, useState, useEffect } from \"react\";\nimport styled from \"styled-components\";\nimport { TransitionGroup } from \"react-transition-group\";\nimport TransitionSlide from \"../../transitions/TransitionSlide\";\n\nimport Button from \"../../cta/Button\";\nimport Text from \"../../asorted/Text\";\nimport Flex from \"../../layout/Flex\";\nimport Slide, { Props as SlideProps } from \"./Slide\";\n\nimport IconLeft from \"@ledgerhq/icons-ui/reactLegacy/ArrowLeftMedium\";\nimport IconRight from \"@ledgerhq/icons-ui/reactLegacy/ArrowRightMedium\";\nimport IconClose from \"@ledgerhq/icons-ui/reactLegacy/CloseMedium\";\n\nconst CarouselWrapper = styled.div`\n  width: 100%;\n  height: 180px;\n  border-radius: 8px;\n  overflow: hidden;\n  cursor: pointer;\n  position: relative;\n  flex: 1;\n  background: ${p => p.theme.colors.neutral.c100};\n`;\n\nconst Controllers = styled(Flex)`\n  position: absolute;\n  flex-direction: row;\n  right: ${p => p.theme.space[5]}px;\n  bottom: ${p => p.theme.space[4]}px;\n  column-gap: ${p => p.theme.space[4]}px;\n  color: ${p => p.theme.colors.neutral.c00};\n\n  > div {\n    &:hover {\n      opacity: 0.5;\n    }\n  }\n`;\n\nconst Bullets = styled.div<{ active?: number }>`\n  position: absolute;\n  display: flex;\n  left: ${p => p.theme.space[10]}px;\n  bottom: ${p => p.theme.space[8]}px;\n  column-gap: ${p => p.theme.space[2]}px;\n  flex-direction: row;\n\n  > div {\n    position: relative;\n    height: ${p => p.theme.space[1]}px;\n    width: ${p => p.theme.space[8]}px;\n    background: ${p => p.theme.colors.neutral.c00};\n    opacity: 0.5;\n    &:hover {\n      opacity: 0.75;\n    }\n\n    &:nth-child(${p => p.active}) {\n      opacity: 1;\n      &:hover {\n        opacity: 0.75;\n      }\n    }\n\n    ::after {\n      content: \"\";\n      position: absolute;\n      top: -${p => p.theme.space[4]}px;\n      height: ${p => p.theme.space[7]}px;\n      width: 100%;\n    }\n  }\n`;\n\nconst Close = styled.div`\n  position: absolute;\n  top: ${p => p.theme.space[7]}px;\n  right: ${p => p.theme.space[5]}px;\n  color: ${p => p.theme.colors.neutral.c00};\n  &:hover {\n    opacity: 0.5;\n  }\n`;\n\nconst DismissWrapper = styled.div`\n  color: white;\n  align-items: center;\n  justify-content: center;\n  display: flex;\n  flex-direction: column;\n  padding: ${p => p.theme.space[13]}px;\n  row-gap: ${p => p.theme.space[7]}px;\n`;\n\nexport type Props = {\n  timeout?: number;\n  queue: SlideProps[];\n  isDismissed: boolean;\n  onDismiss: () => void;\n  dismissText?: React.ReactNode;\n  dismissConfirmText?: React.ReactNode;\n  dismissCancelText?: React.ReactNode;\n};\n\nconst DEFAULT_TIMEOUT = 7000;\nconst Carousel = ({\n  timeout = DEFAULT_TIMEOUT,\n  queue,\n  isDismissed,\n  onDismiss,\n  dismissText = \"This banner will not show up again until there is a new announcement\",\n  dismissConfirmText = \"Confirm\",\n  dismissCancelText = \"Show again\",\n}: Props): React.ReactElement | null => {\n  const intervalRef = useRef<ReturnType<typeof setInterval>>();\n\n  const [direction, setDirection] = useState(\"right\");\n  const [index, setIndex] = useState(0);\n  const [wantToDismiss, setWantToDismiss] = useState(false);\n  const [paused, setPaused] = useState(false);\n  const childFactory = useCallback(\n    (child: any) => React.cloneElement(child, { direction }),\n    [direction],\n  );\n\n  const wrappedSetIndex = useCallback(\n    (newIndex: number) => {\n      setDirection(newIndex > index ? \"left\" : \"right\");\n      setIndex(newIndex);\n    },\n    [index],\n  );\n\n  const onSlide = useCallback(\n    (direction = \"left\") => {\n      setDirection(direction);\n      const i = index + (direction === \"right\" ? -1 : 1);\n      setIndex(i < 0 ? queue.length - 1 : i >= queue.length ? 0 : i);\n    },\n    [index, queue],\n  );\n  const onPrevious = useCallback(() => onSlide(\"right\"), [onSlide]);\n  const onNext = useCallback(() => onSlide(\"left\"), [onSlide]);\n\n  const onWantToDismiss = () => setWantToDismiss(true);\n  const onCancelDismiss = () => setWantToDismiss(false);\n\n  const onMouseEnter = () => setPaused(true);\n  const onMouseLeave = () => setPaused(false);\n\n  useEffect(() => {\n    // Nb we pause automatic transitions when the mouse is within the carousel.\n    // Override passed timeout if lower than 1000ms\n    const _timeout = timeout < 1000 ? DEFAULT_TIMEOUT : timeout;\n    if (intervalRef.current) clearInterval(intervalRef.current);\n    if (!paused) intervalRef.current = setInterval(onSlide, _timeout);\n  }, [onSlide, paused, timeout]);\n\n  useEffect(() => {\n    if (isDismissed) setWantToDismiss(false);\n  }, [isDismissed]);\n\n  if (!queue?.length || isDismissed) return null;\n\n  return (\n    <CarouselWrapper id={\"carousel\"} onMouseEnter={onMouseEnter} onMouseLeave={onMouseLeave}>\n      {wantToDismiss ? (\n        <DismissWrapper>\n          <Text color=\"neutral.c00\" fontWeight=\"medium\" variant={\"paragraph\"}>\n            {dismissText}\n          </Text>\n          <Flex columnGap={5}>\n            <Button color=\"neutral.c100\" backgroundColor=\"neutral.c00\" onClick={onDismiss}>\n              {dismissConfirmText}\n            </Button>\n            <Button\n              outline\n              color=\"neutral.c00\"\n              backgroundColor=\"neutral.c100\"\n              borderColor=\"neutral.c00\"\n              onClick={onCancelDismiss}\n            >\n              {dismissCancelText}\n            </Button>\n          </Flex>\n        </DismissWrapper>\n      ) : (\n        <div>\n          <TransitionGroup component={null} childFactory={childFactory}>\n            <TransitionSlide key={index} direction={direction}>\n              <Slide {...queue[index]} />\n            </TransitionSlide>\n          </TransitionGroup>\n\n          <Close id={\"carousel-dismiss\"} onClick={onWantToDismiss}>\n            <IconClose size={18} />\n          </Close>\n\n          <Bullets active={index + 1}>\n            {queue.map((_, i) => (\n              <div key={`bullet_${i}`} onClick={() => wrappedSetIndex(i)} />\n            ))}\n          </Bullets>\n\n          <Controllers>\n            <div onClick={onPrevious}>\n              <IconLeft size={20} />\n            </div>\n            <div onClick={onNext}>\n              <IconRight size={20} />\n            </div>\n          </Controllers>\n        </div>\n      )}\n    </CarouselWrapper>\n  );\n};\n\nexport default Carousel;\n"],
-  "mappings": "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",
-  "names": ["styled", "Flex", "React", "direction", "Text", "Button", "TransitionSlide", "Slide", "IconClose", "IconLeft", "IconRight"]
-}

package/lib/cjs/components/cards/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/components/cards/index.ts"],
-  "sourcesContent": ["export { default as Carousel } from \"./Carousel\";\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAAoC;",
-  "names": []
-}

package/lib/components/cards/Carousel/Slide.d.ts

@@ -1,9 +0,0 @@
-import React from "react";
-export type Props = {
-    onClick: () => void;
-    title: string;
-    description: string;
-    image?: string;
-};
-declare const Slide: ({ title, description, image, onClick }: Props) => React.ReactElement;
-export default Slide;

package/lib/components/cards/Carousel/Slide.js

@@ -1,22 +0,0 @@
-import React from "react";
-import styled from "styled-components";
-import Text from "../../asorted/Text";
-import Flex from "../../layout/Flex";
-const Wrapper = styled(Flex) `
-  width: 100%;
-  height: 100%;
-  flex-direction: column;
-  padding: ${p => p.theme.space[8]}px ${p => p.theme.space[10]}px;
-  padding-right: 280px; /* Nb gives air to not overlap the illustration */
-  z-index: ${p => p.theme.zIndexes[8]};
-  background: url(${p => p.image}) no-repeat ${p => p.theme.colors.neutral.c100};
-  background-size: contain;
-  background-position: right 60px bottom;
-`;
-const Slide = ({ title, description, image, onClick }) => {
-    return (React.createElement(Wrapper, { key: "key", image: image, onClick: onClick },
-        React.createElement(Text, { variant: "tiny", color: "neutral.c00", fontWeight: "regular" }, title),
-        React.createElement(Text, { variant: "h5", color: "neutral.c00", textTransform: "uppercase" }, description)));
-};
-export default Slide;
-//# sourceMappingURL=Slide.js.map

package/lib/components/cards/Carousel/Slide.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Slide.js","sourceRoot":"","sources":["../../../../src/components/cards/Carousel/Slide.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,IAAI,MAAM,oBAAoB,CAAC;AACtC,OAAO,IAAI,MAAM,mBAAmB,CAAC;AAErC,MAAM,OAAO,GAAG,MAAM,CAAC,IAAI,CAAC,CAAoB;;;;aAInC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC;;aAEjD,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;oBACjB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI;;;CAG9E,CAAC;AASF,MAAM,KAAK,GAAG,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,OAAO,EAAS,EAAsB,EAAE;IAClF,OAAO,CACL,oBAAC,OAAO,IAAC,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO;QACjD,oBAAC,IAAI,IAAC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAC,aAAa,EAAC,UAAU,EAAC,SAAS,IAC5D,KAAK,CACD;QACP,oBAAC,IAAI,IAAC,OAAO,EAAE,IAAI,EAAE,KAAK,EAAC,aAAa,EAAC,aAAa,EAAC,WAAW,IAC/D,WAAW,CACP,CACC,CACX,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,KAAK,CAAC"}

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

@@ -1,13 +0,0 @@
-import React from "react";
-import { Props as SlideProps } from "./Slide";
-export type Props = {
-    timeout?: number;
-    queue: SlideProps[];
-    isDismissed: boolean;
-    onDismiss: () => void;
-    dismissText?: React.ReactNode;
-    dismissConfirmText?: React.ReactNode;
-    dismissCancelText?: React.ReactNode;
-};
-declare const Carousel: ({ timeout, queue, isDismissed, onDismiss, dismissText, dismissConfirmText, dismissCancelText, }: Props) => React.ReactElement | null;
-export default Carousel;

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

@@ -1,144 +0,0 @@
-import React, { useRef, useCallback, useState, useEffect } from "react";
-import styled from "styled-components";
-import { TransitionGroup } from "react-transition-group";
-import TransitionSlide from "../../transitions/TransitionSlide";
-import Button from "../../cta/Button";
-import Text from "../../asorted/Text";
-import Flex from "../../layout/Flex";
-import Slide from "./Slide";
-import IconLeft from "@ledgerhq/icons-ui/reactLegacy/ArrowLeftMedium";
-import IconRight from "@ledgerhq/icons-ui/reactLegacy/ArrowRightMedium";
-import IconClose from "@ledgerhq/icons-ui/reactLegacy/CloseMedium";
-const CarouselWrapper = styled.div `
-  width: 100%;
-  height: 180px;
-  border-radius: 8px;
-  overflow: hidden;
-  cursor: pointer;
-  position: relative;
-  flex: 1;
-  background: ${p => p.theme.colors.neutral.c100};
-`;
-const Controllers = styled(Flex) `
-  position: absolute;
-  flex-direction: row;
-  right: ${p => p.theme.space[5]}px;
-  bottom: ${p => p.theme.space[4]}px;
-  column-gap: ${p => p.theme.space[4]}px;
-  color: ${p => p.theme.colors.neutral.c00};
-
-  > div {
-    &:hover {
-      opacity: 0.5;
-    }
-  }
-`;
-const Bullets = styled.div `
-  position: absolute;
-  display: flex;
-  left: ${p => p.theme.space[10]}px;
-  bottom: ${p => p.theme.space[8]}px;
-  column-gap: ${p => p.theme.space[2]}px;
-  flex-direction: row;
-
-  > div {
-    position: relative;
-    height: ${p => p.theme.space[1]}px;
-    width: ${p => p.theme.space[8]}px;
-    background: ${p => p.theme.colors.neutral.c00};
-    opacity: 0.5;
-    &:hover {
-      opacity: 0.75;
-    }
-
-    &:nth-child(${p => p.active}) {
-      opacity: 1;
-      &:hover {
-        opacity: 0.75;
-      }
-    }
-
-    ::after {
-      content: "";
-      position: absolute;
-      top: -${p => p.theme.space[4]}px;
-      height: ${p => p.theme.space[7]}px;
-      width: 100%;
-    }
-  }
-`;
-const Close = styled.div `
-  position: absolute;
-  top: ${p => p.theme.space[7]}px;
-  right: ${p => p.theme.space[5]}px;
-  color: ${p => p.theme.colors.neutral.c00};
-  &:hover {
-    opacity: 0.5;
-  }
-`;
-const DismissWrapper = styled.div `
-  color: white;
-  align-items: center;
-  justify-content: center;
-  display: flex;
-  flex-direction: column;
-  padding: ${p => p.theme.space[13]}px;
-  row-gap: ${p => p.theme.space[7]}px;
-`;
-const DEFAULT_TIMEOUT = 7000;
-const Carousel = ({ timeout = DEFAULT_TIMEOUT, queue, isDismissed, onDismiss, dismissText = "This banner will not show up again until there is a new announcement", dismissConfirmText = "Confirm", dismissCancelText = "Show again", }) => {
-    const intervalRef = useRef();
-    const [direction, setDirection] = useState("right");
-    const [index, setIndex] = useState(0);
-    const [wantToDismiss, setWantToDismiss] = useState(false);
-    const [paused, setPaused] = useState(false);
-    const childFactory = useCallback((child) => React.cloneElement(child, { direction }), [direction]);
-    const wrappedSetIndex = useCallback((newIndex) => {
-        setDirection(newIndex > index ? "left" : "right");
-        setIndex(newIndex);
-    }, [index]);
-    const onSlide = useCallback((direction = "left") => {
-        setDirection(direction);
-        const i = index + (direction === "right" ? -1 : 1);
-        setIndex(i < 0 ? queue.length - 1 : i >= queue.length ? 0 : i);
-    }, [index, queue]);
-    const onPrevious = useCallback(() => onSlide("right"), [onSlide]);
-    const onNext = useCallback(() => onSlide("left"), [onSlide]);
-    const onWantToDismiss = () => setWantToDismiss(true);
-    const onCancelDismiss = () => setWantToDismiss(false);
-    const onMouseEnter = () => setPaused(true);
-    const onMouseLeave = () => setPaused(false);
-    useEffect(() => {
-        // Nb we pause automatic transitions when the mouse is within the carousel.
-        // Override passed timeout if lower than 1000ms
-        const _timeout = timeout < 1000 ? DEFAULT_TIMEOUT : timeout;
-        if (intervalRef.current)
-            clearInterval(intervalRef.current);
-        if (!paused)
-            intervalRef.current = setInterval(onSlide, _timeout);
-    }, [onSlide, paused, timeout]);
-    useEffect(() => {
-        if (isDismissed)
-            setWantToDismiss(false);
-    }, [isDismissed]);
-    if (!(queue === null || queue === void 0 ? void 0 : queue.length) || isDismissed)
-        return null;
-    return (React.createElement(CarouselWrapper, { id: "carousel", onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave }, wantToDismiss ? (React.createElement(DismissWrapper, null,
-        React.createElement(Text, { color: "neutral.c00", fontWeight: "medium", variant: "paragraph" }, dismissText),
-        React.createElement(Flex, { columnGap: 5 },
-            React.createElement(Button, { color: "neutral.c100", backgroundColor: "neutral.c00", onClick: onDismiss }, dismissConfirmText),
-            React.createElement(Button, { outline: true, color: "neutral.c00", backgroundColor: "neutral.c100", borderColor: "neutral.c00", onClick: onCancelDismiss }, dismissCancelText)))) : (React.createElement("div", null,
-        React.createElement(TransitionGroup, { component: null, childFactory: childFactory },
-            React.createElement(TransitionSlide, { key: index, direction: direction },
-                React.createElement(Slide, Object.assign({}, queue[index])))),
-        React.createElement(Close, { id: "carousel-dismiss", onClick: onWantToDismiss },
-            React.createElement(IconClose, { size: 18 })),
-        React.createElement(Bullets, { active: index + 1 }, queue.map((_, i) => (React.createElement("div", { key: `bullet_${i}`, onClick: () => wrappedSetIndex(i) })))),
-        React.createElement(Controllers, null,
-            React.createElement("div", { onClick: onPrevious },
-                React.createElement(IconLeft, { size: 20 })),
-            React.createElement("div", { onClick: onNext },
-                React.createElement(IconRight, { size: 20 })))))));
-};
-export default Carousel;
-//# sourceMappingURL=index.js.map

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

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

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

@@ -1 +0,0 @@
-export { default as Carousel } from "./Carousel";

package/lib/components/cards/index.js

@@ -1,2 +0,0 @@
-export { default as Carousel } from "./Carousel";
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/cards/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC"}