@ledgerhq/react-ui 0.34.0-nightly.1 → 0.34.0-nightly.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/lib/cjs/pre-ldls/components/Tag/Tag.js +3 -2
  2. package/lib/cjs/pre-ldls/components/Tag/Tag.js.map +2 -2
  3. package/lib/cjs/pre-ldls/components/Tag/Tag.stories.js +4 -1
  4. package/lib/cjs/pre-ldls/components/Tag/Tag.stories.js.map +2 -2
  5. package/lib/pre-ldls/components/Tag/Tag.d.ts +2 -1
  6. package/lib/pre-ldls/components/Tag/Tag.d.ts.map +1 -1
  7. package/lib/pre-ldls/components/Tag/Tag.js +3 -3
  8. package/lib/pre-ldls/components/Tag/Tag.js.map +1 -1
  9. package/package.json +1 -1
package/lib/cjs/pre-ldls/components/Tag/Tag.js CHANGED
@@ -43,7 +43,7 @@ const Wrapper = import_styled_components.default.div`
43
43
  "spacing-xxxs"
44
44
  )}
45
45
 
46
- padding: 1px var(--spacing-xxxs);
46
+ padding: ${({ $spacing }) => $spacing === "sm" ? "1px" : "2px"} var(--spacing-xxxs);
47
47
  border-radius: var(--radius-xs);
48
48
  display: inline-flex;
49
49
  background-color: var(--colors-surface-transparent-subdued-default);
@@ -51,9 +51,10 @@ const Wrapper = import_styled_components.default.div`
51
51
  `;
52
52
  const Tag = ({
53
53
  textTransform = "none",
54
+ spacing = "sm",
54
55
  children
55
56
  }) => {
56
- return /* @__PURE__ */ import_react.default.createElement(Wrapper, { "data-testid": "tag" }, /* @__PURE__ */ import_react.default.createElement(
57
+ return /* @__PURE__ */ import_react.default.createElement(Wrapper, { "data-testid": "tag", $spacing: spacing }, /* @__PURE__ */ import_react.default.createElement(
57
58
  import_components.Text,
58
59
  {
59
60
  color: "var(--colors-content-subdued-default-default)",
package/lib/cjs/pre-ldls/components/Tag/Tag.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../../src/pre-ldls/components/Tag/Tag.tsx"],
4
- "sourcesContent": ["import React, { ReactNode } from \"react\";\nimport { Text } from \"../../../components\";\nimport { withTokens } from \"../../libs\";\nimport styled from \"styled-components\";\n\nconst Wrapper = styled.div`\n ${withTokens(\n \"colors-surface-transparent-subdued-default\",\n \"colors-content-subdued-default-default\",\n \"radius-xs\",\n \"spacing-xxxs\",\n )}\n\n padding: 1px var(--spacing-xxxs);\n border-radius: var(--radius-xs);\n display: inline-flex;\n background-color: var(--colors-surface-transparent-subdued-default);\n flex-shrink: 0;\n`;\n\nexport const Tag = ({\n textTransform = \"none\",\n children,\n}: {\n textTransform?: string;\n children: ReactNode;\n}) => {\n return (\n <Wrapper data-testid=\"tag\">\n <Text\n color=\"var(--colors-content-subdued-default-default)\"\n fontSize=\"10px\"\n lineHeight=\"16px\"\n textTransform={textTransform}\n >\n {children}\n </Text>\n </Wrapper>\n );\n};\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAiC;AACjC,wBAAqB;AACrB,kBAA2B;AAC3B,+BAAmB;AAEnB,MAAM,UAAU,yBAAAA,QAAO;AAAA,QACnB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASI,MAAM,MAAM,CAAC;AAAA,EAClB,gBAAgB;AAAA,EAChB;AACF,MAGM;AACJ,SACE,6BAAAC,QAAA,cAAC,WAAQ,eAAY,SACnB,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,OAAM;AAAA,MACN,UAAS;AAAA,MACT,YAAW;AAAA,MACX;AAAA;AAAA,IAEC;AAAA,EACH,CACF;AAEJ;",
4
+ "sourcesContent": ["import React, { ReactNode } from \"react\";\nimport { Text } from \"../../../components\";\nimport { withTokens } from \"../../libs\";\nimport styled from \"styled-components\";\n\nconst Wrapper = styled.div<{ $spacing: \"sm\" | \"md\" }>`\n ${withTokens(\n \"colors-surface-transparent-subdued-default\",\n \"colors-content-subdued-default-default\",\n \"radius-xs\",\n \"spacing-xxxs\",\n )}\n\n padding: ${({ $spacing }) => ($spacing === \"sm\" ? \"1px\" : \"2px\")} var(--spacing-xxxs);\n border-radius: var(--radius-xs);\n display: inline-flex;\n background-color: var(--colors-surface-transparent-subdued-default);\n flex-shrink: 0;\n`;\n\nexport const Tag = ({\n textTransform = \"none\",\n spacing = \"sm\",\n children,\n}: {\n textTransform?: string;\n spacing?: \"sm\" | \"md\";\n children: ReactNode;\n}) => {\n return (\n <Wrapper data-testid=\"tag\" $spacing={spacing}>\n <Text\n color=\"var(--colors-content-subdued-default-default)\"\n fontSize=\"10px\"\n lineHeight=\"16px\"\n textTransform={textTransform}\n >\n {children}\n </Text>\n </Wrapper>\n );\n};\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAiC;AACjC,wBAAqB;AACrB,kBAA2B;AAC3B,+BAAmB;AAEnB,MAAM,UAAU,yBAAAA,QAAO;AAAA,QACnB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,CAAC;AAAA;AAAA,aAEU,CAAC,EAAE,SAAS,MAAO,aAAa,OAAO,QAAQ,KAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAO3D,MAAM,MAAM,CAAC;AAAA,EAClB,gBAAgB;AAAA,EAChB,UAAU;AAAA,EACV;AACF,MAIM;AACJ,SACE,6BAAAC,QAAA,cAAC,WAAQ,eAAY,OAAM,UAAU,WACnC,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,OAAM;AAAA,MACN,UAAS;AAAA,MACT,YAAW;AAAA,MACX;AAAA;AAAA,IAEC;AAAA,EACH,CACF;AAEJ;",
6
6
  "names": ["styled", "React"]
7
7
  }
package/lib/cjs/pre-ldls/components/Tag/Tag.stories.js CHANGED
@@ -20,6 +20,7 @@ var Tag_stories_exports = {};
20
20
  __export(Tag_stories_exports, {
21
21
  Default: () => Default,
22
22
  TestTag: () => TestTag,
23
+ VariantMd: () => VariantMd,
23
24
  default: () => Tag_stories_default
24
25
  });
25
26
  module.exports = __toCommonJS(Tag_stories_exports);
@@ -29,10 +30,12 @@ const meta = {
29
30
  component: import_Tag.Tag,
30
31
  title: "PreLdls/Components/Tag",
31
32
  tags: ["autodocs"],
32
- args: { children: "Native Segwit" }
33
+ args: { children: "Native Segwit", spacing: "sm" },
34
+ argTypes: { spacing: { control: "select", options: ["sm", "md"] } }
33
35
  };
34
36
  var Tag_stories_default = meta;
35
37
  const Default = {};
38
+ const VariantMd = { args: { spacing: "md" } };
36
39
  const TestTag = {
37
40
  play: async ({ canvasElement }) => {
38
41
  const canvas = (0, import_test.within)(canvasElement);
package/lib/cjs/pre-ldls/components/Tag/Tag.stories.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../../src/pre-ldls/components/Tag/Tag.stories.tsx"],
4
- "sourcesContent": ["import type { Meta, StoryObj } from \"@storybook/react\";\nimport { Tag } from \"./Tag\";\nimport { within, expect } from \"@storybook/test\";\n\nconst meta: Meta<typeof Tag> = {\n component: Tag,\n title: \"PreLdls/Components/Tag\",\n tags: [\"autodocs\"],\n args: { children: \"Native Segwit\" },\n};\nexport default meta;\n\ntype Story = StoryObj<typeof Tag>;\n\nexport const Default: Story = {};\n\nexport const TestTag: Story = {\n play: async ({ canvasElement }) => {\n const canvas = within(canvasElement);\n const input = canvas.getByTestId(\"tag\");\n await expect(input).toHaveTextContent(\"Native Segwit\");\n },\n};\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,iBAAoB;AACpB,kBAA+B;AAE/B,MAAM,OAAyB;AAAA,EAC7B,WAAW;AAAA,EACX,OAAO;AAAA,EACP,MAAM,CAAC,UAAU;AAAA,EACjB,MAAM,EAAE,UAAU,gBAAgB;AACpC;AACA,IAAO,sBAAQ;AAIR,MAAM,UAAiB,CAAC;AAExB,MAAM,UAAiB;AAAA,EAC5B,MAAM,OAAO,EAAE,cAAc,MAAM;AACjC,UAAM,aAAS,oBAAO,aAAa;AACnC,UAAM,QAAQ,OAAO,YAAY,KAAK;AACtC,cAAM,oBAAO,KAAK,EAAE,kBAAkB,eAAe;AAAA,EACvD;AACF;",
4
+ "sourcesContent": ["import type { Meta, StoryObj } from \"@storybook/react\";\nimport { Tag } from \"./Tag\";\nimport { within, expect } from \"@storybook/test\";\n\nconst meta: Meta<typeof Tag> = {\n component: Tag,\n title: \"PreLdls/Components/Tag\",\n tags: [\"autodocs\"],\n args: { children: \"Native Segwit\", spacing: \"sm\" },\n argTypes: { spacing: { control: \"select\", options: [\"sm\", \"md\"] } },\n};\nexport default meta;\n\ntype Story = StoryObj<typeof Tag>;\n\nexport const Default: Story = {};\n\nexport const VariantMd: Story = { args: { spacing: \"md\" } };\n\nexport const TestTag: Story = {\n play: async ({ canvasElement }) => {\n const canvas = within(canvasElement);\n const input = canvas.getByTestId(\"tag\");\n await expect(input).toHaveTextContent(\"Native Segwit\");\n },\n};\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,iBAAoB;AACpB,kBAA+B;AAE/B,MAAM,OAAyB;AAAA,EAC7B,WAAW;AAAA,EACX,OAAO;AAAA,EACP,MAAM,CAAC,UAAU;AAAA,EACjB,MAAM,EAAE,UAAU,iBAAiB,SAAS,KAAK;AAAA,EACjD,UAAU,EAAE,SAAS,EAAE,SAAS,UAAU,SAAS,CAAC,MAAM,IAAI,EAAE,EAAE;AACpE;AACA,IAAO,sBAAQ;AAIR,MAAM,UAAiB,CAAC;AAExB,MAAM,YAAmB,EAAE,MAAM,EAAE,SAAS,KAAK,EAAE;AAEnD,MAAM,UAAiB;AAAA,EAC5B,MAAM,OAAO,EAAE,cAAc,MAAM;AACjC,UAAM,aAAS,oBAAO,aAAa;AACnC,UAAM,QAAQ,OAAO,YAAY,KAAK;AACtC,cAAM,oBAAO,KAAK,EAAE,kBAAkB,eAAe;AAAA,EACvD;AACF;",
6
6
  "names": []
7
7
  }
package/lib/pre-ldls/components/Tag/Tag.d.ts CHANGED
@@ -1,6 +1,7 @@
1
1
  import React, { ReactNode } from "react";
2
- export declare const Tag: ({ textTransform, children, }: {
2
+ export declare const Tag: ({ textTransform, spacing, children, }: {
3
3
  textTransform?: string | undefined;
4
+ spacing?: "sm" | "md" | undefined;
4
5
  children: ReactNode;
5
6
  }) => React.JSX.Element;
6
7
  //# sourceMappingURL=Tag.d.ts.map
package/lib/pre-ldls/components/Tag/Tag.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Tag.d.ts","sourceRoot":"","sources":["../../../../src/pre-ldls/components/Tag/Tag.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAoBzC,eAAO,MAAM,GAAG;;cAKJ,SAAS;uBAcpB,CAAC"}
1
+ {"version":3,"file":"Tag.d.ts","sourceRoot":"","sources":["../../../../src/pre-ldls/components/Tag/Tag.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAoBzC,eAAO,MAAM,GAAG;;;cAOJ,SAAS;uBAcpB,CAAC"}
package/lib/pre-ldls/components/Tag/Tag.js CHANGED
@@ -5,14 +5,14 @@ import styled from "styled-components";
5
5
  const Wrapper = styled.div `
6
6
  ${withTokens("colors-surface-transparent-subdued-default", "colors-content-subdued-default-default", "radius-xs", "spacing-xxxs")}
7
7
 
8
- padding: 1px var(--spacing-xxxs);
8
+ padding: ${({ $spacing }) => ($spacing === "sm" ? "1px" : "2px")} var(--spacing-xxxs);
9
9
  border-radius: var(--radius-xs);
10
10
  display: inline-flex;
11
11
  background-color: var(--colors-surface-transparent-subdued-default);
12
12
  flex-shrink: 0;
13
13
  `;
14
- export const Tag = ({ textTransform = "none", children, }) => {
15
- return (React.createElement(Wrapper, { "data-testid": "tag" },
14
+ export const Tag = ({ textTransform = "none", spacing = "sm", children, }) => {
15
+ return (React.createElement(Wrapper, { "data-testid": "tag", "$spacing": spacing },
16
16
  React.createElement(Text, { color: "var(--colors-content-subdued-default-default)", fontSize: "10px", lineHeight: "16px", textTransform: textTransform }, children)));
17
17
  };
18
18
  //# sourceMappingURL=Tag.js.map
package/lib/pre-ldls/components/Tag/Tag.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Tag.js","sourceRoot":"","sources":["../../../../src/pre-ldls/components/Tag/Tag.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AACxC,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAA;IACtB,UAAU,CACV,4CAA4C,EAC5C,wCAAwC,EACxC,WAAW,EACX,cAAc,CACf;;;;;;;CAOF,CAAC;AAEF,MAAM,CAAC,MAAM,GAAG,GAAG,CAAC,EAClB,aAAa,GAAG,MAAM,EACtB,QAAQ,GAIT,EAAE,EAAE;IACH,OAAO,CACL,oBAAC,OAAO,mBAAa,KAAK;QACxB,oBAAC,IAAI,IACH,KAAK,EAAC,+CAA+C,EACrD,QAAQ,EAAC,MAAM,EACf,UAAU,EAAC,MAAM,EACjB,aAAa,EAAE,aAAa,IAE3B,QAAQ,CACJ,CACC,CACX,CAAC;AACJ,CAAC,CAAC"}
1
+ {"version":3,"file":"Tag.js","sourceRoot":"","sources":["../../../../src/pre-ldls/components/Tag/Tag.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AACxC,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAA2B;IACjD,UAAU,CACV,4CAA4C,EAC5C,wCAAwC,EACxC,WAAW,EACX,cAAc,CACf;;aAEU,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAAC,QAAQ,KAAK,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC;;;;;CAKjE,CAAC;AAEF,MAAM,CAAC,MAAM,GAAG,GAAG,CAAC,EAClB,aAAa,GAAG,MAAM,EACtB,OAAO,GAAG,IAAI,EACd,QAAQ,GAKT,EAAE,EAAE;IACH,OAAO,CACL,oBAAC,OAAO,mBAAa,KAAK,cAAW,OAAO;QAC1C,oBAAC,IAAI,IACH,KAAK,EAAC,+CAA+C,EACrD,QAAQ,EAAC,MAAM,EACf,UAAU,EAAC,MAAM,EACjB,aAAa,EAAE,aAAa,IAE3B,QAAQ,CACJ,CACC,CACX,CAAC;AACJ,CAAC,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ledgerhq/react-ui",
3
- "version": "0.34.0-nightly.1",
3
+ "version": "0.34.0-nightly.2",
4
4
  "description": "Ledger Live - Desktop UI",
5
5
  "author": "Ledger Live Team <team-live@ledger.fr>",
6
6
  "repository": {