@ledgerhq/react-ui 0.13.0 → 0.14.0-next.0

package/lib/components/layout/List/VerticalTimeline/TimelineIndicator.js

@@ -13,60 +13,66 @@ import React from "react";
 import CircledCheckSolidMedium from "@ledgerhq/icons-ui/react/CircledCheckSolidMedium";
 import styled, { useTheme } from "styled-components";
 import Flex from "../../Flex";
-const TopSegment = styled(Flex) `
-  height: ${(p) => (p.status === "inactive" ? "18px" : "20px")};
-  border-width: ${(p) => (p.hidden ? 0 : 1)}px;
-  border-style: dashed;
-  border-color: ${(p) => p.status === "inactive" ? p.theme.colors.neutral.c50 : p.theme.colors.primary.c80};
-  background: ${(p) => p.status !== "inactive" && p.theme.colors.primary.c80};
-  margin-top: ${(p) => p.status === "inactive" && "2px"};
-`;
+const linesWidth = 2;
 const BottomSegment = styled(Flex) `
   flex: 1;
-  border-width: ${(p) => (p.hidden ? 0 : 1)}px;
+  border-left-width: ${(p) => (p.hidden ? 0 : linesWidth)}px;
+  border-right-width: 0;
   border-style: dashed;
-  border-color: ${(p) => p.status === "completed" ? p.theme.colors.primary.c80 : p.theme.colors.neutral.c50};
+  border-color: ${(p) => p.status === "completed" ? p.theme.colors.primary.c80 : p.theme.colors.neutral.c40};
   background: ${(p) => p.status === "completed" && p.theme.colors.primary.c80};
 `;
 const getIconBackground = (theme, status, isLastItem) => {
-    if (status === "completed") {
+    if (isLastItem) {
+        if (status === "inactive")
+            return theme.colors.success.c10;
         return "transparent";
     }
-    else if (isLastItem) {
-        return theme.colors.success.c10;
-    }
     else if (status === "active") {
         return theme.colors.neutral.c40;
     }
-    return theme.colors.background.main;
+    else {
+        return "transparent";
+    }
 };
 const getIconBorder = (theme, status, isLastItem) => {
     if (isLastItem) {
-        return theme.colors.success.c100;
+        return theme.colors.success.c70;
     }
     else if (status === "inactive") {
-        return theme.colors.neutral.c50;
+        return theme.colors.neutral.c40;
     }
     return theme.colors.primary.c80;
 };
-const CenterSegment = styled(Flex) `
+const CenterCircle = styled(Flex) `
   border-radius: 9999px;
-  width: 20px;
-  height: 20px;
+  width: 100%;
   background: ${(p) => getIconBackground(p.theme, p.status, p.isLastItem)};
   border: 2px solid ${(p) => getIconBorder(p.theme, p.status, p.isLastItem)};
   align-items: center;
   justify-content: center;
+  position: relative;
 `;
 const IconWrapper = styled(Flex) `
-  flex: none;
+  height: 16px;
+  width: 16px;
+`;
+const topSegmentDefaultHeight = 23;
+const Container = styled(Flex) `
+  flex-direction: column;
+  align-items: center;
+  margin-bottom: ${-topSegmentDefaultHeight}px;
+  padding-top: ${topSegmentDefaultHeight}px;
 `;
-export default function TimelineIndicator(_a) {
-    var { status, isFirstItem, isLastItem } = _a, props = __rest(_a, ["status", "isFirstItem", "isLastItem"]);
+function TimelineIndicator(_a) {
+    var { status, isLastItem } = _a, props = __rest(_a, ["status", "isLastItem"]);
     const { colors } = useTheme();
-    return (React.createElement(Flex, Object.assign({ flexDirection: "column", alignItems: "center" }, props),
-        React.createElement(TopSegment, { status: status, hidden: isFirstItem }),
-        React.createElement(CenterSegment, { status: status, isLastItem: isLastItem }, status === "completed" && (React.createElement(IconWrapper, null,
-            React.createElement(CircledCheckSolidMedium, { color: isLastItem ? colors.success.c100 : colors.primary.c80, size: 24 })))),
-        React.createElement(BottomSegment, { status: status, hidden: isLastItem })));
+    return (React.createElement(Container, Object.assign({}, props),
+        React.createElement(IconWrapper, null,
+            React.createElement(CenterCircle, { status: status, isLastItem: isLastItem }, status === "completed" && (React.createElement(Flex, { position: "absolute" },
+                React.createElement(CircledCheckSolidMedium, { color: isLastItem ? colors.success.c70 : colors.primary.c80, size: 20 }))))),
+        isLastItem ? null : React.createElement(BottomSegment, { status: status })));
 }
+export default React.memo(TimelineIndicator);
+TimelineIndicator.topSegmentDefaultHeight = topSegmentDefaultHeight;
+//# sourceMappingURL=TimelineIndicator.js.map

package/lib/components/layout/List/VerticalTimeline/TimelineIndicator.js.map

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

package/lib/components/layout/List/VerticalTimeline/TimelineItem.d.ts

@@ -1,8 +1,11 @@
-/// <reference types="react" />
+import React from "react";
 import { Item } from ".";
 export type Props = {
     item: Item;
     isFirstItem?: boolean;
     isLastItem?: boolean;
+    onClick?: () => void;
 };
-export default function TimelineItem({ item, isFirstItem, isLastItem }: Props): JSX.Element;
+declare function TimelineItem({ item, isFirstItem, isLastItem, onClick }: Props): JSX.Element;
+declare const _default: React.MemoExoticComponent<typeof TimelineItem>;
+export default _default;

package/lib/components/layout/List/VerticalTimeline/TimelineItem.js

@@ -4,54 +4,51 @@ import { Flex, Box } from "../..";
 import { Text } from "../../..";
 import Tag from "../../../Tag";
 import TimelineIndicator from "./TimelineIndicator";
-const getContainerBackground = (theme, status, isLastItem) => {
-    if (isLastItem && status === "completed") {
-        return theme.colors.success.c30;
-    }
-    else if (status === "completed") {
-        return theme.colors.primary.c20;
+const getContainerBackground = (theme, status) => {
+    if (status === "completed") {
+        return "transparent";
     }
     else if (status === "active") {
         return theme.colors.neutral.c20;
     }
-    return theme.colors.neutral.c30;
+    return "transparent";
 };
 const getContainerBorder = (theme, status, isLastItem) => {
-    if (isLastItem && status === "completed") {
-        return theme.colors.success.c30;
+    if (status === "completed") {
+        return "transparent";
     }
     else if (isLastItem && status === "active") {
-        return theme.colors.success.c100;
-    }
-    else if (status === "completed") {
-        return theme.colors.primary.c20;
+        return theme.colors.success.c50;
     }
     else if (status === "active") {
-        return theme.colors.primary.c80;
+        return theme.colors.neutral.c40;
     }
-    return theme.colors.neutral.c30;
+    return "transparent";
 };
 const Container = styled(Flex) `
   flex: 1;
   border-radius: ${(p) => p.theme.radii[2]}px;
-  background: ${(p) => getContainerBackground(p.theme, p.status, p.isLastItem)};
+  background: ${(p) => getContainerBackground(p.theme, p.status)};
   border: 1px solid ${(p) => getContainerBorder(p.theme, p.status, p.isLastItem)};
   padding: 20px 16px;
 `;
 const TimelineIndicatorContentHeader = styled(Flex) `
   justify-content: space-between;
+  align-items: center;
 `;
-export default function TimelineItem({ item, isFirstItem, isLastItem }) {
+function TimelineItem({ item, isFirstItem, isLastItem, onClick }) {
     const { colors } = useTheme();
-    return (React.createElement(Flex, { flexDirection: "row" },
+    return (React.createElement(Flex, { flexDirection: "row", onClick: onClick, flex: 1 },
         React.createElement(TimelineIndicator, { status: item.status, isFirstItem: isFirstItem, isLastItem: isLastItem, mr: 4 }),
         React.createElement(Container, { status: item.status, isLastItem: isLastItem, mb: 4, flexDirection: "column" },
-            React.createElement(TimelineIndicatorContentHeader, null,
-                React.createElement(Text, { variant: "body", color: item.status === "inactive"
-                        ? "neutral.c80"
-                        : isLastItem
-                            ? "success.c100"
-                            : "primary.c90" }, item.title),
+            React.createElement(TimelineIndicatorContentHeader, { height: "20px" },
+                React.createElement(Text, { variant: "body", fontWeight: item.status === "active" ? "semiBold" : "medium", color: item.status !== "inactive" && isLastItem
+                        ? "success.c70"
+                        : item.status === "active"
+                            ? "primary.c80"
+                            : "neutral.c70" }, item.title),
                 (item === null || item === void 0 ? void 0 : item.estimatedTime) && item.status === "active" && (React.createElement(Tag, { size: "small", type: "opacity", active: true, disabled: true, textProps: { color: colors.neutral.c100 } }, `${item.estimatedTime / 60} min`))),
             item.renderBody && item.status === "active" && (React.createElement(Box, { position: "relative", pt: 6 }, item.renderBody(item.status === "active"))))));
 }
+export default React.memo(TimelineItem);
+//# sourceMappingURL=TimelineItem.js.map

package/lib/components/layout/List/VerticalTimeline/TimelineItem.js.map

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

package/lib/components/layout/List/VerticalTimeline/index.d.ts

@@ -1,4 +1,5 @@
-import { ReactNode } from "react";
+import React, { ReactNode } from "react";
+import { TextProps } from "../../../asorted/Text";
 import { BaseStyledProps } from "src/components/styled";
 export type ItemStatus = "inactive" | "active" | "completed";
 export type Item = {
@@ -9,5 +10,11 @@ export type Item = {
 };
 export type Props = BaseStyledProps & {
     steps?: Item[];
+    onClickIndex?: (index: number) => void;
 };
-export default function VerticalTimeline({ steps, ...props }: Props): JSX.Element;
+declare function VerticalTimeline({ steps, onClickIndex, ...props }: Props): JSX.Element;
+declare namespace VerticalTimeline {
+    var BodyText: React.FC<TextProps>;
+    var SubtitleText: React.FC<TextProps>;
+}
+export default VerticalTimeline;

package/lib/components/layout/List/VerticalTimeline/index.js

@@ -12,7 +12,13 @@ var __rest = (this && this.__rest) || function (s, e) {
 import React from "react";
 import TimelineItem from "./TimelineItem";
 import { Flex } from "../..";
+import Text from "../../../asorted/Text";
 export default function VerticalTimeline(_a) {
-    var { steps } = _a, props = __rest(_a, ["steps"]);
-    return (React.createElement(Flex, Object.assign({}, props, { flexDirection: "column" }), steps === null || steps === void 0 ? void 0 : steps.map((step, index) => (React.createElement(TimelineItem, { key: step.title, item: step, isFirstItem: index === 0, isLastItem: index === steps.length - 1 })))));
+    var { steps, onClickIndex } = _a, props = __rest(_a, ["steps", "onClickIndex"]);
+    return (React.createElement(Flex, Object.assign({}, props, { flexDirection: "column", flex: 1 }), steps === null || steps === void 0 ? void 0 : steps.map((step, index) => (React.createElement(TimelineItem, { key: index, item: step, isFirstItem: index === 0, isLastItem: index === steps.length - 1, onClick: onClickIndex ? () => onClickIndex(index) : undefined })))));
 }
+const SubtitleText = (props) => (React.createElement(Text, Object.assign({ variant: "body", fontWeight: "semiBold", color: "neutral.c100", mb: 3 }, props)));
+const BodyText = (props) => (React.createElement(Text, Object.assign({ variant: "bodyLineHeight", fontWeight: "medium", color: "neutral.c80" }, props)));
+VerticalTimeline.BodyText = BodyText;
+VerticalTimeline.SubtitleText = SubtitleText;
+//# sourceMappingURL=index.js.map

package/lib/components/layout/List/VerticalTimeline/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/layout/List/VerticalTimeline/index.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAEzC,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAC7B,OAAO,IAAmB,MAAM,uBAAuB,CAAC;AAiBxD,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EAAwC;QAAxC,EAAE,KAAK,EAAE,YAAY,OAAmB,EAAd,KAAK,cAA/B,yBAAiC,CAAF;IACtE,OAAO,CACL,oBAAC,IAAI,oBAAK,KAAK,IAAE,aAAa,EAAC,QAAQ,EAAC,IAAI,EAAE,CAAC,KAC5C,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC3B,oBAAC,YAAY,IACX,GAAG,EAAE,KAAK,EACV,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,KAAK,KAAK,CAAC,EACxB,UAAU,EAAE,KAAK,KAAK,KAAK,CAAC,MAAM,GAAG,CAAC,EACtC,OAAO,EAAE,YAAY,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,GAC7D,CACH,CAAC,CACG,CACR,CAAC;AACJ,CAAC;AAED,MAAM,YAAY,GAAwB,CAAC,KAAK,EAAE,EAAE,CAAC,CACnD,oBAAC,IAAI,kBAAC,OAAO,EAAC,MAAM,EAAC,UAAU,EAAC,UAAU,EAAC,KAAK,EAAC,cAAc,EAAC,EAAE,EAAE,CAAC,IAAM,KAAK,EAAI,CACrF,CAAC;AAEF,MAAM,QAAQ,GAAwB,CAAC,KAAK,EAAE,EAAE,CAAC,CAC/C,oBAAC,IAAI,kBAAC,OAAO,EAAC,gBAAgB,EAAC,UAAU,EAAC,QAAQ,EAAC,KAAK,EAAC,aAAa,IAAK,KAAK,EAAI,CACrF,CAAC;AAEF,gBAAgB,CAAC,QAAQ,GAAG,QAAQ,CAAC;AACrC,gBAAgB,CAAC,YAAY,GAAG,YAAY,CAAC"}

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

@@ -22,13 +22,13 @@ declare const PopinWrapper: {
         flexDirection: string;
         flex: number;
         overflow: string;
-    }, "overflow" | "p" | "color" | "as" | "size" | "rowGap" | "alignContent" | "alignItems" | "alignSelf" | "backgroundColor" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "bottom" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "order" | "overflowX" | "overflowY" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "top" | "verticalAlign" | "width" | "zIndex" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "flex" | "margin" | "padding" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "bg" | "borderX" | "borderY">;
+    }, "rowGap" | "alignContent" | "alignItems" | "alignSelf" | "backgroundColor" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "bottom" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "order" | "overflowX" | "overflowY" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "top" | "verticalAlign" | "width" | "zIndex" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "flex" | "margin" | "overflow" | "padding" | "p" | "size" | "as" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "bg" | "borderX" | "borderY">;
     Footer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("styled-system").FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("styled-system").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>> & import("styled-system").OverflowProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & {
         columnGap?: string | number | undefined;
         rowGap?: string | number | undefined;
         color?: string | undefined;
     } & {
         as: string;
-    }, "overflow" | "p" | "color" | "as" | "size" | "rowGap" | "alignContent" | "alignItems" | "alignSelf" | "backgroundColor" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "bottom" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "order" | "overflowX" | "overflowY" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "top" | "verticalAlign" | "width" | "zIndex" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "flex" | "margin" | "padding" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "bg" | "borderX" | "borderY">;
+    }, "rowGap" | "alignContent" | "alignItems" | "alignSelf" | "backgroundColor" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "bottom" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "order" | "overflowX" | "overflowY" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "top" | "verticalAlign" | "width" | "zIndex" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "flex" | "margin" | "overflow" | "padding" | "p" | "size" | "as" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "bg" | "borderX" | "borderY">;
 };
 export default PopinWrapper;

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

@@ -97,3 +97,4 @@ PopinWrapper.Header = PopinHeader;
 PopinWrapper.Body = PopinBody;
 PopinWrapper.Footer = PopinFooter;
 export default PopinWrapper;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/layout/Popin/index.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,QAAQ,MAAM,WAAW,CAAC;AACjC,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,SAAS,MAAM,sCAAsC,CAAC;AAC7D,OAAO,aAAa,MAAM,0CAA0C,CAAC;AAErE,OAAO,UAA+B,MAAM,cAAc,CAAC;AAC3D,OAAO,IAAI,MAAM,mBAAmB,CAAC;AAErC,OAAO,MAAM,MAAM,kBAAkB,CAAC;AACtC,OAAO,eAAe,MAAM,mCAAmC,CAAC;AAChE,OAAO,eAAe,MAAM,mCAAmC,CAAC;AAchE,MAAM,SAAS,GAAG,EAAE,CAAC;AAErB,MAAM,OAAO,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,KAAK,CAAe,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IACvD,aAAa,EAAE,QAAQ;IACvB,UAAU,EAAE,SAAS;IACrB,cAAc,EAAE,eAAe;IAC/B,MAAM,EAAE,CAAC,CAAC,MAAM,IAAI,GAAG,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,MAAM,IAAI;IAChE,KAAK,EAAE,CAAC,CAAC,KAAK,IAAI,GAAG,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,KAAK,IAAI;IAC7D,SAAS,EAAE,GAAG,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,MAAM,IAAI;IACvD,QAAQ,EAAE,GAAG,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,KAAK,IAAI;IACrD,SAAS,EAAE,GAAG,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,MAAM,IAAI;IACvD,QAAQ,EAAE,GAAG,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,KAAK,IAAI;IACrD,MAAM,EAAE,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;IAC3B,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC;IAC9C,MAAM,EAAE,CAAC;IACT,eAAe,EAAE,iBAAiB;CACnC,CAAC,CAAC,CAAA,EAAE,CAAC;AAEN,MAAM,OAAO,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IACzC,cAAc,EAAE,QAAQ;IACxB,UAAU,EAAE,QAAQ;IACpB,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,OAAO;IACf,MAAM,EAAE,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;IAC3B,QAAQ,EAAE,OAAO;IACjB,GAAG,EAAE,CAAC;IACN,IAAI,EAAE,CAAC;IACP,eAAe,EAAE,kBAAkB;CACpC,CAAC,CAAC,CAAA,EAAE,CAAC;AAEN,MAAM,MAAM,GAAG,UAAU,CAAC,OAAO,CAAA;;kCAEC,SAAS,yBAAyB,SAAS;;CAE5E,CAAC;AAEF,MAAM,oBAAoB,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC,CAAC;IACrD,cAAc,EAAE,QAAQ;CACzB,CAAC,CAAC,CAAA,EAAE,CAAC;AAEN,MAAM,SAAS,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC;IACvC,EAAE,EAAE,SAAS;IACb,aAAa,EAAE,QAAQ;IACvB,IAAI,EAAE,CAAC;IACP,QAAQ,EAAE,MAAM;CACjB,CAAC,CAAA,EAAE,CAAC;AAEL,MAAM,WAAW,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,EAAE,EAAE,EAAE,SAAS,EAAE,CAAC,CAAA,EAAE,CAAC;AAEhE,MAAM,aAAa,GAAG,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAA;;;CAG5C,CAAC;AAEF,MAAM,WAAW,GAAG,CAAC,EAAyD,EAAE,EAAE;QAA7D,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,OAA8B,EAAzB,KAAK,cAArC,iCAAuC,CAAF;IAAyB,OAAA,CACjF,oBAAC,MAAM,oBAAK,KAAK;QACf,oBAAC,IAAI,QACF,MAAM,CAAC,CAAC,CAAC,CACR,oBAAC,aAAa,IAAC,OAAO,EAAE,MAAM;YAC5B,oBAAC,aAAa,IAAC,IAAI,EAAE,SAAS,EAAE,KAAK,EAAC,cAAc,GAAG,CACzC,CACjB,CAAC,CAAC,CAAC,IAAI,CACH;QACP,oBAAC,oBAAoB,QAAE,QAAQ,CAAwB;QACvD,oBAAC,IAAI,QACF,OAAO,CAAC,CAAC,CAAC,CACT,oBAAC,aAAa,IAAC,OAAO,EAAE,OAAO;YAC7B,oBAAC,SAAS,IAAC,IAAI,EAAE,SAAS,EAAE,KAAK,EAAC,cAAc,GAAG,CACrC,CACjB,CAAC,CAAC,CAAC,IAAI,CACH,CACA,CACV,CAAA;CAAA,CAAC;AAEF,MAAM,KAAK,GAAG,CAAC,EAAyD,EAAE,EAAE;QAA7D,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,OAAwB,EAAnB,KAAK,cAA3C,yCAA6C,CAAF;IAAmB,OAAA,CAC3E,oBAAC,eAAe,IAAC,EAAE,EAAE,MAAM,EAAE,MAAM,QAAC,YAAY,QAAC,aAAa;QAC5D,oBAAC,OAAO;YACN,oBAAC,eAAe,IAAC,EAAE,EAAE,MAAM,EAAE,MAAM;gBACjC,oBAAC,OAAO,kBAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,IAAM,KAAK,GAC7C,QAAQ,CACD,CACM,CACV,CACM,CACnB,CAAA;CAAA,CAAC;AAEF,MAAM,YAAY,GAAG,CAAC,EAIT,EAAsB,EAAE;QAJf,EACpB,QAAQ,EACR,gBAAgB,OAEL,EADR,UAAU,cAHO,gCAIrB,CADc;IAEb,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CACzB,GAAG,EAAE,CACH,gBAAgB,KAAK,SAAS,IAAI,OAAO,QAAQ,KAAK,SAAS;QAC7D,CAAC,CAAC,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC;QAChC,CAAC,CAAC,gBAAgB,EACtB,CAAC,gBAAgB,CAAC,CACnB,CAAC;IACF,IAAI,CAAC,KAAK,EAAE;QACV,OAAO,oBAAC,KAAK,oBAAK,UAAU,GAAG,QAAQ,CAAS,CAAC;KAClD;SAAM;QACL,OAAO,QAAQ,CAAC,YAAY,CAAC,oBAAC,KAAK,oBAAK,UAAU,GAAG,QAAQ,CAAS,EAAE,KAAK,CAAC,CAAC;KAChF;AACH,CAAC,CAAC;AAEF,YAAY,CAAC,MAAM,GAAG,WAAW,CAAC;AAClC,YAAY,CAAC,IAAI,GAAG,SAAS,CAAC;AAC9B,YAAY,CAAC,MAAM,GAAG,WAAW,CAAC;AAElC,eAAe,YAAY,CAAC"}

package/lib/components/layout/Side/Provider.js

@@ -35,3 +35,4 @@ const SideProvider = ({ children }) => {
         } }, children));
 };
 export default SideProvider;
+//# sourceMappingURL=Provider.js.map

package/lib/components/layout/Side/Provider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Provider.js","sourceRoot":"","sources":["../../../../src/components/layout/Side/Provider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAQ9E,UAAU;AACV,qEAAqE;AACrE,MAAM,CAAC,IAAI,OAAO,GAGN,GAAG,EAAE,GAAE,CAAC,CAAC;AAErB,UAAU;AACV,MAAM,OAAO,GAAG,CAAkC,KAAe,EAAE,MAAgB,EAAE,EAAE;IACrF,uCAAY,KAAK,GAAK,MAAM,EAAG;AACjC,CAAC,CAAC;AAEF,MAAM,YAAY,GAAU;IAC1B,SAAS,EAAE,IAAI;IACf,IAAI,EAAE,KAAK;CACZ,CAAC;AAOF,MAAM,CAAC,MAAM,OAAO,GAAG,KAAK,CAAC,aAAa,CAAe;IACvD,KAAK,EAAE,YAAY;IACnB,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC;CAClB,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,OAAO,GAAG,GAAiB,EAAE;IACxC,OAAO,UAAU,CAAC,OAAO,CAAC,CAAC;AAC7B,CAAC,CAAC;AAEF,MAAM,YAAY,GAAG,CAAC,EAAE,QAAQ,EAAiC,EAAe,EAAE;IAChF,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,UAAU,CAAC,OAAO,EAAE,YAAY,CAAC,CAAC;IAE5D,MAAM,QAAQ,GAAG,WAAW,CAAC,CAAC,SAAS,EAAE,KAAK,EAAE,EAAE;QAChD,QAAQ,CAAC;YACP,SAAS;YACT,KAAK;YACL,IAAI,EAAE,CAAC,CAAC,SAAS;SAClB,CAAC,CAAC;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,GAAG,QAAQ,CAAC;IACrB,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,OAAO,CACL,oBAAC,OAAO,CAAC,QAAQ,IACf,KAAK,EAAE;YACL,KAAK;YACL,OAAO,EAAE,QAAQ;SAClB,IAEA,QAAQ,CACQ,CACpB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}

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

@@ -45,3 +45,4 @@ export const SideWrapper = (props) => {
         React.createElement(TransitionGroup, { enter: transitionsEnabled, exit: transitionsEnabled, component: null }, queue.map(({ Component, props, key }) => (React.createElement(TransitionSlide, { key: key, direction: direction }, Component && React.createElement(Component, Object.assign({}, props))))))));
 };
 export default SideWrapper;
+//# sourceMappingURL=index.js.map

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

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

package/lib/components/layout/index.js

@@ -5,3 +5,4 @@ export { default as Popin } from "./Popin";
 export { default as Side } from "./Side";
 export { default as Drawer } from "./Drawer";
 export { default as VerticalTimeline } from "./List/VerticalTimeline";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/layout/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,yBAAyB,CAAC"}

package/lib/components/loaders/InfiniteLoader/index.js

@@ -44,3 +44,4 @@ export default function InfiniteLoader(_a) {
             React.createElement("rect", { x: "0", y: "18", width: "44", height: "21", strokeWidth: "0", fill: "url(#gradient-end)", transform: "rotate(10)" })),
         React.createElement("path", { d: "M34.8807 20.9499C35.3608 17.0398 34.3815 13.09 32.1304 9.85712C29.8793 6.6242 26.5146 4.33541 22.6808 3.42914C18.847 2.52287 14.8136 3.06283 11.3532 4.94559C7.89277 6.82836 5.24858 9.92158 3.92708 13.6328C2.60558 17.344 2.69968 21.4123 4.19135 25.0584C5.68302 28.7045 8.4674 31.6722 12.0112 33.3929C15.5549 35.1137 19.609 35.4666 23.3968 34.384C27.1846 33.3015 30.4398 30.8596 32.5391 27.526", strokeWidth: "6", strokeLinecap: "round", strokeLinejoin: "round", mask: "url(#gradient-mask)" })));
 }
+//# sourceMappingURL=index.js.map

package/lib/components/loaders/InfiniteLoader/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/loaders/InfiniteLoader/index.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,EAAE,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AACtD,OAAO,EAAE,MAAM,EAAE,IAAI,EAAa,MAAM,eAAe,CAAC;AAExD,MAAM,MAAM,GAAG,SAAS,CAAA;;;;;;;CAOvB,CAAC;AAEF,MAAM,MAAM,GAAG,MAAM,CAAC,GAAG,CAAW;eACrB,MAAM;IACjB,IAAI;IACJ,MAAM,CAAC;IACP,MAAM,EAAE;QACN,QAAQ,EAAE,QAAQ;QAClB,KAAK,EAAE,QAAQ;KAChB;CACF,CAAC;CACH,CAAC;AAKF,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EAI/B;QAJ+B,EACrC,IAAI,GAAG,EAAE,EACT,KAAK,GAAG,aAAa,OAEf,EADH,UAAU,cAHwB,iBAItC,CADc;IAEb,OAAO,CACL,oBAAC,MAAM,kBACL,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,KAAK,EACb,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,IAC9B,UAAU;QAEd,wCACE,EAAE,EAAC,gBAAgB,EACnB,aAAa,EAAC,gBAAgB,EAC9B,iBAAiB,EAAC,aAAa;YAE/B,8BAAM,MAAM,EAAC,GAAG,EAAC,SAAS,EAAC,OAAO,EAAC,WAAW,EAAC,KAAK,GAAG;YACvD,8BAAM,MAAM,EAAC,GAAG,EAAC,SAAS,EAAC,OAAO,EAAC,WAAW,EAAC,GAAG,GAAG,CACtC;QACjB,wCACE,EAAE,EAAC,cAAc,EACjB,aAAa,EAAC,gBAAgB,EAC9B,iBAAiB,EAAC,aAAa;YAE/B,8BAAM,MAAM,EAAC,GAAG,EAAC,SAAS,EAAC,OAAO,EAAC,WAAW,EAAC,KAAK,GAAG;YACvD,8BAAM,MAAM,EAAC,GAAG,EAAC,SAAS,EAAC,OAAO,EAAC,WAAW,EAAC,GAAG,GAAG,CACtC;QAEjB,8BAAM,EAAE,EAAC,eAAe,EAAC,SAAS,EAAC,gBAAgB;YACjD,8BACE,CAAC,EAAC,IAAI,EACN,CAAC,EAAC,IAAI,EACN,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,WAAW,EAAC,GAAG,EACf,IAAI,EAAC,sBAAsB,EAC3B,SAAS,EAAC,YAAY,GACtB;YACF,8BACE,CAAC,EAAC,GAAG,EACL,CAAC,EAAC,IAAI,EACN,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,WAAW,EAAC,GAAG,EACf,IAAI,EAAC,oBAAoB,EACzB,SAAS,EAAC,YAAY,GACtB,CACG;QACP,8BACE,CAAC,EAAC,yYAAyY,EAC3Y,WAAW,EAAC,GAAG,EACf,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,IAAI,EAAC,qBAAqB,GAC1B,CACK,CACV,CAAC;AACJ,CAAC"}

package/lib/components/loaders/ProgressLoader/index.js

@@ -42,3 +42,4 @@ export default function ProgressLoader({ radius = 32, stroke = 6, progress = 0,
             "%")),
         React.createElement(ProgressCircleSvg, { radius: radius, stroke: stroke, progress: progress, frontStrokeColor: frontStrokeColor, frontStrokeLinecap: frontStrokeLinecap, backgroundStrokeColor: backgroundStrokeColor })));
 }
+//# sourceMappingURL=index.js.map

package/lib/components/loaders/ProgressLoader/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/loaders/ProgressLoader/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,IAAI,MAAM,oBAAoB,CAAC;AA6CtC,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC;IACvC,IAAI,EAAE,aAAa;IACnB,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;CACV,CAAC,CAAA;;;;CAID,CAAC;AAEF,MAAM,sBAAsB,GAAG,MAAM,CAAC,YAAY,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;IACpE,MAAM,EAAE,KAAK,CAAC,MAAM,IAAI,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG;CACvD,CAAC,CAAC,CAAA,EAAE,CAAC;AAEN,MAAM,iBAAiB,GAAG,MAAM,CAAC,YAAY,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;IAC/D,MAAM,EAAE,KAAK,CAAC,MAAM,IAAI,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG;CACvD,CAAC,CAAC,CAAA,EAAE,CAAC;AAEN,MAAM,kBAAkB,GAAG,MAAM,CAAC,IAAI,CAAC,CAAA;;;;;;CAMtC,CAAC;AAEF,MAAM,6BAA6B,GAAG,MAAM,CAAC,GAAG,CAAA;;;CAG/C,CAAC;AAEF,SAAS,iBAAiB,CAAC,EACzB,MAAM,EACN,MAAM,EACN,QAAQ,EACR,qBAAqB,EACrB,gBAAgB,EAChB,kBAAkB,GAQnB;IACC,MAAM,gBAAgB,GAAG,MAAM,GAAG,MAAM,GAAG,CAAC,CAAC;IAC7C,MAAM,aAAa,GAAG,gBAAgB,GAAG,CAAC,GAAG,IAAI,CAAC,EAAE,CAAC;IACrD,MAAM,gBAAgB,GAAG,aAAa,GAAG,CAAC,QAAQ,GAAG,GAAG,CAAC,GAAG,aAAa,CAAC;IAC1E,OAAO,CACL,6BAAK,MAAM,EAAE,MAAM,GAAG,CAAC,EAAE,KAAK,EAAE,MAAM,GAAG,CAAC;QACxC,oBAAC,sBAAsB,IACrB,WAAW,EAAE,MAAM,EACnB,eAAe,EAAE,aAAa,GAAG,GAAG,GAAG,aAAa,EACpD,KAAK,EAAE,EAAE,gBAAgB,EAAE,CAAC,EAAE,EAC9B,MAAM,EAAE,qBAAqB,EAC7B,CAAC,EAAE,gBAAgB,GACnB;QACF,oBAAC,iBAAiB,IAChB,WAAW,EAAE,MAAM,EACnB,eAAe,EAAE,aAAa,GAAG,GAAG,GAAG,aAAa,EACpD,KAAK,EAAE,EAAE,gBAAgB,EAAE,EAC3B,MAAM,EAAE,gBAAgB,EACxB,aAAa,EAAE,kBAAkB,EACjC,CAAC,EAAE,gBAAgB,GACnB,CACE,CACP,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,MAAM,GAAG,EAAE,EACX,MAAM,GAAG,CAAC,EACV,QAAQ,GAAG,CAAC,EACZ,cAAc,GAAG,IAAI,EACrB,SAAS,EACT,gBAAgB,EAChB,kBAAkB,EAClB,qBAAqB,GACf;IACN,OAAO,CACL,oBAAC,6BAA6B;QAC3B,cAAc,IAAI,CACjB,oBAAC,kBAAkB,IAAC,OAAO,EAAC,MAAM,EAAC,KAAK,EAAE,SAAS,IAAI,aAAa;YACjE,QAAQ;gBACU,CACtB;QACD,oBAAC,iBAAiB,IAChB,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,gBAAgB,EAAE,gBAAgB,EAClC,kBAAkB,EAAE,kBAAkB,EACtC,qBAAqB,EAAE,qBAAqB,GAC5C,CAC4B,CACjC,CAAC;AACJ,CAAC"}

package/lib/components/loaders/index.js

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

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

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

package/lib/components/message/Alert/index.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
+import { DefaultTheme } from "styled-components";
 import { TextVariants } from "../../../styles/theme";
-type AlertType = "info" | "warning" | "error";
+type AlertType = "info" | "secondary" | "success" | "warning" | "error";
 type RenderProps = (props: {
-    color: string;
     textProps: {
         variant?: TextVariants;
         fontWeight?: string;
@@ -34,5 +34,17 @@ export interface AlertProps {
      */
     showIcon?: boolean;
 }
-export default function Alert({ type, title, showIcon, renderContent, renderRight, containerProps, }: AlertProps): JSX.Element;
-export {};
+declare function Alert({ type, title, showIcon, renderContent, renderRight, containerProps, }: AlertProps): JSX.Element;
+declare namespace Alert {
+    var BodyText: import("styled-components").StyledComponent<"span", DefaultTheme, import("../../asorted/Text").TextProps & {
+        flexShrink: number;
+        variant: string;
+        fontWeight: string;
+    }, keyof import("../../asorted/Text").TextProps>;
+    var UnderlinedText: import("styled-components").StyledComponent<"span", DefaultTheme, import("../../asorted/Text").TextProps & {
+        flexShrink: number;
+        variant: string;
+        fontWeight: string;
+    }, keyof import("../../asorted/Text").TextProps>;
+}
+export default Alert;

package/lib/components/message/Alert/index.js

@@ -2,54 +2,81 @@ import React from "react";
 import styled, { useTheme } from "styled-components";
 import Text from "../../asorted/Text";
 import Flex from "../../layout/Flex";
-import ShieldSecurityMedium from "@ledgerhq/icons-ui/react/ShieldSecurityMedium";
-import CircledCrossMedium from "@ledgerhq/icons-ui/react/CircledCrossMedium";
-import CircledAlertMedium from "@ledgerhq/icons-ui/react/CircledAlertMedium";
+import InfoAltFillMedium from "@ledgerhq/icons-ui/react/InfoAltFillMedium";
+import CircledCheckSolidMedium from "@ledgerhq/icons-ui/react/CircledCheckSolidMedium";
+import WarningSolidMedium from "@ledgerhq/icons-ui/react/WarningSolidMedium";
+import CircledCrossSolidMedium from "@ledgerhq/icons-ui/react/CircledCrossSolidMedium";
 const StyledIconContainer = styled.div `
-  margin-right: 12px;
+  margin-right: 8px;
   display: flex;
   align-items: center;
 `;
 const icons = {
-    info: React.createElement(ShieldSecurityMedium, { size: 20 }),
-    warning: React.createElement(CircledAlertMedium, { size: 20 }),
-    error: React.createElement(CircledCrossMedium, { size: 20 }),
+    info: React.createElement(InfoAltFillMedium, { size: 24 }),
+    secondary: React.createElement(InfoAltFillMedium, { size: 24 }),
+    success: React.createElement(CircledCheckSolidMedium, { size: 24 }),
+    warning: React.createElement(WarningSolidMedium, { size: 24 }),
+    error: React.createElement(CircledCrossSolidMedium, { size: 24 }),
 };
 const getColors = ({ theme, type }) => {
     switch (type) {
+        case "secondary":
+            return {
+                background: theme.colors.opacityDefault.c05,
+                iconColor: theme.colors.neutral.c80,
+            };
+        case "success":
+            return {
+                background: theme.colors.success.c10,
+                iconColor: theme.colors.success.c50,
+            };
         case "warning":
             return {
-                background: theme.colors.warning.c30,
-                color: theme.colors.warning.c100,
+                background: theme.colors.warning.c10,
+                iconColor: theme.colors.warning.c70,
             };
         case "error":
             return {
-                background: theme.colors.error.c30,
-                color: theme.colors.error.c100,
+                background: theme.colors.error.c10,
+                iconColor: theme.colors.error.c50,
             };
         case "info":
         default:
             return {
-                background: theme.colors.primary.c20,
-                color: theme.colors.primary.c90,
+                background: theme.colors.primary.c10,
+                iconColor: theme.colors.primary.c80,
             };
     }
 };
 const StyledAlertContainer = styled(Flex) `
-  border-radius: ${(p) => `${p.theme.radii[1]}px`};
-  align-items: center;
+  border-radius: ${(p) => `${p.theme.radii[2]}px`};
+  align-items: start;
+`;
+const AlertBodyText = styled(Text).attrs({
+    flexShrink: 1,
+    variant: "bodyLineHeight",
+    fontWeight: "semiBold",
+}) ``;
+const AlertUnderlinedText = styled(AlertBodyText) `
+  text-decoration-line: underline;
 `;
-export default function Alert({ type = "info", title, showIcon = true, renderContent, renderRight, containerProps, }) {
+function Alert({ type = "info", title, showIcon = true, renderContent, renderRight, containerProps, }) {
     const theme = useTheme();
-    const { color, background } = getColors({ theme, type });
+    const { iconColor, background } = getColors({ theme, type });
     const textProps = {
-        variant: "paragraph",
-        fontWeight: "medium",
+        variant: "bodyLineHeight",
+        fontWeight: "semiBold",
     };
-    return (React.createElement(StyledAlertContainer, Object.assign({ color: color, backgroundColor: background, padding: 6 }, containerProps),
-        showIcon && !!icons[type] && React.createElement(StyledIconContainer, null, icons[type]),
+    const textColor = "neutral.c100";
+    return (React.createElement(StyledAlertContainer, Object.assign({ color: textColor, backgroundColor: background, padding: 6 }, containerProps),
+        showIcon && !!icons[type] && (React.createElement(Flex, { color: iconColor },
+            React.createElement(StyledIconContainer, null, icons[type]))),
         React.createElement(Flex, { flexDirection: "column", flex: 1, alignItems: "flex-start", rowGap: "6px" },
-            title && (React.createElement(Text, Object.assign({}, textProps, { color: "inherit" }), title)),
-            renderContent && renderContent({ color, textProps })),
-        React.createElement(Flex, null, renderRight && renderRight({ color, textProps }))));
+            title && (React.createElement(Text, Object.assign({}, textProps, { color: textColor }), title)),
+            renderContent && renderContent({ textProps })),
+        React.createElement(Flex, { alignSelf: "center" }, renderRight && renderRight({ textProps }))));
 }
+Alert.BodyText = AlertBodyText;
+Alert.UnderlinedText = AlertUnderlinedText;
+export default Alert;
+//# sourceMappingURL=index.js.map

package/lib/components/message/Alert/index.js.map

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

package/lib/components/message/ContinueOnDevice/index.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+type Props = {
+    Icon: React.ComponentType<{
+        size: number;
+        color?: string;
+    }>;
+    text: string;
+    withTopDivider?: boolean;
+};
+declare const ContinueOnDevice: React.FC<Props>;
+export default ContinueOnDevice;

package/lib/components/message/ContinueOnDevice/index.js

@@ -0,0 +1,12 @@
+import React from "react";
+import { Divider, Text } from "../../asorted";
+import Flex from "../../layout/Flex";
+const ContinueOnDevice = ({ Icon, text, withTopDivider = true }) => {
+    return (React.createElement(Flex, { flexDirection: "column" },
+        withTopDivider ? React.createElement(Divider, { my: 6 }) : null,
+        React.createElement(Flex, { flexDirection: "row", alignItems: "center", flexShrink: 1 },
+            React.createElement(Icon, { size: 48 }),
+            React.createElement(Text, { flex: 1, pl: 4, flexWrap: "wrap", variant: "body", fontWeight: "medium", color: "neutral.c100" }, text))));
+};
+export default ContinueOnDevice;
+//# sourceMappingURL=index.js.map

package/lib/components/message/ContinueOnDevice/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/message/ContinueOnDevice/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAC9C,OAAO,IAAI,MAAM,mBAAmB,CAAC;AAQrC,MAAM,gBAAgB,GAAoB,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,cAAc,GAAG,IAAI,EAAE,EAAE,EAAE;IAClF,OAAO,CACL,oBAAC,IAAI,IAAC,aAAa,EAAC,QAAQ;QACzB,cAAc,CAAC,CAAC,CAAC,oBAAC,OAAO,IAAC,EAAE,EAAE,CAAC,GAAI,CAAC,CAAC,CAAC,IAAI;QAC3C,oBAAC,IAAI,IAAC,aAAa,EAAC,KAAK,EAAC,UAAU,EAAC,QAAQ,EAAC,UAAU,EAAE,CAAC;YACzD,oBAAC,IAAI,IAAC,IAAI,EAAE,EAAE,GAAI;YAClB,oBAAC,IAAI,IACH,IAAI,EAAE,CAAC,EACP,EAAE,EAAE,CAAC,EACL,QAAQ,EAAC,MAAM,EACf,OAAO,EAAC,MAAM,EACd,UAAU,EAAC,QAAQ,EACnB,KAAK,EAAC,cAAc,IAEnB,IAAI,CACA,CACF,CACF,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/lib/components/message/Log/Brackets.js

@@ -25,3 +25,4 @@ export const BracketRight = () => (React.createElement(FlexBox, { flex: "0 0 1.2
     React.createElement(SvgBottom, { viewBox: "0 0 64 128", fill: "currentColor" },
         React.createElement("g", null,
             React.createElement("path", { d: "m 8.692,119.94 v 8.058 H 64 V 91.6548 H 55.941 V 119.94 Z" })))));
+//# sourceMappingURL=Brackets.js.map

package/lib/components/message/Log/Brackets.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Brackets.js","sourceRoot":"","sources":["../../../../src/components/message/Log/Brackets.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,OAAO,MAAM,mBAAmB,CAAC;AAExC,MAAM,MAAM,GAAG,MAAM,CAAC,GAAG,CAAA;;;;CAIxB,CAAC;AAEF,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAA;;;;CAI3B,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,GAAuB,EAAE,CAAC,CACnD,oBAAC,OAAO,IACN,IAAI,EAAC,WAAW,EAChB,aAAa,EAAC,QAAQ,EACtB,QAAQ,EAAC,UAAU,EACnB,cAAc,EAAC,eAAe,EAC9B,UAAU,EAAC,YAAY;IAEvB,oBAAC,MAAM,IAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,cAAc;QAC7C;YACE,8BAAM,CAAC,EAAC,qDAAqD,GAAG,CAC9D,CACG;IACT,oBAAC,SAAS,IAAC,OAAO,EAAC,YAAY,EAAC,IAAI,EAAC,cAAc;QACjD;YACE,8BAAM,CAAC,EAAC,2DAA2D,GAAG,CACpE,CACM,CACJ,CACX,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,GAAuB,EAAE,CAAC,CACpD,oBAAC,OAAO,IACN,IAAI,EAAC,WAAW,EAChB,aAAa,EAAC,QAAQ,EACtB,QAAQ,EAAC,UAAU,EACnB,cAAc,EAAC,eAAe,EAC9B,UAAU,EAAC,UAAU;IAErB,oBAAC,MAAM,IAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,cAAc;QAC7C;YACE,8BAAM,CAAC,EAAC,mDAAmD,GAAG,CAC5D,CACG;IACT,oBAAC,SAAS,IAAC,OAAO,EAAC,YAAY,EAAC,IAAI,EAAC,cAAc;QACjD;YACE,8BAAM,CAAC,EAAC,2DAA2D,GAAG,CACpE,CACM,CACJ,CACX,CAAC"}

package/lib/components/message/Log/index.js

@@ -38,3 +38,4 @@ function Log(_a) {
         React.createElement(BracketRight, null)));
 }
 export default memo(Log);
+//# sourceMappingURL=index.js.map

package/lib/components/message/Log/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/message/Log/index.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AACpC,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,OAAO,IAAmB,MAAM,oBAAoB,CAAC;AACrD,OAAO,OAAyB,MAAM,mBAAmB,CAAC;AAC1D,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAQvD,MAAM,SAAS,GAAG,MAAM,CAAC,OAAO,CAAC,CAAA;;;;gBAIjB,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC;CACvC,CAAC;AAEF,MAAM,aAAa,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC,CAAC;IACjD,IAAI,EAAE,GAAG;IACT,cAAc,EAAE,QAAQ;IACxB,UAAU,EAAE,QAAQ;CACrB,CAAC,CAAC,CAAA;IACC,IAAI;;;CAGP,CAAC;AAEF,SAAS,GAAG,CAAC,EAA6C;QAA7C,EAAE,QAAQ,EAAE,cAAc,OAAmB,EAAd,KAAK,cAApC,8BAAsC,CAAF;IAC/C,OAAO,CACL,oBAAC,SAAS,kBAAC,KAAK,EAAC,cAAc,IAAK,KAAK;QACvC,oBAAC,WAAW,OAAG;QACf,oBAAC,aAAa,IAAC,IAAI,EAAC,GAAG,EAAC,UAAU,EAAC,QAAQ,EAAC,cAAc,EAAC,QAAQ;YACjE,oBAAC,IAAI,kBACH,OAAO,EAAC,IAAI,EACZ,aAAa,EAAC,WAAW,EACzB,SAAS,EAAC,QAAQ,EAClB,KAAK,EAAC,SAAS,IACX,cAAc,GAEjB,QAAQ,CACJ,CACO;QAChB,oBAAC,YAAY,OAAG,CACN,CACb,CAAC;AACJ,CAAC;AAED,eAAe,IAAI,CAAC,GAAG,CAAC,CAAC"}

package/lib/components/message/Notification/Badge.js

@@ -20,7 +20,7 @@ const ActiveCircle = styled.div `
   width: 10px;
   border-radius: 9999px;
   box-sizing: content-box;
-  background-color: ${(p) => p.theme.colors.error.c100};
+  background-color: ${(p) => p.theme.colors.error.c50};
 
   border: 2px solid
     var(
@@ -52,3 +52,4 @@ export default function Badge(_a) {
         icon,
         active && React.createElement(ActiveCircle, null)));
 }
+//# sourceMappingURL=Badge.js.map

package/lib/components/message/Notification/Badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.js","sourceRoot":"","sources":["../../../../src/components/message/Notification/Badge.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAEpF,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;sBAQT,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG;;;;;QAK7C,CAAC,CAAC,EAAE,EAAE;IACN,uEAAuE;IACvE,OAAO,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC;AACxC,CAAC;;CAEN,CAAC;AAEF,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;IAQtB,KAAK;IACL,QAAQ;IACR,MAAM;IACN,MAAM;IACN,UAAU;IACV,MAAM;CACT,CAAC;AAQF,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAAiC;QAAjC,EAAE,MAAM,EAAE,IAAI,OAAmB,EAAd,KAAK,cAAxB,kBAA0B,CAAF;IACpD,OAAO,CACL,oBAAC,OAAO,oBAAK,KAAK;QACf,IAAI;QACJ,MAAM,IAAI,oBAAC,YAAY,OAAG,CACnB,CACX,CAAC;AACJ,CAAC"}

package/lib/components/message/Notification/index.js

@@ -41,3 +41,4 @@ function Notification(_a) {
 }
 Notification.Badge = Badge;
 export default Notification;
+//# sourceMappingURL=index.js.map