@ledgerhq/react-ui 0.52.0 → 0.53.0-nightly.20260626030713

package/lib/cjs/components/layout/Flex/Flex.stories.js

@@ -2,9 +2,6 @@
 "use strict";
 var __webpack_modules__ = ({
 3696(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
-__webpack_require__.d(__webpack_exports__, {
-  "default": () => (__rspack_default_export)
-});
 /* import */ var _styled__rspack_import_0 = __webpack_require__(7680);
 
 const FlexBox = _styled__rspack_import_0["default"].div.attrs({
@@ -13,12 +10,14 @@ const FlexBox = _styled__rspack_import_0["default"].div.attrs({
 })``;
 /* export default */ const __rspack_default_export = (FlexBox);
 
+__webpack_require__.d(__webpack_exports__, {
+}, {
+  "default": __rspack_default_export
+});
+
 
 },
 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);
@@ -43,12 +42,14 @@ const proxyStyled = new Proxy((styled_components__rspack_import_0_default()), {
 });
 /* export default */ const __rspack_default_export = (proxyStyled);
 
+__webpack_require__.d(__webpack_exports__, {
+}, {
+  "default": __rspack_default_export
+});
+
 
 },
 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);
 
@@ -64,6 +65,11 @@ const gaps = (0,styled_system__rspack_import_0.system)({
 });
 /* export default */ const __rspack_default_export = (gaps);
 
+__webpack_require__.d(__webpack_exports__, {
+}, {
+  "default": __rspack_default_export
+});
+
 
 },
 2770(module) {
@@ -113,12 +119,16 @@ __webpack_require__.n = (module) => {
 })();
 // 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_require__.d = (exports, getters, values) => {
+	var define = (defs, kind) => {
+		for(var key in defs) {
+			if(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {
+				Object.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });
+			}
+		}
+	};
+	define(getters, "get");
+	define(values, "value");
 };
 })();
 // webpack/runtime/has_own_property
@@ -143,8 +153,8 @@ __webpack_require__.r(__webpack_exports__);
 
 // EXPORTS
 __webpack_require__.d(__webpack_exports__, {
-  "default": () => (/* binding */ Flex_stories),
-  Default: () => (/* binding */ Default)
+  Default: () => (/* binding */ Default),
+  "default": () => (/* binding */ Flex_stories)
 });
 
 ;// CONCATENATED MODULE: external "react"

package/lib/cjs/components/layout/Flex/Flex.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"components/layout/Flex/Flex.stories.js","sources":["webpack://@ledgerhq/react-ui/./src/components/layout/Flex/index.ts","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/layout/Flex/Flex.stories.tsx"],"sourcesContent":["import baseStyled, { BaseStyledProps } from \"../../styled\";\n\nconst FlexBox = baseStyled.div.attrs<BaseStyledProps, BaseStyledProps>({\n  display: \"flex\",\n  minWidth: 0,\n})``;\nexport type FlexBoxProps = BaseStyledProps & React.HTMLAttributes<HTMLDivElement>;\n\nexport default FlexBox;\n","import React from \"react\";\nimport 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    children?: React.ReactNode;\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 Flex, { FlexBoxProps } from \"./index\";\n\nexport default {\n  title: \"Layout/Flex\",\n  component: Flex,\n  argTypes: {\n    children: {\n      type: \"text\",\n      description: \"Any valid React node\",\n      required: true,\n      control: false,\n    },\n    alignItems: {\n      type: \"text\",\n      description:\n        \"This defines the default behavior for how flex items are laid out along the cross axis on the current line. Think of it as the justify-content version for the cross-axis (perpendicular to the main-axis).\",\n      required: false,\n      options: [\n        \"stretch\",\n        \"flex-start\",\n        \"flex-end\",\n        \"center\",\n        \"baseline\",\n        \"first baseline\",\n        \"last baseline\",\n        \"start\",\n        \"end\",\n        \"self-start\",\n        \"self-end\",\n        \"safe center\",\n        \"unsafe center\",\n      ],\n      control: {\n        type: \"select\",\n      },\n      table: {\n        category: \"Parent\",\n        subcategory: \"cross-axis\",\n      },\n    },\n    flexDirection: {\n      type: \"text\",\n      description:\n        \"This establishes the main-axis, thus defining the direction flex items are placed in the flex container. Think of flex items as primarily laying out either in horizontal rows or vertical columns.\",\n      required: false,\n      options: [\"row\", \"row-reverse\", \"column\", \"column-reverse\"],\n      control: {\n        type: \"select\",\n      },\n      table: {\n        category: \"Parent\",\n        subcategory: \"main-axis\",\n      },\n    },\n    justifyItems: {\n      type: \"text\",\n      description:\n        \"This defines the default justify-self for all items of the box, giving them all a default way of justifying each box along the appropriate axis.\",\n      required: false,\n      options: [\n        \"flex-start\",\n        \"flex-end\",\n        \"center\",\n        \"space-between\",\n        \"space-around\",\n        \"space-evenly\",\n        \"stretch\",\n        \"start\",\n        \"end\",\n        \"baseline\",\n        \"first baseline\",\n        \"last baseline\",\n        \"safe center\",\n        \"unsafe center\",\n      ],\n      control: {\n        type: \"select\",\n      },\n      table: {\n        category: \"Parent\",\n      },\n    },\n    justifyContent: {\n      type: \"text\",\n      description:\n        \"This defines the alignment along the main axis. It helps distribute extra free space leftover when either all the flex items on a line are inflexible, or are flexible but have reached their maximum size. It also exerts some control over the alignment of items when they overflow the line.\",\n      required: false,\n      options: [\n        \"flex-start\",\n        \"flex-end\",\n        \"center\",\n        \"space-between\",\n        \"space-around\",\n        \"space-evenly\",\n        \"stretch\",\n        \"start\",\n        \"end\",\n        \"left\",\n        \"right\",\n        \"safe center\",\n        \"unsafe center\",\n      ],\n      control: {\n        type: \"select\",\n      },\n      table: {\n        category: \"Parent\",\n        subcategory: \"main-axis\",\n      },\n    },\n    flexWrap: {\n      type: \"text\",\n      description:\n        \"By default, flex items will all try to fit onto one line. You can change that and allow the items to wrap as needed with this property.\",\n      required: false,\n      options: [\"nowrap\", \"wrap\", \"wrap-reverse\"],\n      control: {\n        type: \"select\",\n      },\n      table: {\n        category: \"Parent\",\n      },\n    },\n    flex: {\n      type: \"text\",\n      description:\n        \"This is the shorthand for flex-grow, flex-shrink and flex-basis combined. The second and third parameters (flex-shrink and flex-basis) are optional. The default is 0 1 auto, but if you set it with a single number value, it’s like 1 0.\",\n      required: false,\n      control: {\n        type: \"text\",\n      },\n      table: {\n        category: \"Children\",\n      },\n    },\n    flexGrow: {\n      type: \"text\",\n      description:\n        \"This defines the ability for a flex item to grow if necessary. It accepts a unitless value that serves as a proportion. It dictates what amount of the available space inside the flex container the item should take up.\",\n      required: false,\n      control: {\n        type: \"number\",\n      },\n      table: {\n        category: \"Children\",\n      },\n    },\n    flexShrink: {\n      type: \"text\",\n      description: \"This defines the ability for a flex item to shrink if necessary.\",\n      required: false,\n      control: {\n        type: \"number\",\n      },\n      table: {\n        category: \"Children\",\n      },\n    },\n    flexBasis: {\n      type: \"text\",\n      description:\n        \"This defines the default size of an element before the remaining space is distributed. It can be a length (e.g. 20%, 5rem, etc.) or a keyword. The auto keyword means “look at my width or height property” (which was temporarily done by the main-size keyword until deprecated).\",\n      required: false,\n      control: {\n        type: \"number\",\n      },\n      table: {\n        category: \"Children\",\n      },\n    },\n    justifySelf: {\n      type: \"text\",\n      description:\n        \"This  sets the way a box is justified inside its alignment container along the appropriate axis.\",\n      required: false,\n      options: [\n        \"flex-start\",\n        \"flex-end\",\n        \"center\",\n        \"space-between\",\n        \"space-around\",\n        \"space-evenly\",\n        \"stretch\",\n        \"start\",\n        \"end\",\n        \"baseline\",\n        \"first baseline\",\n        \"last baseline\",\n        \"safe center\",\n        \"unsafe center\",\n      ],\n      control: {\n        type: \"select\",\n      },\n      table: {\n        category: \"Children\",\n      },\n    },\n    alignContent: {\n      type: \"text\",\n      description:\n        \"This aligns a flex container’s lines within when there is extra space in the cross-axis, similar to how justify-content aligns individual items within the main-axis.\",\n      required: false,\n      options: [\n        \"flex-start\",\n        \"flex-end\",\n        \"center\",\n        \"space-between\",\n        \"space-around\",\n        \"space-evenly\",\n        \"stretch\",\n        \"start\",\n        \"end\",\n        \"baseline\",\n        \"first baseline\",\n        \"last baseline\",\n        \"safe center\",\n        \"unsafe center\",\n      ],\n      control: {\n        type: \"select\",\n      },\n      table: {\n        category: \"Parent\",\n        subcategory: \"cross-axis\",\n      },\n    },\n    alignSelf: {\n      type: \"text\",\n      description:\n        \"This allows the default alignment (or the one specified by align-items) to be overridden for individual flex items.\",\n      required: false,\n      options: [\n        \"flex-start\",\n        \"flex-end\",\n        \"center\",\n        \"space-between\",\n        \"space-around\",\n        \"space-evenly\",\n        \"stretch\",\n        \"start\",\n        \"end\",\n        \"baseline\",\n        \"first baseline\",\n        \"last baseline\",\n        \"safe center\",\n        \"unsafe center\",\n      ],\n      control: {\n        type: \"select\",\n      },\n      table: {\n        category: \"Children\",\n      },\n    },\n    order: {\n      type: \"text\",\n      description:\n        \"By default, flex items are laid out in the source order. However, the order property controls the order in which they appear in the flex container.\",\n      required: false,\n      control: {\n        type: \"number\",\n      },\n      table: {\n        category: \"Children\",\n      },\n    },\n    rowGap: {\n      type: \"text\",\n      description:\n        \"The row-gap CSS property sets the size of the gap (gutter) between an element's flex rows.\",\n      required: false,\n      control: { type: \"text\" },\n      table: { category: \"Parent\" },\n    },\n    columnGap: {\n      type: \"text\",\n      description:\n        \"The column-gap CSS property sets the size of the gap (gutter) between an element's flex columns.\",\n      required: false,\n      control: { type: \"text\" },\n      table: { category: \"Parent\" },\n    },\n  },\n  parameters: {\n    docs: {\n      description: {\n        component: `The Flex component is a flexbox helper component that lets you write these common css properties more succinctly and inline.\n      \nLike the Box component, it includes all the style props exported by the color, layout, position, and shadow utilities from the [styled-system](https://styled-system.com) library, but also fully includes the flexbox ones.\n      \n[See more about styled-system utilities](https://styled-system.com/api)`,\n      },\n    },\n  },\n};\n/*\n ** Template component creates a sandbox to play with Flexbox properties.\n ** Children Flexbox props are passed to the first Square child, that allow\n ** you to play with the flexbox properties for children.\n */\n\nconst Template = (args: FlexBoxProps) => (\n  <Flex {...args}>\n    <Flex {...args} width=\"25vw\" height=\"25vw\" color=\"white\" backgroundColor=\"darkslategray\">\n      Control me with flex children props\n    </Flex>\n    <Flex width=\"25vw\" height=\"25vw\" backgroundColor=\"lightslategray\" />\n    <Flex width=\"25vw\" height=\"25vw\" backgroundColor=\"darkgray\" />\n  </Flex>\n);\n\nexport const Default = Template.bind({});\n"],"names":["baseStyled","FlexBox","gaps","styled","compose","flexbox","space","position","color","layout","overflow","border","baseStyles","proxyStyled","Proxy","target","thisArg","argumentsList","property","system","React","Flex","Template","args","Default"],"mappings":";;;;;;;;AAA2D;AAE3D,MAAMC,UAAUD,6CAAoB,CAAmC;IACrE,SAAS;IACT,UAAU;AACZ,EAAE,CAAC,CAAC;AAGJ,sDAAeC,OAAOA,EAAC;;;;;;;;;;;;;ACPkB;AAC0C;AAiB5D;AAqBhB,MAAMW,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;;;;;;;;;;AC/DL;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;AACmB;AAE7C,2CAAe;IACb,OAAO;IACP,WAAWmB,eAAIA;IACf,UAAU;QACR,UAAU;YACR,MAAM;YACN,aAAa;YACb,UAAU;YACV,SAAS;QACX;QACA,YAAY;YACV,MAAM;YACN,aACE;YACF,UAAU;YACV,SAAS;gBACP;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;aACD;YACD,SAAS;gBACP,MAAM;YACR;YACA,OAAO;gBACL,UAAU;gBACV,aAAa;YACf;QACF;QACA,eAAe;YACb,MAAM;YACN,aACE;YACF,UAAU;YACV,SAAS;gBAAC;gBAAO;gBAAe;gBAAU;aAAiB;YAC3D,SAAS;gBACP,MAAM;YACR;YACA,OAAO;gBACL,UAAU;gBACV,aAAa;YACf;QACF;QACA,cAAc;YACZ,MAAM;YACN,aACE;YACF,UAAU;YACV,SAAS;gBACP;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;aACD;YACD,SAAS;gBACP,MAAM;YACR;YACA,OAAO;gBACL,UAAU;YACZ;QACF;QACA,gBAAgB;YACd,MAAM;YACN,aACE;YACF,UAAU;YACV,SAAS;gBACP;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;aACD;YACD,SAAS;gBACP,MAAM;YACR;YACA,OAAO;gBACL,UAAU;gBACV,aAAa;YACf;QACF;QACA,UAAU;YACR,MAAM;YACN,aACE;YACF,UAAU;YACV,SAAS;gBAAC;gBAAU;gBAAQ;aAAe;YAC3C,SAAS;gBACP,MAAM;YACR;YACA,OAAO;gBACL,UAAU;YACZ;QACF;QACA,MAAM;YACJ,MAAM;YACN,aACE;YACF,UAAU;YACV,SAAS;gBACP,MAAM;YACR;YACA,OAAO;gBACL,UAAU;YACZ;QACF;QACA,UAAU;YACR,MAAM;YACN,aACE;YACF,UAAU;YACV,SAAS;gBACP,MAAM;YACR;YACA,OAAO;gBACL,UAAU;YACZ;QACF;QACA,YAAY;YACV,MAAM;YACN,aAAa;YACb,UAAU;YACV,SAAS;gBACP,MAAM;YACR;YACA,OAAO;gBACL,UAAU;YACZ;QACF;QACA,WAAW;YACT,MAAM;YACN,aACE;YACF,UAAU;YACV,SAAS;gBACP,MAAM;YACR;YACA,OAAO;gBACL,UAAU;YACZ;QACF;QACA,aAAa;YACX,MAAM;YACN,aACE;YACF,UAAU;YACV,SAAS;gBACP;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;aACD;YACD,SAAS;gBACP,MAAM;YACR;YACA,OAAO;gBACL,UAAU;YACZ;QACF;QACA,cAAc;YACZ,MAAM;YACN,aACE;YACF,UAAU;YACV,SAAS;gBACP;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;aACD;YACD,SAAS;gBACP,MAAM;YACR;YACA,OAAO;gBACL,UAAU;gBACV,aAAa;YACf;QACF;QACA,WAAW;YACT,MAAM;YACN,aACE;YACF,UAAU;YACV,SAAS;gBACP;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;aACD;YACD,SAAS;gBACP,MAAM;YACR;YACA,OAAO;gBACL,UAAU;YACZ;QACF;QACA,OAAO;YACL,MAAM;YACN,aACE;YACF,UAAU;YACV,SAAS;gBACP,MAAM;YACR;YACA,OAAO;gBACL,UAAU;YACZ;QACF;QACA,QAAQ;YACN,MAAM;YACN,aACE;YACF,UAAU;YACV,SAAS;gBAAE,MAAM;YAAO;YACxB,OAAO;gBAAE,UAAU;YAAS;QAC9B;QACA,WAAW;YACT,MAAM;YACN,aACE;YACF,UAAU;YACV,SAAS;gBAAE,MAAM;YAAO;YACxB,OAAO;gBAAE,UAAU;YAAS;QAC9B;IACF;IACA,YAAY;QACV,MAAM;YACJ,aAAa;gBACX,WAAW,CAAC;;;;uEAImD,CAAC;YAClE;QACF;IACF;AACF,CAAC,EAAC;AACF;;;;CAIC,GAED,MAAMC,WAAW,CAACC,qBAChB,uCAACF,eAAIA,EAAKE,oBACR,uCAACF,eAAIA;QAAE,GAAGE,IAAI;QAAE,OAAM;QAAO,QAAO;QAAO,OAAM;QAAQ,iBAAgB;OAAgB,sDAGzF,uCAACF,eAAIA;QAAC,OAAM;QAAO,QAAO;QAAO,iBAAgB;sBACjD,uCAACA,eAAIA;QAAC,OAAM;QAAO,QAAO;QAAO,iBAAgB;;AAI9C,MAAMG,UAAUF,SAAS,IAAI,CAAC,CAAC,GAAG"}
+{"version":3,"file":"components/layout/Flex/Flex.stories.js","sources":["webpack://@ledgerhq/react-ui/./src/components/layout/Flex/index.ts","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/layout/Flex/Flex.stories.tsx"],"sourcesContent":["import baseStyled, { BaseStyledProps } from \"../../styled\";\n\nconst FlexBox = baseStyled.div.attrs<BaseStyledProps, BaseStyledProps>({\n  display: \"flex\",\n  minWidth: 0,\n})``;\nexport type FlexBoxProps = BaseStyledProps & React.HTMLAttributes<HTMLDivElement>;\n\nexport default FlexBox;\n","import React from \"react\";\nimport 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    children?: React.ReactNode;\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, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\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 Flex, { FlexBoxProps } from \"./index\";\n\nexport default {\n  title: \"Layout/Flex\",\n  component: Flex,\n  argTypes: {\n    children: {\n      type: \"text\",\n      description: \"Any valid React node\",\n      required: true,\n      control: false,\n    },\n    alignItems: {\n      type: \"text\",\n      description:\n        \"This defines the default behavior for how flex items are laid out along the cross axis on the current line. Think of it as the justify-content version for the cross-axis (perpendicular to the main-axis).\",\n      required: false,\n      options: [\n        \"stretch\",\n        \"flex-start\",\n        \"flex-end\",\n        \"center\",\n        \"baseline\",\n        \"first baseline\",\n        \"last baseline\",\n        \"start\",\n        \"end\",\n        \"self-start\",\n        \"self-end\",\n        \"safe center\",\n        \"unsafe center\",\n      ],\n      control: {\n        type: \"select\",\n      },\n      table: {\n        category: \"Parent\",\n        subcategory: \"cross-axis\",\n      },\n    },\n    flexDirection: {\n      type: \"text\",\n      description:\n        \"This establishes the main-axis, thus defining the direction flex items are placed in the flex container. Think of flex items as primarily laying out either in horizontal rows or vertical columns.\",\n      required: false,\n      options: [\"row\", \"row-reverse\", \"column\", \"column-reverse\"],\n      control: {\n        type: \"select\",\n      },\n      table: {\n        category: \"Parent\",\n        subcategory: \"main-axis\",\n      },\n    },\n    justifyItems: {\n      type: \"text\",\n      description:\n        \"This defines the default justify-self for all items of the box, giving them all a default way of justifying each box along the appropriate axis.\",\n      required: false,\n      options: [\n        \"flex-start\",\n        \"flex-end\",\n        \"center\",\n        \"space-between\",\n        \"space-around\",\n        \"space-evenly\",\n        \"stretch\",\n        \"start\",\n        \"end\",\n        \"baseline\",\n        \"first baseline\",\n        \"last baseline\",\n        \"safe center\",\n        \"unsafe center\",\n      ],\n      control: {\n        type: \"select\",\n      },\n      table: {\n        category: \"Parent\",\n      },\n    },\n    justifyContent: {\n      type: \"text\",\n      description:\n        \"This defines the alignment along the main axis. It helps distribute extra free space leftover when either all the flex items on a line are inflexible, or are flexible but have reached their maximum size. It also exerts some control over the alignment of items when they overflow the line.\",\n      required: false,\n      options: [\n        \"flex-start\",\n        \"flex-end\",\n        \"center\",\n        \"space-between\",\n        \"space-around\",\n        \"space-evenly\",\n        \"stretch\",\n        \"start\",\n        \"end\",\n        \"left\",\n        \"right\",\n        \"safe center\",\n        \"unsafe center\",\n      ],\n      control: {\n        type: \"select\",\n      },\n      table: {\n        category: \"Parent\",\n        subcategory: \"main-axis\",\n      },\n    },\n    flexWrap: {\n      type: \"text\",\n      description:\n        \"By default, flex items will all try to fit onto one line. You can change that and allow the items to wrap as needed with this property.\",\n      required: false,\n      options: [\"nowrap\", \"wrap\", \"wrap-reverse\"],\n      control: {\n        type: \"select\",\n      },\n      table: {\n        category: \"Parent\",\n      },\n    },\n    flex: {\n      type: \"text\",\n      description:\n        \"This is the shorthand for flex-grow, flex-shrink and flex-basis combined. The second and third parameters (flex-shrink and flex-basis) are optional. The default is 0 1 auto, but if you set it with a single number value, it’s like 1 0.\",\n      required: false,\n      control: {\n        type: \"text\",\n      },\n      table: {\n        category: \"Children\",\n      },\n    },\n    flexGrow: {\n      type: \"text\",\n      description:\n        \"This defines the ability for a flex item to grow if necessary. It accepts a unitless value that serves as a proportion. It dictates what amount of the available space inside the flex container the item should take up.\",\n      required: false,\n      control: {\n        type: \"number\",\n      },\n      table: {\n        category: \"Children\",\n      },\n    },\n    flexShrink: {\n      type: \"text\",\n      description: \"This defines the ability for a flex item to shrink if necessary.\",\n      required: false,\n      control: {\n        type: \"number\",\n      },\n      table: {\n        category: \"Children\",\n      },\n    },\n    flexBasis: {\n      type: \"text\",\n      description:\n        \"This defines the default size of an element before the remaining space is distributed. It can be a length (e.g. 20%, 5rem, etc.) or a keyword. The auto keyword means “look at my width or height property” (which was temporarily done by the main-size keyword until deprecated).\",\n      required: false,\n      control: {\n        type: \"number\",\n      },\n      table: {\n        category: \"Children\",\n      },\n    },\n    justifySelf: {\n      type: \"text\",\n      description:\n        \"This  sets the way a box is justified inside its alignment container along the appropriate axis.\",\n      required: false,\n      options: [\n        \"flex-start\",\n        \"flex-end\",\n        \"center\",\n        \"space-between\",\n        \"space-around\",\n        \"space-evenly\",\n        \"stretch\",\n        \"start\",\n        \"end\",\n        \"baseline\",\n        \"first baseline\",\n        \"last baseline\",\n        \"safe center\",\n        \"unsafe center\",\n      ],\n      control: {\n        type: \"select\",\n      },\n      table: {\n        category: \"Children\",\n      },\n    },\n    alignContent: {\n      type: \"text\",\n      description:\n        \"This aligns a flex container’s lines within when there is extra space in the cross-axis, similar to how justify-content aligns individual items within the main-axis.\",\n      required: false,\n      options: [\n        \"flex-start\",\n        \"flex-end\",\n        \"center\",\n        \"space-between\",\n        \"space-around\",\n        \"space-evenly\",\n        \"stretch\",\n        \"start\",\n        \"end\",\n        \"baseline\",\n        \"first baseline\",\n        \"last baseline\",\n        \"safe center\",\n        \"unsafe center\",\n      ],\n      control: {\n        type: \"select\",\n      },\n      table: {\n        category: \"Parent\",\n        subcategory: \"cross-axis\",\n      },\n    },\n    alignSelf: {\n      type: \"text\",\n      description:\n        \"This allows the default alignment (or the one specified by align-items) to be overridden for individual flex items.\",\n      required: false,\n      options: [\n        \"flex-start\",\n        \"flex-end\",\n        \"center\",\n        \"space-between\",\n        \"space-around\",\n        \"space-evenly\",\n        \"stretch\",\n        \"start\",\n        \"end\",\n        \"baseline\",\n        \"first baseline\",\n        \"last baseline\",\n        \"safe center\",\n        \"unsafe center\",\n      ],\n      control: {\n        type: \"select\",\n      },\n      table: {\n        category: \"Children\",\n      },\n    },\n    order: {\n      type: \"text\",\n      description:\n        \"By default, flex items are laid out in the source order. However, the order property controls the order in which they appear in the flex container.\",\n      required: false,\n      control: {\n        type: \"number\",\n      },\n      table: {\n        category: \"Children\",\n      },\n    },\n    rowGap: {\n      type: \"text\",\n      description:\n        \"The row-gap CSS property sets the size of the gap (gutter) between an element's flex rows.\",\n      required: false,\n      control: { type: \"text\" },\n      table: { category: \"Parent\" },\n    },\n    columnGap: {\n      type: \"text\",\n      description:\n        \"The column-gap CSS property sets the size of the gap (gutter) between an element's flex columns.\",\n      required: false,\n      control: { type: \"text\" },\n      table: { category: \"Parent\" },\n    },\n  },\n  parameters: {\n    docs: {\n      description: {\n        component: `The Flex component is a flexbox helper component that lets you write these common css properties more succinctly and inline.\n      \nLike the Box component, it includes all the style props exported by the color, layout, position, and shadow utilities from the [styled-system](https://styled-system.com) library, but also fully includes the flexbox ones.\n      \n[See more about styled-system utilities](https://styled-system.com/api)`,\n      },\n    },\n  },\n};\n/*\n ** Template component creates a sandbox to play with Flexbox properties.\n ** Children Flexbox props are passed to the first Square child, that allow\n ** you to play with the flexbox properties for children.\n */\n\nconst Template = (args: FlexBoxProps) => (\n  <Flex {...args}>\n    <Flex {...args} width=\"25vw\" height=\"25vw\" color=\"white\" backgroundColor=\"darkslategray\">\n      Control me with flex children props\n    </Flex>\n    <Flex width=\"25vw\" height=\"25vw\" backgroundColor=\"lightslategray\" />\n    <Flex width=\"25vw\" height=\"25vw\" backgroundColor=\"darkgray\" />\n  </Flex>\n);\n\nexport const Default = Template.bind({});\n"],"names":["baseStyled","FlexBox","gaps","styled","compose","flexbox","space","position","color","layout","overflow","border","baseStyles","proxyStyled","Proxy","target","thisArg","argumentsList","property","system","React","Flex","Template","args","Default"],"mappings":";;;;;AAA2D;AAE3D,MAAMC,UAAUD,6CAAoB,CAAmC;IACrE,SAAS;IACT,UAAU;AACZ,EAAE,CAAC,CAAC;AAGJ,sDAAeC,OAAOA,EAAC;;;;;;;;;;;;;;;ACPkB;AAC0C;AAiB5D;AAqBhB,MAAMW,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;;;;;;;;;;;;AC/DL;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;AACA,0CAA0C,qCAAqC;AAC/E;AACA;AACA;AACA;AACA;AACA,E;;;;ACVA,wF;;;;ACAA;AACA;AACA;AACA,uDAAuD,iBAAiB;AACxE;AACA,gDAAgD,aAAa;AAC7D,E;;;;;;;;;;;;;;;;;;;;ACN0B;AACmB;AAE7C,2CAAe;IACb,OAAO;IACP,WAAWmB,eAAIA;IACf,UAAU;QACR,UAAU;YACR,MAAM;YACN,aAAa;YACb,UAAU;YACV,SAAS;QACX;QACA,YAAY;YACV,MAAM;YACN,aACE;YACF,UAAU;YACV,SAAS;gBACP;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;aACD;YACD,SAAS;gBACP,MAAM;YACR;YACA,OAAO;gBACL,UAAU;gBACV,aAAa;YACf;QACF;QACA,eAAe;YACb,MAAM;YACN,aACE;YACF,UAAU;YACV,SAAS;gBAAC;gBAAO;gBAAe;gBAAU;aAAiB;YAC3D,SAAS;gBACP,MAAM;YACR;YACA,OAAO;gBACL,UAAU;gBACV,aAAa;YACf;QACF;QACA,cAAc;YACZ,MAAM;YACN,aACE;YACF,UAAU;YACV,SAAS;gBACP;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;aACD;YACD,SAAS;gBACP,MAAM;YACR;YACA,OAAO;gBACL,UAAU;YACZ;QACF;QACA,gBAAgB;YACd,MAAM;YACN,aACE;YACF,UAAU;YACV,SAAS;gBACP;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;aACD;YACD,SAAS;gBACP,MAAM;YACR;YACA,OAAO;gBACL,UAAU;gBACV,aAAa;YACf;QACF;QACA,UAAU;YACR,MAAM;YACN,aACE;YACF,UAAU;YACV,SAAS;gBAAC;gBAAU;gBAAQ;aAAe;YAC3C,SAAS;gBACP,MAAM;YACR;YACA,OAAO;gBACL,UAAU;YACZ;QACF;QACA,MAAM;YACJ,MAAM;YACN,aACE;YACF,UAAU;YACV,SAAS;gBACP,MAAM;YACR;YACA,OAAO;gBACL,UAAU;YACZ;QACF;QACA,UAAU;YACR,MAAM;YACN,aACE;YACF,UAAU;YACV,SAAS;gBACP,MAAM;YACR;YACA,OAAO;gBACL,UAAU;YACZ;QACF;QACA,YAAY;YACV,MAAM;YACN,aAAa;YACb,UAAU;YACV,SAAS;gBACP,MAAM;YACR;YACA,OAAO;gBACL,UAAU;YACZ;QACF;QACA,WAAW;YACT,MAAM;YACN,aACE;YACF,UAAU;YACV,SAAS;gBACP,MAAM;YACR;YACA,OAAO;gBACL,UAAU;YACZ;QACF;QACA,aAAa;YACX,MAAM;YACN,aACE;YACF,UAAU;YACV,SAAS;gBACP;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;aACD;YACD,SAAS;gBACP,MAAM;YACR;YACA,OAAO;gBACL,UAAU;YACZ;QACF;QACA,cAAc;YACZ,MAAM;YACN,aACE;YACF,UAAU;YACV,SAAS;gBACP;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;aACD;YACD,SAAS;gBACP,MAAM;YACR;YACA,OAAO;gBACL,UAAU;gBACV,aAAa;YACf;QACF;QACA,WAAW;YACT,MAAM;YACN,aACE;YACF,UAAU;YACV,SAAS;gBACP;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;aACD;YACD,SAAS;gBACP,MAAM;YACR;YACA,OAAO;gBACL,UAAU;YACZ;QACF;QACA,OAAO;YACL,MAAM;YACN,aACE;YACF,UAAU;YACV,SAAS;gBACP,MAAM;YACR;YACA,OAAO;gBACL,UAAU;YACZ;QACF;QACA,QAAQ;YACN,MAAM;YACN,aACE;YACF,UAAU;YACV,SAAS;gBAAE,MAAM;YAAO;YACxB,OAAO;gBAAE,UAAU;YAAS;QAC9B;QACA,WAAW;YACT,MAAM;YACN,aACE;YACF,UAAU;YACV,SAAS;gBAAE,MAAM;YAAO;YACxB,OAAO;gBAAE,UAAU;YAAS;QAC9B;IACF;IACA,YAAY;QACV,MAAM;YACJ,aAAa;gBACX,WAAW,CAAC;;;;uEAImD,CAAC;YAClE;QACF;IACF;AACF,CAAC,EAAC;AACF;;;;CAIC,GAED,MAAMC,WAAW,CAACC,qBAChB,uCAACF,eAAIA,EAAKE,oBACR,uCAACF,eAAIA;QAAE,GAAGE,IAAI;QAAE,OAAM;QAAO,QAAO;QAAO,OAAM;QAAQ,iBAAgB;OAAgB,sDAGzF,uCAACF,eAAIA;QAAC,OAAM;QAAO,QAAO;QAAO,iBAAgB;sBACjD,uCAACA,eAAIA;QAAC,OAAM;QAAO,QAAO;QAAO,iBAAgB;;AAI9C,MAAMG,UAAUF,SAAS,IAAI,CAAC,CAAC,GAAG"}

package/lib/cjs/components/layout/Flex/index.js

@@ -2,9 +2,6 @@
 "use strict";
 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);
@@ -29,12 +26,14 @@ const proxyStyled = new Proxy((styled_components__rspack_import_0_default()), {
 });
 /* export default */ const __rspack_default_export = (proxyStyled);
 
+__webpack_require__.d(__webpack_exports__, {
+}, {
+  "default": __rspack_default_export
+});
+
 
 },
 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);
 
@@ -50,6 +49,11 @@ const gaps = (0,styled_system__rspack_import_0.system)({
 });
 /* export default */ const __rspack_default_export = (gaps);
 
+__webpack_require__.d(__webpack_exports__, {
+}, {
+  "default": __rspack_default_export
+});
+
 
 },
 2770(module) {
@@ -99,12 +103,16 @@ __webpack_require__.n = (module) => {
 })();
 // 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_require__.d = (exports, getters, values) => {
+	var define = (defs, kind) => {
+		for(var key in defs) {
+			if(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {
+				Object.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });
+			}
+		}
+	};
+	define(getters, "get");
+	define(values, "value");
 };
 })();
 // webpack/runtime/has_own_property
@@ -125,9 +133,6 @@ 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__, {
-  "default": () => (__rspack_default_export)
-});
 /* import */ var _styled__rspack_import_0 = __webpack_require__(7680);
 
 const FlexBox = _styled__rspack_import_0["default"].div.attrs({
@@ -136,6 +141,11 @@ const FlexBox = _styled__rspack_import_0["default"].div.attrs({
 })``;
 /* export default */ const __rspack_default_export = (FlexBox);
 
+__webpack_require__.d(__webpack_exports__, {
+}, {
+  "default": __rspack_default_export
+});
+
 })();
 
 module.exports = __webpack_exports__;

package/lib/cjs/components/layout/Flex/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"components/layout/Flex/index.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/layout/Flex/index.ts"],"sourcesContent":["import React from \"react\";\nimport 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    children?: React.ReactNode;\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 baseStyled, { BaseStyledProps } from \"../../styled\";\n\nconst FlexBox = baseStyled.div.attrs<BaseStyledProps, BaseStyledProps>({\n  display: \"flex\",\n  minWidth: 0,\n})``;\nexport type FlexBoxProps = BaseStyledProps & React.HTMLAttributes<HTMLDivElement>;\n\nexport default FlexBox;\n"],"names":["gaps","styled","compose","flexbox","space","position","color","layout","overflow","border","baseStyles","proxyStyled","Proxy","target","thisArg","argumentsList","property","system","baseStyled","FlexBox"],"mappings":";;;;;;;;;;;;AACyC;AAC0C;AAiB5D;AAqBhB,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;;;;;;;;;;AC/DL;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;;;;;;;;;;ACN2D;AAE3D,MAAMmB,UAAUD,6CAAoB,CAAmC;IACrE,SAAS;IACT,UAAU;AACZ,EAAE,CAAC,CAAC;AAGJ,sDAAeC,OAAOA,EAAC"}
+{"version":3,"file":"components/layout/Flex/index.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/layout/Flex/index.ts"],"sourcesContent":["import React from \"react\";\nimport 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    children?: React.ReactNode;\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, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\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 baseStyled, { BaseStyledProps } from \"../../styled\";\n\nconst FlexBox = baseStyled.div.attrs<BaseStyledProps, BaseStyledProps>({\n  display: \"flex\",\n  minWidth: 0,\n})``;\nexport type FlexBoxProps = BaseStyledProps & React.HTMLAttributes<HTMLDivElement>;\n\nexport default FlexBox;\n"],"names":["gaps","styled","compose","flexbox","space","position","color","layout","overflow","border","baseStyles","proxyStyled","Proxy","target","thisArg","argumentsList","property","system","baseStyled","FlexBox"],"mappings":";;;;;;;;;AACyC;AAC0C;AAiB5D;AAqBhB,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;;;;;;;;;;;;AC/DL;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;AACA,0CAA0C,qCAAqC;AAC/E;AACA;AACA;AACA;AACA;AACA,E;;;;ACVA,wF;;;;ACAA;AACA;AACA;AACA,uDAAuD,iBAAiB;AACxE;AACA,gDAAgD,aAAa;AAC7D,E;;;;;;;ACN2D;AAE3D,MAAMmB,UAAUD,6CAAoB,CAAmC;IACrE,SAAS;IACT,UAAU;AACZ,EAAE,CAAC,CAAC;AAGJ,sDAAeC,OAAOA,EAAC"}

package/lib/cjs/components/layout/Grid/Grid.stories.js

@@ -2,9 +2,6 @@
 "use strict";
 var __webpack_modules__ = ({
 348(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
-__webpack_require__.d(__webpack_exports__, {
-  "default": () => (__rspack_default_export)
-});
 /* 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__rspack_import_2 = __webpack_require__(7680);
@@ -37,12 +34,14 @@ const Text = _styled__rspack_import_2["default"].span.attrs(({ variant = "body",
 `;
 /* export default */ const __rspack_default_export = (Text);
 
+__webpack_require__.d(__webpack_exports__, {
+}, {
+  "default": __rspack_default_export
+});
+
 
 },
 4368(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
-__webpack_require__.d(__webpack_exports__, {
-  textVariantStyle: () => (textVariantStyle)
-});
 /* 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);
 
@@ -189,12 +188,14 @@ const textVariantStyle = {
     }
 };
 
+__webpack_require__.d(__webpack_exports__, {
+}, {
+  textVariantStyle: textVariantStyle
+});
+
 
 },
 2843(__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);
 /* import */ var _styled__rspack_import_1 = __webpack_require__(7680);
@@ -216,12 +217,14 @@ const Grid = _styled__rspack_import_1["default"].div`
 `;
 /* export default */ const __rspack_default_export = (Grid);
 
+__webpack_require__.d(__webpack_exports__, {
+}, {
+  "default": __rspack_default_export
+});
+
 
 },
 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);
@@ -246,16 +249,21 @@ const proxyStyled = new Proxy((styled_components__rspack_import_0_default()), {
 });
 /* export default */ const __rspack_default_export = (proxyStyled);
 
+__webpack_require__.d(__webpack_exports__, {
+}, {
+  "default": __rspack_default_export
+});
+
 
 },
-4336(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
+205(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
 
 // EXPORTS
 __webpack_require__.d(__webpack_exports__, {
   ff: () => (/* binding */ ff)
 });
 
-// UNUSED EXPORTS: darken, ensureContrast, mix, rgba, lighten
+// UNUSED EXPORTS: darken, ensureContrast, lighten, mix, rgba
 
 ;// CONCATENATED MODULE: external "color"
 const external_color_namespaceObject = require("color");
@@ -293,10 +301,7 @@ const ensureContrast = (color1, color2)=>{
 
 },
 3364(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
-__webpack_require__.d(__webpack_exports__, {
-  "default": () => (__rspack_default_export)
-});
-/* import */ var _helpers__rspack_import_0 = __webpack_require__(4336);
+/* import */ var _helpers__rspack_import_0 = __webpack_require__(205);
 
 /* export default */ const __rspack_default_export = ((props)=>{
     const prop = props.ff;
@@ -306,12 +311,14 @@ __webpack_require__.d(__webpack_exports__, {
     return (0,_helpers__rspack_import_0.ff)(prop);
 });
 
+__webpack_require__.d(__webpack_exports__, {
+}, {
+  "default": __rspack_default_export
+});
+
 
 },
 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);
 
@@ -327,12 +334,14 @@ const gaps = (0,styled_system__rspack_import_0.system)({
 });
 /* export default */ const __rspack_default_export = (gaps);
 
+__webpack_require__.d(__webpack_exports__, {
+}, {
+  "default": __rspack_default_export
+});
+
 
 },
 5548(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
-__webpack_require__.d(__webpack_exports__, {
-  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);
@@ -601,6 +610,11 @@ const theme = {
 };
 /* unused export default */ var __rspack_default_export = ((/* unused pure expression or super */ null && (theme)));
 
+__webpack_require__.d(__webpack_exports__, {
+}, {
+  fontFamilies: fontFamilies
+});
+
 
 },
 2993(module) {
@@ -658,12 +672,16 @@ __webpack_require__.n = (module) => {
 })();
 // 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_require__.d = (exports, getters, values) => {
+	var define = (defs, kind) => {
+		for(var key in defs) {
+			if(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {
+				Object.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });
+			}
+		}
+	};
+	define(getters, "get");
+	define(values, "value");
 };
 })();
 // webpack/runtime/has_own_property
@@ -684,11 +702,6 @@ 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__, {
-  Default: () => (Default),
-  Fixed: () => (Fixed),
-  "default": () => (__rspack_default_export)
-});
 /* 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);
@@ -931,6 +944,13 @@ Fixed.args = {
     gridAutoColumns: undefined
 };
 
+__webpack_require__.d(__webpack_exports__, {
+}, {
+  Default: Default,
+  Fixed: Fixed,
+  "default": __rspack_default_export
+});
+
 })();
 
 module.exports = __webpack_exports__;