@ledgerhq/react-ui 0.45.0 → 0.46.0-nightly.20260217030329

package/lib/cjs/styles/index.js

@@ -1,44 +1,850 @@
+(() => {
 "use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __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
-});
-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
+var __webpack_modules__ = ({
+4368(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
+__webpack_require__.d(__webpack_exports__, {
+  fontStyles: () => (fontStyles)
+});
+/* import */ var styled_components__rspack_import_0 = __webpack_require__(2770);
+/* import */ var styled_components__rspack_import_0_default = /*#__PURE__*/__webpack_require__.n(styled_components__rspack_import_0);
+
+const getFontSource = (name)=>(props)=>{
+        const fontsPath = props.fontsPath ?? "assets/fonts";
+        const fontName = props.fontMappings && props.fontMappings(name) || `${name}.woff2`;
+        return `url("${fontsPath}/${fontName}") format("woff2")`;
+    };
+const fontStyles = (0,styled_components__rspack_import_0.css)`
+  @font-face {
+    font-family: "Inter";
+    src: ${getFontSource("Inter-ExtraLight-BETA")};
+    font-weight: 100;
+    font-style: normal;
+  }
+
+  @font-face {
+    font-family: "Inter";
+    src: ${getFontSource("Inter-Light-BETA")};
+    font-weight: 300;
+    font-style: normal;
+  }
+
+  @font-face {
+    font-family: "Inter";
+    src: ${getFontSource("Inter-Regular")};
+    font-weight: 400;
+    font-style: normal;
+  }
+
+  @font-face {
+    font-family: "Inter";
+    src: ${getFontSource("Inter-Medium")};
+    font-weight: 500;
+    font-style: normal;
+  }
+
+  @font-face {
+    font-family: "Inter";
+    src: ${getFontSource("Inter-SemiBold")};
+    font-weight: 600;
+    font-style: normal;
+  }
+
+  @font-face {
+    font-family: "Inter";
+    src: ${getFontSource("Inter-ExtraBold")};
+    font-weight: 900;
+    font-style: normal;
+  }
+
+  @font-face {
+    font-family: "Alpha";
+    src: ${getFontSource("HMAlphaMono-Medium")};
+    font-weight: 500;
+    font-style: normal;
+  }
+`;
+const textVariantStyle = (/* unused pure expression or super */ null && ({
+    h1: {
+        fontFamily: "Alpha, Inter, Sans",
+        fontWeight: 500,
+        "text-transform": "uppercase"
+    },
+    h1Inter: {
+        fontFamily: "Inter, Sans",
+        fontWeight: 500,
+        "text-transform": "uppercase"
+    },
+    h2: {
+        fontFamily: "Alpha, Inter, Sans",
+        fontWeight: 500,
+        "text-transform": "uppercase"
+    },
+    h2Inter: {
+        fontFamily: "Inter, Sans",
+        fontWeight: 500,
+        "text-transform": "uppercase"
+    },
+    h3: {
+        fontFamily: "Alpha, Inter, Sans",
+        fontWeight: 500,
+        "text-transform": "uppercase"
+    },
+    h3Inter: {
+        fontFamily: "Inter, Sans",
+        fontWeight: 500
+    },
+    h4: {
+        fontFamily: "Alpha, Inter, Sans",
+        fontWeight: 500,
+        "text-transform": "uppercase"
+    },
+    h4Inter: {
+        fontFamily: "Inter, Sans",
+        fontWeight: 600
+    },
+    h5: {
+        fontFamily: "Alpha, Inter, Sans",
+        fontWeight: 500,
+        "text-transform": "uppercase"
+    },
+    h5Inter: {
+        fontFamily: "Inter, Sans",
+        fontWeight: 500
+    },
+    large: {
+        fontFamily: "Inter, Sans"
+    },
+    largeLineHeight: {
+        fontFamily: "Inter, Sans",
+        lineHeight: 1.7
+    },
+    body: {
+        fontFamily: "Inter, Sans"
+    },
+    bodyLineHeight: {
+        fontFamily: "Inter, Sans",
+        lineHeight: 1.7
+    },
+    paragraph: {
+        fontFamily: "Inter, Sans"
+    },
+    paragraphLineHeight: {
+        fontFamily: "Inter, Sans",
+        lineHeight: 1.7
+    },
+    small: {
+        fontFamily: "Inter, Sans"
+    },
+    extraSmall: {
+        fontFamily: "Inter, Sans"
+    },
+    tiny: {
+        fontFamily: "Inter, Sans"
+    },
+    micro: {
+        fontFamily: "Inter, Sans"
+    },
+    subtitle: {
+        fontFamily: "Inter, Sans",
+        fontWeight: 600,
+        "text-transform": "uppercase"
+    }
+}));
+
+
+},
+6445(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
+__webpack_require__.d(__webpack_exports__, {
+  "default": () => (__rspack_default_export)
+});
+/* import */ var styled_components__rspack_import_0 = __webpack_require__(2770);
+/* import */ var styled_components__rspack_import_0_default = /*#__PURE__*/__webpack_require__.n(styled_components__rspack_import_0);
+
+/* export default */ const __rspack_default_export = ((0,styled_components__rspack_import_0.css)`
+  .tippy-box[data-animation="fade"][data-state="hidden"] {
+    opacity: 0;
+  }
+
+  [data-tippy-root] {
+    max-width: calc(100vw - 10px);
+  }
+
+  .tippy-box {
+    position: relative;
+    background-color: ${(p)=>p.theme.colors.neutral.c100};
+    color: ${(p)=>p.theme.colors.neutral.c00};
+    border-radius: 4px;
+    font-size: 14px;
+    line-height: 1.4;
+    outline: 0;
+    transition-property: transform, visibility, opacity;
+  }
+
+  .tippy-arrow {
+    width: 16px;
+    height: 16px;
+    color: ${(p)=>p.theme.colors.neutral.c100};
+  }
+
+  .tippy-arrow:before {
+    content: "";
+    position: absolute;
+    border-color: transparent;
+    border-style: solid;
+  }
+
+  .tippy-box[data-placement^="top"] > .tippy-arrow {
+    bottom: 0;
+  }
+
+  .tippy-box[data-placement^="top"] > .tippy-arrow:before {
+    bottom: -4px;
+    left: 0;
+    border-width: 10px 10px 0;
+    border-top-color: initial;
+    transform-origin: center top;
+  }
+
+  .tippy-box[data-placement^="bottom"] > .tippy-arrow {
+    top: 0;
+  }
+
+  .tippy-box[data-placement^="bottom"] > .tippy-arrow:before {
+    top: -4px;
+    left: 0;
+    border-width: 0 10px 10px;
+    border-bottom-color: initial;
+    transform-origin: center bottom;
+  }
+
+  .tippy-box[data-placement^="left"] > .tippy-arrow {
+    right: 0;
+  }
+
+  .tippy-box[data-placement^="left"] > .tippy-arrow:before {
+    border-width: 10px 0 10px 10px;
+    border-left-color: initial;
+    right: -4px;
+    transform-origin: center left;
+  }
+
+  .tippy-box[data-placement^="right"] > .tippy-arrow {
+    left: 0;
+  }
+
+  .tippy-box[data-placement^="right"] > .tippy-arrow:before {
+    left: -4px;
+    border-width: 10px 10px 10px 0;
+    border-right-color: initial;
+    transform-origin: center right;
+  }
+
+  .tippy-box[data-inertia][data-state="visible"] {
+    transition-timing-function: cubic-bezier(0.54, 1.5, 0.38, 1.11);
+  }
+
+  .tippy-content {
+    position: relative;
+    padding: 8px 10px;
+    z-index: 1;
+  }
+`);
+
+
+},
+160(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
+__webpack_require__.d(__webpack_exports__, {
+  InvertTheme: () => (InvertTheme),
+  InvertThemeV3: () => (InvertThemeV3)
+});
+/* import */ var react__rspack_import_0 = __webpack_require__(2015);
+/* import */ var react__rspack_import_0_default = /*#__PURE__*/__webpack_require__.n(react__rspack_import_0);
+/* import */ var styled_components__rspack_import_1 = __webpack_require__(2770);
+/* import */ var styled_components__rspack_import_1_default = /*#__PURE__*/__webpack_require__.n(styled_components__rspack_import_1);
+/* import */ var ___rspack_import_3 = __webpack_require__(5548);
+/* import */ var _ledgerhq_ui_shared__rspack_import_2 = __webpack_require__(2993);
+/* import */ var _ledgerhq_ui_shared__rspack_import_2_default = /*#__PURE__*/__webpack_require__.n(_ledgerhq_ui_shared__rspack_import_2);
+
+
+
+
+
+const InvertTheme = ({ if: condition, children })=>{
+    const theme = (0,styled_components__rspack_import_1.useTheme)();
+    const revertTheme = theme.theme === "light" ? "dark" : "light";
+    const newTheme = (0,react__rspack_import_0.useMemo)(()=>({
+            ...___rspack_import_3["default"],
+            colors: {
+                ..._ledgerhq_ui_shared__rspack_import_2.palettes[revertTheme],
+                palette: _ledgerhq_ui_shared__rspack_import_2.palettes[revertTheme]
+            },
+            theme: revertTheme
+        }), [
+        revertTheme
+    ]);
+    return /*#__PURE__*/ react__rspack_import_0_default().createElement(styled_components__rspack_import_1.ThemeProvider, {
+        theme: condition ? newTheme : theme
+    }, children);
+};
+const InvertThemeV3 = ({ children })=>{
+    const theme = (0,styled_components__rspack_import_1.useTheme)();
+    const v3RevertTheme = theme.theme === "light" ? "dark" : "light";
+    const newTheme = (0,react__rspack_import_0.useMemo)(()=>({
+            ...___rspack_import_3["default"],
+            ...___rspack_import_3["default"],
+            colors: {
+                ...___rspack_import_3["default"].colors,
+                ..._ledgerhq_ui_shared__rspack_import_2.palettes[v3RevertTheme],
+                palette: _ledgerhq_ui_shared__rspack_import_2.palettes[v3RevertTheme]
+            },
+            theme: v3RevertTheme
+        }), [
+        v3RevertTheme
+    ]);
+    return /*#__PURE__*/ react__rspack_import_0_default().createElement(styled_components__rspack_import_1.ThemeProvider, {
+        theme: newTheme
+    }, children);
+};
+
+
+},
+3151(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
+__webpack_require__.d(__webpack_exports__, {
+  StyleProvider: () => (StyleProvider)
+});
+/* import */ var react__rspack_import_0 = __webpack_require__(2015);
+/* import */ var react__rspack_import_0_default = /*#__PURE__*/__webpack_require__.n(react__rspack_import_0);
+/* import */ var styled_components__rspack_import_1 = __webpack_require__(2770);
+/* import */ var styled_components__rspack_import_1_default = /*#__PURE__*/__webpack_require__.n(styled_components__rspack_import_1);
+/* import */ var ___rspack_import_3 = __webpack_require__(5548);
+/* import */ var ___rspack_import_4 = __webpack_require__(6734);
+/* import */ var _ledgerhq_ui_shared__rspack_import_2 = __webpack_require__(2993);
+/* import */ var _ledgerhq_ui_shared__rspack_import_2_default = /*#__PURE__*/__webpack_require__.n(_ledgerhq_ui_shared__rspack_import_2);
+
+
+
+
+
+const StyleProvider = ({ children, fontsPath, fontMappings, selectedPalette = "light" })=>{
+    const theme = (0,react__rspack_import_0.useMemo)(()=>({
+            ...___rspack_import_3["default"],
+            colors: {
+                ...___rspack_import_3["default"].colors,
+                ..._ledgerhq_ui_shared__rspack_import_2.palettes[selectedPalette],
+                palette: _ledgerhq_ui_shared__rspack_import_2.palettes[selectedPalette]
+            },
+            theme: selectedPalette
+        }), [
+        selectedPalette
+    ]);
+    return /*#__PURE__*/ react__rspack_import_0_default().createElement(styled_components__rspack_import_1.ThemeProvider, {
+        theme: theme
+    }, /*#__PURE__*/ react__rspack_import_0_default().createElement(___rspack_import_4.GlobalStyle, {
+        fontsPath: fontsPath,
+        fontMappings: fontMappings
+    }), children);
+};
+
+
+},
+6734(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
+__webpack_require__.d(__webpack_exports__, {
+  GlobalStyle: () => (GlobalStyle)
+});
+/* import */ var styled_components__rspack_import_0 = __webpack_require__(2770);
+/* import */ var styled_components__rspack_import_0_default = /*#__PURE__*/__webpack_require__.n(styled_components__rspack_import_0);
+/* import */ var _helpers__rspack_import_1 = __webpack_require__(4336);
+/* import */ var _components_message_Tooltip_styles__rspack_import_3 = __webpack_require__(6445);
+/* import */ var _components_asorted_Text_styles__rspack_import_2 = __webpack_require__(4368);
+
+
+
+
+const GlobalStyle = (0,styled_components__rspack_import_0.createGlobalStyle)`
+  html {
+    box-sizing: border-box;
+  }
+
+  body {
+    font-family: Inter, sans-serif;
+    font-size: 100%;
+  }
+
+  * {
+    margin: 0;
+    padding: 0;
+    font: inherit;
+    color: inherit;
+    user-select: inherit;
+    cursor: inherit;
+  }
+
+  ::selection {
+    background: ${(p)=>(0,_helpers__rspack_import_1.rgba)(p.theme.colors.primary.c100, 0.1)};
+  }
+
+  --track-color: rgba(0,0,0,0);
+
+  ${(props)=>typeof props.fontsPath === "string" ? _components_asorted_Text_styles__rspack_import_2.fontStyles : ""}
+
+  ${_components_message_Tooltip_styles__rspack_import_3["default"]}
+
+  ::-webkit-scrollbar              {
+    width: 12px;
+    height: 12px;
+    background-color: rgba(0,0,0,0);
+  }
+  ::-webkit-scrollbar-button       {
+    opacity: 0;
+    height: 0;
+    width: 0;
+  }
+  ::-webkit-scrollbar-track        {
+    background-color: rgba(0,0,0,0);
+  }
+  ::-webkit-scrollbar-thumb        {
+    box-shadow: inset 0 0 0 12px var(--track-color);
+    border: 2px solid rgba(0,0,0,0);
+    border-radius: 12px;
+  }
+  ::-webkit-scrollbar-corner {
+    opacity: 0;
+  }
+`;
+
+
+},
+4336(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  darken: () => (/* binding */ darken),
+  ensureContrast: () => (/* binding */ ensureContrast),
+  mix: () => (/* binding */ mix),
+  rgba: () => (/* binding */ rgba),
+  lighten: () => (/* binding */ lighten),
+  ff: () => (/* binding */ ff)
+});
+
+;// CONCATENATED MODULE: external "color"
+const external_color_namespaceObject = require("color");
+var external_color_default = /*#__PURE__*/__webpack_require__.n(external_color_namespaceObject);
+// EXTERNAL MODULE: ./src/styles/theme.ts
+var theme = __webpack_require__(5548);
+;// CONCATENATED MODULE: ./src/styles/helpers.ts
+
+
+const rgba = (c, a)=>external_color_default()(c).alpha(a).rgb().toString();
+const darken = (c, a)=>external_color_default()(c).darken(a).toString();
+const lighten = (c, a)=>external_color_default()(c).lighten(a).toString();
+const mix = (c, b, a)=>external_color_default()(c).mix(external_color_default()(b), a).toString();
+const ff = (v)=>{
+    const [font, type = "Regular"] = v.split("|");
+    // @ts-expect-error FIXME
+    const { style, weight } = theme.fontFamilies[font][type];
+    // @ts-expect-error FIXME
+    const fallback = theme.fontFamilies[font].fallback ?? "Arial";
+    return {
+        fontFamily: `${font}, ${fallback}`,
+        fontWeight: weight,
+        fontStyle: style
+    };
+};
+const ensureContrast = (color1, color2)=>{
+    const colorL1 = external_color_default()(color1).luminosity() + 0.05;
+    const colorL2 = external_color_default()(color2).luminosity() + 0.05;
+    const lRatio = colorL1 > colorL2 ? colorL1 / colorL2 : colorL2 / colorL1;
+    if (lRatio < 1.5) {
+        return external_color_default()(color1).rotate(180).negate().string();
+    }
+    return color1;
+};
+
+
+},
+5548(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
+__webpack_require__.d(__webpack_exports__, {
+  "default": () => (__rspack_default_export),
+  fontFamilies: () => (fontFamilies)
+});
+/* import */ var styled_components__rspack_import_0 = __webpack_require__(2770);
+/* import */ var styled_components__rspack_import_0_default = /*#__PURE__*/__webpack_require__.n(styled_components__rspack_import_0);
+/* import */ var _ledgerhq_ui_shared__rspack_import_1 = __webpack_require__(2993);
+/* import */ var _ledgerhq_ui_shared__rspack_import_1_default = /*#__PURE__*/__webpack_require__.n(_ledgerhq_ui_shared__rspack_import_1);
+
+
+const breakpoints = {
+    sm: "640px",
+    md: "768px",
+    lg: "1024px",
+    xl: "1280px",
+    xxl: "1536px"
+};
+const space = [
+    /* space indexes:
+  0, 1, 2, 3, 4,  5,  6,  7,  8,  9,  10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21 */ 0,
+    2,
+    4,
+    8,
+    10,
+    12,
+    16,
+    20,
+    24,
+    28,
+    32,
+    36,
+    40,
+    44,
+    48,
+    52,
+    56,
+    60,
+    64,
+    68,
+    72,
+    76
+];
+const fontSizes = [
+    8,
+    10,
+    11,
+    12,
+    13,
+    14,
+    16,
+    20,
+    24,
+    28,
+    32,
+    36
+];
+[fontSizes.micro, fontSizes.tiny, fontSizes.extraSmall, fontSizes.small, fontSizes.paragraph, fontSizes.body, fontSizes.large, fontSizes.h5, fontSizes.h4, fontSizes.h3, fontSizes.h2, fontSizes.h1] = fontSizes;
+fontSizes.largeLineHeight = fontSizes.large;
+fontSizes.bodyLineHeight = fontSizes.body;
+fontSizes.paragraphLineHeight = fontSizes.paragraph;
+fontSizes.subtitle = fontSizes.extraSmall;
+fontSizes.h1Inter = fontSizes.h1;
+fontSizes.h2Inter = fontSizes.h2;
+fontSizes.h3Inter = fontSizes.h3;
+fontSizes.h4Inter = fontSizes.h4;
+fontSizes.h5Inter = fontSizes.h5;
+const fontWeights = {
+    extraLight: "100",
+    light: "300",
+    regular: "400",
+    medium: "500",
+    semiBold: "600",
+    bold: "700",
+    extraBold: "800"
+};
+const radii = [
+    0,
+    4,
+    8,
+    12,
+    16,
+    20
+];
+const shadows = [
+    "0 4px 8px 0 rgba(0, 0, 0, 0.03)"
+];
+const zIndexes = [
+    -1,
+    0,
+    1,
+    9,
+    10,
+    90,
+    100,
+    900,
+    1000
+];
+// Those fonts are now defined in global.css, this is just a mapping for styled-system
+const fontFamilies = {
+    Inter: {
+        ExtraLight: {
+            weight: 100,
+            style: "normal"
+        },
+        Light: {
+            weight: 300,
+            style: "normal"
+        },
+        Regular: {
+            weight: 400,
+            style: "normal"
+        },
+        Medium: {
+            weight: 500,
+            style: "normal"
+        },
+        SemiBold: {
+            weight: 600,
+            style: "normal"
+        },
+        Bold: {
+            weight: 700,
+            style: "normal"
+        },
+        ExtraBold: {
+            weight: 800,
+            style: "normal"
+        }
+    },
+    Alpha: {
+        Medium: {
+            weight: 500,
+            style: "normal"
+        }
+    }
+};
+const animationDuration = "0.33s";
+const easings = {
+    outQuadratic: "cubic-bezier(0.25, 0.46, 0.45, 0.94)"
+};
+const transition = (properties = [
+    "all"
+], duration = animationDuration, easing = easings.outQuadratic)=>(0,styled_components__rspack_import_0.css)`
+  transition-property: ${properties.join(",")};
+  transition-duration: ${duration};
+  transition-timing-function: ${easing};
+`;
+const fadeIn = (0,styled_components__rspack_import_0.keyframes)`
+    0% {
+      opacity: 0;
+    }
+    100% {
+      opacity: 1;
+    }
+  `;
+const fadeOut = (0,styled_components__rspack_import_0.keyframes)`
+    0% {
+      opacity: 1;
+    }
+    100% {
+      opacity: 0;
+    }
+  `;
+const fadeInGrowX = (0,styled_components__rspack_import_0.keyframes)`
+    0% {
+      opacity: 0;
+      transform: scaleX(0);
+    }
+    100% {
+      opacity: 1;
+      transform: scaleX(1);
+    }
+`;
+const fadeInUp = (0,styled_components__rspack_import_0.keyframes)`
+    0% {
+      opacity: 0;
+      transform: translateY(66%);
+    }
+    100% {
+      opacity: 1;
+      transform: translateY(0%);
+    }
+  `;
+const animations = {
+    fadeIn: ()=>(0,styled_components__rspack_import_0.css)`
+    ${fadeIn} ${animationDuration} ${easings.outQuadratic} forwards
+  `,
+    fadeOut: ()=>(0,styled_components__rspack_import_0.css)`
+    ${fadeOut} ${animationDuration} ${easings.outQuadratic} forwards
+  `,
+    fadeInGrowX: ()=>(0,styled_components__rspack_import_0.css)`
+    ${fadeInGrowX} 0.6s ${easings.outQuadratic} forwards
+  `,
+    fadeInUp: ()=>(0,styled_components__rspack_import_0.css)`
+    ${fadeInUp} ${animationDuration} ${easings.outQuadratic} forwards
+  `
+};
+const overflow = {
+    x: (0,styled_components__rspack_import_0.css)`
+    overflow-y: hidden;
+    overflow-x: scroll;
+    will-change: transform;
+    &:hover {
+      --track-color: ${(p)=>p.theme.colors.neutral.c30};
+    }
+  `,
+    y: (0,styled_components__rspack_import_0.css)`
+    overflow-x: hidden;
+    overflow-y: scroll;
+    will-change: transform;
+    &:hover {
+      --track-color: ${(p)=>p.theme.colors.neutral.c30};
+    }
+  `,
+    yAuto: (0,styled_components__rspack_import_0.css)`
+    overflow-x: hidden;
+    overflow-y: auto;
+    will-change: transform;
+    &:hover {
+      --track-color: ${(p)=>p.theme.colors.neutral.c30};
+    }
+  `,
+    xy: (0,styled_components__rspack_import_0.css)`
+    overflow: scroll;
+    will-change: transform;
+    &:hover {
+      --track-color: ${(p)=>p.theme.colors.neutral.c30};
+    }
+  `,
+    trackSize: 12
+};
+const theme = {
+    theme: "light",
+    sizes: {
+        drawer: {
+            side: {
+                big: {
+                    width: 580
+                },
+                small: {
+                    width: 420
+                }
+            },
+            popin: {
+                min: {
+                    height: 158,
+                    width: 462
+                },
+                max: {
+                    height: 522,
+                    width: 622
+                }
+            }
+        },
+        topBarHeight: 58,
+        sideBarWidth: 230
+    },
+    radii,
+    fontFamilies,
+    fontSizes,
+    fontWeights,
+    space,
+    shadows,
+    colors: _ledgerhq_ui_shared__rspack_import_1.palettes.light,
+    animations,
+    overflow,
+    transition,
+    zIndexes,
+    breakpoints
+};
+/* export default */ const __rspack_default_export = (theme);
+
+
+},
+2993(module) {
+module.exports = require("@ledgerhq/ui-shared");
+
+},
+2015(module) {
+module.exports = require("react");
+
+},
+2770(module) {
+module.exports = require("styled-components");
+
+},
+
+});
+// The module cache
+var __webpack_module_cache__ = {};
+
+// The require function
+function __webpack_require__(moduleId) {
+
+// Check if module is in cache
+var cachedModule = __webpack_module_cache__[moduleId];
+if (cachedModule !== undefined) {
+return cachedModule.exports;
+}
+// Create a new module (and put it into the cache)
+var module = (__webpack_module_cache__[moduleId] = {
+exports: {}
+});
+// Execute the module function
+__webpack_modules__[moduleId](module, module.exports, __webpack_require__);
+
+// Return the exports of the module
+return module.exports;
+
+}
+
+// webpack/runtime/compat_get_default_export
+(() => {
+// getDefaultExport function for compatibility with non-ESM modules
+__webpack_require__.n = (module) => {
+	var getter = module && module.__esModule ?
+		() => (module['default']) :
+		() => (module);
+	__webpack_require__.d(getter, { a: getter });
+	return getter;
+};
+
+})();
+// webpack/runtime/define_property_getters
+(() => {
+__webpack_require__.d = (exports, definition) => {
+	for(var key in definition) {
+        if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
+            Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
+        }
+    }
+};
+})();
+// webpack/runtime/has_own_property
+(() => {
+__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
+})();
+// webpack/runtime/make_namespace_object
+(() => {
+// define __esModule on exports
+__webpack_require__.r = (exports) => {
+	if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+		Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+	}
+	Object.defineProperty(exports, '__esModule', { value: true });
+};
+})();
+var __webpack_exports__ = {};
+// This entry needs to be wrapped in an IIFE because it needs to be isolated against other modules in the chunk.
+(() => {
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+  GlobalStyle: () => (/* reexport safe */ _global__rspack_import_2.GlobalStyle),
+  InvertTheme: () => (/* reexport safe */ _InvertTheme__rspack_import_4.InvertTheme),
+  InvertThemeV3: () => (/* reexport safe */ _InvertTheme__rspack_import_4.InvertThemeV3),
+  StyleProvider: () => (/* reexport safe */ _StyleProvider__rspack_import_3.StyleProvider),
+  darken: () => (/* reexport safe */ _helpers__rspack_import_1.darken),
+  defaultTheme: () => (/* reexport safe */ _theme__rspack_import_0["default"]),
+  ensureContrast: () => (/* reexport safe */ _helpers__rspack_import_1.ensureContrast),
+  ff: () => (/* reexport safe */ _helpers__rspack_import_1.ff),
+  lighten: () => (/* reexport safe */ _helpers__rspack_import_1.lighten),
+  mix: () => (/* reexport safe */ _helpers__rspack_import_1.mix),
+  palettes: () => (/* reexport safe */ _ledgerhq_ui_shared__rspack_import_5.palettes),
+  rgba: () => (/* reexport safe */ _helpers__rspack_import_1.rgba)
+});
+/* import */ var _theme__rspack_import_0 = __webpack_require__(5548);
+/* import */ var _helpers__rspack_import_1 = __webpack_require__(4336);
+/* import */ var _global__rspack_import_2 = __webpack_require__(6734);
+/* import */ var _StyleProvider__rspack_import_3 = __webpack_require__(3151);
+/* import */ var _InvertTheme__rspack_import_4 = __webpack_require__(160);
+/* import */ var _ledgerhq_ui_shared__rspack_import_5 = __webpack_require__(2993);
+/* import */ var _ledgerhq_ui_shared__rspack_import_5_default = /*#__PURE__*/__webpack_require__.n(_ledgerhq_ui_shared__rspack_import_5);
+
+
+
+
+
+
+
+})();
+
+module.exports = __webpack_exports__;
+})()
+;
+//# sourceMappingURL=index.js.map