@ledgerhq/lumen-ui-react 0.0.68 → 0.0.69

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/dist/lib/Components/Button/BaseButton.d.ts.map +1 -1
  2. package/dist/lib/Components/Button/BaseButton.js +59 -43
  3. package/dist/lib/Components/Subheader/Subheader.d.ts +9 -1
  4. package/dist/lib/Components/Subheader/Subheader.d.ts.map +1 -1
  5. package/dist/lib/Components/Subheader/Subheader.js +4 -1
  6. package/dist/lib/Components/Subheader/types.d.ts +6 -0
  7. package/dist/lib/Components/Subheader/types.d.ts.map +1 -1
  8. package/dist/package.json +1 -1
  9. package/package.json +1 -1
package/dist/lib/Components/Button/BaseButton.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"BaseButton.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Button/BaseButton.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAyDzC,eAAO,MAAM,UAAU;;;;;;;;;YA3CP,CAAC;iBAAqB,CAAC;;;2FAyGtC,CAAC"}
1
+ {"version":3,"file":"BaseButton.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Button/BaseButton.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AA2EzC,eAAO,MAAM,UAAU;;;;;;;;;YA7DkD,CAAC;iBAAqB,CAAC;;;2FA0H/F,CAAC"}
package/dist/lib/Components/Button/BaseButton.js CHANGED
@@ -1,11 +1,11 @@
1
- import { jsxs as x, jsx as t } from "react/jsx-runtime";
2
- import { cn as h } from "../../../libs/utils-shared/dist/index.js";
3
- import { Slot as y, Slottable as z } from "@radix-ui/react-slot";
4
- import { cva as l } from "class-variance-authority";
5
- import B from "react";
6
- import { Spinner as N } from "../Spinner/Spinner.js";
7
- const S = l(
8
- 'inline-flex size-fit items-center justify-center rounded-full body-1-semi-bold transition-colors duration-200 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus data-[disabled="true"]:bg-disabled data-[disabled="true"]:text-disabled',
1
+ import { jsxs as g, jsx as t } from "react/jsx-runtime";
2
+ import { cn as f } from "../../../libs/utils-shared/dist/index.js";
3
+ import { Slot as x, Slottable as h } from "@radix-ui/react-slot";
4
+ import { cva as d } from "class-variance-authority";
5
+ import z from "react";
6
+ import { Spinner as S } from "../Spinner/Spinner.js";
7
+ const y = d(
8
+ "inline-flex size-fit cursor-pointer items-center justify-center rounded-full body-1-semi-bold transition-colors duration-200 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus",
9
9
  {
10
10
  variants: {
11
11
  appearance: {
@@ -17,8 +17,12 @@ const S = l(
17
17
  red: "bg-error text-error hover:bg-error-hover active:bg-error-pressed"
18
18
  },
19
19
  disabled: {
20
- true: "cursor-default",
21
- false: "cursor-pointer"
20
+ true: "",
21
+ false: ""
22
+ },
23
+ loading: {
24
+ true: "",
25
+ false: ""
22
26
  },
23
27
  size: {
24
28
  xs: "p-8",
@@ -30,13 +34,25 @@ const S = l(
30
34
  true: "w-full"
31
35
  }
32
36
  },
37
+ compoundVariants: [
38
+ {
39
+ disabled: !0,
40
+ loading: !1,
41
+ class: "cursor-default bg-disabled text-disabled hover:bg-disabled hover:text-disabled active:bg-disabled active:text-disabled"
42
+ },
43
+ {
44
+ disabled: !0,
45
+ loading: !0,
46
+ class: "cursor-default bg-disabled text-disabled hover:bg-disabled hover:text-disabled active:bg-disabled active:text-disabled"
47
+ }
48
+ ],
33
49
  defaultVariants: {
34
50
  appearance: "base",
35
51
  size: "md",
36
52
  isFull: !1
37
53
  }
38
54
  }
39
- ), d = l("shrink-0", {
55
+ ), b = d("shrink-0", {
40
56
  variants: {
41
57
  appearance: {
42
58
  base: "text-on-interactive",
@@ -50,60 +66,60 @@ const S = l(
50
66
  true: "text-disabled"
51
67
  }
52
68
  }
53
- }), j = B.forwardRef(
69
+ }), B = z.forwardRef(
54
70
  ({
55
- className: u,
71
+ className: l,
56
72
  appearance: a = "base",
57
- size: r,
58
- isFull: p,
73
+ size: s,
74
+ isFull: u,
59
75
  disabled: e = !1,
60
- asChild: o = !1,
61
- icon: i,
62
- loading: s,
63
- children: n,
64
- onClick: m,
76
+ asChild: i = !1,
77
+ icon: n,
78
+ loading: r = !1,
79
+ children: o,
80
+ onClick: p,
65
81
  ...v
66
- }, f) => {
67
- const g = {
82
+ }, m) => {
83
+ const c = s ? {
68
84
  xs: 16,
69
85
  sm: 20,
70
86
  md: 24,
71
87
  lg: 24
72
- }, c = s || e, b = r ? g[r] : 24;
73
- return /* @__PURE__ */ x(
74
- o ? y : "button",
88
+ }[s] : 24;
89
+ return /* @__PURE__ */ g(
90
+ i ? x : "button",
75
91
  {
76
- className: h(
77
- S({ disabled: e, appearance: a, size: r, isFull: p }),
78
- u
92
+ className: f(
93
+ y({ disabled: e, loading: r, appearance: a, size: s, isFull: u }),
94
+ l
79
95
  ),
80
- ref: f,
81
- "data-disabled": c || void 0,
82
- disabled: c,
83
- onClick: m,
96
+ ref: m,
97
+ "data-disabled": e || void 0,
98
+ disabled: e,
99
+ onClick: p,
84
100
  ...v,
85
101
  children: [
86
- s && /* @__PURE__ */ t(
87
- N,
102
+ r && /* @__PURE__ */ t(
103
+ S,
88
104
  {
89
- size: b,
90
- className: d({ appearance: a, disabled: e })
105
+ size: c,
106
+ className: b({ appearance: a, disabled: e })
91
107
  }
92
108
  ),
93
- !s && i && /* @__PURE__ */ t(
94
- i,
109
+ !r && n && /* @__PURE__ */ t(
110
+ n,
95
111
  {
96
- size: b,
97
- className: d({ appearance: a, disabled: e })
112
+ size: c,
113
+ className: b({ appearance: a, disabled: e })
98
114
  }
99
115
  ),
100
- n && (o ? /* @__PURE__ */ t(z, { children: n }) : /* @__PURE__ */ t("span", { className: "line-clamp-2 text-left", children: n }))
116
+ o && (i ? /* @__PURE__ */ t(h, { children: o }) : /* @__PURE__ */ t("span", { className: "line-clamp-2 text-left", children: o }))
101
117
  ]
102
118
  }
103
119
  );
104
120
  }
105
121
  );
106
- j.displayName = "BaseButton";
122
+ B.displayName = "BaseButton";
107
123
  export {
108
- j as BaseButton
124
+ B as BaseButton
109
125
  };
package/dist/lib/Components/Subheader/Subheader.d.ts CHANGED
@@ -2,8 +2,16 @@ import { default as React } from 'react';
2
2
  import { SubheaderActionProps, SubheaderCountProps, SubheaderDescriptionProps, SubheaderInfoProps, SubheaderProps, SubheaderRowProps, SubheaderShowMoreProps, SubheaderTitleProps } from './types';
3
3
  /**
4
4
  * Title component for the Subheader. Displays the main heading.
5
+ * Use the `as` prop to control heading semantics and avoid multiple h2s on a page.
6
+ *
7
+ * @example
8
+ * <SubheaderTitle>Section Title</SubheaderTitle>
9
+ *
10
+ * @example
11
+ * // With custom heading level
12
+ * <SubheaderTitle as="h3">Section Title</SubheaderTitle>
5
13
  */
6
- export declare const SubheaderTitle: ({ children }: SubheaderTitleProps) => import("react/jsx-runtime").JSX.Element;
14
+ export declare const SubheaderTitle: ({ children, as: Component, }: SubheaderTitleProps) => import("react/jsx-runtime").JSX.Element;
7
15
  /**
8
16
  * Row component for the Subheader. Layout container to horizontally align title, count, hint, and action.
9
17
  * Can optionally be interactive with an onClick handler.
package/dist/lib/Components/Subheader/Subheader.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Subheader.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Subheader/Subheader.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EACL,oBAAoB,EACpB,mBAAmB,EACnB,yBAAyB,EACzB,kBAAkB,EAClB,cAAc,EACd,iBAAiB,EACjB,sBAAsB,EACtB,mBAAmB,EACpB,MAAM,SAAS,CAAC;AAEjB;;GAEG;AACH,eAAO,MAAM,cAAc,GAAI,cAAc,mBAAmB,4CAE/D,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,YAAY,GAAI,4CAK1B,iBAAiB,4CAgBnB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,GAAI,mBAAmB,mBAAmB,4CAGpE,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa,2GAiBxB,CAAC;AAGH;;;GAGG;AACH,eAAO,MAAM,iBAAiB,GAAI,eAAe,sBAAsB,4CAMtE,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,oBAAoB,GAAI,eAElC,yBAAyB,4CAE3B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,eAAe,GAAI,4CAK7B,oBAAoB,4CAWtB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCG;AACH,eAAO,MAAM,SAAS,GAAI,mCAIvB,cAAc,4CAMhB,CAAC"}
1
+ {"version":3,"file":"Subheader.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Subheader/Subheader.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EACL,oBAAoB,EACpB,mBAAmB,EACnB,yBAAyB,EACzB,kBAAkB,EAClB,cAAc,EACd,iBAAiB,EACjB,sBAAsB,EACtB,mBAAmB,EACpB,MAAM,SAAS,CAAC;AAEjB;;;;;;;;;;GAUG;AACH,eAAO,MAAM,cAAc,GAAI,8BAG5B,mBAAmB,4CAMrB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,YAAY,GAAI,4CAK1B,iBAAiB,4CAgBnB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,GAAI,mBAAmB,mBAAmB,4CAGpE,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa,2GAiBxB,CAAC;AAGH;;;GAGG;AACH,eAAO,MAAM,iBAAiB,GAAI,eAAe,sBAAsB,4CAMtE,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,oBAAoB,GAAI,eAElC,yBAAyB,4CAE3B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,eAAe,GAAI,4CAK7B,oBAAoB,4CAWtB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCG;AACH,eAAO,MAAM,SAAS,GAAI,mCAIvB,cAAc,4CAMhB,CAAC"}
package/dist/lib/Components/Subheader/Subheader.js CHANGED
@@ -4,7 +4,10 @@ import s from "react";
4
4
  import { Information as i } from "../../Symbols/Icons/Information.js";
5
5
  import { ChevronRight as c } from "../../Symbols/Icons/ChevronRight.js";
6
6
  import { InteractiveIcon as m } from "../InteractiveIcon/InteractiveIcon.js";
7
- const S = ({ children: e }) => /* @__PURE__ */ r("h2", { className: "min-w-0 truncate heading-4-semi-bold", children: e }), N = ({
7
+ const S = ({
8
+ children: e,
9
+ as: t = "h2"
10
+ }) => /* @__PURE__ */ r(t, { className: "min-w-0 truncate heading-4-semi-bold", children: e }), N = ({
8
11
  children: e,
9
12
  onClick: t,
10
13
  className: n,
package/dist/lib/Components/Subheader/types.d.ts CHANGED
@@ -19,6 +19,12 @@ export type SubheaderTitleProps = {
19
19
  * The title text of the subheader.
20
20
  */
21
21
  children: string;
22
+ /**
23
+ * The HTML element to render as.
24
+ * Use this to control heading semantics and avoid multiple h2s on a page.
25
+ * @default 'h2'
26
+ */
27
+ as?: keyof Pick<HTMLElementTagNameMap, 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'div' | 'span'>;
22
28
  };
23
29
  export type SubheaderCountProps = {
24
30
  /**
package/dist/lib/Components/Subheader/types.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Subheader/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,cAAc,GAAG;IAC3B;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,CAAC;AAE3D,MAAM,MAAM,iBAAiB,GAAG;IAC9B;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC,CAAC;AAEpE,MAAM,MAAM,mBAAmB,GAAG;IAChC;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;CACpC,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,IAAI,CACnC,KAAK,CAAC,cAAc,CAAC,cAAc,oBAAoB,EAAE,eAAe,CAAC,EACzE,UAAU,GAAG,UAAU,CACxB,GAAG;IACF;;;OAGG;IACH,QAAQ,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;CACjC,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG;IACtC;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG;IACjC;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;OAEG;IACH,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,GAAG,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC,CAAC;AAEhF,MAAM,MAAM,sBAAsB,GAAG;IACnC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Subheader/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,cAAc,GAAG;IAC3B;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,CAAC;AAE3D,MAAM,MAAM,iBAAiB,GAAG;IAC9B;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC,CAAC;AAEpE,MAAM,MAAM,mBAAmB,GAAG;IAChC;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;IACjB;;;;OAIG;IACH,EAAE,CAAC,EAAE,MAAM,IAAI,CACb,qBAAqB,EACrB,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,MAAM,CACzD,CAAC;CACH,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;CACpC,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,IAAI,CACnC,KAAK,CAAC,cAAc,CAAC,cAAc,oBAAoB,EAAE,eAAe,CAAC,EACzE,UAAU,GAAG,UAAU,CACxB,GAAG;IACF;;;OAGG;IACH,QAAQ,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;CACjC,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG;IACtC;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG;IACjC;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;OAEG;IACH,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,GAAG,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC,CAAC;AAEhF,MAAM,MAAM,sBAAsB,GAAG;IACnC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC"}
package/dist/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ledgerhq/lumen-ui-react",
3
- "version": "0.0.67",
3
+ "version": "0.0.68",
4
4
  "license": "Apache-2.0",
5
5
  "sideEffects": false,
6
6
  "keywords": [
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ledgerhq/lumen-ui-react",
3
- "version": "0.0.68",
3
+ "version": "0.0.69",
4
4
  "license": "Apache-2.0",
5
5
  "sideEffects": false,
6
6
  "keywords": [