@ledgerhq/lumen-ui-react 0.1.57 → 0.1.59
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.
- package/dist/index.js +34 -34
- package/dist/lib/Components/core/AmountInput/useAmountInputValue/useAmountInputValue.js +6 -6
- package/dist/lib/Components/core/Avatar/Avatar.d.ts.map +1 -1
- package/dist/lib/Components/core/Avatar/Avatar.js +31 -35
- package/dist/lib/Components/core/Avatar/resolveAvatarColor.d.ts +9 -0
- package/dist/lib/Components/core/Avatar/resolveAvatarColor.d.ts.map +1 -1
- package/dist/lib/Components/core/Avatar/resolveAvatarColor.js +23 -5
- package/dist/lib/Components/core/Banner/Banner.js +25 -25
- package/dist/lib/Components/core/Button/Button.js +4 -4
- package/dist/lib/Components/core/Card/Card.js +16 -16
- package/dist/lib/Components/core/CardButton/CardButton.js +8 -8
- package/dist/lib/Components/core/CardButton/types.d.ts +1 -1
- package/dist/lib/Components/core/CardButton/types.d.ts.map +1 -1
- package/dist/lib/Components/core/Dialog/Dialog.js +4 -4
- package/dist/lib/Components/core/Divider/Divider.js +4 -4
- package/dist/lib/Components/core/DotIcon/DotIcon.d.ts +0 -13
- package/dist/lib/Components/core/DotIcon/DotIcon.d.ts.map +1 -1
- package/dist/lib/Components/core/DotIcon/DotIcon.js +20 -33
- package/dist/lib/Components/core/DotIcon/getDotIconProps.d.ts +66 -0
- package/dist/lib/Components/core/DotIcon/getDotIconProps.d.ts.map +1 -0
- package/dist/lib/Components/core/DotIcon/getDotIconProps.js +19 -0
- package/dist/lib/Components/core/DotIcon/index.d.ts +2 -1
- package/dist/lib/Components/core/DotIcon/index.d.ts.map +1 -1
- package/dist/lib/Components/core/DotSymbol/DotSymbol.d.ts +1 -5
- package/dist/lib/Components/core/DotSymbol/DotSymbol.d.ts.map +1 -1
- package/dist/lib/Components/core/DotSymbol/DotSymbol.js +18 -37
- package/dist/lib/Components/core/DotSymbol/getDotSymbolProps.d.ts +102 -0
- package/dist/lib/Components/core/DotSymbol/getDotSymbolProps.d.ts.map +1 -0
- package/dist/lib/Components/core/DotSymbol/getDotSymbolProps.js +25 -0
- package/dist/lib/Components/core/DotSymbol/index.d.ts +2 -1
- package/dist/lib/Components/core/DotSymbol/index.d.ts.map +1 -1
- package/dist/lib/Components/core/IconButton/IconButton.js +5 -5
- package/dist/lib/Components/core/Link/Link.js +6 -6
- package/dist/lib/Components/core/Link/types.d.ts +1 -1
- package/dist/lib/Components/core/Link/types.d.ts.map +1 -1
- package/dist/lib/Components/core/ListItem/ListItem.js +8 -8
- package/dist/lib/Components/core/MediaBanner/MediaBanner.js +4 -4
- package/dist/lib/Components/core/NavBar/CoinCapsule.js +4 -4
- package/dist/lib/Components/core/Popover/Popover.js +4 -4
- package/dist/lib/Components/core/SearchInput/SearchInput.js +2 -2
- package/dist/lib/Components/core/SectionHeader/SectionHeader.js +4 -4
- package/dist/lib/Components/core/SegmentedControl/types.d.ts +1 -1
- package/dist/lib/Components/core/SegmentedControl/types.d.ts.map +1 -1
- package/dist/lib/Components/core/SideBar/types.d.ts +1 -1
- package/dist/lib/Components/core/SideBar/types.d.ts.map +1 -1
- package/dist/lib/Components/core/Spinner/types.d.ts +1 -1
- package/dist/lib/Components/core/Spinner/types.d.ts.map +1 -1
- package/dist/lib/Components/core/Spot/Spot.d.ts.map +1 -1
- package/dist/lib/Components/core/Spot/Spot.js +65 -54
- package/dist/lib/Components/core/Spot/types.d.ts +1 -1
- package/dist/lib/Components/core/Spot/types.d.ts.map +1 -1
- package/dist/lib/Components/core/Stepper/Stepper.js +10 -10
- package/dist/lib/Components/core/Switch/Switch.js +4 -4
- package/dist/lib/Components/core/Tag/types.d.ts +1 -1
- package/dist/lib/Components/core/Tag/types.d.ts.map +1 -1
- package/dist/lib/Components/core/TileButton/types.d.ts +1 -1
- package/dist/lib/Components/core/TileButton/types.d.ts.map +1 -1
- package/dist/lib/Components/core/Tooltip/Tooltip.d.ts +0 -8
- package/dist/lib/Components/core/Tooltip/Tooltip.d.ts.map +1 -1
- package/dist/lib/Components/core/Tooltip/Tooltip.js +4 -4
- package/dist/lib/Components/internal/BaseButton/BaseButton.d.ts +1 -1
- package/dist/lib/Components/internal/BaseButton/BaseButton.js +12 -12
- package/dist/lib/Components/internal/BaseButton/types.d.ts +1 -1
- package/dist/lib/Components/internal/BaseButton/types.d.ts.map +1 -1
- package/dist/lib/Components/internal/BaseInput/BaseInput.js +12 -12
- package/dist/lib/Components/internal/BaseInput/BaseInputMultiline.js +10 -10
- package/dist/lib/Components/internal/BaseTag/BaseTag.js +19 -19
- package/dist/lib/Components/symbols/Icon/createIcon.js +3 -3
- package/dist/lib/Components/symbols/icons/CloudSync.d.ts +29 -0
- package/dist/lib/Components/symbols/icons/CloudSync.d.ts.map +1 -0
- package/dist/lib/Components/symbols/icons/CloudSync.js +28 -0
- package/dist/lib/Components/symbols/icons/Dollar.d.ts.map +1 -1
- package/dist/lib/Components/symbols/icons/Dollar.js +26 -14
- package/dist/lib/Components/symbols/icons/DollarConvert.js +3 -3
- package/dist/lib/Components/symbols/icons/DollarFill.d.ts +29 -0
- package/dist/lib/Components/symbols/icons/DollarFill.d.ts.map +1 -0
- package/dist/lib/Components/symbols/icons/DollarFill.js +25 -0
- package/dist/lib/Components/symbols/icons/FaceId.d.ts +29 -0
- package/dist/lib/Components/symbols/icons/FaceId.d.ts.map +1 -0
- package/dist/lib/Components/symbols/icons/FaceId.js +28 -0
- package/dist/lib/Components/symbols/icons/Fingerprint.d.ts +29 -0
- package/dist/lib/Components/symbols/icons/Fingerprint.d.ts.map +1 -0
- package/dist/lib/Components/symbols/icons/Fingerprint.js +28 -0
- package/dist/lib/Components/symbols/icons/Pause.d.ts.map +1 -1
- package/dist/lib/Components/symbols/icons/Pause.js +8 -7
- package/dist/lib/Components/symbols/icons/Range.d.ts.map +1 -1
- package/dist/lib/Components/symbols/icons/Range.js +8 -11
- package/dist/lib/Components/symbols/icons/Telegram.d.ts.map +1 -1
- package/dist/lib/Components/symbols/icons/Telegram.js +15 -12
- package/dist/lib/Components/symbols/icons/Usb.js +1 -1
- package/dist/lib/Components/symbols/index.d.ts +4 -0
- package/dist/lib/Components/symbols/index.d.ts.map +1 -1
- package/dist/lib/Components/symbols/index.js +482 -474
- package/dist/lib/Components/visualization/DonutChart/DonutChartCenter.js +2 -2
- package/dist/lib/Components/visualization/Legend/Legend.js +4 -4
- package/dist/lib/Components/visualization/config.d.ts +22 -22
- package/dist/package.json +3 -3
- package/package.json +3 -3
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { jsx as o, jsxs as g } from "react/jsx-runtime";
|
|
2
|
-
import { createSafeContext as
|
|
2
|
+
import { createSafeContext as u, cn as n } from "../../../../libs/utils-shared/dist/index.js";
|
|
3
3
|
import * as l from "@radix-ui/react-dialog";
|
|
4
|
-
import { cva as
|
|
5
|
-
const [
|
|
4
|
+
import { cva as f } from "class-variance-authority";
|
|
5
|
+
const [m, r] = u("Dialog"), x = f(
|
|
6
6
|
[
|
|
7
7
|
"flex w-400 max-w-[calc(100%-2rem)] flex-col overflow-hidden rounded-2xl bg-canvas-sheet pb-24",
|
|
8
8
|
"fixed top-[50%] left-[50%] z-dialog-content translate-[-50%]",
|
|
@@ -21,7 +21,7 @@ const [u, r] = f("Dialog"), x = m(
|
|
|
21
21
|
}
|
|
22
22
|
);
|
|
23
23
|
function D({ height: t = "fit", ...a }) {
|
|
24
|
-
return /* @__PURE__ */ o(
|
|
24
|
+
return /* @__PURE__ */ o(m, { value: { height: t }, children: /* @__PURE__ */ o(l.Root, { "data-slot": "dialog", ...a }) });
|
|
25
25
|
}
|
|
26
26
|
function C({ ...t }) {
|
|
27
27
|
return /* @__PURE__ */ o(l.Trigger, { "data-slot": "dialog-trigger", ...t });
|
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { cn as
|
|
1
|
+
import { jsx as l } from "react/jsx-runtime";
|
|
2
|
+
import { cn as a } from "../../../../libs/utils-shared/dist/index.js";
|
|
3
3
|
const d = ({
|
|
4
4
|
ref: o,
|
|
5
5
|
className: t,
|
|
6
6
|
orientation: r = "horizontal",
|
|
7
7
|
...e
|
|
8
|
-
}) => /* @__PURE__ */
|
|
8
|
+
}) => /* @__PURE__ */ l(
|
|
9
9
|
"div",
|
|
10
10
|
{
|
|
11
11
|
ref: o,
|
|
12
12
|
role: "separator",
|
|
13
13
|
"aria-orientation": r,
|
|
14
|
-
className:
|
|
14
|
+
className: a(
|
|
15
15
|
"border-muted-subtle",
|
|
16
16
|
r === "horizontal" ? "w-full border-t" : "h-full border-l",
|
|
17
17
|
t
|
|
@@ -1,18 +1,5 @@
|
|
|
1
1
|
import { IconSize } from '../../symbols/Icon';
|
|
2
2
|
import { DotIconProps, DotIconSize } from './types';
|
|
3
|
-
export declare const mediaImageDotIconSizeMap: {
|
|
4
|
-
readonly 40: 16;
|
|
5
|
-
readonly 48: 20;
|
|
6
|
-
readonly 56: 24;
|
|
7
|
-
readonly 64: 24;
|
|
8
|
-
readonly 72: 32;
|
|
9
|
-
};
|
|
10
|
-
export declare const spotDotIconSizeMap: {
|
|
11
|
-
readonly 40: 16;
|
|
12
|
-
readonly 48: 20;
|
|
13
|
-
readonly 56: 24;
|
|
14
|
-
readonly 72: 32;
|
|
15
|
-
};
|
|
16
3
|
export declare const dotIconSizeMap: Record<DotIconSize, IconSize>;
|
|
17
4
|
/**
|
|
18
5
|
* A wrapper component that positions a small icon indicator at a configurable
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DotIcon.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/core/DotIcon/DotIcon.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,KAAK,EAAc,YAAY,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AA+CrE,eAAO,MAAM,
|
|
1
|
+
{"version":3,"file":"DotIcon.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/core/DotIcon/DotIcon.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,KAAK,EAAc,YAAY,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AA+CrE,eAAO,MAAM,cAAc,EAAE,MAAM,CAAC,WAAW,EAAE,QAAQ,CAKxD,CAAC;AAgBF;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,OAAO;8GAWjB,YAAY;;CAwBd,CAAC"}
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
import { jsx as e, jsxs as h } from "react/jsx-runtime";
|
|
2
|
-
import { useDisabledContext as x, DisabledProvider as v, cn as
|
|
3
|
-
import { cva as
|
|
2
|
+
import { useDisabledContext as x, DisabledProvider as v, cn as i } from "../../../../libs/utils-shared/dist/index.js";
|
|
3
|
+
import { cva as d } from "class-variance-authority";
|
|
4
4
|
import { useMemo as z } from "react";
|
|
5
|
-
const
|
|
5
|
+
const N = d("relative inline-flex w-fit", {
|
|
6
6
|
variants: {
|
|
7
7
|
disabled: {
|
|
8
8
|
true: "opacity-30",
|
|
9
9
|
false: ""
|
|
10
10
|
}
|
|
11
11
|
}
|
|
12
|
-
}),
|
|
12
|
+
}), g = d(
|
|
13
13
|
"absolute z-10 box-content flex items-center justify-center overflow-hidden border-base-inverted",
|
|
14
14
|
{
|
|
15
15
|
variants: {
|
|
@@ -43,43 +43,32 @@ const g = c("relative inline-flex w-fit", {
|
|
|
43
43
|
{ shape: "circle", className: "rounded-full" }
|
|
44
44
|
]
|
|
45
45
|
}
|
|
46
|
-
),
|
|
47
|
-
40: 16,
|
|
48
|
-
48: 20,
|
|
49
|
-
56: 24,
|
|
50
|
-
64: 24,
|
|
51
|
-
72: 32
|
|
52
|
-
}, w = {
|
|
53
|
-
40: 16,
|
|
54
|
-
48: 20,
|
|
55
|
-
56: 24,
|
|
56
|
-
72: 32
|
|
57
|
-
}, D = {
|
|
46
|
+
), D = {
|
|
58
47
|
16: 12,
|
|
59
48
|
20: 16,
|
|
60
49
|
24: 16,
|
|
61
50
|
32: 20
|
|
62
|
-
},
|
|
51
|
+
}, q = {
|
|
63
52
|
"top-start": ["top", "left"],
|
|
64
53
|
"top-end": ["top", "right"],
|
|
65
54
|
"bottom-start": ["bottom", "left"],
|
|
66
55
|
"bottom-end": ["bottom", "right"]
|
|
67
|
-
},
|
|
68
|
-
const [t, o] =
|
|
69
|
-
return { [t]:
|
|
70
|
-
},
|
|
56
|
+
}, n = -3, y = (s) => {
|
|
57
|
+
const [t, o] = q[s];
|
|
58
|
+
return { [t]: n, [o]: n };
|
|
59
|
+
}, I = ({
|
|
71
60
|
children: s,
|
|
72
61
|
icon: t,
|
|
73
62
|
appearance: o,
|
|
74
63
|
pin: a = "bottom-end",
|
|
75
64
|
size: r = 20,
|
|
76
|
-
shape:
|
|
65
|
+
shape: c = "circle",
|
|
77
66
|
className: l,
|
|
78
67
|
disabled: m = !1,
|
|
79
68
|
ref: p,
|
|
80
|
-
...
|
|
69
|
+
...u
|
|
81
70
|
}) => {
|
|
82
|
-
const
|
|
71
|
+
const b = z(() => y(a), [a]), f = x({
|
|
83
72
|
consumerName: "DotIcon",
|
|
84
73
|
mergeWith: { disabled: m }
|
|
85
74
|
});
|
|
@@ -87,15 +76,15 @@ const g = c("relative inline-flex w-fit", {
|
|
|
87
76
|
"div",
|
|
88
77
|
{
|
|
89
78
|
ref: p,
|
|
90
|
-
className:
|
|
91
|
-
...
|
|
79
|
+
className: i(N({ disabled: f, className: l })),
|
|
80
|
+
...u,
|
|
92
81
|
children: [
|
|
93
82
|
/* @__PURE__ */ e("div", { className: "inline-flex", children: s }),
|
|
94
83
|
/* @__PURE__ */ e(
|
|
95
84
|
"div",
|
|
96
85
|
{
|
|
97
|
-
className:
|
|
98
|
-
style:
|
|
86
|
+
className: i(g({ size: r, shape: c, pin: a, appearance: o })),
|
|
87
|
+
style: b,
|
|
99
88
|
children: /* @__PURE__ */ e(t, { size: D[r], className: "text-on-interactive" })
|
|
100
89
|
}
|
|
101
90
|
)
|
|
@@ -103,10 +92,8 @@ const g = c("relative inline-flex w-fit", {
|
|
|
103
92
|
}
|
|
104
93
|
) });
|
|
105
94
|
};
|
|
106
|
-
|
|
95
|
+
I.displayName = "DotIcon";
|
|
107
96
|
export {
|
|
108
|
-
|
|
109
|
-
D as dotIconSizeMap
|
|
110
|
-
V as mediaImageDotIconSizeMap,
|
|
111
|
-
w as spotDotIconSizeMap
|
|
97
|
+
I as DotIcon,
|
|
98
|
+
D as dotIconSizeMap
|
|
112
99
|
};
|
|
@@ -0,0 +1,66 @@
|
|
|
1
|
+
export declare const getDotIconProps: <Context extends "mediaImage" | "spot", Variant extends keyof {
|
|
2
|
+
mediaImage: {
|
|
3
|
+
40: {
|
|
4
|
+
size: 16;
|
|
5
|
+
};
|
|
6
|
+
48: {
|
|
7
|
+
size: 20;
|
|
8
|
+
};
|
|
9
|
+
56: {
|
|
10
|
+
size: 24;
|
|
11
|
+
};
|
|
12
|
+
64: {
|
|
13
|
+
size: 24;
|
|
14
|
+
};
|
|
15
|
+
72: {
|
|
16
|
+
size: 32;
|
|
17
|
+
};
|
|
18
|
+
};
|
|
19
|
+
spot: {
|
|
20
|
+
40: {
|
|
21
|
+
size: 16;
|
|
22
|
+
};
|
|
23
|
+
48: {
|
|
24
|
+
size: 20;
|
|
25
|
+
};
|
|
26
|
+
56: {
|
|
27
|
+
size: 24;
|
|
28
|
+
};
|
|
29
|
+
72: {
|
|
30
|
+
size: 32;
|
|
31
|
+
};
|
|
32
|
+
};
|
|
33
|
+
}[Context]>(context: Context, variant: Variant) => {
|
|
34
|
+
mediaImage: {
|
|
35
|
+
40: {
|
|
36
|
+
size: 16;
|
|
37
|
+
};
|
|
38
|
+
48: {
|
|
39
|
+
size: 20;
|
|
40
|
+
};
|
|
41
|
+
56: {
|
|
42
|
+
size: 24;
|
|
43
|
+
};
|
|
44
|
+
64: {
|
|
45
|
+
size: 24;
|
|
46
|
+
};
|
|
47
|
+
72: {
|
|
48
|
+
size: 32;
|
|
49
|
+
};
|
|
50
|
+
};
|
|
51
|
+
spot: {
|
|
52
|
+
40: {
|
|
53
|
+
size: 16;
|
|
54
|
+
};
|
|
55
|
+
48: {
|
|
56
|
+
size: 20;
|
|
57
|
+
};
|
|
58
|
+
56: {
|
|
59
|
+
size: 24;
|
|
60
|
+
};
|
|
61
|
+
72: {
|
|
62
|
+
size: 32;
|
|
63
|
+
};
|
|
64
|
+
};
|
|
65
|
+
}[Context][Variant];
|
|
66
|
+
//# sourceMappingURL=getDotIconProps.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"getDotIconProps.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/core/DotIcon/getDotIconProps.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mBAc1B,CAAC"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { createPropsResolver as e } from "../../../../libs/utils-shared/dist/index.js";
|
|
2
|
+
const i = e({
|
|
3
|
+
mediaImage: {
|
|
4
|
+
40: { size: 16 },
|
|
5
|
+
48: { size: 20 },
|
|
6
|
+
56: { size: 24 },
|
|
7
|
+
64: { size: 24 },
|
|
8
|
+
72: { size: 32 }
|
|
9
|
+
},
|
|
10
|
+
spot: {
|
|
11
|
+
40: { size: 16 },
|
|
12
|
+
48: { size: 20 },
|
|
13
|
+
56: { size: 24 },
|
|
14
|
+
72: { size: 32 }
|
|
15
|
+
}
|
|
16
|
+
});
|
|
17
|
+
export {
|
|
18
|
+
i as getDotIconProps
|
|
19
|
+
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/core/DotIcon/index.ts"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/core/DotIcon/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AACpD,cAAc,mBAAmB,CAAC;AAClC,cAAc,SAAS,CAAC"}
|
|
@@ -1,8 +1,4 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { SpotSize } from '../Spot';
|
|
3
|
-
import { DotSymbolProps, DotSymbolSize } from './types';
|
|
4
|
-
export declare const mediaImageDotSizeMap: Record<MediaImageSize, DotSymbolSize>;
|
|
5
|
-
export declare const spotDotSizeMap: Record<SpotSize, DotSymbolSize>;
|
|
1
|
+
import { DotSymbolProps } from './types';
|
|
6
2
|
/**
|
|
7
3
|
* A wrapper component that positions a small image indicator at a configurable
|
|
8
4
|
* corner of a child element like MediaImage or Spot.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DotSymbol.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/core/DotSymbol/DotSymbol.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"DotSymbol.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/core/DotSymbol/DotSymbol.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAgB,cAAc,EAAiB,MAAM,SAAS,CAAC;AA8E3E;;;;;;;;;;GAUG;AACH,eAAO,MAAM,SAAS;4GAYnB,cAAc;;CAkChB,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { useDisabledContext as
|
|
1
|
+
import { jsx as a, jsxs as x } from "react/jsx-runtime";
|
|
2
|
+
import { useDisabledContext as z, DisabledProvider as N, cn as v } from "../../../../libs/utils-shared/dist/index.js";
|
|
3
3
|
import { cva as d } from "class-variance-authority";
|
|
4
4
|
import { useMemo as g, useState as q, useEffect as y } from "react";
|
|
5
5
|
const D = d("relative inline-flex w-fit", {
|
|
@@ -47,7 +47,7 @@ const D = d("relative inline-flex w-fit", {
|
|
|
47
47
|
{ shape: "circle", className: "rounded-full" }
|
|
48
48
|
]
|
|
49
49
|
}
|
|
50
|
-
),
|
|
50
|
+
), E = {
|
|
51
51
|
8: -2,
|
|
52
52
|
10: -2,
|
|
53
53
|
12: -2,
|
|
@@ -55,33 +55,16 @@ const D = d("relative inline-flex w-fit", {
|
|
|
55
55
|
20: -3,
|
|
56
56
|
24: -3,
|
|
57
57
|
32: -3
|
|
58
|
-
},
|
|
59
|
-
12: 8,
|
|
60
|
-
16: 8,
|
|
61
|
-
20: 8,
|
|
62
|
-
24: 10,
|
|
63
|
-
32: 12,
|
|
64
|
-
40: 16,
|
|
65
|
-
48: 20,
|
|
66
|
-
56: 24,
|
|
67
|
-
64: 24,
|
|
68
|
-
72: 32
|
|
69
|
-
}, I = {
|
|
70
|
-
32: 12,
|
|
71
|
-
40: 16,
|
|
72
|
-
48: 20,
|
|
73
|
-
56: 24,
|
|
74
|
-
72: 32
|
|
75
|
-
}, E = {
|
|
58
|
+
}, V = {
|
|
76
59
|
"top-start": ["top", "left"],
|
|
77
60
|
"top-end": ["top", "right"],
|
|
78
61
|
"bottom-start": ["bottom", "left"],
|
|
79
62
|
"bottom-end": ["bottom", "right"]
|
|
80
|
-
},
|
|
81
|
-
const [r, s] =
|
|
63
|
+
}, j = (o, t) => {
|
|
64
|
+
const [r, s] = V[o], e = E[t];
|
|
82
65
|
return { [r]: e, [s]: e };
|
|
83
|
-
},
|
|
84
|
-
children:
|
|
66
|
+
}, w = ({
|
|
67
|
+
children: o,
|
|
85
68
|
src: t,
|
|
86
69
|
alt: r,
|
|
87
70
|
pin: s = "bottom-end",
|
|
@@ -90,24 +73,24 @@ const D = d("relative inline-flex w-fit", {
|
|
|
90
73
|
imgLoading: l = "eager",
|
|
91
74
|
className: c,
|
|
92
75
|
disabled: m = !1,
|
|
93
|
-
ref:
|
|
94
|
-
...
|
|
76
|
+
ref: u,
|
|
77
|
+
...p
|
|
95
78
|
}) => {
|
|
96
|
-
const b = g(() =>
|
|
79
|
+
const b = g(() => j(s, e), [s, e]), [f, i] = q(!1), h = z({
|
|
97
80
|
consumerName: "DotSymbol",
|
|
98
81
|
mergeWith: { disabled: m }
|
|
99
82
|
});
|
|
100
83
|
return y(() => {
|
|
101
84
|
i(!1);
|
|
102
|
-
}, [t]), /* @__PURE__ */
|
|
85
|
+
}, [t]), /* @__PURE__ */ a(N, { value: { disabled: !1 }, children: /* @__PURE__ */ x(
|
|
103
86
|
"div",
|
|
104
87
|
{
|
|
105
|
-
ref:
|
|
88
|
+
ref: u,
|
|
106
89
|
className: v(D({ disabled: h, className: c })),
|
|
107
|
-
...
|
|
90
|
+
...p,
|
|
108
91
|
children: [
|
|
109
|
-
/* @__PURE__ */
|
|
110
|
-
/* @__PURE__ */
|
|
92
|
+
/* @__PURE__ */ a("div", { className: "inline-flex", children: o }),
|
|
93
|
+
/* @__PURE__ */ a("div", { className: S({ size: e, shape: n, pin: s }), style: b, children: !f && /* @__PURE__ */ a(
|
|
111
94
|
"img",
|
|
112
95
|
{
|
|
113
96
|
alt: r,
|
|
@@ -121,9 +104,7 @@ const D = d("relative inline-flex w-fit", {
|
|
|
121
104
|
}
|
|
122
105
|
) });
|
|
123
106
|
};
|
|
124
|
-
|
|
107
|
+
w.displayName = "DotSymbol";
|
|
125
108
|
export {
|
|
126
|
-
|
|
127
|
-
C as mediaImageDotSizeMap,
|
|
128
|
-
I as spotDotSizeMap
|
|
109
|
+
w as DotSymbol
|
|
129
110
|
};
|
|
@@ -0,0 +1,102 @@
|
|
|
1
|
+
export declare const getDotSymbolProps: <Context extends "mediaImage" | "spot", Variant extends keyof {
|
|
2
|
+
mediaImage: {
|
|
3
|
+
12: {
|
|
4
|
+
size: 8;
|
|
5
|
+
};
|
|
6
|
+
16: {
|
|
7
|
+
size: 8;
|
|
8
|
+
};
|
|
9
|
+
20: {
|
|
10
|
+
size: 8;
|
|
11
|
+
};
|
|
12
|
+
24: {
|
|
13
|
+
size: 10;
|
|
14
|
+
};
|
|
15
|
+
32: {
|
|
16
|
+
size: 12;
|
|
17
|
+
};
|
|
18
|
+
40: {
|
|
19
|
+
size: 16;
|
|
20
|
+
};
|
|
21
|
+
48: {
|
|
22
|
+
size: 20;
|
|
23
|
+
};
|
|
24
|
+
56: {
|
|
25
|
+
size: 24;
|
|
26
|
+
};
|
|
27
|
+
64: {
|
|
28
|
+
size: 24;
|
|
29
|
+
};
|
|
30
|
+
72: {
|
|
31
|
+
size: 32;
|
|
32
|
+
};
|
|
33
|
+
};
|
|
34
|
+
spot: {
|
|
35
|
+
32: {
|
|
36
|
+
size: 12;
|
|
37
|
+
};
|
|
38
|
+
40: {
|
|
39
|
+
size: 16;
|
|
40
|
+
};
|
|
41
|
+
48: {
|
|
42
|
+
size: 20;
|
|
43
|
+
};
|
|
44
|
+
56: {
|
|
45
|
+
size: 24;
|
|
46
|
+
};
|
|
47
|
+
72: {
|
|
48
|
+
size: 32;
|
|
49
|
+
};
|
|
50
|
+
};
|
|
51
|
+
}[Context]>(context: Context, variant: Variant) => {
|
|
52
|
+
mediaImage: {
|
|
53
|
+
12: {
|
|
54
|
+
size: 8;
|
|
55
|
+
};
|
|
56
|
+
16: {
|
|
57
|
+
size: 8;
|
|
58
|
+
};
|
|
59
|
+
20: {
|
|
60
|
+
size: 8;
|
|
61
|
+
};
|
|
62
|
+
24: {
|
|
63
|
+
size: 10;
|
|
64
|
+
};
|
|
65
|
+
32: {
|
|
66
|
+
size: 12;
|
|
67
|
+
};
|
|
68
|
+
40: {
|
|
69
|
+
size: 16;
|
|
70
|
+
};
|
|
71
|
+
48: {
|
|
72
|
+
size: 20;
|
|
73
|
+
};
|
|
74
|
+
56: {
|
|
75
|
+
size: 24;
|
|
76
|
+
};
|
|
77
|
+
64: {
|
|
78
|
+
size: 24;
|
|
79
|
+
};
|
|
80
|
+
72: {
|
|
81
|
+
size: 32;
|
|
82
|
+
};
|
|
83
|
+
};
|
|
84
|
+
spot: {
|
|
85
|
+
32: {
|
|
86
|
+
size: 12;
|
|
87
|
+
};
|
|
88
|
+
40: {
|
|
89
|
+
size: 16;
|
|
90
|
+
};
|
|
91
|
+
48: {
|
|
92
|
+
size: 20;
|
|
93
|
+
};
|
|
94
|
+
56: {
|
|
95
|
+
size: 24;
|
|
96
|
+
};
|
|
97
|
+
72: {
|
|
98
|
+
size: 32;
|
|
99
|
+
};
|
|
100
|
+
};
|
|
101
|
+
}[Context][Variant];
|
|
102
|
+
//# sourceMappingURL=getDotSymbolProps.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"getDotSymbolProps.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/core/DotSymbol/getDotSymbolProps.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mBAoB5B,CAAC"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { createPropsResolver as e } from "../../../../libs/utils-shared/dist/index.js";
|
|
2
|
+
const i = e({
|
|
3
|
+
mediaImage: {
|
|
4
|
+
12: { size: 8 },
|
|
5
|
+
16: { size: 8 },
|
|
6
|
+
20: { size: 8 },
|
|
7
|
+
24: { size: 10 },
|
|
8
|
+
32: { size: 12 },
|
|
9
|
+
40: { size: 16 },
|
|
10
|
+
48: { size: 20 },
|
|
11
|
+
56: { size: 24 },
|
|
12
|
+
64: { size: 24 },
|
|
13
|
+
72: { size: 32 }
|
|
14
|
+
},
|
|
15
|
+
spot: {
|
|
16
|
+
32: { size: 12 },
|
|
17
|
+
40: { size: 16 },
|
|
18
|
+
48: { size: 20 },
|
|
19
|
+
56: { size: 24 },
|
|
20
|
+
72: { size: 32 }
|
|
21
|
+
}
|
|
22
|
+
});
|
|
23
|
+
export {
|
|
24
|
+
i as getDotSymbolProps
|
|
25
|
+
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/core/DotSymbol/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/core/DotSymbol/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,SAAS,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as o, jsxs as c } from "react/jsx-runtime";
|
|
2
|
-
import { cn as
|
|
3
|
-
import { Tooltip as
|
|
2
|
+
import { cn as u } from "../../../../libs/utils-shared/dist/index.js";
|
|
3
|
+
import { Tooltip as f, TooltipTrigger as h, TooltipContent as d } from "../Tooltip/Tooltip.js";
|
|
4
4
|
import { BaseButton as T } from "../../internal/BaseButton/BaseButton.js";
|
|
5
5
|
const b = ({
|
|
6
6
|
ref: n,
|
|
@@ -18,13 +18,13 @@ const b = ({
|
|
|
18
18
|
{
|
|
19
19
|
ref: n,
|
|
20
20
|
icon: i,
|
|
21
|
-
className:
|
|
21
|
+
className: u("shrink-0", e),
|
|
22
22
|
"aria-label": t,
|
|
23
23
|
...m
|
|
24
24
|
}
|
|
25
25
|
);
|
|
26
|
-
return s ? /* @__PURE__ */ c(
|
|
27
|
-
/* @__PURE__ */ o(
|
|
26
|
+
return s ? /* @__PURE__ */ c(f, { onOpenChange: p, children: [
|
|
27
|
+
/* @__PURE__ */ o(h, { asChild: !0, children: r }),
|
|
28
28
|
/* @__PURE__ */ o(d, { side: l, children: a || t })
|
|
29
29
|
] }) : r;
|
|
30
30
|
};
|
|
@@ -37,10 +37,10 @@ const w = k(
|
|
|
37
37
|
ref: d,
|
|
38
38
|
className: m,
|
|
39
39
|
children: a,
|
|
40
|
-
appearance:
|
|
40
|
+
appearance: u,
|
|
41
41
|
size: i = "inherit",
|
|
42
|
-
underline:
|
|
43
|
-
icon:
|
|
42
|
+
underline: f = !0,
|
|
43
|
+
icon: p,
|
|
44
44
|
isExternal: n = !1,
|
|
45
45
|
asChild: t = !1,
|
|
46
46
|
disabled: b,
|
|
@@ -52,16 +52,16 @@ const w = k(
|
|
|
52
52
|
}), r = i ? {
|
|
53
53
|
sm: 16,
|
|
54
54
|
md: 20
|
|
55
|
-
}[i] : 20, o =
|
|
55
|
+
}[i] : 20, o = p;
|
|
56
56
|
return /* @__PURE__ */ e(
|
|
57
57
|
t ? g : "a",
|
|
58
58
|
{
|
|
59
59
|
ref: d,
|
|
60
60
|
className: h(
|
|
61
61
|
w({
|
|
62
|
-
appearance:
|
|
62
|
+
appearance: u,
|
|
63
63
|
size: i,
|
|
64
|
-
underline:
|
|
64
|
+
underline: f,
|
|
65
65
|
disabled: s
|
|
66
66
|
}),
|
|
67
67
|
m
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/core/Link/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC7E,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/core/Link/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC7E,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAEnD,MAAM,MAAM,SAAS,GAAG;IACtB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,SAAS,CAAC;IAC3C;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,SAAS,CAAC;IAC/B;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,IAAI,CAAC,EAAE,aAAa,CAAC;QAAE,IAAI,CAAC,EAAE,QAAQ,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC9D;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACrB,GAAG,qBAAqB,CAAC,GAAG,CAAC,CAAC"}
|
|
@@ -59,14 +59,14 @@ const [L, l] = b("ListItemTrailing", {
|
|
|
59
59
|
className: r,
|
|
60
60
|
disabled: n = !1,
|
|
61
61
|
density: f = "expanded",
|
|
62
|
-
priority:
|
|
62
|
+
priority: v = "end",
|
|
63
63
|
active: u = !1,
|
|
64
|
-
...
|
|
64
|
+
...x
|
|
65
65
|
} = s, c = d({
|
|
66
66
|
consumerName: "ListItem",
|
|
67
67
|
mergeWith: { disabled: n }
|
|
68
68
|
});
|
|
69
|
-
return /* @__PURE__ */ a(p, { value: { disabled: c }, children: /* @__PURE__ */ a(N, { value: { priority:
|
|
69
|
+
return /* @__PURE__ */ a(p, { value: { disabled: c }, children: /* @__PURE__ */ a(N, { value: { priority: v }, children: /* @__PURE__ */ a(
|
|
70
70
|
"div",
|
|
71
71
|
{
|
|
72
72
|
ref: t,
|
|
@@ -81,11 +81,11 @@ const [L, l] = b("ListItemTrailing", {
|
|
|
81
81
|
}),
|
|
82
82
|
r
|
|
83
83
|
),
|
|
84
|
-
...
|
|
84
|
+
...x,
|
|
85
85
|
children: i
|
|
86
86
|
}
|
|
87
87
|
) }) });
|
|
88
|
-
},
|
|
88
|
+
}, P = ({
|
|
89
89
|
ref: e,
|
|
90
90
|
children: t,
|
|
91
91
|
className: s,
|
|
@@ -108,7 +108,7 @@ const [L, l] = b("ListItemTrailing", {
|
|
|
108
108
|
children: t
|
|
109
109
|
}
|
|
110
110
|
);
|
|
111
|
-
},
|
|
111
|
+
}, q = ({
|
|
112
112
|
ref: e,
|
|
113
113
|
children: t,
|
|
114
114
|
className: s,
|
|
@@ -238,10 +238,10 @@ const [L, l] = b("ListItemTrailing", {
|
|
|
238
238
|
};
|
|
239
239
|
export {
|
|
240
240
|
R as ListItem,
|
|
241
|
-
|
|
241
|
+
q as ListItemContent,
|
|
242
242
|
C as ListItemContentRow,
|
|
243
243
|
D as ListItemDescription,
|
|
244
|
-
|
|
244
|
+
P as ListItemLeading,
|
|
245
245
|
j as ListItemTitle,
|
|
246
246
|
k as ListItemTrailing
|
|
247
247
|
};
|