@ledgerhq/react-ui 0.10.0 → 0.10.1-next.0

package/lib/components/helpers.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 export declare const lipsum = "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi varius sollicitudin lectus vel finibus. Praesent eu leo nec libero interdum sodales et eget nulla. Donec tincidunt posuere sem vel porttitor. Nullam maximus urna non elit tempor, ut fermentum metus euismod. Quisque et rutrum arcu. Etiam nisl elit, tincidunt volutpat libero sed, imperdiet mollis risus. Maecenas imperdiet lectus id sapien tempus, eget fringilla nisl lacinia. Sed sem velit, egestas nec imperdiet ac, lobortis vel lectus. Curabitur dui orci, aliquam sit amet metus ut, sollicitudin fermentum erat. Curabitur id purus eget lectus varius congue. Donec eu auctor augue. Ut eleifend arcu nisl, volutpat fringilla quam cursus sit amet. Praesent leo enim, cursus vel egestas sed, vestibulum imperdiet diam. Etiam a diam lectus. Suspendisse aliquam imperdiet ultrices. Phasellus eget nulla eros. Nullam semper porta pulvinar. Duis maximus, lectus ac fringilla interdum, lacus ex cursus tellus, et dapibus est nisi id dolor. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla gravida elit turpis, ac condimentum velit placerat at. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In dolor tellus, semper id pulvinar eget, ornare bibendum justo. Sed in libero nisl. Morbi tincidunt sollicitudin nunc, vel imperdiet nisi iaculis vel. Nam viverra lorem vel ligula varius, lacinia maximus metus porta. Sed vitae vehicula leo. Proin sed lectus in lorem laoreet iaculis sed ut eros. Pellentesque et rhoncus sapien. Nam fringilla mauris nec tellus vestibulum, vel convallis mauris sagittis. Vivamus et lacinia dui. Sed pharetra vitae lacus vel facilisis. Nullam et sollicitudin risus. Curabitur egestas bibendum neque, sed lacinia nisi cursus nec. Quisque sed diam congue, luctus magna eget, convallis lectus. Cras ut tellus imperdiet, blandit magna non, auctor felis. Suspendisse potenti. Nulla volutpat felis vitae ante blandit tempor. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nulla sagittis scelerisque magna quis ultrices";
-export declare type StoryTemplate<Args> = {
+export type StoryTemplate<Args> = {
     (args: Args): React.ReactNode;
     args?: Partial<Args>;
     parameters?: unknown;

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

@@ -1,5 +1,5 @@
 import { BaseStyledProps } from "../../styled";
-export declare type BoxProps = BaseStyledProps;
+export type BoxProps = BaseStyledProps;
 declare const Box: 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;

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

@@ -1,5 +1,5 @@
 import { BaseStyledProps } from "../../styled";
-export declare type FlexBoxProps = BaseStyledProps;
+export type FlexBoxProps = BaseStyledProps;
 declare const FlexBox: 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;

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { FlexBoxProps as FlexProps } from "../../Flex";
-export declare type Props = FlexProps & {
+export type Props = FlexProps & {
     status: "inactive" | "active" | "completed";
     isFirstItem?: boolean;
     isLastItem?: boolean;

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { Item } from ".";
-export declare type Props = {
+export type Props = {
     item: Item;
     isFirstItem?: boolean;
     isLastItem?: boolean;

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

@@ -1,13 +1,13 @@
 import { ReactNode } from "react";
 import { BaseStyledProps } from "src/components/styled";
-export declare type ItemStatus = "inactive" | "active" | "completed";
-export declare type Item = {
+export type ItemStatus = "inactive" | "active" | "completed";
+export type Item = {
     status: ItemStatus;
     title: string;
     renderBody?: (isDisplayed?: boolean) => ReactNode;
     estimatedTime?: number;
 };
-export declare type Props = BaseStyledProps & {
+export type Props = BaseStyledProps & {
     steps?: Item[];
 };
 export default function VerticalTimeline({ steps, ...props }: Props): JSX.Element;

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

@@ -5,7 +5,7 @@ export interface PopinProps extends BaseStyledProps {
     children: React.ReactNode;
     menuPortalTarget?: Element | null;
 }
-export declare type PopinHeaderProps = BaseStyledProps & {
+export type PopinHeaderProps = BaseStyledProps & {
     onClose?: () => void;
     onBack?: () => void;
     children: React.ReactNode;

package/lib/components/loaders/InfiniteLoader/index.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 import { SizeProps } from "styled-system";
 declare const Loader: import("styled-components").StyledComponent<"svg", import("styled-components").DefaultTheme, SizeProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Height<import("styled-system").TLengthStyledSystem>>, never>;
-export declare type Props = React.ComponentProps<typeof Loader> & {
+export type Props = React.ComponentProps<typeof Loader> & {
     color?: string;
 };
 export default function InfiniteLoader({ size, color, ...extraProps }: Props): JSX.Element;

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { TextVariants } from "../../../styles/theme";
-declare type AlertType = "info" | "warning" | "error";
-declare type RenderProps = (props: {
+type AlertType = "info" | "warning" | "error";
+type RenderProps = (props: {
     color: string;
     textProps: {
         variant?: TextVariants;

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

@@ -1,7 +1,7 @@
 import React from "react";
 import { TextProps } from "../../asorted/Text";
 import { FlexBoxProps } from "../../layout/Flex";
-export declare type Props = React.PropsWithChildren<FlexBoxProps & {
+export type Props = React.PropsWithChildren<FlexBoxProps & {
     extraTextProps?: TextProps;
 }>;
 declare function Log({ children, extraTextProps, ...props }: Props): JSX.Element;

package/lib/components/message/Notification/Badge.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 declare const Wrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare type Props = {
+export type Props = {
     active?: boolean;
     icon: JSX.Element;
 } & React.ComponentProps<typeof Wrapper>;

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

@@ -12,7 +12,7 @@ export interface Props extends ContainerProps {
     link?: string;
     onLinkClick?: LinkProps["onClick"];
 }
-export declare type NotificationType = {
+export type NotificationType = {
     (p: Props): JSX.Element;
     Badge: typeof Badge;
 };

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-declare type TipType = "success" | "warning" | "error";
+type TipType = "success" | "warning" | "error";
 export interface TipProps {
     type?: TipType;
     label: string;

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { TippyProps } from "@tippyjs/react";
-declare type Placement = "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "auto" | "auto-start" | "auto-end";
+type Placement = "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "auto" | "auto-start" | "auto-end";
 export interface Props extends TippyProps {
     /** The preferred placement of the tippy. */
     placement?: Placement;

package/lib/components/navigation/Aside/index.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import { ColorProps, LayoutProps, TypographyProps } from "styled-system";
-export declare type Props = React.PropsWithChildren<{
+export type Props = React.PropsWithChildren<{
     header: React.ReactNode;
     footer?: React.ReactNode;
 }> & React.ComponentProps<typeof Wrapper>;

package/lib/components/navigation/Breadcrumb/index.d.ts

@@ -1,16 +1,16 @@
 import React from "react";
-export declare type Props = {
+export type Props = {
     segments: Segment[];
     onChange: (values: string[]) => void;
 };
-export declare type Element = {
+export type Element = {
     label: string;
     value: string;
 };
-export declare type Elements = {
+export type Elements = {
     value: Element;
     options: Element[];
 };
-export declare type Segment = Element | Elements;
+export type Segment = Element | Elements;
 declare const _default: React.NamedExoticComponent<Props>;
 export default _default;

package/lib/components/navigation/FlowStepper/index.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 import { Props as StepperProps } from "../progress/Stepper";
 import { FlexBoxProps as FlexProps } from "../../layout/Flex";
-export declare type StepProps = {
+export type StepProps = {
     /**
      * A specific index, can be used to explicitely order steps.
      */
@@ -37,9 +37,9 @@ interface InnerProps {
      */
     stepsLength: number;
 }
-declare type StepChild = React.ReactElement<StepProps>;
-declare type SectionRenderFunc<ExtraProps> = (props: InnerProps & ExtraProps) => React.ReactNode;
-declare type SectionStepRenderFunc<ExtraProps> = (args: InnerProps & ExtraProps & {
+type StepChild = React.ReactElement<StepProps>;
+type SectionRenderFunc<ExtraProps> = (props: InnerProps & ExtraProps) => React.ReactNode;
+type SectionStepRenderFunc<ExtraProps> = (args: InnerProps & ExtraProps & {
     children: React.ReactNode;
 }) => React.ReactNode;
 export interface Props<ExtraProps> {
@@ -101,14 +101,14 @@ declare namespace FlowStepper {
     var Indexed: typeof FlowStepperIndexed;
 }
 export default FlowStepper;
-export declare type IndexedStepProps = StepProps & {
+export type IndexedStepProps = StepProps & {
     /**
      * String to identify the step. Must be different from sibling steps's `key` prop.
      */
     itemKey: string;
 };
-declare type IndexedStepperChild = React.ReactElement<IndexedStepProps>;
-export declare type IndexedProps<ExtraProps> = Omit<Props<ExtraProps>, "activeIndex" | "children"> & {
+type IndexedStepperChild = React.ReactElement<IndexedStepProps>;
+export type IndexedProps<ExtraProps> = Omit<Props<ExtraProps>, "activeIndex" | "children"> & {
     /**
      * The key of the active step
      */

package/lib/components/navigation/Header/index.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import FlexBox from "../../layout/Flex";
-export declare type Props = {
+export type Props = {
     left?: React.ReactNode;
     right?: React.ReactNode;
     children?: React.ReactNode;

package/lib/components/navigation/progress/ProgressBar/Onboarding.d.ts

@@ -3,7 +3,7 @@ interface Step {
     key: string;
     label: string;
 }
-export declare type OnboardingProps = {
+export type OnboardingProps = {
     steps: Step[];
     currentIndex: number;
 };

package/lib/components/navigation/progress/Stepper/index.d.ts

@@ -4,8 +4,8 @@ import { FlexBoxProps } from "../../../layout/Flex";
 /**
  * The state of a progress bar step.
  */
-export declare type StepState = "pending" | "current" | "completed" | "errored" | "disabled";
-declare type LabelType = string | React.ComponentType<{
+export type StepState = "pending" | "current" | "completed" | "errored" | "disabled";
+type LabelType = string | React.ComponentType<{
     state: StepState;
 }>;
 export interface Props extends FlexBoxProps {
@@ -29,7 +29,7 @@ export interface Props extends FlexBoxProps {
      */
     disabledIndexes?: number[];
 }
-export declare type StepProps = {
+export type StepProps = {
     /**
      * State of the step.
      */

package/lib/components/navigation/sideBar/Item/Item.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 export declare const ItemLabel: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, import("../../../asorted/Text").TextProps, keyof import("../../../asorted/Text").TextProps>;
-export declare type ItemType = {
+export type ItemType = {
     label: string;
     children: JSX.Element;
     onClick: () => void;

package/lib/components/navigation/sideBar/SideBar/SideBar.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare type SideBarProps = {
+export type SideBarProps = {
     children: Array<JSX.Element>;
     onToggle: () => void;
     isExpanded?: boolean;

package/lib/components/navigation/sideBar/Toggle/Toggle.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-declare type ToggleButtonProps = {
+type ToggleButtonProps = {
     isDisplayed: boolean;
 };
 declare const ToggleButton: ({ isDisplayed }: ToggleButtonProps) => JSX.Element;

package/lib/components/navigation/sideBar/index.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-declare type SideBarContextType = {
+type SideBarContextType = {
     isExpanded: boolean;
     onToggle: () => void;
 };

package/lib/components/styled.d.ts

@@ -1,6 +1,6 @@
 import { StyledInterface, InterpolationFunction } from "styled-components";
 import { FlexboxProps, SpaceProps, PositionProps, ColorProps, LayoutProps, OverflowProps, BorderProps } from "styled-system";
-export declare type BaseStyledProps = SpaceProps & FlexboxProps & PositionProps & ColorProps & LayoutProps & BorderProps & OverflowProps & {
+export type BaseStyledProps = SpaceProps & FlexboxProps & PositionProps & ColorProps & LayoutProps & BorderProps & OverflowProps & {
     /**
      * The columnGap CSS property sets the size of the gap (gutter) between an element's grid columns.
      */

package/lib/components/tabs/Bar/index.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-export declare type Props = React.PropsWithChildren<{
+export type Props = React.PropsWithChildren<{
     /**
      * An optional callback that will be called when the active tab changes.
      */

package/lib/components/tabs/Chip/index.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-export declare type Props = React.PropsWithChildren<{
+export type Props = React.PropsWithChildren<{
     /**
      * An optional callback that will be called when the active tab changes.
      */

package/lib/components/tabs/Pill/index.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-export declare type Props = React.PropsWithChildren<{
+export type Props = React.PropsWithChildren<{
     /**
      * An optional callback that will be called when the active tab changes.
      */

package/lib/components/tabs/Tabs/index.d.ts

@@ -6,7 +6,7 @@ export interface TabContent {
     badge?: string | number;
     Component: React.ReactFragment;
 }
-export declare type Props = React.PropsWithChildren<{
+export type Props = React.PropsWithChildren<{
     /**
      * An optional callback that will be called when the active tab changes.
      */

package/lib/components/transitions/TransitionInOut.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import { CSSTransitionProps } from "react-transition-group/CSSTransition";
-declare type TransitionInOutProps = Partial<CSSTransitionProps & {
+type TransitionInOutProps = Partial<CSSTransitionProps & {
     children: React.ReactNode;
     in: boolean;
     timeout?: number;

package/lib/components/transitions/TransitionScale.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import { CSSTransitionProps } from "react-transition-group/CSSTransition";
-declare type TransitionScaleProps = Partial<CSSTransitionProps & {
+type TransitionScaleProps = Partial<CSSTransitionProps & {
     children: React.ReactNode;
     in: boolean;
     timeout?: number;

package/lib/components/transitions/TransitionSlide.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import { CSSTransitionProps } from "react-transition-group/CSSTransition";
-declare type TransitionSlideProps = Partial<CSSTransitionProps & {
+type TransitionSlideProps = Partial<CSSTransitionProps & {
     children: React.ReactNode;
     fixed: boolean;
     reverseExit?: boolean;

package/lib/styles/InvertTheme.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-export declare type Props = {
+export type Props = {
     if?: boolean;
 };
 export declare const InvertTheme: ({ if: condition, children, }: React.PropsWithChildren<Props>) => React.ReactElement;

package/lib/styles/global.d.ts

@@ -1,4 +1,4 @@
-export declare type GlobalStyleProps = {
+export type GlobalStyleProps = {
     fontsPath?: string;
     fontMappings?: (name: string) => string;
 };

package/lib/styles/theme.d.ts

@@ -1,10 +1,10 @@
 import { DefaultTheme } from "styled-components";
 import { ColorPalette } from "@ledgerhq/ui-shared";
-export declare type screensBreakpoints = "sm" | "md" | "lg" | "xl" | "xxl";
+export type screensBreakpoints = "sm" | "md" | "lg" | "xl" | "xxl";
 export declare const breakpoints: Record<screensBreakpoints, string>;
 export declare const space: number[];
-export declare type TextVariants = "h1" | "h1Inter" | "h2" | "h2Inter" | "h3" | "h3Inter" | "h4" | "h4Inter" | "h5" | "h5Inter" | "large" | "largeLineHeight" | "body" | "bodyLineHeight" | "paragraph" | "paragraphLineHeight" | "small" | "extraSmall" | "tiny" | "micro" | "subtitle";
-export declare type ThemeScale<Type, Aliases extends string> = Array<Type> & Record<Aliases, Type>;
+export type TextVariants = "h1" | "h1Inter" | "h2" | "h2Inter" | "h3" | "h3Inter" | "h4" | "h4Inter" | "h5" | "h5Inter" | "large" | "largeLineHeight" | "body" | "bodyLineHeight" | "paragraph" | "paragraphLineHeight" | "small" | "extraSmall" | "tiny" | "micro" | "subtitle";
+export type ThemeScale<Type, Aliases extends string> = Array<Type> & Record<Aliases, Type>;
 export declare const fontSizes: ThemeScale<number, TextVariants>;
 export declare const radii: number[];
 export declare const shadows: string[];
@@ -113,4 +113,4 @@ declare module "styled-components" {
 }
 declare const theme: DefaultTheme;
 export default theme;
-export declare type Theme = DefaultTheme;
+export type Theme = DefaultTheme;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ledgerhq/react-ui",
-  "version": "0.10.0",
+  "version": "0.10.1-next.0",
   "description": "Ledger Live - Desktop UI",
   "author": "Ledger Live Team <team-live@ledger.fr>",
   "repository": {
@@ -57,9 +57,6 @@
   ],
   "dependencies": {
     "@floating-ui/react-dom": "^0.4.0",
-    "@ledgerhq/crypto-icons-ui": "^0.2.1",
-    "@ledgerhq/icons-ui": "^0.3.0",
-    "@ledgerhq/ui-shared": "^0.1.10",
     "@tippyjs/react": "^4.2.6",
     "@types/color": "^3.0.2",
     "@types/react": "~17.0.37",
@@ -77,7 +74,10 @@
     "react-select": "^5.2.1",
     "react-transition-group": "^4.4.2",
     "react-window": "^1.8.6",
-    "styled-system": "^5.1.5"
+    "styled-system": "^5.1.5",
+    "@ledgerhq/crypto-icons-ui": "^0.2.1",
+    "@ledgerhq/icons-ui": "^0.3.1-next.0",
+    "@ledgerhq/ui-shared": "^0.1.10"
   },
   "peerDependencies": {
     "react": "^17.0.2",