@ledgerhq/react-ui 0.7.2 → 0.7.5-monorepo.0

package/lib/cjs/components/tabs/index.js

@@ -0,0 +1,34 @@
+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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  __markAsModule(target);
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && key !== "default")
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toModule = (module2) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+__export(exports, {
+  Bar: () => import_Bar.default,
+  Chip: () => import_Chip.default,
+  Pill: () => import_Pill.default,
+  Tabs: () => import_Tabs.default
+});
+var import_Bar = __toModule(require("./Bar"));
+var import_Pill = __toModule(require("./Pill"));
+var import_Tabs = __toModule(require("./Tabs"));
+var import_Chip = __toModule(require("./Chip"));
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/tabs/index.ts"],
+  "sourcesContent": ["export { default as Bar } from \"./Bar\";\nexport { default as Pill } from \"./Pill\";\nexport { default as Tabs } from \"./Tabs\";\nexport { default as Chip } from \"./Chip\";\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAA+B;AAC/B,kBAAgC;AAChC,kBAAgC;AAChC,kBAAgC;",
+  "names": []
+}

package/lib/cjs/components/transitions/TransitionInOut.js

@@ -0,0 +1,64 @@
+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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  __markAsModule(target);
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && key !== "default")
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toModule = (module2) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+__export(exports, {
+  default: () => TransitionInOut_default
+});
+var import_react = __toModule(require("react"));
+var import_react_transition_group = __toModule(require("react-transition-group"));
+var import_styled_components = __toModule(require("styled-components"));
+const duration = 150;
+const ChildrenWrapper = import_styled_components.default.div`
+  transition: ${(props) => `opacity ${props.timeout}ms ease-in-out`};
+
+  &.transition-inout-enter {
+    opacity: 0;
+  }
+
+  &.transition-inout-enter-active {
+    opacity: 1;
+  }
+
+  &.transition-inout-exit {
+    opacity: 1;
+  }
+
+  &.transition-inout-exit-active {
+    opacity: 0;
+  }
+`;
+const TransitionInOut = ({
+  children,
+  in: inProp,
+  timeout = duration,
+  ...TransitionProps
+}) => /* @__PURE__ */ import_react.default.createElement(import_react_transition_group.CSSTransition, {
+  ...TransitionProps,
+  in: inProp,
+  timeout,
+  classNames: "transition-inout"
+}, /* @__PURE__ */ import_react.default.createElement(ChildrenWrapper, {
+  timeout
+}, children));
+var TransitionInOut_default = TransitionInOut;
+//# sourceMappingURL=TransitionInOut.js.map

package/lib/cjs/components/transitions/TransitionInOut.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/transitions/TransitionInOut.tsx"],
+  "sourcesContent": ["import React from \"react\";\nimport { CSSTransition } from \"react-transition-group\";\nimport { CSSTransitionProps } from \"react-transition-group/CSSTransition\";\nimport styled from \"styled-components\";\nconst duration = 150;\nconst ChildrenWrapper = styled.div<{ timeout: number }>`\n  transition: ${(props) => `opacity ${props.timeout}ms ease-in-out`};\n\n  &.transition-inout-enter {\n    opacity: 0;\n  }\n\n  &.transition-inout-enter-active {\n    opacity: 1;\n  }\n\n  &.transition-inout-exit {\n    opacity: 1;\n  }\n\n  &.transition-inout-exit-active {\n    opacity: 0;\n  }\n`;\ntype TransitionInOutProps = Partial<\n  CSSTransitionProps & {\n    children: React.ReactNode;\n    in: boolean;\n    timeout?: number;\n    appear?: boolean;\n    mountOnEnter?: boolean;\n    unmountOnExit?: boolean;\n  }\n>;\n\nconst TransitionInOut = ({\n  children,\n  in: inProp,\n  timeout = duration,\n  ...TransitionProps\n}: TransitionInOutProps): JSX.Element => (\n  <CSSTransition {...TransitionProps} in={inProp} timeout={timeout} classNames=\"transition-inout\">\n    <ChildrenWrapper timeout={timeout}>{children}</ChildrenWrapper>\n  </CSSTransition>\n);\n\nexport default TransitionInOut;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,oCAA8B;AAE9B,+BAAmB;AACnB,MAAM,WAAW;AACjB,MAAM,kBAAkB,iCAAO;AAAA,gBACf,CAAC,UAAU,WAAW,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA6B5C,MAAM,kBAAkB,CAAC;AAAA,EACvB;AAAA,EACA,IAAI;AAAA,EACJ,UAAU;AAAA,KACP;AAAA,MAEH,mDAAC,6CAAD;AAAA,KAAmB;AAAA,EAAiB,IAAI;AAAA,EAAQ;AAAA,EAAkB,YAAW;AAAA,GAC3E,mDAAC,iBAAD;AAAA,EAAiB;AAAA,GAAmB;AAIxC,IAAO,0BAAQ;",
+  "names": []
+}

package/lib/cjs/components/transitions/TransitionScale.js

@@ -0,0 +1,62 @@
+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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  __markAsModule(target);
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && key !== "default")
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toModule = (module2) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+__export(exports, {
+  default: () => TransitionScale_default
+});
+var import_react = __toModule(require("react"));
+var import_react_transition_group = __toModule(require("react-transition-group"));
+var import_styled_components = __toModule(require("styled-components"));
+const duration = 150;
+const ChildrenWrapper = import_styled_components.default.div`
+  transition: transform ${duration}ms;
+
+  &.transition-scale-appear {
+    transform: scale(0.9);
+  }
+
+  &.transition-scale-appear-active {
+    transform: scale(1);
+  }
+
+  &.transition-scale-exit {
+    transform: scale(1);
+  }
+
+  &.transition-scale-exit-active {
+    transform: scale(0.9);
+  }
+`;
+const TransitionScale = ({
+  children,
+  in: inProp,
+  timeout = duration,
+  ...TransitionProps
+}) => /* @__PURE__ */ import_react.default.createElement(import_react_transition_group.CSSTransition, {
+  ...TransitionProps,
+  in: inProp,
+  timeout,
+  classNames: "transition-scale"
+}, /* @__PURE__ */ import_react.default.createElement(ChildrenWrapper, null, children));
+var TransitionScale_default = TransitionScale;
+//# sourceMappingURL=TransitionScale.js.map

package/lib/cjs/components/transitions/TransitionScale.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/transitions/TransitionScale.tsx"],
+  "sourcesContent": ["import React from \"react\";\nimport { CSSTransition } from \"react-transition-group\";\nimport { CSSTransitionProps } from \"react-transition-group/CSSTransition\";\nimport styled from \"styled-components\";\nconst duration = 150;\nconst ChildrenWrapper = styled.div`\n  transition: transform ${duration}ms;\n\n  &.transition-scale-appear {\n    transform: scale(0.9);\n  }\n\n  &.transition-scale-appear-active {\n    transform: scale(1);\n  }\n\n  &.transition-scale-exit {\n    transform: scale(1);\n  }\n\n  &.transition-scale-exit-active {\n    transform: scale(0.9);\n  }\n`;\ntype TransitionScaleProps = Partial<\n  CSSTransitionProps & {\n    children: React.ReactNode;\n    in: boolean;\n    timeout?: number;\n    appear?: boolean;\n    mountOnEnter?: boolean;\n    unmountOnExit?: boolean;\n  }\n>;\n\nconst TransitionScale = ({\n  children,\n  in: inProp,\n  timeout = duration,\n  ...TransitionProps\n}: TransitionScaleProps) => (\n  <CSSTransition {...TransitionProps} in={inProp} timeout={timeout} classNames=\"transition-scale\">\n    <ChildrenWrapper>{children}</ChildrenWrapper>\n  </CSSTransition>\n);\n\nexport default TransitionScale;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,oCAA8B;AAE9B,+BAAmB;AACnB,MAAM,WAAW;AACjB,MAAM,kBAAkB,iCAAO;AAAA,0BACL;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA6B1B,MAAM,kBAAkB,CAAC;AAAA,EACvB;AAAA,EACA,IAAI;AAAA,EACJ,UAAU;AAAA,KACP;AAAA,MAEH,mDAAC,6CAAD;AAAA,KAAmB;AAAA,EAAiB,IAAI;AAAA,EAAQ;AAAA,EAAkB,YAAW;AAAA,GAC3E,mDAAC,iBAAD,MAAkB;AAItB,IAAO,0BAAQ;",
+  "names": []
+}

package/lib/cjs/components/transitions/TransitionSlide.js

@@ -0,0 +1,91 @@
+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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  __markAsModule(target);
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && key !== "default")
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toModule = (module2) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+__export(exports, {
+  default: () => TransitionSlide_default
+});
+var import_react = __toModule(require("react"));
+var import_react_transition_group = __toModule(require("react-transition-group"));
+var import_styled_components = __toModule(require("styled-components"));
+const duration = 300;
+const ChildrenWrapper = import_styled_components.default.div`
+  transition: all ${duration}ms ease-in-out;
+  will-change: transform;
+  ${(p) => !p.fixed ? `
+    position: absolute;
+    width: 100%;
+    ` : ""}
+  height: 100%;
+
+  &.transition-left-appear,
+  &.transition-left-enter {
+    transform: translateX(100%);
+  }
+
+  &.transition-left-appear-active,
+  &.transition-left-enter-active {
+    transform: translateX(0%);
+  }
+
+  &.transition-left-exit {
+    transform: translateX(0%);
+  }
+
+  &.transition-left-exit-active {
+    transform: translateX(${(p) => p.reverseExit ? 100 : -100}%);
+  }
+
+  &.transition-right-appear,
+  &.transition-right-enter {
+    transform: translateX(-100%);
+  }
+
+  &.transition-right-appear-active,
+  &.transition-right-enter-active {
+    transform: translateX(0%);
+  }
+
+  &.transition-right-exit {
+    transform: translateX(0%);
+  }
+
+  &.transition-right-exit-active {
+    transform: translateX(${(p) => p.reverseExit ? -100 : 100}%);
+  }
+`;
+const TransitionSlide = ({
+  children,
+  fixed,
+  direction = "left",
+  reverseExit,
+  ...props
+}) => /* @__PURE__ */ import_react.default.createElement(import_react_transition_group.CSSTransition, {
+  ...props,
+  timeout: duration,
+  classNames: `transition-${direction}`
+}, /* @__PURE__ */ import_react.default.createElement(ChildrenWrapper, {
+  fixed,
+  reverseExit
+}, children));
+var TransitionSlide_default = TransitionSlide;
+//# sourceMappingURL=TransitionSlide.js.map

package/lib/cjs/components/transitions/TransitionSlide.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/transitions/TransitionSlide.tsx"],
+  "sourcesContent": ["import React from \"react\";\nimport { CSSTransition } from \"react-transition-group\";\nimport { CSSTransitionProps } from \"react-transition-group/CSSTransition\";\nimport styled from \"styled-components\";\nconst duration = 300;\nconst ChildrenWrapper = styled.div<{ fixed?: boolean; reverseExit?: boolean }>`\n  transition: all ${duration}ms ease-in-out;\n  will-change: transform;\n  ${(p) =>\n    !p.fixed\n      ? `\n    position: absolute;\n    width: 100%;\n    `\n      : \"\"}\n  height: 100%;\n\n  &.transition-left-appear,\n  &.transition-left-enter {\n    transform: translateX(100%);\n  }\n\n  &.transition-left-appear-active,\n  &.transition-left-enter-active {\n    transform: translateX(0%);\n  }\n\n  &.transition-left-exit {\n    transform: translateX(0%);\n  }\n\n  &.transition-left-exit-active {\n    transform: translateX(${(p) => (p.reverseExit ? 100 : -100)}%);\n  }\n\n  &.transition-right-appear,\n  &.transition-right-enter {\n    transform: translateX(-100%);\n  }\n\n  &.transition-right-appear-active,\n  &.transition-right-enter-active {\n    transform: translateX(0%);\n  }\n\n  &.transition-right-exit {\n    transform: translateX(0%);\n  }\n\n  &.transition-right-exit-active {\n    transform: translateX(${(p) => (p.reverseExit ? -100 : 100)}%);\n  }\n`;\ntype TransitionSlideProps = Partial<\n  CSSTransitionProps & {\n    children: React.ReactNode;\n    fixed: boolean;\n    reverseExit?: boolean;\n    direction?: \"left\" | \"right\" | string;\n  }\n>;\n\nconst TransitionSlide = ({\n  children,\n  fixed,\n  direction = \"left\",\n  reverseExit,\n  ...props\n}: TransitionSlideProps) => (\n  <CSSTransition {...props} timeout={duration} classNames={`transition-${direction}`}>\n    <ChildrenWrapper fixed={fixed} reverseExit={reverseExit}>\n      {children}\n    </ChildrenWrapper>\n  </CSSTransition>\n);\n\nexport default TransitionSlide;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,oCAA8B;AAE9B,+BAAmB;AACnB,MAAM,WAAW;AACjB,MAAM,kBAAkB,iCAAO;AAAA,oBACX;AAAA;AAAA,IAEhB,CAAC,MACD,CAAC,EAAE,QACC;AAAA;AAAA;AAAA,QAIA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAkBoB,CAAC,MAAO,EAAE,cAAc,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAkB9B,CAAC,MAAO,EAAE,cAAc,OAAO;AAAA;AAAA;AAY3D,MAAM,kBAAkB,CAAC;AAAA,EACvB;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ;AAAA,KACG;AAAA,MAEH,mDAAC,6CAAD;AAAA,KAAmB;AAAA,EAAO,SAAS;AAAA,EAAU,YAAY,cAAc;AAAA,GACrE,mDAAC,iBAAD;AAAA,EAAiB;AAAA,EAAc;AAAA,GAC5B;AAKP,IAAO,0BAAQ;",
+  "names": []
+}

package/lib/cjs/components/transitions/index.js

@@ -0,0 +1,32 @@
+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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  __markAsModule(target);
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && key !== "default")
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toModule = (module2) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+__export(exports, {
+  TransitionInOut: () => import_TransitionInOut.default,
+  TransitionScale: () => import_TransitionScale.default,
+  TransitionSlide: () => import_TransitionSlide.default
+});
+var import_TransitionInOut = __toModule(require("./TransitionInOut"));
+var import_TransitionScale = __toModule(require("./TransitionScale"));
+var import_TransitionSlide = __toModule(require("./TransitionSlide"));
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/transitions/index.ts"],
+  "sourcesContent": ["export { default as TransitionInOut } from \"./TransitionInOut\";\nexport { default as TransitionScale } from \"./TransitionScale\";\nexport { default as TransitionSlide } from \"./TransitionSlide\";\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,6BAA2C;AAC3C,6BAA2C;AAC3C,6BAA2C;",
+  "names": []
+}

package/lib/cjs/index.js

@@ -0,0 +1,31 @@
+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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  __markAsModule(target);
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && key !== "default")
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toModule = (module2) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+__export(exports, {
+  InvertTheme: () => import_styles.InvertTheme,
+  StyleProvider: () => import_styles.StyleProvider
+});
+__reExport(exports, __toModule(require("./components")));
+__reExport(exports, __toModule(require("./assets")));
+var import_styles = __toModule(require("./styles"));
+//# sourceMappingURL=index.js.map

package/lib/cjs/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/index.ts"],
+  "sourcesContent": ["export * from \"./components\";\nexport * from \"./assets\";\nexport { StyleProvider, InvertTheme } from \"./styles\";\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA,oBAAc;AACd,oBAAc;AACd,oBAA2C;",
+  "names": []
+}

package/lib/cjs/styles/InvertTheme.js

@@ -0,0 +1,46 @@
+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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  __markAsModule(target);
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && key !== "default")
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toModule = (module2) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+__export(exports, {
+  InvertTheme: () => InvertTheme
+});
+var import_react = __toModule(require("react"));
+var import_styled_components = __toModule(require("styled-components"));
+var import__ = __toModule(require("."));
+var import_ui_shared = __toModule(require("@ledgerhq/ui-shared"));
+const InvertTheme = ({
+  if: condition,
+  children
+}) => {
+  const theme = (0, import_styled_components.useTheme)();
+  const revertTheme = theme.theme === "light" ? "dark" : "light";
+  const newTheme = (0, import_react.useMemo)(() => ({
+    ...import__.defaultTheme,
+    colors: { ...import_ui_shared.palettes[revertTheme], palette: import_ui_shared.palettes[revertTheme] },
+    theme: revertTheme
+  }), [revertTheme]);
+  return /* @__PURE__ */ import_react.default.createElement(import_styled_components.ThemeProvider, {
+    theme: condition ? newTheme : theme
+  }, children);
+};
+//# sourceMappingURL=InvertTheme.js.map

package/lib/cjs/styles/InvertTheme.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/styles/InvertTheme.tsx"],
+  "sourcesContent": ["import React, { useMemo } from \"react\";\nimport { ThemeProvider, useTheme } from \"styled-components\";\nimport { defaultTheme } from \".\";\nimport { palettes } from \"@ledgerhq/ui-shared\";\nimport { Theme } from \"./theme\";\n\nexport type Props = {\n  if?: boolean;\n};\n\nexport const InvertTheme = ({\n  if: condition,\n  children,\n}: React.PropsWithChildren<Props>): React.ReactElement => {\n  const theme = useTheme();\n  const revertTheme = theme.theme === \"light\" ? \"dark\" : \"light\";\n  const newTheme: Theme = useMemo(\n    () => ({\n      ...defaultTheme,\n      colors: { ...palettes[revertTheme], palette: palettes[revertTheme] },\n      theme: revertTheme,\n    }),\n    [revertTheme],\n  );\n\n  return <ThemeProvider theme={condition ? newTheme : theme}>{children}</ThemeProvider>;\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA,mBAA+B;AAC/B,+BAAwC;AACxC,eAA6B;AAC7B,uBAAyB;AAOlB,MAAM,cAAc,CAAC;AAAA,EAC1B,IAAI;AAAA,EACJ;AAAA,MACwD;AACxD,QAAM,QAAQ;AACd,QAAM,cAAc,MAAM,UAAU,UAAU,SAAS;AACvD,QAAM,WAAkB,0BACtB,MAAO;AAAA,OACF;AAAA,IACH,QAAQ,KAAK,0BAAS,cAAc,SAAS,0BAAS;AAAA,IACtD,OAAO;AAAA,MAET,CAAC;AAGH,SAAO,mDAAC,wCAAD;AAAA,IAAe,OAAO,YAAY,WAAW;AAAA,KAAQ;AAAA;",
+  "names": []
+}

package/lib/cjs/styles/Spacing.stories.js

@@ -0,0 +1,75 @@
+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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  __markAsModule(target);
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && key !== "default")
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toModule = (module2) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+__export(exports, {
+  Spacing: () => Spacing,
+  default: () => Spacing_stories_default
+});
+var import_react = __toModule(require("react"));
+var import_styled_components = __toModule(require("styled-components"));
+var import_Flex = __toModule(require("../components/layout/Flex"));
+var import_Text = __toModule(require("../components/asorted/Text"));
+var Spacing_stories_default = {
+  title: "Particles"
+};
+const SpaceRow = (0, import_styled_components.default)(import_Flex.default).attrs({
+  columnGap: "40px",
+  alignItems: "center"
+})`
+  padding: 4px;
+  box-sizing: border-box;
+  border: 1px solid;
+  border-color: transparent;
+  cursor: pointer;
+
+  &:hover {
+    border-color: ${(props) => props.theme.colors.neutral.c40};
+  }
+`;
+const Spacing = () => {
+  const theme = (0, import_styled_components.useTheme)();
+  const [, ...space] = theme.space;
+  const handleClick = (index) => {
+    navigator.clipboard.writeText(`space[${index + 1}]`);
+  };
+  return /* @__PURE__ */ import_react.default.createElement(import_Flex.default, {
+    flexDirection: "column",
+    rowGap: "24px"
+  }, space.map((value, index) => /* @__PURE__ */ import_react.default.createElement(SpaceRow, {
+    key: value,
+    onClick: () => handleClick(index)
+  }, /* @__PURE__ */ import_react.default.createElement(import_Text.default, {
+    variant: "small",
+    style: { minWidth: "5ch" }
+  }, `${value}px`, /* @__PURE__ */ import_react.default.createElement("br", null), /* @__PURE__ */ import_react.default.createElement(import_Text.default, {
+    variant: "small",
+    color: "neutral.c70"
+  }, "space[", index + 1, "]")), /* @__PURE__ */ import_react.default.createElement(import_Flex.default, {
+    flexGrow: 1,
+    style: {
+      height: value,
+      backgroundColor: theme.colors.primary.c20
+    }
+  }))));
+};
+//# sourceMappingURL=Spacing.stories.js.map

package/lib/cjs/styles/Spacing.stories.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/styles/Spacing.stories.tsx"],
+  "sourcesContent": ["import React from \"react\";\nimport styled, { useTheme } from \"styled-components\";\n\nimport Flex from \"../components/layout/Flex\";\nimport Text from \"../components/asorted/Text\";\n\nexport default {\n  title: \"Particles\",\n};\n\nconst SpaceRow = styled(Flex).attrs({\n  columnGap: \"40px\",\n  alignItems: \"center\",\n})`\n  padding: 4px;\n  box-sizing: border-box;\n  border: 1px solid;\n  border-color: transparent;\n  cursor: pointer;\n\n  &:hover {\n    border-color: ${(props) => props.theme.colors.neutral.c40};\n  }\n`;\n\nexport const Spacing = (): JSX.Element => {\n  const theme = useTheme();\n  const [, ...space] = theme.space;\n\n  const handleClick = (index: number): void => {\n    navigator.clipboard.writeText(`space[${index + 1}]`);\n  };\n\n  return (\n    <Flex flexDirection=\"column\" rowGap=\"24px\">\n      {space.map((value, index) => (\n        <SpaceRow key={value} onClick={() => handleClick(index)}>\n          <Text variant=\"small\" style={{ minWidth: \"5ch\" }}>\n            {`${value}px`}\n            <br />\n            <Text variant=\"small\" color=\"neutral.c70\">\n              space[{index + 1}]\n            </Text>\n          </Text>\n          <Flex\n            flexGrow={1}\n            style={{\n              height: value,\n              backgroundColor: theme.colors.primary.c20,\n            }}\n          />\n        </SpaceRow>\n      ))}\n    </Flex>\n  );\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,+BAAiC;AAEjC,kBAAiB;AACjB,kBAAiB;AAEjB,IAAO,0BAAQ;AAAA,EACb,OAAO;AAAA;AAGT,MAAM,WAAW,sCAAO,qBAAM,MAAM;AAAA,EAClC,WAAW;AAAA,EACX,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBASM,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAInD,MAAM,UAAU,MAAmB;AACxC,QAAM,QAAQ;AACd,QAAM,CAAC,KAAK,SAAS,MAAM;AAE3B,QAAM,cAAc,CAAC,UAAwB;AAC3C,cAAU,UAAU,UAAU,SAAS,QAAQ;AAAA;AAGjD,SACE,mDAAC,qBAAD;AAAA,IAAM,eAAc;AAAA,IAAS,QAAO;AAAA,KACjC,MAAM,IAAI,CAAC,OAAO,UACjB,mDAAC,UAAD;AAAA,IAAU,KAAK;AAAA,IAAO,SAAS,MAAM,YAAY;AAAA,KAC/C,mDAAC,qBAAD;AAAA,IAAM,SAAQ;AAAA,IAAQ,OAAO,EAAE,UAAU;AAAA,KACtC,GAAG,WACJ,mDAAC,MAAD,OACA,mDAAC,qBAAD;AAAA,IAAM,SAAQ;AAAA,IAAQ,OAAM;AAAA,KAAc,UACjC,QAAQ,GAAE,OAGrB,mDAAC,qBAAD;AAAA,IACE,UAAU;AAAA,IACV,OAAO;AAAA,MACL,QAAQ;AAAA,MACR,iBAAiB,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;",
+  "names": []
+}

package/lib/cjs/styles/StyleProvider.js

@@ -0,0 +1,53 @@
+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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  __markAsModule(target);
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && key !== "default")
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toModule = (module2) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+__export(exports, {
+  StyleProvider: () => StyleProvider
+});
+var import_react = __toModule(require("react"));
+var import_styled_components = __toModule(require("styled-components"));
+var import__ = __toModule(require("."));
+var import_ui_shared = __toModule(require("@ledgerhq/ui-shared"));
+const StyleProvider = ({
+  children,
+  fontsPath,
+  fontMappings,
+  selectedPalette = "light"
+}) => {
+  const theme = (0, import_react.useMemo)(() => ({
+    ...import__.defaultTheme,
+    colors: {
+      ...import__.defaultTheme.colors,
+      ...import_ui_shared.palettes[selectedPalette],
+      palette: import_ui_shared.palettes[selectedPalette]
+    },
+    theme: selectedPalette
+  }), [selectedPalette]);
+  return /* @__PURE__ */ import_react.default.createElement(import_styled_components.ThemeProvider, {
+    theme
+  }, /* @__PURE__ */ import_react.default.createElement(import__.GlobalStyle, {
+    fontsPath,
+    fontMappings
+  }), children);
+};
+//# sourceMappingURL=StyleProvider.js.map

package/lib/cjs/styles/StyleProvider.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/styles/StyleProvider.tsx"],
+  "sourcesContent": ["import React, { useMemo } from \"react\";\nimport { ThemeProvider } from \"styled-components\";\nimport { defaultTheme, GlobalStyle, GlobalStyleProps } from \".\";\nimport { ThemeNames, palettes } from \"@ledgerhq/ui-shared\";\nimport { Theme } from \"./theme\";\n\ninterface Props extends GlobalStyleProps {\n  children: React.ReactNode;\n  selectedPalette?: ThemeNames;\n}\n\nexport const StyleProvider = ({\n  children,\n  fontsPath,\n  fontMappings,\n  selectedPalette = \"light\",\n}: Props): React.ReactElement => {\n  const theme: Theme = useMemo(\n    () => ({\n      ...defaultTheme,\n      colors: {\n        ...defaultTheme.colors,\n        ...palettes[selectedPalette],\n        palette: palettes[selectedPalette],\n      },\n      theme: selectedPalette,\n    }),\n    [selectedPalette],\n  );\n  return (\n    <ThemeProvider theme={theme}>\n      <GlobalStyle fontsPath={fontsPath} fontMappings={fontMappings} />\n      {children}\n    </ThemeProvider>\n  );\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA,mBAA+B;AAC/B,+BAA8B;AAC9B,eAA4D;AAC5D,uBAAqC;AAQ9B,MAAM,gBAAgB,CAAC;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA,kBAAkB;AAAA,MACa;AAC/B,QAAM,QAAe,0BACnB,MAAO;AAAA,OACF;AAAA,IACH,QAAQ;AAAA,SACH,sBAAa;AAAA,SACb,0BAAS;AAAA,MACZ,SAAS,0BAAS;AAAA;AAAA,IAEpB,OAAO;AAAA,MAET,CAAC;AAEH,SACE,mDAAC,wCAAD;AAAA,IAAe;AAAA,KACb,mDAAC,sBAAD;AAAA,IAAa;AAAA,IAAsB;AAAA,MAClC;AAAA;",
+  "names": []
+}

package/lib/cjs/styles/global.js

@@ -0,0 +1,65 @@
+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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  __markAsModule(target);
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && key !== "default")
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toModule = (module2) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+__export(exports, {
+  GlobalStyle: () => GlobalStyle
+});
+var import_styled_components = __toModule(require("styled-components"));
+var import_helpers = __toModule(require("./helpers"));
+var import_styles = __toModule(require("../components/message/Tooltip/styles"));
+var import_styles2 = __toModule(require("../components/asorted/Text/styles"));
+const GlobalStyle = import_styled_components.createGlobalStyle`
+  html {
+    box-sizing: border-box;
+  }
+
+  body {
+    font-family: Inter;
+    font-size: 100%;
+  }
+
+  *, *:before, *:after {
+    box-sizing: inherit;
+  }
+
+  * {
+    margin: 0;
+    padding: 0;
+    font: inherit;
+    color: inherit;
+    user-select: inherit;
+    cursor: inherit;
+    outline: none;
+  }
+
+  ::selection {
+    background: ${(p) => (0, import_helpers.rgba)(p.theme.colors.primary.c100, 0.1)};
+  }
+
+  --track-color: rgba(0,0,0,0);
+
+  ${(props) => typeof props.fontsPath === "string" ? import_styles2.fontStyles : ""}
+
+  ${import_styles.default}
+`;
+//# sourceMappingURL=global.js.map