@ledgerhq/react-ui 0.21.2-nightly.0 → 0.22.0-nightly.1

package/lib/cjs/pre-ldls/components/Input/Input.js

@@ -0,0 +1,69 @@
+"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 __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 Input_exports = {};
+__export(Input_exports, {
+  Input: () => Input
+});
+module.exports = __toCommonJS(Input_exports);
+var import_react = __toESM(require("react"));
+var import_styled_components = __toESM(require("styled-components"));
+var import_libs = require("../../libs");
+const Wrapper = import_styled_components.default.div`
+  ${(0, import_libs.withTokens)(
+  "spacing-s",
+  "spacing-xs",
+  "radius-s",
+  "colors-surface-transparent-subdued-default",
+  "colors-content-subdued-default-default"
+)}
+
+  display: flex;
+  width: 328px;
+  height: 40px;
+  min-width: 328px;
+  padding: 0px var(--spacing-s, 16px);
+  align-items: center;
+  gap: var(--spacing-xs, 8px);
+
+  border-radius: var(--radius-s, 8px);
+  background: var(--colors-surface-transparent-subdued-default, rgba(0, 0, 0, 0.03));
+  color: var(--colors-content-subdued-default-default);
+`;
+const StyledInput = import_styled_components.default.input`
+  background: none;
+  border: none;
+  width: 100%;
+`;
+const Input = import_react.default.forwardRef(
+  ({ type = "text", icon = null, ...props }, ref) => {
+    return /* @__PURE__ */ import_react.default.createElement(Wrapper, null, icon, /* @__PURE__ */ import_react.default.createElement(StyledInput, { ...props, type, ref }));
+  }
+);
+Input.displayName = "Input";
+//# sourceMappingURL=Input.js.map

package/lib/cjs/pre-ldls/components/Input/Input.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/pre-ldls/components/Input/Input.tsx"],
+  "sourcesContent": ["import React from \"react\";\nimport styled from \"styled-components\";\nimport { withTokens } from \"../../libs\";\n\ntype Props = Readonly<React.ComponentProps<\"input\"> & { icon?: React.ReactNode }>;\n\nconst Wrapper = styled.div`\n  ${withTokens(\n    \"spacing-s\",\n    \"spacing-xs\",\n    \"radius-s\",\n    \"colors-surface-transparent-subdued-default\",\n    \"colors-content-subdued-default-default\",\n  )}\n\n  display: flex;\n  width: 328px;\n  height: 40px;\n  min-width: 328px;\n  padding: 0px var(--spacing-s, 16px);\n  align-items: center;\n  gap: var(--spacing-xs, 8px);\n\n  border-radius: var(--radius-s, 8px);\n  background: var(--colors-surface-transparent-subdued-default, rgba(0, 0, 0, 0.03));\n  color: var(--colors-content-subdued-default-default);\n`;\n\nconst StyledInput = styled.input`\n  background: none;\n  border: none;\n  width: 100%;\n`;\n\nexport const Input = React.forwardRef<HTMLInputElement, Props>(\n  ({ type = \"text\", icon = null, ...props }, ref) => {\n    return (\n      <Wrapper>\n        {icon}\n        <StyledInput {...props} type={type} ref={ref} />\n      </Wrapper>\n    );\n  },\n);\nInput.displayName = \"Input\";\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,+BAAmB;AACnB,kBAA2B;AAI3B,MAAM,UAAU,yBAAAA,QAAO;AAAA,QACnB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAeH,MAAM,cAAc,yBAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAMpB,MAAM,QAAQ,aAAAC,QAAM;AAAA,EACzB,CAAC,EAAE,OAAO,QAAQ,OAAO,MAAM,GAAG,MAAM,GAAG,QAAQ;AACjD,WACE,6BAAAA,QAAA,cAAC,eACE,MACD,6BAAAA,QAAA,cAAC,eAAa,GAAG,OAAO,MAAY,KAAU,CAChD;AAAA,EAEJ;AACF;AACA,MAAM,cAAc;",
+  "names": ["styled", "React"]
+}

package/lib/cjs/pre-ldls/components/Input/Input.stories.js

@@ -0,0 +1,66 @@
+"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 __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 Input_stories_exports = {};
+__export(Input_stories_exports, {
+  Default: () => Default,
+  Search: () => Search,
+  WithInteraction: () => WithInteraction,
+  default: () => Input_stories_default
+});
+module.exports = __toCommonJS(Input_stories_exports);
+var import_react = __toESM(require("react"));
+var import_test = require("@storybook/test");
+var import_assets = require("../../../assets");
+var import_Input = require("./Input");
+const meta = {
+  component: import_Input.Input,
+  title: "PreLdls/Components/Input",
+  tags: ["autodocs"],
+  args: {}
+};
+var Input_stories_default = meta;
+const Default = {
+  args: {}
+};
+const Search = {
+  args: {
+    placeholder: "Search",
+    icon: /* @__PURE__ */ import_react.default.createElement(import_assets.Icons.Search, { size: "S" })
+  }
+};
+const WithInteraction = {
+  args: {},
+  play: async ({ canvasElement }) => {
+    const canvas = (0, import_test.within)(canvasElement);
+    const input = canvas.getByRole("textbox");
+    await import_test.userEvent.type(input, "Write something");
+    (0, import_test.expect)(input).toHaveValue("Write something");
+  }
+};
+//# sourceMappingURL=Input.stories.js.map

package/lib/cjs/pre-ldls/components/Input/Input.stories.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/pre-ldls/components/Input/Input.stories.tsx"],
+  "sourcesContent": ["import React from \"react\";\nimport type { Meta, StoryObj } from \"@storybook/react\";\nimport { expect, userEvent, within } from \"@storybook/test\";\nimport { Icons } from \"../../../assets\";\nimport type { PlayFnProps } from \"../../types\";\nimport { Input } from \"./Input\";\n\nconst meta: Meta<typeof Input> = {\n  component: Input,\n  title: \"PreLdls/Components/Input\",\n  tags: [\"autodocs\"],\n  args: {},\n};\nexport default meta;\n\ntype Story = StoryObj<typeof Input>;\n\nexport const Default: Story = {\n  args: {},\n};\n\nexport const Search: Story = {\n  args: {\n    placeholder: \"Search\",\n    icon: <Icons.Search size=\"S\" />,\n  },\n};\n\n// Interaction Testing\nexport const WithInteraction: Story = {\n  args: {},\n  play: async ({ canvasElement }: PlayFnProps) => {\n    const canvas = within(canvasElement);\n    const input = canvas.getByRole(\"textbox\");\n    await userEvent.type(input, \"Write something\");\n    expect(input).toHaveValue(\"Write something\");\n  },\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAElB,kBAA0C;AAC1C,oBAAsB;AAEtB,mBAAsB;AAEtB,MAAM,OAA2B;AAAA,EAC/B,WAAW;AAAA,EACX,OAAO;AAAA,EACP,MAAM,CAAC,UAAU;AAAA,EACjB,MAAM,CAAC;AACT;AACA,IAAO,wBAAQ;AAIR,MAAM,UAAiB;AAAA,EAC5B,MAAM,CAAC;AACT;AAEO,MAAM,SAAgB;AAAA,EAC3B,MAAM;AAAA,IACJ,aAAa;AAAA,IACb,MAAM,6BAAAA,QAAA,cAAC,oBAAM,QAAN,EAAa,MAAK,KAAI;AAAA,EAC/B;AACF;AAGO,MAAM,kBAAyB;AAAA,EACpC,MAAM,CAAC;AAAA,EACP,MAAM,OAAO,EAAE,cAAc,MAAmB;AAC9C,UAAM,aAAS,oBAAO,aAAa;AACnC,UAAM,QAAQ,OAAO,UAAU,SAAS;AACxC,UAAM,sBAAU,KAAK,OAAO,iBAAiB;AAC7C,4BAAO,KAAK,EAAE,YAAY,iBAAiB;AAAA,EAC7C;AACF;",
+  "names": ["React"]
+}

package/lib/cjs/pre-ldls/components/index.js

@@ -0,0 +1,19 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var components_exports = {};
+module.exports = __toCommonJS(components_exports);
+__reExport(components_exports, require("./Input/Input"), module.exports);
+//# sourceMappingURL=index.js.map

package/lib/cjs/pre-ldls/components/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/pre-ldls/components/index.ts"],
+  "sourcesContent": ["export * from \"./Input/Input\";\n"],
+  "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,+BAAc,0BAAd;",
+  "names": []
+}

package/lib/cjs/pre-ldls/index.js

@@ -0,0 +1,19 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var pre_ldls_exports = {};
+module.exports = __toCommonJS(pre_ldls_exports);
+__reExport(pre_ldls_exports, require("./components"), module.exports);
+//# sourceMappingURL=index.js.map

package/lib/cjs/pre-ldls/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/pre-ldls/index.ts"],
+  "sourcesContent": ["export * from \"./components\";\n"],
+  "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,6BAAc,yBAAd;",
+  "names": []
+}