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

package/lib/cjs/components/styled.stories.js

@@ -1,79 +1,192 @@
+(() => {
 "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 __webpack_modules__ = ({
+7680(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
+__webpack_require__.d(__webpack_exports__, {
+  "default": () => (__rspack_default_export)
+});
+/* import */ var _styles_system_gaps__rspack_import_2 = __webpack_require__(4182);
+/* 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 styled_system__rspack_import_1 = __webpack_require__(9351);
+/* import */ var styled_system__rspack_import_1_default = /*#__PURE__*/__webpack_require__.n(styled_system__rspack_import_1);
+
+
+
+const baseStyles = (0,styled_system__rspack_import_1.compose)(styled_system__rspack_import_1.flexbox, styled_system__rspack_import_1.space, styled_system__rspack_import_1.position, styled_system__rspack_import_1.color, styled_system__rspack_import_1.layout, styled_system__rspack_import_1.overflow, _styles_system_gaps__rspack_import_2["default"], styled_system__rspack_import_1.border);
+const proxyStyled = new Proxy((styled_components__rspack_import_0_default()), {
+    apply (target, thisArg, argumentsList) {
+        return styled_components__rspack_import_0_default()(target.apply(thisArg, argumentsList)(baseStyles));
+    },
+    get (target, property) {
+        if (typeof target[property] === "function") {
+            return styled_components__rspack_import_0_default()(target[property].apply((styled_components__rspack_import_0_default()), [
+                baseStyles
+            ]));
+        }
+        return target[property];
+    }
+});
+/* export default */ const __rspack_default_export = (proxyStyled);
+
+
+},
+4182(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
+__webpack_require__.d(__webpack_exports__, {
+  "default": () => (__rspack_default_export)
+});
+/* import */ var styled_system__rspack_import_0 = __webpack_require__(9351);
+/* import */ var styled_system__rspack_import_0_default = /*#__PURE__*/__webpack_require__.n(styled_system__rspack_import_0);
+
+const gaps = (0,styled_system__rspack_import_0.system)({
+    rowGap: {
+        property: "rowGap",
+        scale: "space"
+    },
+    columnGap: {
+        property: "columnGap",
+        scale: "space"
+    }
+});
+/* export default */ const __rspack_default_export = (gaps);
+
+
+},
+2770(module) {
+module.exports = require("styled-components");
+
+},
+9351(module) {
+module.exports = require("styled-system");
+
+},
+
+});
+// 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] });
+        }
+    }
 };
-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;
+})();
+// 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 __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 styled_stories_exports = {};
-__export(styled_stories_exports, {
-  Styled: () => Styled,
-  default: () => styled_stories_default
+})();
+var __webpack_exports__ = {};
+// This entry needs to be wrapped in an IIFE because it needs to be isolated against other modules in the chunk.
+(() => {
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "default": () => (/* binding */ styled_stories),
+  Styled: () => (/* binding */ Styled)
 });
-module.exports = __toCommonJS(styled_stories_exports);
-var import_react = __toESM(require("react"));
-var import_styled = __toESM(require("./styled"));
-var styled_stories_default = {
-  title: "Styled/BaseStyled",
-  argTypes: {
-    backgroundColor: {
-      type: "text",
-      control: "color",
-      description: "This property defines the backgroundColor of the box. This property any color format."
+
+;// CONCATENATED MODULE: external "react"
+const external_react_namespaceObject = require("react");
+var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_namespaceObject);
+// EXTERNAL MODULE: ./src/components/styled.ts
+var styled = __webpack_require__(7680);
+;// CONCATENATED MODULE: ./src/components/styled.stories.tsx
+
+
+/* export default */ const styled_stories = ({
+    title: "Styled/BaseStyled",
+    argTypes: {
+        backgroundColor: {
+            type: "text",
+            control: "color",
+            description: "This property defines the backgroundColor of the box. This property any color format."
+        },
+        width: {
+            type: "text",
+            description: "Width of the box."
+        },
+        py: {
+            type: "text",
+            description: "Padding top and bottom."
+        },
+        mx: {
+            type: "text",
+            description: "Margin left and right."
+        }
     },
-    width: {
-      type: "text",
-      description: "Width of the box."
+    args: {
+        backgroundColor: "#0EBDCD",
+        width: "200px",
+        py: "20px",
+        px: "20px",
+        mx: "20px"
     },
-    py: {
-      type: "text",
-      description: "Padding top and bottom."
-    },
-    mx: {
-      type: "text",
-      description: "Margin left and right."
-    }
-  },
-  args: {
-    backgroundColor: "#0EBDCD",
-    width: "200px",
-    py: "20px",
-    px: "20px",
-    mx: "20px"
-  },
-  parameters: {
-    docs: {
-      description: {
-        component: `The baseStyled function is a wrapper to "styled" from [styled-components](https://styled-components.com/) that lets you write these common css properties to your component more succinctly and inline.
+    parameters: {
+        docs: {
+            description: {
+                component: `The baseStyled function is a wrapper to "styled" from [styled-components](https://styled-components.com/) that lets you write these common css properties to your component more succinctly and inline.
         
 It acts like a drop-in remplacement of styled. In your styled component, just replace styled with baseStyled, and the component will includes all the style props exported by the color, layout, position, shadow and flexbox utilities from the [styled-system](https://styled-system.com) library.
       
 [See more about styled-system utilities](https://styled-system.com/api)`
-      }
+            }
+        }
     }
-  }
-};
-const Block = import_styled.default.div``;
-const Styled = (args) => /* @__PURE__ */ import_react.default.createElement(Block, { ...args }, "A plain good ol'block with fixed width, backgroundColor, padding and margin, all by using inline props");
-//# sourceMappingURL=styled.stories.js.map
+});
+const Block = styled["default"].div``;
+const Styled = (args)=>/*#__PURE__*/ external_react_default().createElement(Block, args, "A plain good ol'block with fixed width, backgroundColor, padding and margin, all by using inline props");
+
+})();
+
+module.exports = __webpack_exports__;
+})()
+;
+//# sourceMappingURL=styled.stories.js.map

package/lib/cjs/components/styled.stories.js.map

@@ -1,7 +1 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/styled.stories.tsx"],
-  "sourcesContent": ["import React from \"react\";\nimport baseStyled, { BaseStyledProps } from \"./styled\";\n\nexport default {\n  title: \"Styled/BaseStyled\",\n  argTypes: {\n    backgroundColor: {\n      type: \"text\",\n      control: \"color\",\n      description:\n        \"This property defines the backgroundColor of the box. This property any color format.\",\n    },\n    width: {\n      type: \"text\",\n      description: \"Width of the box.\",\n    },\n    py: {\n      type: \"text\",\n      description: \"Padding top and bottom.\",\n    },\n    mx: {\n      type: \"text\",\n      description: \"Margin left and right.\",\n    },\n  },\n  args: {\n    backgroundColor: \"#0EBDCD\",\n    width: \"200px\",\n    py: \"20px\",\n    px: \"20px\",\n    mx: \"20px\",\n  },\n  parameters: {\n    docs: {\n      description: {\n        component: `The baseStyled function is a wrapper to \"styled\" from [styled-components](https://styled-components.com/) that lets you write these common css properties to your component more succinctly and inline.\n        \nIt acts like a drop-in remplacement of styled. In your styled component, just replace styled with baseStyled, and the component will includes all the style props exported by the color, layout, position, shadow and flexbox utilities from the [styled-system](https://styled-system.com) library.\n      \n[See more about styled-system utilities](https://styled-system.com/api)`,\n      },\n    },\n  },\n};\n\nconst Block = baseStyled.div``;\n\nexport const Styled = (args: BaseStyledProps) => (\n  <Block {...args}>\n    A plain good ol'block with fixed width, backgroundColor, padding and margin, all by using inline\n    props\n  </Block>\n);\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,oBAA4C;AAE5C,IAAO,yBAAQ;AAAA,EACb,OAAO;AAAA,EACP,UAAU;AAAA,IACR,iBAAiB;AAAA,MACf,MAAM;AAAA,MACN,SAAS;AAAA,MACT,aACE;AAAA,IACJ;AAAA,IACA,OAAO;AAAA,MACL,MAAM;AAAA,MACN,aAAa;AAAA,IACf;AAAA,IACA,IAAI;AAAA,MACF,MAAM;AAAA,MACN,aAAa;AAAA,IACf;AAAA,IACA,IAAI;AAAA,MACF,MAAM;AAAA,MACN,aAAa;AAAA,IACf;AAAA,EACF;AAAA,EACA,MAAM;AAAA,IACJ,iBAAiB;AAAA,IACjB,OAAO;AAAA,IACP,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EACN;AAAA,EACA,YAAY;AAAA,IACV,MAAM;AAAA,MACJ,aAAa;AAAA,QACX,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA,MAKb;AAAA,IACF;AAAA,EACF;AACF;AAEA,MAAM,QAAQ,cAAAA,QAAW;AAElB,MAAM,SAAS,CAAC,SACrB,6BAAAC,QAAA,cAAC,SAAO,GAAG,QAAM,wGAGjB;",
-  "names": ["baseStyled", "React"]
-}
+{"version":3,"file":"components/styled.stories.js","sources":["webpack://@ledgerhq/react-ui/./src/components/styled.ts","webpack://@ledgerhq/react-ui/./src/styles/system/gaps.ts","webpack://@ledgerhq/react-ui/webpack/runtime/compat_get_default_export","webpack://@ledgerhq/react-ui/webpack/runtime/define_property_getters","webpack://@ledgerhq/react-ui/webpack/runtime/has_own_property","webpack://@ledgerhq/react-ui/webpack/runtime/make_namespace_object","webpack://@ledgerhq/react-ui/./src/components/styled.stories.tsx"],"sourcesContent":["import gaps from \"../styles/system/gaps\";\nimport styled, { StyledInterface, InterpolationFunction } from \"styled-components\";\nimport {\n  compose,\n  flexbox,\n  FlexboxProps,\n  space,\n  SpaceProps,\n  position,\n  PositionProps,\n  color,\n  ColorProps,\n  layout,\n  LayoutProps,\n  overflow,\n  OverflowProps,\n  border,\n  BorderProps,\n} from \"styled-system\";\n\nexport type BaseStyledProps = SpaceProps &\n  FlexboxProps &\n  PositionProps &\n  ColorProps &\n  LayoutProps &\n  BorderProps &\n  OverflowProps & {\n    /**\n     * The columnGap CSS property sets the size of the gap (gutter) between an element's grid columns.\n     */\n    columnGap?: string | number;\n    /**\n     * The rowGap CSS property sets the size of the gap (gutter) between an element's grid rows.\n     */\n    rowGap?: string | number;\n    color?: string;\n  };\n\nexport const baseStyles: InterpolationFunction<unknown> = compose(\n  flexbox,\n  space,\n  position,\n  color,\n  layout,\n  overflow,\n  gaps,\n  border,\n);\n\nconst proxyStyled = new Proxy(styled, {\n  apply(target: typeof styled, thisArg, argumentsList: Parameters<typeof styled>) {\n    return styled(target.apply(thisArg, argumentsList)(baseStyles));\n  },\n  get(target, property: keyof typeof styled) {\n    if (typeof target[property] === \"function\") {\n      return styled(target[property].apply(styled, [baseStyles]));\n    }\n    return target[property];\n  },\n});\n\nexport default <StyledInterface>proxyStyled;\n","import { system } from \"styled-system\";\n\nconst gaps = system({\n  rowGap: { property: \"rowGap\", scale: \"space\" },\n  columnGap: { property: \"columnGap\", scale: \"space\" },\n});\n\nexport default gaps;\n","// getDefaultExport function for compatibility with non-ESM modules\n__webpack_require__.n = (module) => {\n\tvar getter = module && module.__esModule ?\n\t\t() => (module['default']) :\n\t\t() => (module);\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};\n","__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n        if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n            Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n        }\n    }\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import React from \"react\";\nimport baseStyled, { BaseStyledProps } from \"./styled\";\n\nexport default {\n  title: \"Styled/BaseStyled\",\n  argTypes: {\n    backgroundColor: {\n      type: \"text\",\n      control: \"color\",\n      description:\n        \"This property defines the backgroundColor of the box. This property any color format.\",\n    },\n    width: {\n      type: \"text\",\n      description: \"Width of the box.\",\n    },\n    py: {\n      type: \"text\",\n      description: \"Padding top and bottom.\",\n    },\n    mx: {\n      type: \"text\",\n      description: \"Margin left and right.\",\n    },\n  },\n  args: {\n    backgroundColor: \"#0EBDCD\",\n    width: \"200px\",\n    py: \"20px\",\n    px: \"20px\",\n    mx: \"20px\",\n  },\n  parameters: {\n    docs: {\n      description: {\n        component: `The baseStyled function is a wrapper to \"styled\" from [styled-components](https://styled-components.com/) that lets you write these common css properties to your component more succinctly and inline.\n        \nIt acts like a drop-in remplacement of styled. In your styled component, just replace styled with baseStyled, and the component will includes all the style props exported by the color, layout, position, shadow and flexbox utilities from the [styled-system](https://styled-system.com) library.\n      \n[See more about styled-system utilities](https://styled-system.com/api)`,\n      },\n    },\n  },\n};\n\nconst Block = baseStyled.div``;\n\nexport const Styled = (args: BaseStyledProps) => (\n  <Block {...args}>\n    A plain good ol'block with fixed width, backgroundColor, padding and margin, all by using inline\n    props\n  </Block>\n);\n"],"names":["gaps","styled","compose","flexbox","space","position","color","layout","overflow","border","baseStyles","proxyStyled","Proxy","target","thisArg","argumentsList","property","system","React","baseStyled","Block","Styled","args"],"mappings":";;;;;;;;;;;;AAAyC;AAC0C;AAiB5D;AAoBhB,MAAMU,aAA6CR,0CAAOA,CAC/DC,sCAAOA,EACPC,oCAAKA,EACLC,uCAAQA,EACRC,oCAAKA,EACLC,qCAAMA,EACNC,uCAAQA,EACRR,+CAAIA,EACJS,qCAAMA,EACN;AAEF,MAAME,cAAc,IAAIC,MAAMX,8CAAMA,EAAE;IACpC,OAAMY,MAAqB,EAAEC,OAAO,EAAEC,aAAwC;QAC5E,OAAOd,4CAAMA,CAACY,OAAO,KAAK,CAACC,SAASC,eAAeL;IACrD;IACA,KAAIG,MAAM,EAAEG,QAA6B;QACvC,IAAI,OAAOH,MAAM,CAACG,SAAS,KAAK,YAAY;YAC1C,OAAOf,4CAAMA,CAACY,MAAM,CAACG,SAAS,CAAC,KAAK,CAACf,8CAAMA,EAAE;gBAACS;aAAW;QAC3D;QACA,OAAOG,MAAM,CAACG,SAAS;IACzB;AACF;AAEA,sDAAgCL,WAAWA,EAAC;;;;;;;;;;AC7DL;AAEvC,MAAMX,OAAOiB,yCAAMA,CAAC;IAClB,QAAQ;QAAE,UAAU;QAAU,OAAO;IAAQ;IAC7C,WAAW;QAAE,UAAU;QAAa,OAAO;IAAQ;AACrD;AAEA,sDAAejB,IAAIA,EAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACPpB;AACA;AACA;AACA;AACA;AACA,iCAAiC,WAAW;AAC5C;AACA;;;;;ACPA;AACA;AACA;AACA,kDAAkD,wCAAwC;AAC1F;AACA;AACA,E;;;;ACNA,wF;;;;ACAA;AACA;AACA;AACA,uDAAuD,iBAAiB;AACxE;AACA,gDAAgD,aAAa;AAC7D,E;;;;;;;;;;;;;;;;;;;;ACN0B;AAC6B;AAEvD,6CAAe;IACb,OAAO;IACP,UAAU;QACR,iBAAiB;YACf,MAAM;YACN,SAAS;YACT,aACE;QACJ;QACA,OAAO;YACL,MAAM;YACN,aAAa;QACf;QACA,IAAI;YACF,MAAM;YACN,aAAa;QACf;QACA,IAAI;YACF,MAAM;YACN,aAAa;QACf;IACF;IACA,MAAM;QACJ,iBAAiB;QACjB,OAAO;QACP,IAAI;QACJ,IAAI;QACJ,IAAI;IACN;IACA,YAAY;QACV,MAAM;YACJ,aAAa;gBACX,WAAW,CAAC;;;;uEAImD,CAAC;YAClE;QACF;IACF;AACF,CAAC,EAAC;AAEF,MAAMoB,QAAQD,qBAAc,CAAC,CAAC;AAEvB,MAAME,SAAS,CAACC,qBACrB,uCAACF,OAAUE,MAAM,0GAIjB"}