@liner-fe/prism 1.10.18 → 1.10.19
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/filter.d.ts +8 -0
- package/lib/assets/index.d.ts +2 -0
- package/lib/assets/timer.d.ts +8 -0
- package/lib/index.mjs +113 -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
|
@@ -119,3 +119,5 @@ export { ICArrowUpRight } from './arrow-up-right';
|
|
|
119
119
|
export { ICArrowDownLeft } from './arrow-down-left';
|
|
120
120
|
export { ICArrowUpLeft } from './arrow-up-left';
|
|
121
121
|
export { ICEmail } from './email';
|
|
122
|
+
export { ICFilter } from './filter';
|
|
123
|
+
export { ICTimer } from './timer';
|
package/lib/index.mjs
CHANGED
|
@@ -5676,6 +5676,58 @@ var ICEmail = /* @__PURE__ */ __name((props) => {
|
|
|
5676
5676
|
) });
|
|
5677
5677
|
}, "ICEmail");
|
|
5678
5678
|
|
|
5679
|
+
// src/assets/filter.tsx
|
|
5680
|
+
import { jsx as jsx122, jsxs as jsxs86 } from "react/jsx-runtime";
|
|
5681
|
+
var ICFilter = /* @__PURE__ */ __name((props) => {
|
|
5682
|
+
const { thick = false, fill = false, size = 32, color = "#1E1E1F" } = props;
|
|
5683
|
+
if (thick) {
|
|
5684
|
+
return /* @__PURE__ */ jsxs86("svg", { ...props, width: size, height: size, viewBox: "0 0 48 48", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
|
|
5685
|
+
/* @__PURE__ */ jsx122("path", { d: "M42 16H6V12H42V16Z", fill: color }),
|
|
5686
|
+
/* @__PURE__ */ jsx122("path", { d: "M36 26H12V22H36V26Z", fill: color }),
|
|
5687
|
+
/* @__PURE__ */ jsx122("path", { d: "M19 36H29V32H19V36Z", fill: color })
|
|
5688
|
+
] });
|
|
5689
|
+
}
|
|
5690
|
+
return /* @__PURE__ */ jsxs86("svg", { ...props, width: size, height: size, viewBox: "0 0 48 48", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
|
|
5691
|
+
/* @__PURE__ */ jsx122("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M36 25.5H12V22.5H36V25.5Z", fill: color }),
|
|
5692
|
+
/* @__PURE__ */ jsx122("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M42 15.5H6V12.5H42V15.5Z", fill: color }),
|
|
5693
|
+
/* @__PURE__ */ jsx122("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M29 35.5H19V32.5H29V35.5Z", fill: color })
|
|
5694
|
+
] });
|
|
5695
|
+
}, "ICFilter");
|
|
5696
|
+
|
|
5697
|
+
// src/assets/timer.tsx
|
|
5698
|
+
import { jsx as jsx123, jsxs as jsxs87 } from "react/jsx-runtime";
|
|
5699
|
+
var ICTimer = /* @__PURE__ */ __name((props) => {
|
|
5700
|
+
const { thick = false, fill = false, size = 32, color = "#1E1E1F" } = props;
|
|
5701
|
+
if (thick) {
|
|
5702
|
+
return /* @__PURE__ */ jsxs87("svg", { ...props, width: size, height: size, viewBox: "0 0 48 48", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
|
|
5703
|
+
/* @__PURE__ */ jsx123("path", { d: "M18 6H30V2H18V6Z", fill: color }),
|
|
5704
|
+
/* @__PURE__ */ jsx123("path", { d: "M26 26V15H22V26H26Z", fill: color }),
|
|
5705
|
+
/* @__PURE__ */ jsx123(
|
|
5706
|
+
"path",
|
|
5707
|
+
{
|
|
5708
|
+
"fill-rule": "evenodd",
|
|
5709
|
+
"clip-rule": "evenodd",
|
|
5710
|
+
d: "M42 26C42 35.9411 33.9411 44 24 44C14.0589 44 6 35.9411 6 26C6 16.0589 14.0589 8 24 8C28.2501 8 32.1561 9.47298 35.2355 11.9363L37.5858 9.58594L40.4142 12.4144L38.0639 14.7647C40.5271 17.8441 42 21.75 42 26ZM38 26C38 33.732 31.732 40 24 40C16.268 40 10 33.732 10 26C10 18.268 16.268 12 24 12C31.732 12 38 18.268 38 26Z",
|
|
5711
|
+
fill: color
|
|
5712
|
+
}
|
|
5713
|
+
)
|
|
5714
|
+
] });
|
|
5715
|
+
}
|
|
5716
|
+
return /* @__PURE__ */ jsxs87("svg", { ...props, width: size, height: size, viewBox: "0 0 48 48", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
|
|
5717
|
+
/* @__PURE__ */ jsx123("path", { d: "M18 5.5H30V2.5H18V5.5Z", fill: color }),
|
|
5718
|
+
/* @__PURE__ */ jsx123("path", { d: "M25.5 26V15H22.5V26H25.5Z", fill: color }),
|
|
5719
|
+
/* @__PURE__ */ jsx123(
|
|
5720
|
+
"path",
|
|
5721
|
+
{
|
|
5722
|
+
"fill-rule": "evenodd",
|
|
5723
|
+
"clip-rule": "evenodd",
|
|
5724
|
+
d: "M42 26C42 35.9411 33.9411 44 24 44C14.0589 44 6 35.9411 6 26C6 16.0589 14.0589 8 24 8C28.4306 8 32.4873 9.60075 35.6233 12.2555L37.9393 9.93945L40.0606 12.0608L37.7446 14.3768C40.3993 17.5128 42 21.5695 42 26ZM39 26C39 34.2843 32.2843 41 24 41C15.7157 41 9 34.2843 9 26C9 17.7157 15.7157 11 24 11C32.2843 11 39 17.7157 39 26Z",
|
|
5725
|
+
fill: color
|
|
5726
|
+
}
|
|
5727
|
+
)
|
|
5728
|
+
] });
|
|
5729
|
+
}, "ICTimer");
|
|
5730
|
+
|
|
5679
5731
|
// src/utils/icon.ts
|
|
5680
5732
|
var iconMap = {
|
|
5681
5733
|
"close-fill": ICCloseFill,
|
|
@@ -5798,7 +5850,9 @@ var iconMap = {
|
|
|
5798
5850
|
"arrow-up-right": ICArrowUpRight,
|
|
5799
5851
|
"arrow-down-left": ICArrowDownLeft,
|
|
5800
5852
|
"arrow-up-left": ICArrowUpLeft,
|
|
5801
|
-
email: ICEmail
|
|
5853
|
+
email: ICEmail,
|
|
5854
|
+
filter: ICFilter,
|
|
5855
|
+
timer: ICTimer
|
|
5802
5856
|
};
|
|
5803
5857
|
|
|
5804
5858
|
// src/utils/object.ts
|
|
@@ -5878,7 +5932,7 @@ var style_module_default2 = {
|
|
|
5878
5932
|
};
|
|
5879
5933
|
|
|
5880
5934
|
// src/components/Icon/index.tsx
|
|
5881
|
-
import { jsx as
|
|
5935
|
+
import { jsx as jsx124 } from "react/jsx-runtime";
|
|
5882
5936
|
var iconSizeMap = {
|
|
5883
5937
|
xs: 16,
|
|
5884
5938
|
s: 20,
|
|
@@ -5921,7 +5975,7 @@ var Icon = /* @__PURE__ */ __name((props) => {
|
|
|
5921
5975
|
const { name, type = "neutral-label-primary", size = "m", thick = false, fill = false, className, ...rest } = props;
|
|
5922
5976
|
const IconComponent = getIconComponent(name, iconMap);
|
|
5923
5977
|
const iconSize = iconSizeMap[size];
|
|
5924
|
-
return /* @__PURE__ */
|
|
5978
|
+
return /* @__PURE__ */ jsx124(
|
|
5925
5979
|
IconComponent,
|
|
5926
5980
|
{
|
|
5927
5981
|
...rest,
|
|
@@ -5934,7 +5988,7 @@ var Icon = /* @__PURE__ */ __name((props) => {
|
|
|
5934
5988
|
}, "Icon");
|
|
5935
5989
|
|
|
5936
5990
|
// src/components/Button/index.tsx
|
|
5937
|
-
import { jsx as
|
|
5991
|
+
import { jsx as jsx125, jsxs as jsxs88 } from "react/jsx-runtime";
|
|
5938
5992
|
var buttonIconSizeMap = {
|
|
5939
5993
|
cta: "m",
|
|
5940
5994
|
l: "s",
|
|
@@ -6021,24 +6075,24 @@ var DefaultButton = forwardRef(
|
|
|
6021
6075
|
className: clsx2(defaultButtonVariants({ level, fill, align, size, width }), className),
|
|
6022
6076
|
ref
|
|
6023
6077
|
},
|
|
6024
|
-
/* @__PURE__ */
|
|
6025
|
-
!!leftIcon && /* @__PURE__ */
|
|
6026
|
-
/* @__PURE__ */
|
|
6027
|
-
!!rightIcon && /* @__PURE__ */
|
|
6078
|
+
/* @__PURE__ */ jsxs88("span", { className: clsx2(defaultButtonChildrenVariants({ size })), children: [
|
|
6079
|
+
!!leftIcon && /* @__PURE__ */ jsx125(Icon, { name: leftIcon.name, size: buttonIconSizeMap[size], thick: buttonSizeIconThickMap[size] }),
|
|
6080
|
+
/* @__PURE__ */ jsx125("p", { className: style_module_default.content, children: newChildren }),
|
|
6081
|
+
!!rightIcon && /* @__PURE__ */ jsx125(Icon, { name: rightIcon.name, size: buttonIconSizeMap[size], thick: buttonSizeIconThickMap[size] })
|
|
6028
6082
|
] })
|
|
6029
6083
|
);
|
|
6030
6084
|
return ParentClone;
|
|
6031
6085
|
}
|
|
6032
|
-
return /* @__PURE__ */
|
|
6086
|
+
return /* @__PURE__ */ jsx125(
|
|
6033
6087
|
"button",
|
|
6034
6088
|
{
|
|
6035
6089
|
...rest,
|
|
6036
6090
|
className: clsx2(defaultButtonVariants({ level, fill, align, size, width }), className),
|
|
6037
6091
|
ref,
|
|
6038
|
-
children: /* @__PURE__ */
|
|
6039
|
-
!!leftIcon && /* @__PURE__ */
|
|
6040
|
-
/* @__PURE__ */
|
|
6041
|
-
!!rightIcon && /* @__PURE__ */
|
|
6092
|
+
children: /* @__PURE__ */ jsxs88("span", { className: clsx2(defaultButtonChildrenVariants({ size })), children: [
|
|
6093
|
+
!!leftIcon && /* @__PURE__ */ jsx125(Icon, { name: leftIcon.name, size: buttonIconSizeMap[size], thick: buttonSizeIconThickMap[size] }),
|
|
6094
|
+
/* @__PURE__ */ jsx125("p", { className: style_module_default.content, children }),
|
|
6095
|
+
!!rightIcon && /* @__PURE__ */ jsx125(Icon, { name: rightIcon.name, size: buttonIconSizeMap[size], thick: buttonSizeIconThickMap[size] })
|
|
6042
6096
|
] })
|
|
6043
6097
|
}
|
|
6044
6098
|
);
|
|
@@ -6047,16 +6101,16 @@ var DefaultButton = forwardRef(
|
|
|
6047
6101
|
var TextButton = forwardRef(
|
|
6048
6102
|
({ level = "inverse-primary", asChild = false, className, ...rest }, ref) => {
|
|
6049
6103
|
const Component = asChild ? Slot : "button";
|
|
6050
|
-
return /* @__PURE__ */
|
|
6104
|
+
return /* @__PURE__ */ jsx125(Component, { ...rest, className: clsx2(textButtonVariants({ level }), className), ref });
|
|
6051
6105
|
}
|
|
6052
6106
|
);
|
|
6053
6107
|
var Button = forwardRef((props, ref) => {
|
|
6054
6108
|
switch (props.as) {
|
|
6055
6109
|
case "default":
|
|
6056
6110
|
case void 0:
|
|
6057
|
-
return /* @__PURE__ */
|
|
6111
|
+
return /* @__PURE__ */ jsx125(DefaultButton, { ...props, ref });
|
|
6058
6112
|
case "text":
|
|
6059
|
-
return /* @__PURE__ */
|
|
6113
|
+
return /* @__PURE__ */ jsx125(TextButton, { ...props, ref });
|
|
6060
6114
|
}
|
|
6061
6115
|
});
|
|
6062
6116
|
|
|
@@ -6141,7 +6195,7 @@ var colorVariants = cva3(style_module_default4.typography, {
|
|
|
6141
6195
|
});
|
|
6142
6196
|
|
|
6143
6197
|
// src/components/Typography/Paragraph.tsx
|
|
6144
|
-
import { jsx as
|
|
6198
|
+
import { jsx as jsx126 } from "react/jsx-runtime";
|
|
6145
6199
|
var Paragraph = /* @__PURE__ */ __name(({
|
|
6146
6200
|
size,
|
|
6147
6201
|
type,
|
|
@@ -6151,7 +6205,7 @@ var Paragraph = /* @__PURE__ */ __name(({
|
|
|
6151
6205
|
color = "neutral-label-primary",
|
|
6152
6206
|
...rest
|
|
6153
6207
|
}) => {
|
|
6154
|
-
return /* @__PURE__ */
|
|
6208
|
+
return /* @__PURE__ */ jsx126(
|
|
6155
6209
|
"p",
|
|
6156
6210
|
{
|
|
6157
6211
|
...rest,
|
|
@@ -6163,13 +6217,13 @@ var Paragraph = /* @__PURE__ */ __name(({
|
|
|
6163
6217
|
|
|
6164
6218
|
// src/components/Toast/index.tsx
|
|
6165
6219
|
import { useRecoilValue, useSetRecoilState as useSetRecoilState2 } from "recoil";
|
|
6166
|
-
import { jsx as
|
|
6220
|
+
import { jsx as jsx127, jsxs as jsxs89 } from "react/jsx-runtime";
|
|
6167
6221
|
import { createElement } from "react";
|
|
6168
6222
|
var Toaster = /* @__PURE__ */ __name(() => {
|
|
6169
6223
|
const { list } = useRecoilValue(toastAtom);
|
|
6170
|
-
return /* @__PURE__ */
|
|
6224
|
+
return /* @__PURE__ */ jsxs89(Provider, { children: [
|
|
6171
6225
|
list.map((props) => /* @__PURE__ */ createElement(SingleToast, { ...props, key: props.toastId })),
|
|
6172
|
-
/* @__PURE__ */
|
|
6226
|
+
/* @__PURE__ */ jsx127(Viewport, { className: style_module_default3.ToastViewport })
|
|
6173
6227
|
] });
|
|
6174
6228
|
}, "Toaster");
|
|
6175
6229
|
var SingleToast = /* @__PURE__ */ __name((props) => {
|
|
@@ -6198,10 +6252,10 @@ var SingleToast = /* @__PURE__ */ __name((props) => {
|
|
|
6198
6252
|
clearTimeout(timerRef.current);
|
|
6199
6253
|
};
|
|
6200
6254
|
}, []);
|
|
6201
|
-
return /* @__PURE__ */
|
|
6202
|
-
icon && /* @__PURE__ */
|
|
6203
|
-
/* @__PURE__ */
|
|
6204
|
-
/* @__PURE__ */
|
|
6255
|
+
return /* @__PURE__ */ jsxs89(Root, { className: style_module_default3.ToastRoot, open: isOpen, ...props, children: [
|
|
6256
|
+
icon && /* @__PURE__ */ jsx127("i", { className: style_module_default3.Icon, children: /* @__PURE__ */ jsx127(Icon, { ...icon, size: "s" }) }),
|
|
6257
|
+
/* @__PURE__ */ jsxs89(Title, { className: style_module_default3.ToastTitle, children: [
|
|
6258
|
+
/* @__PURE__ */ jsx127(
|
|
6205
6259
|
Paragraph,
|
|
6206
6260
|
{
|
|
6207
6261
|
className: style_module_default3.TitleText,
|
|
@@ -6212,7 +6266,7 @@ var SingleToast = /* @__PURE__ */ __name((props) => {
|
|
|
6212
6266
|
children: message
|
|
6213
6267
|
}
|
|
6214
6268
|
),
|
|
6215
|
-
button && /* @__PURE__ */
|
|
6269
|
+
button && /* @__PURE__ */ jsx127(
|
|
6216
6270
|
Button,
|
|
6217
6271
|
{
|
|
6218
6272
|
onClick: () => {
|
|
@@ -6235,7 +6289,7 @@ var SingleToast = /* @__PURE__ */ __name((props) => {
|
|
|
6235
6289
|
|
|
6236
6290
|
// src/components/Typography/Heading.tsx
|
|
6237
6291
|
import clsx4 from "clsx";
|
|
6238
|
-
import { jsx as
|
|
6292
|
+
import { jsx as jsx128 } from "react/jsx-runtime";
|
|
6239
6293
|
var Heading = /* @__PURE__ */ __name(({
|
|
6240
6294
|
size,
|
|
6241
6295
|
children,
|
|
@@ -6245,7 +6299,7 @@ var Heading = /* @__PURE__ */ __name(({
|
|
|
6245
6299
|
...rest
|
|
6246
6300
|
}) => {
|
|
6247
6301
|
const Element = `h${size}`;
|
|
6248
|
-
return /* @__PURE__ */
|
|
6302
|
+
return /* @__PURE__ */ jsx128(
|
|
6249
6303
|
Element,
|
|
6250
6304
|
{
|
|
6251
6305
|
...rest,
|
|
@@ -6257,7 +6311,7 @@ var Heading = /* @__PURE__ */ __name(({
|
|
|
6257
6311
|
|
|
6258
6312
|
// src/components/Typography/Display.tsx
|
|
6259
6313
|
import clsx5 from "clsx";
|
|
6260
|
-
import { jsx as
|
|
6314
|
+
import { jsx as jsx129 } from "react/jsx-runtime";
|
|
6261
6315
|
var Display = /* @__PURE__ */ __name(({
|
|
6262
6316
|
size,
|
|
6263
6317
|
type,
|
|
@@ -6267,7 +6321,7 @@ var Display = /* @__PURE__ */ __name(({
|
|
|
6267
6321
|
color = "neutral-label-primary",
|
|
6268
6322
|
...rest
|
|
6269
6323
|
}) => {
|
|
6270
|
-
return /* @__PURE__ */
|
|
6324
|
+
return /* @__PURE__ */ jsx129(
|
|
6271
6325
|
"p",
|
|
6272
6326
|
{
|
|
6273
6327
|
...rest,
|
|
@@ -6279,7 +6333,7 @@ var Display = /* @__PURE__ */ __name(({
|
|
|
6279
6333
|
|
|
6280
6334
|
// src/components/Typography/Title.tsx
|
|
6281
6335
|
import clsx6 from "clsx";
|
|
6282
|
-
import { jsx as
|
|
6336
|
+
import { jsx as jsx130 } from "react/jsx-runtime";
|
|
6283
6337
|
var Title2 = /* @__PURE__ */ __name(({
|
|
6284
6338
|
weight,
|
|
6285
6339
|
size,
|
|
@@ -6289,7 +6343,7 @@ var Title2 = /* @__PURE__ */ __name(({
|
|
|
6289
6343
|
color = "neutral-label-primary",
|
|
6290
6344
|
...rest
|
|
6291
6345
|
}) => {
|
|
6292
|
-
return /* @__PURE__ */
|
|
6346
|
+
return /* @__PURE__ */ jsx130(
|
|
6293
6347
|
"p",
|
|
6294
6348
|
{
|
|
6295
6349
|
...rest,
|
|
@@ -6301,7 +6355,7 @@ var Title2 = /* @__PURE__ */ __name(({
|
|
|
6301
6355
|
|
|
6302
6356
|
// src/components/Typography/Caption.tsx
|
|
6303
6357
|
import clsx7 from "clsx";
|
|
6304
|
-
import { jsx as
|
|
6358
|
+
import { jsx as jsx131 } from "react/jsx-runtime";
|
|
6305
6359
|
var Caption = /* @__PURE__ */ __name(({
|
|
6306
6360
|
children,
|
|
6307
6361
|
size,
|
|
@@ -6311,7 +6365,7 @@ var Caption = /* @__PURE__ */ __name(({
|
|
|
6311
6365
|
color = "neutral-label-primary",
|
|
6312
6366
|
...rest
|
|
6313
6367
|
}) => {
|
|
6314
|
-
return /* @__PURE__ */
|
|
6368
|
+
return /* @__PURE__ */ jsx131(
|
|
6315
6369
|
"caption",
|
|
6316
6370
|
{
|
|
6317
6371
|
...rest,
|
|
@@ -6349,7 +6403,7 @@ var style_module_default5 = {
|
|
|
6349
6403
|
// src/components/Popover/index.tsx
|
|
6350
6404
|
import { cva as cva4 } from "class-variance-authority";
|
|
6351
6405
|
import { clsx as clsx8 } from "clsx";
|
|
6352
|
-
import { jsx as
|
|
6406
|
+
import { jsx as jsx132, jsxs as jsxs90 } from "react/jsx-runtime";
|
|
6353
6407
|
var DEFAULT_OFFSET = -6;
|
|
6354
6408
|
var popoverVariants = cva4(style_module_default5.content, {
|
|
6355
6409
|
variants: {
|
|
@@ -6371,9 +6425,9 @@ var popoverTagVariants = cva4([style_module_default5.tag, "lp-sys-typo-caption3-
|
|
|
6371
6425
|
var popoverTitleVariants = cva4([style_module_default5.title, "lp-sys-typo-paragraph3-normal-bold"]);
|
|
6372
6426
|
var popoverSubtitleVariants = cva4([style_module_default5.subTitle, "lp-sys-typo-caption1-normal-regular"]);
|
|
6373
6427
|
var popoverFooterVariants = cva4([style_module_default5.footer, "lp-sys-typo-caption1-normal-medium"]);
|
|
6374
|
-
var PopoverRoot = /* @__PURE__ */ __name(({ isOpen, children, onChange }) => /* @__PURE__ */
|
|
6375
|
-
var PopoverTrigger = /* @__PURE__ */ __name(({ by }) => /* @__PURE__ */
|
|
6376
|
-
var PopoverAnchor = /* @__PURE__ */ __name(({ className }) => /* @__PURE__ */
|
|
6428
|
+
var PopoverRoot = /* @__PURE__ */ __name(({ isOpen, children, onChange }) => /* @__PURE__ */ jsx132(PopoverPrimitive.Root, { open: isOpen, onOpenChange: onChange, children }), "PopoverRoot");
|
|
6429
|
+
var PopoverTrigger = /* @__PURE__ */ __name(({ by }) => /* @__PURE__ */ jsx132(PopoverPrimitive.Trigger, { asChild: true, children: by }), "PopoverTrigger");
|
|
6430
|
+
var PopoverAnchor = /* @__PURE__ */ __name(({ className }) => /* @__PURE__ */ jsx132(
|
|
6377
6431
|
"svg",
|
|
6378
6432
|
{
|
|
6379
6433
|
className,
|
|
@@ -6383,7 +6437,7 @@ var PopoverAnchor = /* @__PURE__ */ __name(({ className }) => /* @__PURE__ */ js
|
|
|
6383
6437
|
height: "10",
|
|
6384
6438
|
viewBox: "0 0 30 10",
|
|
6385
6439
|
fill: "none",
|
|
6386
|
-
children: /* @__PURE__ */
|
|
6440
|
+
children: /* @__PURE__ */ jsx132(
|
|
6387
6441
|
"path",
|
|
6388
6442
|
{
|
|
6389
6443
|
"fill-rule": "evenodd",
|
|
@@ -6408,7 +6462,7 @@ var PopoverContent = React.forwardRef(
|
|
|
6408
6462
|
onClose,
|
|
6409
6463
|
className,
|
|
6410
6464
|
...props
|
|
6411
|
-
}, ref) => /* @__PURE__ */
|
|
6465
|
+
}, ref) => /* @__PURE__ */ jsx132(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsxs90(
|
|
6412
6466
|
PopoverPrimitive.Content,
|
|
6413
6467
|
{
|
|
6414
6468
|
ref,
|
|
@@ -6418,24 +6472,24 @@ var PopoverContent = React.forwardRef(
|
|
|
6418
6472
|
className: clsx8(popoverVariants({ level }), className),
|
|
6419
6473
|
...props,
|
|
6420
6474
|
children: [
|
|
6421
|
-
/* @__PURE__ */
|
|
6422
|
-
/* @__PURE__ */
|
|
6423
|
-
tag && /* @__PURE__ */
|
|
6424
|
-
icon && /* @__PURE__ */
|
|
6425
|
-
/* @__PURE__ */
|
|
6426
|
-
/* @__PURE__ */
|
|
6475
|
+
/* @__PURE__ */ jsxs90("div", { className: style_module_default5.contentContainer, children: [
|
|
6476
|
+
/* @__PURE__ */ jsxs90("div", { className: style_module_default5.heading, children: [
|
|
6477
|
+
tag && /* @__PURE__ */ jsx132("span", { className: popoverTagVariants(), children: tag }),
|
|
6478
|
+
icon && /* @__PURE__ */ jsx132(Icon, { name: icon.name, size: "xs", thick: icon.thick, fill: icon.fill }),
|
|
6479
|
+
/* @__PURE__ */ jsx132("p", { className: popoverTitleVariants(), children: title }),
|
|
6480
|
+
/* @__PURE__ */ jsx132(
|
|
6427
6481
|
PopoverPrimitive.PopoverClose,
|
|
6428
6482
|
{
|
|
6429
6483
|
className: style_module_default5.closeButton,
|
|
6430
6484
|
onClick: () => {
|
|
6431
6485
|
onClose?.();
|
|
6432
6486
|
},
|
|
6433
|
-
children: /* @__PURE__ */
|
|
6487
|
+
children: /* @__PURE__ */ jsx132(Icon, { name: "close-fill", size: "s", fill: true, thick: true, type: "neutral-label-static-primary" })
|
|
6434
6488
|
}
|
|
6435
6489
|
)
|
|
6436
6490
|
] }),
|
|
6437
|
-
/* @__PURE__ */
|
|
6438
|
-
onConfirm && /* @__PURE__ */
|
|
6491
|
+
/* @__PURE__ */ jsx132("p", { className: popoverSubtitleVariants(), children: subTitle }),
|
|
6492
|
+
onConfirm && /* @__PURE__ */ jsx132("div", { className: popoverFooterVariants(), children: /* @__PURE__ */ jsx132(
|
|
6439
6493
|
Button,
|
|
6440
6494
|
{
|
|
6441
6495
|
as: "text",
|
|
@@ -6447,7 +6501,7 @@ var PopoverContent = React.forwardRef(
|
|
|
6447
6501
|
}
|
|
6448
6502
|
) })
|
|
6449
6503
|
] }),
|
|
6450
|
-
/* @__PURE__ */
|
|
6504
|
+
/* @__PURE__ */ jsx132(PopoverPrimitive.Arrow, { asChild: true, children: /* @__PURE__ */ jsx132(PopoverAnchor, { className: clsx8(popoverAnchorVariants({ level })) }) })
|
|
6451
6505
|
]
|
|
6452
6506
|
}
|
|
6453
6507
|
) })
|
|
@@ -6472,14 +6526,14 @@ var style_module_default6 = {
|
|
|
6472
6526
|
// src/components/Tooltip/index.tsx
|
|
6473
6527
|
import { cva as cva5 } from "class-variance-authority";
|
|
6474
6528
|
import clsx9 from "clsx";
|
|
6475
|
-
import { jsx as
|
|
6529
|
+
import { jsx as jsx133 } from "react/jsx-runtime";
|
|
6476
6530
|
var DEFAULT_OFFSET2 = 4;
|
|
6477
6531
|
var tooltipVariants = cva5([style_module_default6.tooltip, "lp-sys-typo-caption1-normal-medium"]);
|
|
6478
6532
|
var TooltipProvider = TooltipPrimitive.Provider;
|
|
6479
|
-
var TooltipRoot = /* @__PURE__ */ __name(({ children }) => /* @__PURE__ */
|
|
6480
|
-
var TooltipTrigger = /* @__PURE__ */ __name(({ by }) => /* @__PURE__ */
|
|
6533
|
+
var TooltipRoot = /* @__PURE__ */ __name(({ children }) => /* @__PURE__ */ jsx133(TooltipPrimitive.Root, { delayDuration: 0, children }), "TooltipRoot");
|
|
6534
|
+
var TooltipTrigger = /* @__PURE__ */ __name(({ by }) => /* @__PURE__ */ jsx133(TooltipPrimitive.Trigger, { asChild: true, children: by }), "TooltipTrigger");
|
|
6481
6535
|
var TooltipContent = forwardRef3(
|
|
6482
|
-
({ description, position = "top", className, offset = DEFAULT_OFFSET2, ...props }, ref) => /* @__PURE__ */
|
|
6536
|
+
({ description, position = "top", className, offset = DEFAULT_OFFSET2, ...props }, ref) => /* @__PURE__ */ jsx133(
|
|
6483
6537
|
TooltipPrimitive.Content,
|
|
6484
6538
|
{
|
|
6485
6539
|
ref,
|
|
@@ -6487,7 +6541,7 @@ var TooltipContent = forwardRef3(
|
|
|
6487
6541
|
sideOffset: offset,
|
|
6488
6542
|
className: clsx9(tooltipVariants(), className),
|
|
6489
6543
|
...props,
|
|
6490
|
-
children: /* @__PURE__ */
|
|
6544
|
+
children: /* @__PURE__ */ jsx133("p", { className: style_module_default6.tooltipContent, children: description })
|
|
6491
6545
|
}
|
|
6492
6546
|
)
|
|
6493
6547
|
);
|
|
@@ -6519,7 +6573,7 @@ var style_module_default7 = {
|
|
|
6519
6573
|
|
|
6520
6574
|
// src/components/IconButton/index.tsx
|
|
6521
6575
|
import { Slot as Slot2 } from "@radix-ui/react-slot";
|
|
6522
|
-
import { jsx as
|
|
6576
|
+
import { jsx as jsx134 } from "react/jsx-runtime";
|
|
6523
6577
|
var iconButtonSizeIconSizeMap = {
|
|
6524
6578
|
l: "m",
|
|
6525
6579
|
m: "s",
|
|
@@ -6547,7 +6601,7 @@ var iconButtonVariants = cva6([style_module_default7.iconButton], {
|
|
|
6547
6601
|
var IconButton = forwardRef4(
|
|
6548
6602
|
({ asChild, level = "primary", name, thick = false, fill = false, size = "m", className, ...rest }, ref) => {
|
|
6549
6603
|
const Comp = asChild ? Slot2 : "button";
|
|
6550
|
-
return /* @__PURE__ */
|
|
6604
|
+
return /* @__PURE__ */ jsx134(Comp, { ...rest, className: clsx10(iconButtonVariants({ level, size }), className), ref, children: /* @__PURE__ */ jsx134(Icon, { name, thick, fill, size: iconButtonSizeIconSizeMap[size] }) });
|
|
6551
6605
|
}
|
|
6552
6606
|
);
|
|
6553
6607
|
|
|
@@ -6562,9 +6616,9 @@ var style_module_default8 = {
|
|
|
6562
6616
|
};
|
|
6563
6617
|
|
|
6564
6618
|
// src/components/_Label/index.tsx
|
|
6565
|
-
import { jsx as
|
|
6619
|
+
import { jsx as jsx135 } from "react/jsx-runtime";
|
|
6566
6620
|
var Label = forwardRef5(({ className, ...props }, ref) => {
|
|
6567
|
-
return /* @__PURE__ */
|
|
6621
|
+
return /* @__PURE__ */ jsx135(
|
|
6568
6622
|
LabelPrimitive.Root,
|
|
6569
6623
|
{
|
|
6570
6624
|
ref,
|