@liner-fe/prism 1.10.21 → 1.10.23
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/lib/assets/index.d.ts +1 -0
- package/lib/assets/play-button.d.ts +8 -0
- package/lib/index.mjs +103 -59
- package/lib/index.mjs.map +4 -4
- package/lib/type/index.d.ts +1 -1
- package/package.json +1 -1
package/lib/assets/index.d.ts
CHANGED
package/lib/index.mjs
CHANGED
|
@@ -5728,6 +5728,49 @@ var ICTimer = /* @__PURE__ */ __name((props) => {
|
|
|
5728
5728
|
] });
|
|
5729
5729
|
}, "ICTimer");
|
|
5730
5730
|
|
|
5731
|
+
// src/assets/play-button.tsx
|
|
5732
|
+
import { jsx as jsx124, jsxs as jsxs88 } from "react/jsx-runtime";
|
|
5733
|
+
var ICPlayButton = /* @__PURE__ */ __name((props) => {
|
|
5734
|
+
const { thick = false, fill = false, size = 32, color = "#1E1E1F" } = props;
|
|
5735
|
+
if (thick) {
|
|
5736
|
+
return /* @__PURE__ */ jsxs88("svg", { ...props, width: size, height: size, viewBox: "0 0 48 48", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
|
|
5737
|
+
/* @__PURE__ */ jsx124(
|
|
5738
|
+
"path",
|
|
5739
|
+
{
|
|
5740
|
+
"fill-rule": "evenodd",
|
|
5741
|
+
"clip-rule": "evenodd",
|
|
5742
|
+
d: "M24 40C32.8366 40 40 32.8366 40 24C40 15.1634 32.8366 8 24 8C15.1634 8 8 15.1634 8 24C8 32.8366 15.1634 40 24 40ZM24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z",
|
|
5743
|
+
fill: color
|
|
5744
|
+
}
|
|
5745
|
+
),
|
|
5746
|
+
/* @__PURE__ */ jsx124("path", { d: "M33 23.5L18.75 31.7272L18.75 15.2728L33 23.5Z", fill: color })
|
|
5747
|
+
] });
|
|
5748
|
+
}
|
|
5749
|
+
if (fill) {
|
|
5750
|
+
return /* @__PURE__ */ jsx124("svg", { ...props, width: size, height: size, viewBox: "0 0 48 48", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx124(
|
|
5751
|
+
"path",
|
|
5752
|
+
{
|
|
5753
|
+
"fill-rule": "evenodd",
|
|
5754
|
+
"clip-rule": "evenodd",
|
|
5755
|
+
d: "M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44ZM18.75 31.7272L33 23.5L18.75 15.2728L18.75 31.7272Z",
|
|
5756
|
+
fill: color
|
|
5757
|
+
}
|
|
5758
|
+
) });
|
|
5759
|
+
}
|
|
5760
|
+
return /* @__PURE__ */ jsxs88("svg", { ...props, width: size, height: size, viewBox: "0 0 48 48", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
|
|
5761
|
+
/* @__PURE__ */ jsx124(
|
|
5762
|
+
"path",
|
|
5763
|
+
{
|
|
5764
|
+
"fill-rule": "evenodd",
|
|
5765
|
+
"clip-rule": "evenodd",
|
|
5766
|
+
d: "M24 41C33.3888 41 41 33.3888 41 24C41 14.6112 33.3888 7 24 7C14.6112 7 7 14.6112 7 24C7 33.3888 14.6112 41 24 41ZM24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z",
|
|
5767
|
+
fill: color
|
|
5768
|
+
}
|
|
5769
|
+
),
|
|
5770
|
+
/* @__PURE__ */ jsx124("path", { d: "M33 23.5L18.75 31.7272L18.75 15.2728L33 23.5Z", fill: color })
|
|
5771
|
+
] });
|
|
5772
|
+
}, "ICPlayButton");
|
|
5773
|
+
|
|
5731
5774
|
// src/utils/icon.ts
|
|
5732
5775
|
var iconMap = {
|
|
5733
5776
|
"close-fill": ICCloseFill,
|
|
@@ -5852,7 +5895,8 @@ var iconMap = {
|
|
|
5852
5895
|
"arrow-up-left": ICArrowUpLeft,
|
|
5853
5896
|
email: ICEmail,
|
|
5854
5897
|
filter: ICFilter,
|
|
5855
|
-
timer: ICTimer
|
|
5898
|
+
timer: ICTimer,
|
|
5899
|
+
"play-button": ICPlayButton
|
|
5856
5900
|
};
|
|
5857
5901
|
|
|
5858
5902
|
// src/utils/object.ts
|
|
@@ -5932,7 +5976,7 @@ var style_module_default2 = {
|
|
|
5932
5976
|
};
|
|
5933
5977
|
|
|
5934
5978
|
// src/components/Icon/index.tsx
|
|
5935
|
-
import { jsx as
|
|
5979
|
+
import { jsx as jsx125 } from "react/jsx-runtime";
|
|
5936
5980
|
var iconSizeMap = {
|
|
5937
5981
|
xs: 16,
|
|
5938
5982
|
s: 20,
|
|
@@ -5975,7 +6019,7 @@ var Icon = /* @__PURE__ */ __name((props) => {
|
|
|
5975
6019
|
const { name, type = "neutral-label-primary", size = "m", thick = false, fill = false, className, ...rest } = props;
|
|
5976
6020
|
const IconComponent = getIconComponent(name, iconMap);
|
|
5977
6021
|
const iconSize = iconSizeMap[size];
|
|
5978
|
-
return /* @__PURE__ */
|
|
6022
|
+
return /* @__PURE__ */ jsx125(
|
|
5979
6023
|
IconComponent,
|
|
5980
6024
|
{
|
|
5981
6025
|
...rest,
|
|
@@ -5988,7 +6032,7 @@ var Icon = /* @__PURE__ */ __name((props) => {
|
|
|
5988
6032
|
}, "Icon");
|
|
5989
6033
|
|
|
5990
6034
|
// src/components/Button/index.tsx
|
|
5991
|
-
import { jsx as
|
|
6035
|
+
import { jsx as jsx126, jsxs as jsxs89 } from "react/jsx-runtime";
|
|
5992
6036
|
var buttonIconSizeMap = {
|
|
5993
6037
|
cta: "m",
|
|
5994
6038
|
l: "s",
|
|
@@ -6075,24 +6119,24 @@ var DefaultButton = forwardRef(
|
|
|
6075
6119
|
className: clsx2(defaultButtonVariants({ level, fill, align, size, width }), className),
|
|
6076
6120
|
ref
|
|
6077
6121
|
},
|
|
6078
|
-
/* @__PURE__ */
|
|
6079
|
-
!!leftIcon && /* @__PURE__ */
|
|
6080
|
-
/* @__PURE__ */
|
|
6081
|
-
!!rightIcon && /* @__PURE__ */
|
|
6122
|
+
/* @__PURE__ */ jsxs89("span", { className: clsx2(defaultButtonChildrenVariants({ size })), children: [
|
|
6123
|
+
!!leftIcon && /* @__PURE__ */ jsx126(Icon, { name: leftIcon.name, size: buttonIconSizeMap[size], thick: buttonSizeIconThickMap[size] }),
|
|
6124
|
+
/* @__PURE__ */ jsx126("p", { className: style_module_default.content, children: newChildren }),
|
|
6125
|
+
!!rightIcon && /* @__PURE__ */ jsx126(Icon, { name: rightIcon.name, size: buttonIconSizeMap[size], thick: buttonSizeIconThickMap[size] })
|
|
6082
6126
|
] })
|
|
6083
6127
|
);
|
|
6084
6128
|
return ParentClone;
|
|
6085
6129
|
}
|
|
6086
|
-
return /* @__PURE__ */
|
|
6130
|
+
return /* @__PURE__ */ jsx126(
|
|
6087
6131
|
"button",
|
|
6088
6132
|
{
|
|
6089
6133
|
...rest,
|
|
6090
6134
|
className: clsx2(defaultButtonVariants({ level, fill, align, size, width }), className),
|
|
6091
6135
|
ref,
|
|
6092
|
-
children: /* @__PURE__ */
|
|
6093
|
-
!!leftIcon && /* @__PURE__ */
|
|
6094
|
-
/* @__PURE__ */
|
|
6095
|
-
!!rightIcon && /* @__PURE__ */
|
|
6136
|
+
children: /* @__PURE__ */ jsxs89("span", { className: clsx2(defaultButtonChildrenVariants({ size })), children: [
|
|
6137
|
+
!!leftIcon && /* @__PURE__ */ jsx126(Icon, { name: leftIcon.name, size: buttonIconSizeMap[size], thick: buttonSizeIconThickMap[size] }),
|
|
6138
|
+
/* @__PURE__ */ jsx126("p", { className: style_module_default.content, children }),
|
|
6139
|
+
!!rightIcon && /* @__PURE__ */ jsx126(Icon, { name: rightIcon.name, size: buttonIconSizeMap[size], thick: buttonSizeIconThickMap[size] })
|
|
6096
6140
|
] })
|
|
6097
6141
|
}
|
|
6098
6142
|
);
|
|
@@ -6101,16 +6145,16 @@ var DefaultButton = forwardRef(
|
|
|
6101
6145
|
var TextButton = forwardRef(
|
|
6102
6146
|
({ level = "inverse-primary", asChild = false, className, ...rest }, ref) => {
|
|
6103
6147
|
const Component = asChild ? Slot : "button";
|
|
6104
|
-
return /* @__PURE__ */
|
|
6148
|
+
return /* @__PURE__ */ jsx126(Component, { ...rest, className: clsx2(textButtonVariants({ level }), className), ref });
|
|
6105
6149
|
}
|
|
6106
6150
|
);
|
|
6107
6151
|
var Button = forwardRef((props, ref) => {
|
|
6108
6152
|
switch (props.as) {
|
|
6109
6153
|
case "default":
|
|
6110
6154
|
case void 0:
|
|
6111
|
-
return /* @__PURE__ */
|
|
6155
|
+
return /* @__PURE__ */ jsx126(DefaultButton, { ...props, ref });
|
|
6112
6156
|
case "text":
|
|
6113
|
-
return /* @__PURE__ */
|
|
6157
|
+
return /* @__PURE__ */ jsx126(TextButton, { ...props, ref });
|
|
6114
6158
|
}
|
|
6115
6159
|
});
|
|
6116
6160
|
|
|
@@ -6195,7 +6239,7 @@ var colorVariants = cva3(style_module_default4.typography, {
|
|
|
6195
6239
|
});
|
|
6196
6240
|
|
|
6197
6241
|
// src/components/Typography/Paragraph.tsx
|
|
6198
|
-
import { jsx as
|
|
6242
|
+
import { jsx as jsx127 } from "react/jsx-runtime";
|
|
6199
6243
|
var Paragraph = /* @__PURE__ */ __name(({
|
|
6200
6244
|
size,
|
|
6201
6245
|
type,
|
|
@@ -6205,7 +6249,7 @@ var Paragraph = /* @__PURE__ */ __name(({
|
|
|
6205
6249
|
color = "neutral-label-primary",
|
|
6206
6250
|
...rest
|
|
6207
6251
|
}) => {
|
|
6208
|
-
return /* @__PURE__ */
|
|
6252
|
+
return /* @__PURE__ */ jsx127(
|
|
6209
6253
|
"p",
|
|
6210
6254
|
{
|
|
6211
6255
|
...rest,
|
|
@@ -6217,13 +6261,13 @@ var Paragraph = /* @__PURE__ */ __name(({
|
|
|
6217
6261
|
|
|
6218
6262
|
// src/components/Toast/index.tsx
|
|
6219
6263
|
import { useRecoilValue, useSetRecoilState as useSetRecoilState2 } from "recoil";
|
|
6220
|
-
import { jsx as
|
|
6264
|
+
import { jsx as jsx128, jsxs as jsxs90 } from "react/jsx-runtime";
|
|
6221
6265
|
import { createElement } from "react";
|
|
6222
6266
|
var Toaster = /* @__PURE__ */ __name(() => {
|
|
6223
6267
|
const { list } = useRecoilValue(toastAtom);
|
|
6224
|
-
return /* @__PURE__ */
|
|
6268
|
+
return /* @__PURE__ */ jsxs90(Provider, { children: [
|
|
6225
6269
|
list.map((props) => /* @__PURE__ */ createElement(SingleToast, { ...props, key: props.toastId })),
|
|
6226
|
-
/* @__PURE__ */
|
|
6270
|
+
/* @__PURE__ */ jsx128(Viewport, { className: style_module_default3.ToastViewport })
|
|
6227
6271
|
] });
|
|
6228
6272
|
}, "Toaster");
|
|
6229
6273
|
var SingleToast = /* @__PURE__ */ __name((props) => {
|
|
@@ -6252,10 +6296,10 @@ var SingleToast = /* @__PURE__ */ __name((props) => {
|
|
|
6252
6296
|
clearTimeout(timerRef.current);
|
|
6253
6297
|
};
|
|
6254
6298
|
}, []);
|
|
6255
|
-
return /* @__PURE__ */
|
|
6256
|
-
icon && /* @__PURE__ */
|
|
6257
|
-
/* @__PURE__ */
|
|
6258
|
-
/* @__PURE__ */
|
|
6299
|
+
return /* @__PURE__ */ jsxs90(Root, { className: style_module_default3.ToastRoot, open: isOpen, ...props, children: [
|
|
6300
|
+
icon && /* @__PURE__ */ jsx128("i", { className: style_module_default3.Icon, children: /* @__PURE__ */ jsx128(Icon, { ...icon, size: "s" }) }),
|
|
6301
|
+
/* @__PURE__ */ jsxs90(Title, { className: style_module_default3.ToastTitle, children: [
|
|
6302
|
+
/* @__PURE__ */ jsx128(
|
|
6259
6303
|
Paragraph,
|
|
6260
6304
|
{
|
|
6261
6305
|
className: style_module_default3.TitleText,
|
|
@@ -6266,7 +6310,7 @@ var SingleToast = /* @__PURE__ */ __name((props) => {
|
|
|
6266
6310
|
children: message
|
|
6267
6311
|
}
|
|
6268
6312
|
),
|
|
6269
|
-
button && /* @__PURE__ */
|
|
6313
|
+
button && /* @__PURE__ */ jsx128(
|
|
6270
6314
|
Button,
|
|
6271
6315
|
{
|
|
6272
6316
|
onClick: () => {
|
|
@@ -6289,7 +6333,7 @@ var SingleToast = /* @__PURE__ */ __name((props) => {
|
|
|
6289
6333
|
|
|
6290
6334
|
// src/components/Typography/Heading.tsx
|
|
6291
6335
|
import clsx4 from "clsx";
|
|
6292
|
-
import { jsx as
|
|
6336
|
+
import { jsx as jsx129 } from "react/jsx-runtime";
|
|
6293
6337
|
var Heading = /* @__PURE__ */ __name(({
|
|
6294
6338
|
size,
|
|
6295
6339
|
children,
|
|
@@ -6299,7 +6343,7 @@ var Heading = /* @__PURE__ */ __name(({
|
|
|
6299
6343
|
...rest
|
|
6300
6344
|
}) => {
|
|
6301
6345
|
const Element = `h${size}`;
|
|
6302
|
-
return /* @__PURE__ */
|
|
6346
|
+
return /* @__PURE__ */ jsx129(
|
|
6303
6347
|
Element,
|
|
6304
6348
|
{
|
|
6305
6349
|
...rest,
|
|
@@ -6311,7 +6355,7 @@ var Heading = /* @__PURE__ */ __name(({
|
|
|
6311
6355
|
|
|
6312
6356
|
// src/components/Typography/Display.tsx
|
|
6313
6357
|
import clsx5 from "clsx";
|
|
6314
|
-
import { jsx as
|
|
6358
|
+
import { jsx as jsx130 } from "react/jsx-runtime";
|
|
6315
6359
|
var Display = /* @__PURE__ */ __name(({
|
|
6316
6360
|
size,
|
|
6317
6361
|
type,
|
|
@@ -6321,7 +6365,7 @@ var Display = /* @__PURE__ */ __name(({
|
|
|
6321
6365
|
color = "neutral-label-primary",
|
|
6322
6366
|
...rest
|
|
6323
6367
|
}) => {
|
|
6324
|
-
return /* @__PURE__ */
|
|
6368
|
+
return /* @__PURE__ */ jsx130(
|
|
6325
6369
|
"p",
|
|
6326
6370
|
{
|
|
6327
6371
|
...rest,
|
|
@@ -6333,7 +6377,7 @@ var Display = /* @__PURE__ */ __name(({
|
|
|
6333
6377
|
|
|
6334
6378
|
// src/components/Typography/Title.tsx
|
|
6335
6379
|
import clsx6 from "clsx";
|
|
6336
|
-
import { jsx as
|
|
6380
|
+
import { jsx as jsx131 } from "react/jsx-runtime";
|
|
6337
6381
|
var Title2 = /* @__PURE__ */ __name(({
|
|
6338
6382
|
weight,
|
|
6339
6383
|
size,
|
|
@@ -6343,7 +6387,7 @@ var Title2 = /* @__PURE__ */ __name(({
|
|
|
6343
6387
|
color = "neutral-label-primary",
|
|
6344
6388
|
...rest
|
|
6345
6389
|
}) => {
|
|
6346
|
-
return /* @__PURE__ */
|
|
6390
|
+
return /* @__PURE__ */ jsx131(
|
|
6347
6391
|
"p",
|
|
6348
6392
|
{
|
|
6349
6393
|
...rest,
|
|
@@ -6355,7 +6399,7 @@ var Title2 = /* @__PURE__ */ __name(({
|
|
|
6355
6399
|
|
|
6356
6400
|
// src/components/Typography/Caption.tsx
|
|
6357
6401
|
import clsx7 from "clsx";
|
|
6358
|
-
import { jsx as
|
|
6402
|
+
import { jsx as jsx132 } from "react/jsx-runtime";
|
|
6359
6403
|
var Caption = /* @__PURE__ */ __name(({
|
|
6360
6404
|
children,
|
|
6361
6405
|
size,
|
|
@@ -6365,7 +6409,7 @@ var Caption = /* @__PURE__ */ __name(({
|
|
|
6365
6409
|
color = "neutral-label-primary",
|
|
6366
6410
|
...rest
|
|
6367
6411
|
}) => {
|
|
6368
|
-
return /* @__PURE__ */
|
|
6412
|
+
return /* @__PURE__ */ jsx132(
|
|
6369
6413
|
"caption",
|
|
6370
6414
|
{
|
|
6371
6415
|
...rest,
|
|
@@ -6403,7 +6447,7 @@ var style_module_default5 = {
|
|
|
6403
6447
|
// src/components/Popover/index.tsx
|
|
6404
6448
|
import { cva as cva4 } from "class-variance-authority";
|
|
6405
6449
|
import { clsx as clsx8 } from "clsx";
|
|
6406
|
-
import { jsx as
|
|
6450
|
+
import { jsx as jsx133, jsxs as jsxs91 } from "react/jsx-runtime";
|
|
6407
6451
|
var DEFAULT_OFFSET = -6;
|
|
6408
6452
|
var popoverVariants = cva4(style_module_default5.content, {
|
|
6409
6453
|
variants: {
|
|
@@ -6425,9 +6469,9 @@ var popoverTagVariants = cva4([style_module_default5.tag, "lp-sys-typo-caption3-
|
|
|
6425
6469
|
var popoverTitleVariants = cva4([style_module_default5.title, "lp-sys-typo-paragraph3-normal-bold"]);
|
|
6426
6470
|
var popoverSubtitleVariants = cva4([style_module_default5.subTitle, "lp-sys-typo-caption1-normal-regular"]);
|
|
6427
6471
|
var popoverFooterVariants = cva4([style_module_default5.footer, "lp-sys-typo-caption1-normal-medium"]);
|
|
6428
|
-
var PopoverRoot = /* @__PURE__ */ __name(({ isOpen, children, onChange }) => /* @__PURE__ */
|
|
6429
|
-
var PopoverTrigger = /* @__PURE__ */ __name(({ by }) => /* @__PURE__ */
|
|
6430
|
-
var PopoverAnchor = /* @__PURE__ */ __name(({ className }) => /* @__PURE__ */
|
|
6472
|
+
var PopoverRoot = /* @__PURE__ */ __name(({ isOpen, children, onChange }) => /* @__PURE__ */ jsx133(PopoverPrimitive.Root, { open: isOpen, onOpenChange: onChange, children }), "PopoverRoot");
|
|
6473
|
+
var PopoverTrigger = /* @__PURE__ */ __name(({ by }) => /* @__PURE__ */ jsx133(PopoverPrimitive.Trigger, { asChild: true, children: by }), "PopoverTrigger");
|
|
6474
|
+
var PopoverAnchor = /* @__PURE__ */ __name(({ className }) => /* @__PURE__ */ jsx133(
|
|
6431
6475
|
"svg",
|
|
6432
6476
|
{
|
|
6433
6477
|
className,
|
|
@@ -6437,7 +6481,7 @@ var PopoverAnchor = /* @__PURE__ */ __name(({ className }) => /* @__PURE__ */ js
|
|
|
6437
6481
|
height: "10",
|
|
6438
6482
|
viewBox: "0 0 30 10",
|
|
6439
6483
|
fill: "none",
|
|
6440
|
-
children: /* @__PURE__ */
|
|
6484
|
+
children: /* @__PURE__ */ jsx133(
|
|
6441
6485
|
"path",
|
|
6442
6486
|
{
|
|
6443
6487
|
"fill-rule": "evenodd",
|
|
@@ -6462,7 +6506,7 @@ var PopoverContent = React.forwardRef(
|
|
|
6462
6506
|
onClose,
|
|
6463
6507
|
className,
|
|
6464
6508
|
...props
|
|
6465
|
-
}, ref) => /* @__PURE__ */
|
|
6509
|
+
}, ref) => /* @__PURE__ */ jsx133(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsxs91(
|
|
6466
6510
|
PopoverPrimitive.Content,
|
|
6467
6511
|
{
|
|
6468
6512
|
ref,
|
|
@@ -6472,24 +6516,24 @@ var PopoverContent = React.forwardRef(
|
|
|
6472
6516
|
className: clsx8(popoverVariants({ level }), className),
|
|
6473
6517
|
...props,
|
|
6474
6518
|
children: [
|
|
6475
|
-
/* @__PURE__ */
|
|
6476
|
-
/* @__PURE__ */
|
|
6477
|
-
tag && /* @__PURE__ */
|
|
6478
|
-
icon && /* @__PURE__ */
|
|
6479
|
-
/* @__PURE__ */
|
|
6480
|
-
/* @__PURE__ */
|
|
6519
|
+
/* @__PURE__ */ jsxs91("div", { className: style_module_default5.contentContainer, children: [
|
|
6520
|
+
/* @__PURE__ */ jsxs91("div", { className: style_module_default5.heading, children: [
|
|
6521
|
+
tag && /* @__PURE__ */ jsx133("span", { className: popoverTagVariants(), children: tag }),
|
|
6522
|
+
icon && /* @__PURE__ */ jsx133(Icon, { name: icon.name, size: "xs", thick: icon.thick, fill: icon.fill }),
|
|
6523
|
+
/* @__PURE__ */ jsx133("p", { className: popoverTitleVariants(), children: title }),
|
|
6524
|
+
/* @__PURE__ */ jsx133(
|
|
6481
6525
|
PopoverPrimitive.PopoverClose,
|
|
6482
6526
|
{
|
|
6483
6527
|
className: style_module_default5.closeButton,
|
|
6484
6528
|
onClick: () => {
|
|
6485
6529
|
onClose?.();
|
|
6486
6530
|
},
|
|
6487
|
-
children: /* @__PURE__ */
|
|
6531
|
+
children: /* @__PURE__ */ jsx133(Icon, { name: "close-fill", size: "s", fill: true, thick: true, type: "neutral-label-static-primary" })
|
|
6488
6532
|
}
|
|
6489
6533
|
)
|
|
6490
6534
|
] }),
|
|
6491
|
-
/* @__PURE__ */
|
|
6492
|
-
onConfirm && /* @__PURE__ */
|
|
6535
|
+
/* @__PURE__ */ jsx133("p", { className: popoverSubtitleVariants(), children: subTitle }),
|
|
6536
|
+
onConfirm && /* @__PURE__ */ jsx133("div", { className: popoverFooterVariants(), children: /* @__PURE__ */ jsx133(
|
|
6493
6537
|
Button,
|
|
6494
6538
|
{
|
|
6495
6539
|
as: "text",
|
|
@@ -6501,7 +6545,7 @@ var PopoverContent = React.forwardRef(
|
|
|
6501
6545
|
}
|
|
6502
6546
|
) })
|
|
6503
6547
|
] }),
|
|
6504
|
-
/* @__PURE__ */
|
|
6548
|
+
/* @__PURE__ */ jsx133(PopoverPrimitive.Arrow, { asChild: true, children: /* @__PURE__ */ jsx133(PopoverAnchor, { className: clsx8(popoverAnchorVariants({ level })) }) })
|
|
6505
6549
|
]
|
|
6506
6550
|
}
|
|
6507
6551
|
) })
|
|
@@ -6526,14 +6570,14 @@ var style_module_default6 = {
|
|
|
6526
6570
|
// src/components/Tooltip/index.tsx
|
|
6527
6571
|
import { cva as cva5 } from "class-variance-authority";
|
|
6528
6572
|
import clsx9 from "clsx";
|
|
6529
|
-
import { jsx as
|
|
6573
|
+
import { jsx as jsx134 } from "react/jsx-runtime";
|
|
6530
6574
|
var DEFAULT_OFFSET2 = 4;
|
|
6531
6575
|
var tooltipVariants = cva5([style_module_default6.tooltip, "lp-sys-typo-caption1-normal-medium"]);
|
|
6532
6576
|
var TooltipProvider = TooltipPrimitive.Provider;
|
|
6533
|
-
var TooltipRoot = /* @__PURE__ */ __name(({ children }) => /* @__PURE__ */
|
|
6534
|
-
var TooltipTrigger = /* @__PURE__ */ __name(({ by }) => /* @__PURE__ */
|
|
6577
|
+
var TooltipRoot = /* @__PURE__ */ __name(({ children }) => /* @__PURE__ */ jsx134(TooltipPrimitive.Root, { delayDuration: 0, children }), "TooltipRoot");
|
|
6578
|
+
var TooltipTrigger = /* @__PURE__ */ __name(({ by }) => /* @__PURE__ */ jsx134(TooltipPrimitive.Trigger, { asChild: true, children: by }), "TooltipTrigger");
|
|
6535
6579
|
var TooltipContent = forwardRef3(
|
|
6536
|
-
({ description, position = "top", className, offset = DEFAULT_OFFSET2, ...props }, ref) => /* @__PURE__ */
|
|
6580
|
+
({ description, position = "top", className, offset = DEFAULT_OFFSET2, ...props }, ref) => /* @__PURE__ */ jsx134(
|
|
6537
6581
|
TooltipPrimitive.Content,
|
|
6538
6582
|
{
|
|
6539
6583
|
ref,
|
|
@@ -6541,7 +6585,7 @@ var TooltipContent = forwardRef3(
|
|
|
6541
6585
|
sideOffset: offset,
|
|
6542
6586
|
className: clsx9(tooltipVariants(), className),
|
|
6543
6587
|
...props,
|
|
6544
|
-
children: /* @__PURE__ */
|
|
6588
|
+
children: /* @__PURE__ */ jsx134("p", { className: style_module_default6.tooltipContent, children: description })
|
|
6545
6589
|
}
|
|
6546
6590
|
)
|
|
6547
6591
|
);
|
|
@@ -6573,7 +6617,7 @@ var style_module_default7 = {
|
|
|
6573
6617
|
|
|
6574
6618
|
// src/components/IconButton/index.tsx
|
|
6575
6619
|
import { Slot as Slot2 } from "@radix-ui/react-slot";
|
|
6576
|
-
import { jsx as
|
|
6620
|
+
import { jsx as jsx135 } from "react/jsx-runtime";
|
|
6577
6621
|
var iconButtonSizeIconSizeMap = {
|
|
6578
6622
|
l: "m",
|
|
6579
6623
|
m: "s",
|
|
@@ -6601,7 +6645,7 @@ var iconButtonVariants = cva6([style_module_default7.iconButton], {
|
|
|
6601
6645
|
var IconButton = forwardRef4(
|
|
6602
6646
|
({ asChild, level = "primary", name, thick = false, fill = false, size = "m", className, ...rest }, ref) => {
|
|
6603
6647
|
const Comp = asChild ? Slot2 : "button";
|
|
6604
|
-
return /* @__PURE__ */
|
|
6648
|
+
return /* @__PURE__ */ jsx135(Comp, { ...rest, className: clsx10(iconButtonVariants({ level, size }), className), ref, children: /* @__PURE__ */ jsx135(Icon, { name, thick, fill, size: iconButtonSizeIconSizeMap[size] }) });
|
|
6605
6649
|
}
|
|
6606
6650
|
);
|
|
6607
6651
|
|
|
@@ -6616,9 +6660,9 @@ var style_module_default8 = {
|
|
|
6616
6660
|
};
|
|
6617
6661
|
|
|
6618
6662
|
// src/components/_Label/index.tsx
|
|
6619
|
-
import { jsx as
|
|
6663
|
+
import { jsx as jsx136 } from "react/jsx-runtime";
|
|
6620
6664
|
var Label = forwardRef5(({ className, ...props }, ref) => {
|
|
6621
|
-
return /* @__PURE__ */
|
|
6665
|
+
return /* @__PURE__ */ jsx136(
|
|
6622
6666
|
LabelPrimitive.Root,
|
|
6623
6667
|
{
|
|
6624
6668
|
ref,
|