@ledgerhq/react-ui 0.12.1-recover-beta.0 → 0.13.0-next.0

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

@@ -2,6 +2,6 @@
   "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": []
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,+BAAiC;AAEjC,kBAAiB;AACjB,kBAAiB;AAEjB,IAAO,0BAAQ;AAAA,EACb,OAAO;AACT;AAEA,MAAM,eAAW,yBAAAA,SAAO,YAAAC,OAAI,EAAE,MAAM;AAAA,EAClC,WAAW;AAAA,EACX,YAAY;AACd,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAQmB,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAInD,MAAM,UAAU,MAAmB;AACxC,QAAM,YAAQ,mCAAS;AACvB,QAAM,CAAC,EAAE,GAAG,KAAK,IAAI,MAAM;AAE3B,QAAM,cAAc,CAAC,UAAwB;AAC3C,cAAU,UAAU,UAAU,SAAS,QAAQ,IAAI;AAAA,EACrD;AAEA,SACE,6BAAAC,QAAA,cAAC,YAAAD,SAAA,EAAK,eAAc,UAAS,QAAO,UACjC,MAAM,IAAI,CAAC,OAAO,UACjB,6BAAAC,QAAA,cAAC,YAAS,KAAK,OAAO,SAAS,MAAM,YAAY,KAAK,KACpD,6BAAAA,QAAA,cAAC,YAAAC,SAAA,EAAK,SAAQ,SAAQ,OAAO,EAAE,UAAU,MAAM,KAC5C,GAAG,WACJ,6BAAAD,QAAA,cAAC,UAAG,GACJ,6BAAAA,QAAA,cAAC,YAAAC,SAAA,EAAK,SAAQ,SAAQ,OAAM,iBAAc,UACjC,QAAQ,GAAE,GACnB,CACF,GACA,6BAAAD,QAAA;AAAA,IAAC,YAAAD;AAAA,IAAA;AAAA,MACC,UAAU;AAAA,MACV,OAAO;AAAA,QACL,QAAQ;AAAA,QACR,iBAAiB,MAAM,OAAO,QAAQ;AAAA,MACxC;AAAA;AAAA,EACF,CACF,CACD,CACH;AAEJ;",
+  "names": ["styled", "Flex", "React", "Text"]
 }

package/lib/cjs/styles/StyleProvider.js

@@ -1,53 +1,58 @@
+"use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __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 });
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   }
-  return target;
+  return to;
 };
-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, {
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var StyleProvider_exports = {};
+__export(StyleProvider_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"));
+module.exports = __toCommonJS(StyleProvider_exports);
+var import_react = __toESM(require("react"));
+var import_styled_components = require("styled-components");
+var import__ = require(".");
+var import_ui_shared = 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);
+  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

@@ -2,6 +2,6 @@
   "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": []
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;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;AACpB,MAAiC;AAC/B,QAAM,YAAe;AAAA,IACnB,OAAO;AAAA,MACL,GAAG;AAAA,MACH,QAAQ;AAAA,QACN,GAAG,sBAAa;AAAA,QAChB,GAAG,0BAAS,eAAe;AAAA,QAC3B,SAAS,0BAAS,eAAe;AAAA,MACnC;AAAA,MACA,OAAO;AAAA,IACT;AAAA,IACA,CAAC,eAAe;AAAA,EAClB;AACA,SACE,6BAAAA,QAAA,cAAC,0CAAc,SACb,6BAAAA,QAAA,cAAC,wBAAY,WAAsB,cAA4B,GAC9D,QACH;AAEJ;",
+  "names": ["React"]
 }

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

@@ -1,33 +1,40 @@
+"use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __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 });
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   }
-  return target;
+  return to;
 };
-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, {
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var breakpoints_stories_exports = {};
+__export(breakpoints_stories_exports, {
   Breakpoints: () => Breakpoints,
   default: () => breakpoints_stories_default
 });
-var import_react = __toModule(require("react"));
-var import_Flex = __toModule(require("../components/layout/Flex"));
-var import_Text = __toModule(require("../components/asorted/Text"));
+module.exports = __toCommonJS(breakpoints_stories_exports);
+var import_react = __toESM(require("react"));
+var import_Flex = __toESM(require("../components/layout/Flex"));
+var import_Text = __toESM(require("../components/asorted/Text"));
 const description = `
 ## <Heading hidden>Overview</Heading>
 
@@ -91,34 +98,29 @@ var breakpoints_stories_default = {
   }
 };
 const Breakpoints = () => {
-  return /* @__PURE__ */ import_react.default.createElement(import_Flex.default, {
-    flexDirection: "column",
-    rowGap: "24px"
-  }, /* @__PURE__ */ import_react.default.createElement(import_Flex.default, {
-    flexDirection: "column",
-    rowGap: "4px",
-    justifyContent: "center",
-    alignItems: "center",
-    height: 400,
-    width: "100%",
-    backgroundColor: {
-      _: "yellow",
-      sm: "purple",
-      md: "green",
-      lg: "cyan",
-      xl: "orange",
-      xxl: "red"
-    }
-  }, /* @__PURE__ */ import_react.default.createElement(import_Text.default, {
-    display: { _: "none", sm: "block", md: "none" }
-  }, "SM breakpoint"), /* @__PURE__ */ import_react.default.createElement(import_Text.default, {
-    display: { _: "none", md: "block", lg: "none" }
-  }, "MD breakpoint"), /* @__PURE__ */ import_react.default.createElement(import_Text.default, {
-    display: { _: "none", lg: "block", xl: "none" }
-  }, "LG breakpoint"), /* @__PURE__ */ import_react.default.createElement(import_Text.default, {
-    display: { _: "none", xl: "block", xxl: "none" }
-  }, "XL breakpoint"), /* @__PURE__ */ import_react.default.createElement(import_Text.default, {
-    display: { _: "none", xxl: "block" }
-  }, "XXL breakpoint")));
+  return /* @__PURE__ */ import_react.default.createElement(import_Flex.default, { flexDirection: "column", rowGap: "24px" }, /* @__PURE__ */ import_react.default.createElement(
+    import_Flex.default,
+    {
+      flexDirection: "column",
+      rowGap: "4px",
+      justifyContent: "center",
+      alignItems: "center",
+      height: 400,
+      width: "100%",
+      backgroundColor: {
+        _: "yellow",
+        sm: "purple",
+        md: "green",
+        lg: "cyan",
+        xl: "orange",
+        xxl: "red"
+      }
+    },
+    /* @__PURE__ */ import_react.default.createElement(import_Text.default, { display: { _: "none", sm: "block", md: "none" } }, "SM breakpoint"),
+    /* @__PURE__ */ import_react.default.createElement(import_Text.default, { display: { _: "none", md: "block", lg: "none" } }, "MD breakpoint"),
+    /* @__PURE__ */ import_react.default.createElement(import_Text.default, { display: { _: "none", lg: "block", xl: "none" } }, "LG breakpoint"),
+    /* @__PURE__ */ import_react.default.createElement(import_Text.default, { display: { _: "none", xl: "block", xxl: "none" } }, "XL breakpoint"),
+    /* @__PURE__ */ import_react.default.createElement(import_Text.default, { display: { _: "none", xxl: "block" } }, "XXL breakpoint")
+  ));
 };
 //# sourceMappingURL=breakpoints.stories.js.map

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/styles/breakpoints.stories.tsx"],
   "sourcesContent": ["import React from \"react\";\n\nimport Flex from \"../components/layout/Flex\";\nimport Text from \"../components/asorted/Text\";\n\nconst description = `\n## <Heading hidden>Overview</Heading>\n\nEvery utility class can be applied conditionally at different breakpoints, which makes it a piece of cake to build complex responsive interfaces without ever leaving your HTML.\n\nThere are five breakpoints by default, inspired by common device resolutions:\n\n| Breakpoint prefix | Minimum width | CSS |\n| --- | --- | --- |\n| 'sm' | 640px | '@media (min-width: 640px) { ... }' |\n| 'md' | 768px | '@media (min-width: 768px) { ... }' |\n| 'lg' | 1024px | '@media (min-width: 1024px) { ... }' |\n| 'xl' | 1280px | '@media (min-width: 1280px) { ... }' |\n| 'xxl' | 1536px | '@media (min-width: 1536px) { ... }' |\n\nTo add a utility but only have it take effect at a certain breakpoint, all you need to do is to specify an object in the class you want to be responsive\n\n\n\\`\\`\\`html\n<!-- Width of 16 by default, 32 on medium screens, and 48 on large screens -->\n<Flex \n  height={400} \n  width=\"100%\" \n  backgroundColor={{_: 'yellow', sm: 'purple', md: 'green', lg:'cyan', xl: 'orange', xxl: 'red'}}>\n</Flex>\n\\`\\`\\`\n\n## Mobile First\n\nBy default, Ledger ui uses a mobile first breakpoint system, similar to what you might be used to in other frameworks like Bootstrap or tailwind.\n\nWhat this means is that unprefixed utilities (like \\`uppercase\\`) take effect on all screen sizes, while prefixed utilities (like \\`md:uppercase\\`) only take effect at the specified breakpoint *and above*.\n\n### Targeting mobile screens\n\nWhere this approach surprises people most often is that to style something for mobile, you need to use the unprefixed version of a utility, not the \\`sm:\\` prefixed version. Don't think of \\`sm:\\` as meaning \"on small screens\", think of it as \"at the small *breakpoint*\".\n\n<TipBad>Don't use <code className=\"text-sm font-bold text-slate-800\">sm:</code> to target mobile devices</TipBad>\n\n\\`\\`\\`html\n<!-- This will only center text on screens 640px and wider, not on small screens -->\n<Text textAlign={{sm: \"center\"}}></Text>\n\\`\\`\\`\n\n<TipGood>Use unprefixed utilities to target mobile, and override them at larger breakpoints</TipGood>\n\n\\`\\`\\`html\n<!-- This will center text on mobile, and left align it on screens 640px and wider -->\n<Text textAlign={{_: \"center\", sm: \"left\"}}></Text>\n\\`\\`\\`\n\n`;\nexport default {\n  title: \"Particles\",\n  parameters: {\n    docs: {\n      description: {\n        component: description,\n      },\n    },\n  },\n};\n\nexport const Breakpoints = (): JSX.Element => {\n  return (\n    <Flex flexDirection=\"column\" rowGap=\"24px\">\n      <Flex\n        flexDirection=\"column\"\n        rowGap=\"4px\"\n        justifyContent=\"center\"\n        alignItems=\"center\"\n        height={400}\n        width=\"100%\"\n        backgroundColor={{\n          _: \"yellow\",\n          sm: \"purple\",\n          md: \"green\",\n          lg: \"cyan\",\n          xl: \"orange\",\n          xxl: \"red\",\n        }}\n      >\n        <Text display={{ _: \"none\", sm: \"block\", md: \"none\" }}>SM breakpoint</Text>\n        <Text display={{ _: \"none\", md: \"block\", lg: \"none\" }}>MD breakpoint</Text>\n        <Text display={{ _: \"none\", lg: \"block\", xl: \"none\" }}>LG breakpoint</Text>\n        <Text display={{ _: \"none\", xl: \"block\", xxl: \"none\" }}>XL breakpoint</Text>\n        <Text display={{ _: \"none\", xxl: \"block\" }}>XXL breakpoint</Text>\n      </Flex>\n    </Flex>\n  );\n};\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAElB,kBAAiB;AACjB,kBAAiB;AAEjB,MAAM,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAoDpB,IAAO,8BAAQ;AAAA,EACb,OAAO;AAAA,EACP,YAAY;AAAA,IACV,MAAM;AAAA,MACJ,aAAa;AAAA,QACX,WAAW;AAAA;AAAA;AAAA;AAAA;AAMZ,MAAM,cAAc,MAAmB;AAC5C,SACE,mDAAC,qBAAD;AAAA,IAAM,eAAc;AAAA,IAAS,QAAO;AAAA,KAClC,mDAAC,qBAAD;AAAA,IACE,eAAc;AAAA,IACd,QAAO;AAAA,IACP,gBAAe;AAAA,IACf,YAAW;AAAA,IACX,QAAQ;AAAA,IACR,OAAM;AAAA,IACN,iBAAiB;AAAA,MACf,GAAG;AAAA,MACH,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,KAAK;AAAA;AAAA,KAGP,mDAAC,qBAAD;AAAA,IAAM,SAAS,EAAE,GAAG,QAAQ,IAAI,SAAS,IAAI;AAAA,KAAU,kBACvD,mDAAC,qBAAD;AAAA,IAAM,SAAS,EAAE,GAAG,QAAQ,IAAI,SAAS,IAAI;AAAA,KAAU,kBACvD,mDAAC,qBAAD;AAAA,IAAM,SAAS,EAAE,GAAG,QAAQ,IAAI,SAAS,IAAI;AAAA,KAAU,kBACvD,mDAAC,qBAAD;AAAA,IAAM,SAAS,EAAE,GAAG,QAAQ,IAAI,SAAS,KAAK;AAAA,KAAU,kBACxD,mDAAC,qBAAD;AAAA,IAAM,SAAS,EAAE,GAAG,QAAQ,KAAK;AAAA,KAAW;AAAA;",
-  "names": []
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAElB,kBAAiB;AACjB,kBAAiB;AAEjB,MAAM,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAoDpB,IAAO,8BAAQ;AAAA,EACb,OAAO;AAAA,EACP,YAAY;AAAA,IACV,MAAM;AAAA,MACJ,aAAa;AAAA,QACX,WAAW;AAAA,MACb;AAAA,IACF;AAAA,EACF;AACF;AAEO,MAAM,cAAc,MAAmB;AAC5C,SACE,6BAAAA,QAAA,cAAC,YAAAC,SAAA,EAAK,eAAc,UAAS,QAAO,UAClC,6BAAAD,QAAA;AAAA,IAAC,YAAAC;AAAA,IAAA;AAAA,MACC,eAAc;AAAA,MACd,QAAO;AAAA,MACP,gBAAe;AAAA,MACf,YAAW;AAAA,MACX,QAAQ;AAAA,MACR,OAAM;AAAA,MACN,iBAAiB;AAAA,QACf,GAAG;AAAA,QACH,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,KAAK;AAAA,MACP;AAAA;AAAA,IAEA,6BAAAD,QAAA,cAAC,YAAAE,SAAA,EAAK,SAAS,EAAE,GAAG,QAAQ,IAAI,SAAS,IAAI,OAAO,KAAG,eAAa;AAAA,IACpE,6BAAAF,QAAA,cAAC,YAAAE,SAAA,EAAK,SAAS,EAAE,GAAG,QAAQ,IAAI,SAAS,IAAI,OAAO,KAAG,eAAa;AAAA,IACpE,6BAAAF,QAAA,cAAC,YAAAE,SAAA,EAAK,SAAS,EAAE,GAAG,QAAQ,IAAI,SAAS,IAAI,OAAO,KAAG,eAAa;AAAA,IACpE,6BAAAF,QAAA,cAAC,YAAAE,SAAA,EAAK,SAAS,EAAE,GAAG,QAAQ,IAAI,SAAS,KAAK,OAAO,KAAG,eAAa;AAAA,IACrE,6BAAAF,QAAA,cAAC,YAAAE,SAAA,EAAK,SAAS,EAAE,GAAG,QAAQ,KAAK,QAAQ,KAAG,gBAAc;AAAA,EAC5D,CACF;AAEJ;",
+  "names": ["React", "Flex", "Text"]
 }

package/lib/cjs/styles/global.js

@@ -1,33 +1,40 @@
+"use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __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 });
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   }
-  return target;
+  return to;
 };
-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, {
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var global_exports = {};
+__export(global_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"));
+module.exports = __toCommonJS(global_exports);
+var import_styled_components = require("styled-components");
+var import_helpers = require("./helpers");
+var import_styles = __toESM(require("../components/message/Tooltip/styles"));
+var import_styles2 = require("../components/asorted/Text/styles");
 const GlobalStyle = import_styled_components.createGlobalStyle`
   html {
     box-sizing: border-box;

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/styles/global.ts"],
   "sourcesContent": ["import { createGlobalStyle } from \"styled-components\";\n\nimport { rgba } from \"./helpers\";\nimport tippyStyles from \"../components/message/Tooltip/styles\";\nimport { fontStyles } from \"../components/asorted/Text/styles\";\n\nexport type GlobalStyleProps = {\n  fontsPath?: string;\n  fontMappings?: (name: string) => string;\n};\n\nexport const GlobalStyle = createGlobalStyle<GlobalStyleProps>`\n  html {\n    box-sizing: border-box;\n  }\n\n  body {\n    font-family: Inter, sans-serif;\n    font-size: 100%;\n  }\n\n  * {\n    margin: 0;\n    padding: 0;\n    font: inherit;\n    color: inherit;\n    user-select: inherit;\n    cursor: inherit;\n    outline: none;\n  }\n\n  ::selection {\n    background: ${(p) => rgba(p.theme.colors.primary.c100, 0.1)};\n  }\n\n  --track-color: rgba(0,0,0,0);\n\n  ${(props) => (typeof props.fontsPath === \"string\" ? fontStyles : \"\")}\n\n  ${tippyStyles}\n\n  ::-webkit-scrollbar              {\n    width: 12px;\n    height: 12px;\n    background-color: rgba(0,0,0,0);\n  }\n  ::-webkit-scrollbar-button       {\n    opacity: 0;\n    height: 0;\n    width: 0;\n  }\n  ::-webkit-scrollbar-track        {\n    background-color: rgba(0,0,0,0);\n  }\n  ::-webkit-scrollbar-thumb        {\n    box-shadow: inset 0 0 0 12px var(--track-color);\n    border: 2px solid rgba(0,0,0,0);\n    border-radius: 12px;\n  }\n  ::-webkit-scrollbar-corner {\n    opacity: 0;\n  }\n`;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA,+BAAkC;AAElC,qBAAqB;AACrB,oBAAwB;AACxB,qBAA2B;AAOpB,MAAM,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAqBT,CAAC,MAAM,yBAAK,EAAE,MAAM,OAAO,QAAQ,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA,IAKvD,CAAC,UAAW,OAAO,MAAM,cAAc,WAAW,4BAAa;AAAA;AAAA,IAE/D;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
-  "names": []
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,+BAAkC;AAElC,qBAAqB;AACrB,oBAAwB;AACxB,IAAAA,iBAA2B;AAOpB,MAAM,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAqBT,CAAC,UAAM,qBAAK,EAAE,MAAM,OAAO,QAAQ,MAAM,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA,IAK1D,CAAC,UAAW,OAAO,MAAM,cAAc,WAAW,4BAAa;AAAA;AAAA,IAE/D,cAAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
+  "names": ["import_styles", "tippyStyles"]
 }

package/lib/cjs/styles/helpers.js

@@ -1,41 +1,44 @@
+"use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __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 });
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   }
-  return target;
+  return to;
 };
-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, {
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var helpers_exports = {};
+__export(helpers_exports, {
   darken: () => darken,
   ensureContrast: () => ensureContrast,
   ff: () => ff,
-  getAlpha: () => getAlpha,
-  hex: () => hex,
   lighten: () => lighten,
   mix: () => mix,
   rgba: () => rgba
 });
-var import_color = __toModule(require("color"));
-var import_theme = __toModule(require("./theme"));
+module.exports = __toCommonJS(helpers_exports);
+var import_color = __toESM(require("color"));
+var import_theme = require("./theme");
 const rgba = (c, a) => (0, import_color.default)(c).alpha(a).rgb().toString();
-const hex = (color) => (0, import_color.default)(color).hex().toString();
-const getAlpha = (color) => (0, import_color.default)(color).alpha();
 const darken = (c, a) => (0, import_color.default)(c).darken(a).toString();
 const lighten = (c, a) => (0, import_color.default)(c).lighten(a).toString();
 const mix = (c, b, a) => (0, import_color.default)(c).mix((0, import_color.default)(b), a).toString();

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/styles/helpers.ts"],
-  "sourcesContent": ["import Color from \"color\";\n\nimport { fontFamilies } from \"./theme\";\n\nexport const rgba = (c: string, a: number): string => Color(c).alpha(a).rgb().toString();\n\nexport const hex = (color: string): string => Color(color).hex().toString();\n\nexport const getAlpha = (color: string): number => Color(color).alpha();\n\nexport const darken = (c: string, a: number): string => Color(c).darken(a).toString();\n\nexport const lighten = (c: string, a: number): string => Color(c).lighten(a).toString();\n\nexport const mix = (c: string, b: string, a: number): string =>\n  Color(c).mix(Color(b), a).toString();\n\nexport const ff = (v: string) => {\n  const [font, type = \"Regular\"] = v.split(\"|\");\n  // @ts-expect-error FIXME\n  const { style, weight } = fontFamilies[font][type];\n  // @ts-expect-error FIXME\n  const fallback: string = fontFamilies[font].fallback ?? \"Arial\";\n\n  return {\n    fontFamily: `${font}, ${fallback}`,\n    fontWeight: weight,\n    fontStyle: style,\n  };\n};\n\nexport const ensureContrast = (color1: string, color2: string) => {\n  const colorL1 = Color(color1).luminosity() + 0.05;\n  const colorL2 = Color(color2).luminosity() + 0.05;\n\n  const lRatio = colorL1 > colorL2 ? colorL1 / colorL2 : colorL2 / colorL1;\n\n  if (lRatio < 1.5) {\n    return Color(color1).rotate(180).negate().string();\n  }\n  return color1;\n};\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAElB,mBAA6B;AAEtB,MAAM,OAAO,CAAC,GAAW,MAAsB,0BAAM,GAAG,MAAM,GAAG,MAAM;AAEvE,MAAM,MAAM,CAAC,UAA0B,0BAAM,OAAO,MAAM;AAE1D,MAAM,WAAW,CAAC,UAA0B,0BAAM,OAAO;AAEzD,MAAM,SAAS,CAAC,GAAW,MAAsB,0BAAM,GAAG,OAAO,GAAG;AAEpE,MAAM,UAAU,CAAC,GAAW,MAAsB,0BAAM,GAAG,QAAQ,GAAG;AAEtE,MAAM,MAAM,CAAC,GAAW,GAAW,MACxC,0BAAM,GAAG,IAAI,0BAAM,IAAI,GAAG;AAErB,MAAM,KAAK,CAAC,MAAc;AAC/B,QAAM,CAAC,MAAM,OAAO,aAAa,EAAE,MAAM;AAEzC,QAAM,EAAE,OAAO,WAAW,0BAAa,MAAM;AAE7C,QAAM,WAAmB,0BAAa,MAAM,YAAY;AAExD,SAAO;AAAA,IACL,YAAY,GAAG,SAAS;AAAA,IACxB,YAAY;AAAA,IACZ,WAAW;AAAA;AAAA;AAIR,MAAM,iBAAiB,CAAC,QAAgB,WAAmB;AAChE,QAAM,UAAU,0BAAM,QAAQ,eAAe;AAC7C,QAAM,UAAU,0BAAM,QAAQ,eAAe;AAE7C,QAAM,SAAS,UAAU,UAAU,UAAU,UAAU,UAAU;AAEjE,MAAI,SAAS,KAAK;AAChB,WAAO,0BAAM,QAAQ,OAAO,KAAK,SAAS;AAAA;AAE5C,SAAO;AAAA;",
-  "names": []
+  "sourcesContent": ["import Color from \"color\";\n\nimport { fontFamilies } from \"./theme\";\n\nexport const rgba = (c: string, a: number): string => Color(c).alpha(a).rgb().toString();\n\nexport const darken = (c: string, a: number): string => Color(c).darken(a).toString();\n\nexport const lighten = (c: string, a: number): string => Color(c).lighten(a).toString();\n\nexport const mix = (c: string, b: string, a: number): string =>\n  Color(c).mix(Color(b), a).toString();\n\nexport const ff = (v: string) => {\n  const [font, type = \"Regular\"] = v.split(\"|\");\n  // @ts-expect-error FIXME\n  const { style, weight } = fontFamilies[font][type];\n  // @ts-expect-error FIXME\n  const fallback: string = fontFamilies[font].fallback ?? \"Arial\";\n\n  return {\n    fontFamily: `${font}, ${fallback}`,\n    fontWeight: weight,\n    fontStyle: style,\n  };\n};\n\nexport const ensureContrast = (color1: string, color2: string) => {\n  const colorL1 = Color(color1).luminosity() + 0.05;\n  const colorL2 = Color(color2).luminosity() + 0.05;\n\n  const lRatio = colorL1 > colorL2 ? colorL1 / colorL2 : colorL2 / colorL1;\n\n  if (lRatio < 1.5) {\n    return Color(color1).rotate(180).negate().string();\n  }\n  return color1;\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAElB,mBAA6B;AAEtB,MAAM,OAAO,CAAC,GAAW,UAAsB,aAAAA,SAAM,CAAC,EAAE,MAAM,CAAC,EAAE,IAAI,EAAE,SAAS;AAEhF,MAAM,SAAS,CAAC,GAAW,UAAsB,aAAAA,SAAM,CAAC,EAAE,OAAO,CAAC,EAAE,SAAS;AAE7E,MAAM,UAAU,CAAC,GAAW,UAAsB,aAAAA,SAAM,CAAC,EAAE,QAAQ,CAAC,EAAE,SAAS;AAE/E,MAAM,MAAM,CAAC,GAAW,GAAW,UACxC,aAAAA,SAAM,CAAC,EAAE,QAAI,aAAAA,SAAM,CAAC,GAAG,CAAC,EAAE,SAAS;AAE9B,MAAM,KAAK,CAAC,MAAc;AAC/B,QAAM,CAAC,MAAM,OAAO,SAAS,IAAI,EAAE,MAAM,GAAG;AAE5C,QAAM,EAAE,OAAO,OAAO,IAAI,0BAAa,IAAI,EAAE,IAAI;AAEjD,QAAM,WAAmB,0BAAa,IAAI,EAAE,YAAY;AAExD,SAAO;AAAA,IACL,YAAY,GAAG,SAAS;AAAA,IACxB,YAAY;AAAA,IACZ,WAAW;AAAA,EACb;AACF;AAEO,MAAM,iBAAiB,CAAC,QAAgB,WAAmB;AAChE,QAAM,cAAU,aAAAA,SAAM,MAAM,EAAE,WAAW,IAAI;AAC7C,QAAM,cAAU,aAAAA,SAAM,MAAM,EAAE,WAAW,IAAI;AAE7C,QAAM,SAAS,UAAU,UAAU,UAAU,UAAU,UAAU;AAEjE,MAAI,SAAS,KAAK;AAChB,eAAO,aAAAA,SAAM,MAAM,EAAE,OAAO,GAAG,EAAE,OAAO,EAAE,OAAO;AAAA,EACnD;AACA,SAAO;AACT;",
+  "names": ["Color"]
 }

package/lib/cjs/styles/index.js

@@ -1,36 +1,44 @@
+"use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __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 });
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   }
-  return target;
+  return to;
 };
-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, {
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var styles_exports = {};
+__export(styles_exports, {
   InvertTheme: () => import_InvertTheme.InvertTheme,
   InvertThemeV3: () => import_InvertTheme.InvertThemeV3,
   defaultTheme: () => import_theme.default,
   palettes: () => import_ui_shared.palettes
 });
-var import_theme = __toModule(require("./theme"));
-__reExport(exports, __toModule(require("./helpers")));
-__reExport(exports, __toModule(require("./global")));
-__reExport(exports, __toModule(require("./StyleProvider")));
-var import_InvertTheme = __toModule(require("./InvertTheme"));
-var import_ui_shared = __toModule(require("@ledgerhq/ui-shared"));
+module.exports = __toCommonJS(styles_exports);
+var import_theme = __toESM(require("./theme"));
+__reExport(styles_exports, require("./helpers"), module.exports);
+__reExport(styles_exports, require("./global"), module.exports);
+__reExport(styles_exports, require("./StyleProvider"), module.exports);
+var import_InvertTheme = require("./InvertTheme");
+var import_ui_shared = require("@ledgerhq/ui-shared");
 //# sourceMappingURL=index.js.map

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/styles/index.ts"],
   "sourcesContent": ["export { default as defaultTheme } from \"./theme\";\nexport type { Theme } from \"./theme\";\nexport * from \"./helpers\";\nexport * from \"./global\";\nexport * from \"./StyleProvider\";\nexport { InvertTheme, InvertThemeV3 } from \"./InvertTheme\";\nexport type { ThemeNames, ColorPalette } from \"@ledgerhq/ui-shared\";\nexport { palettes } from \"@ledgerhq/ui-shared\";\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAwC;AAExC,oBAAc;AACd,oBAAc;AACd,oBAAc;AACd,yBAA2C;AAE3C,uBAAyB;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAwC;AAExC,2BAAc,sBAFd;AAGA,2BAAc,qBAHd;AAIA,2BAAc,4BAJd;AAKA,yBAA2C;AAE3C,uBAAyB;",
   "names": []
 }