@liner-fe/prism 1.10.4 → 1.10.6
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/block.d.ts +8 -0
- package/lib/assets/bookmark-cancel.d.ts +8 -0
- package/lib/assets/index.d.ts +2 -0
- package/lib/index.mjs +161 -55
- 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
|
@@ -113,3 +113,5 @@ export { ICNewTab } from './new-tab';
|
|
|
113
113
|
export { ICExample } from './example';
|
|
114
114
|
export { ICQuote } from './quote';
|
|
115
115
|
export { ICDocumentCheck } from './document-check';
|
|
116
|
+
export { ICBlock } from './block';
|
|
117
|
+
export { ICBookmarkCancel } from './bookmark-cancel';
|
package/lib/index.mjs
CHANGED
|
@@ -5395,6 +5395,110 @@ var ICDocumentCheck = /* @__PURE__ */ __name((props) => {
|
|
|
5395
5395
|
] });
|
|
5396
5396
|
}, "ICDocumentCheck");
|
|
5397
5397
|
|
|
5398
|
+
// src/assets/block.tsx
|
|
5399
|
+
import { jsx as jsx116 } from "react/jsx-runtime";
|
|
5400
|
+
var ICBlock = /* @__PURE__ */ __name((props) => {
|
|
5401
|
+
const { thick = false, fill = false, size = 32, color = "#1E1E1F" } = props;
|
|
5402
|
+
if (thick) {
|
|
5403
|
+
return /* @__PURE__ */ jsx116("svg", { ...props, width: size, height: size, viewBox: "0 0 48 48", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx116(
|
|
5404
|
+
"path",
|
|
5405
|
+
{
|
|
5406
|
+
"fill-rule": "evenodd",
|
|
5407
|
+
"clip-rule": "evenodd",
|
|
5408
|
+
d: "M44 24C44 35.0457 35.0457 44 24 44C12.9543 44 4 35.0457 4 24C4 12.9543 12.9543 4 24 4C35.0457 4 44 12.9543 44 24ZM40 24C40 32.8366 32.8366 40 24 40C20.3028 40 16.8985 38.746 14.1892 36.6401L36.6401 14.1892C38.746 16.8985 40 20.3028 40 24ZM11.3607 33.8118L33.8118 11.3607C31.1024 9.25432 27.6977 8 24 8C15.1634 8 8 15.1634 8 24C8 27.6977 9.25432 31.1024 11.3607 33.8118Z",
|
|
5409
|
+
fill: color
|
|
5410
|
+
}
|
|
5411
|
+
) });
|
|
5412
|
+
}
|
|
5413
|
+
return /* @__PURE__ */ jsx116("svg", { ...props, width: size, height: size, viewBox: "0 0 48 48", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx116(
|
|
5414
|
+
"path",
|
|
5415
|
+
{
|
|
5416
|
+
"fill-rule": "evenodd",
|
|
5417
|
+
"clip-rule": "evenodd",
|
|
5418
|
+
d: "M44 24C44 35.0457 35.0457 44 24 44C12.9543 44 4 35.0457 4 24C4 12.9543 12.9543 4 24 4C35.0457 4 44 12.9543 44 24ZM41 24C41 33.3888 33.3888 41 24 41C19.8459 41 16.0397 39.51 13.0869 37.0353L37.0353 13.0869C39.51 16.0397 41 19.8459 41 24ZM10.9655 34.914L34.914 10.9655C31.961 8.49031 28.1546 7 24 7C14.6112 7 7 14.6112 7 24C7 28.1546 8.49031 31.961 10.9655 34.914Z",
|
|
5419
|
+
fill: color
|
|
5420
|
+
}
|
|
5421
|
+
) });
|
|
5422
|
+
}, "ICBlock");
|
|
5423
|
+
|
|
5424
|
+
// src/assets/bookmark-cancel.tsx
|
|
5425
|
+
import { jsx as jsx117, jsxs as jsxs82 } from "react/jsx-runtime";
|
|
5426
|
+
var ICBookmarkCancel = /* @__PURE__ */ __name((props) => {
|
|
5427
|
+
const { thick = false, fill = false, size = 32, color = "#1E1E1F" } = props;
|
|
5428
|
+
if (fill && thick) {
|
|
5429
|
+
return /* @__PURE__ */ jsx117("svg", { ...props, width: size, height: size, viewBox: "0 0 48 48", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx117(
|
|
5430
|
+
"path",
|
|
5431
|
+
{
|
|
5432
|
+
d: "M9.00006 17.4849L20.7899 29.2748L9.00006 40.3711V17.4849ZM39.0001 30.5143L15.4857 7L39.0001 7V30.5143Z",
|
|
5433
|
+
fill: color,
|
|
5434
|
+
stroke: "#1E1E1F",
|
|
5435
|
+
"stroke-width": "4"
|
|
5436
|
+
}
|
|
5437
|
+
) });
|
|
5438
|
+
}
|
|
5439
|
+
if (thick) {
|
|
5440
|
+
return /* @__PURE__ */ jsxs82("svg", { ...props, width: size, height: size, viewBox: "0 0 48 48", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
|
|
5441
|
+
/* @__PURE__ */ jsx117(
|
|
5442
|
+
"path",
|
|
5443
|
+
{
|
|
5444
|
+
d: "M3.67651 6.50421L6.50494 3.67578L44.3233 41.4941L41.4949 44.3226L39.4847 42.3124C39.4846 42.3124 39.4848 42.3124 39.4847 42.3124L3.67651 6.50421Z",
|
|
5445
|
+
fill: color
|
|
5446
|
+
}
|
|
5447
|
+
),
|
|
5448
|
+
/* @__PURE__ */ jsx117(
|
|
5449
|
+
"path",
|
|
5450
|
+
{
|
|
5451
|
+
d: "M41.0001 7V35.3428L37.0001 31.3428V9H14.6573L10.6573 5H39.0001C40.1046 5 41.0001 5.89543 41.0001 7Z",
|
|
5452
|
+
fill: color
|
|
5453
|
+
}
|
|
5454
|
+
),
|
|
5455
|
+
/* @__PURE__ */ jsx117(
|
|
5456
|
+
"path",
|
|
5457
|
+
{
|
|
5458
|
+
d: "M7.00006 12.6565L11.0001 16.6565V35.7423L20.8321 26.4886L23.6619 29.3183L10.3708 41.8275C9.09444 43.0288 7.00006 42.1239 7.00006 40.3711V12.6565Z",
|
|
5459
|
+
fill: color
|
|
5460
|
+
}
|
|
5461
|
+
)
|
|
5462
|
+
] });
|
|
5463
|
+
}
|
|
5464
|
+
if (fill) {
|
|
5465
|
+
return /* @__PURE__ */ jsxs82("svg", { ...props, width: size, height: size, viewBox: "0 0 48 48", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
|
|
5466
|
+
/* @__PURE__ */ jsx117(
|
|
5467
|
+
"path",
|
|
5468
|
+
{
|
|
5469
|
+
d: "M41.8772 43.9992L4.00122 6.12327L6.12254 4.00195L7.64735 5.52676C7.64722 5.52688 7.64748 5.52664 7.64735 5.52676L43.9985 41.8779L41.8772 43.9992Z",
|
|
5470
|
+
fill: color
|
|
5471
|
+
}
|
|
5472
|
+
),
|
|
5473
|
+
/* @__PURE__ */ jsx117("path", { d: "M41 36.7573V7C41 5.89543 40.1045 5 39 5H9.24266L41 36.7573Z", fill: color }),
|
|
5474
|
+
/* @__PURE__ */ jsx117(
|
|
5475
|
+
"path",
|
|
5476
|
+
{
|
|
5477
|
+
d: "M6.99998 40.1716V11.2426L23.8787 28.1213L10.4142 41.5858C9.15427 42.8457 6.99998 41.9534 6.99998 40.1716Z",
|
|
5478
|
+
fill: color
|
|
5479
|
+
}
|
|
5480
|
+
)
|
|
5481
|
+
] });
|
|
5482
|
+
}
|
|
5483
|
+
return /* @__PURE__ */ jsxs82("svg", { ...props, width: size, height: size, viewBox: "0 0 48 48", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
|
|
5484
|
+
/* @__PURE__ */ jsx117(
|
|
5485
|
+
"path",
|
|
5486
|
+
{
|
|
5487
|
+
d: "M4.00171 6.12327L6.12303 4.00195L43.999 41.8779L41.8777 43.9992L39.8571 41.9787C39.8571 41.9787 39.8572 41.9787 39.8571 41.9787L4.00171 6.12327Z",
|
|
5488
|
+
fill: color
|
|
5489
|
+
}
|
|
5490
|
+
),
|
|
5491
|
+
/* @__PURE__ */ jsx117("path", { d: "M41 7V36.7578L38 33.7578V8H12.2422L9.24217 5H39C40.1045 5 41 5.89543 41 7Z", fill: color }),
|
|
5492
|
+
/* @__PURE__ */ jsx117(
|
|
5493
|
+
"path",
|
|
5494
|
+
{
|
|
5495
|
+
d: "M6.99998 11.2431L9.99998 14.2431V37.7574L21.7571 26.0002L23.8784 28.1215L10.4142 41.5858C9.15427 42.8457 6.99998 41.9534 6.99998 40.1716V11.2431Z",
|
|
5496
|
+
fill: color
|
|
5497
|
+
}
|
|
5498
|
+
)
|
|
5499
|
+
] });
|
|
5500
|
+
}, "ICBookmarkCancel");
|
|
5501
|
+
|
|
5398
5502
|
// src/utils/icon.ts
|
|
5399
5503
|
var iconMap = {
|
|
5400
5504
|
"close-fill": ICCloseFill,
|
|
@@ -5511,7 +5615,9 @@ var iconMap = {
|
|
|
5511
5615
|
"new-tab": ICNewTab,
|
|
5512
5616
|
example: ICExample,
|
|
5513
5617
|
quote: ICQuote,
|
|
5514
|
-
"document-check": ICDocumentCheck
|
|
5618
|
+
"document-check": ICDocumentCheck,
|
|
5619
|
+
block: ICBlock,
|
|
5620
|
+
"bookmark-cancel": ICBookmarkCancel
|
|
5515
5621
|
};
|
|
5516
5622
|
|
|
5517
5623
|
// src/utils/object.ts
|
|
@@ -5591,7 +5697,7 @@ var style_module_default2 = {
|
|
|
5591
5697
|
};
|
|
5592
5698
|
|
|
5593
5699
|
// src/components/Icon/index.tsx
|
|
5594
|
-
import { jsx as
|
|
5700
|
+
import { jsx as jsx118 } from "react/jsx-runtime";
|
|
5595
5701
|
var iconSizeMap = {
|
|
5596
5702
|
xs: 16,
|
|
5597
5703
|
s: 20,
|
|
@@ -5634,7 +5740,7 @@ var Icon = /* @__PURE__ */ __name((props) => {
|
|
|
5634
5740
|
const { name, type = "neutral-label-primary", size = "m", thick = false, fill = false, className, ...rest } = props;
|
|
5635
5741
|
const IconComponent = getIconComponent(name, iconMap);
|
|
5636
5742
|
const iconSize = iconSizeMap[size];
|
|
5637
|
-
return /* @__PURE__ */
|
|
5743
|
+
return /* @__PURE__ */ jsx118(
|
|
5638
5744
|
IconComponent,
|
|
5639
5745
|
{
|
|
5640
5746
|
...rest,
|
|
@@ -5647,7 +5753,7 @@ var Icon = /* @__PURE__ */ __name((props) => {
|
|
|
5647
5753
|
}, "Icon");
|
|
5648
5754
|
|
|
5649
5755
|
// src/components/Button/index.tsx
|
|
5650
|
-
import { jsx as
|
|
5756
|
+
import { jsx as jsx119, jsxs as jsxs83 } from "react/jsx-runtime";
|
|
5651
5757
|
var buttonIconSizeMap = {
|
|
5652
5758
|
cta: "m",
|
|
5653
5759
|
l: "s",
|
|
@@ -5723,16 +5829,16 @@ var DefaultButton = forwardRef(
|
|
|
5723
5829
|
rightIcon,
|
|
5724
5830
|
...rest
|
|
5725
5831
|
}, ref) => {
|
|
5726
|
-
return /* @__PURE__ */
|
|
5832
|
+
return /* @__PURE__ */ jsx119(
|
|
5727
5833
|
"button",
|
|
5728
5834
|
{
|
|
5729
5835
|
...rest,
|
|
5730
5836
|
className: clsx2(defaultButtonVariants({ level, fill, align, size, width }), className),
|
|
5731
5837
|
ref,
|
|
5732
|
-
children: /* @__PURE__ */
|
|
5733
|
-
!!leftIcon && /* @__PURE__ */
|
|
5734
|
-
/* @__PURE__ */
|
|
5735
|
-
!!rightIcon && /* @__PURE__ */
|
|
5838
|
+
children: /* @__PURE__ */ jsxs83("span", { className: clsx2(defaultButtonChildrenVariants({ size })), children: [
|
|
5839
|
+
!!leftIcon && /* @__PURE__ */ jsx119(Icon, { name: leftIcon.name, size: buttonIconSizeMap[size], thick: buttonSizeIconThickMap[size] }),
|
|
5840
|
+
/* @__PURE__ */ jsx119("p", { className: style_module_default.content, children: rest.children }),
|
|
5841
|
+
!!rightIcon && /* @__PURE__ */ jsx119(Icon, { name: rightIcon.name, size: buttonIconSizeMap[size], thick: buttonSizeIconThickMap[size] })
|
|
5736
5842
|
] })
|
|
5737
5843
|
}
|
|
5738
5844
|
);
|
|
@@ -5740,7 +5846,7 @@ var DefaultButton = forwardRef(
|
|
|
5740
5846
|
);
|
|
5741
5847
|
var TextButton = forwardRef(
|
|
5742
5848
|
({ level = "inverse-primary", className, ...rest }, ref) => {
|
|
5743
|
-
return /* @__PURE__ */
|
|
5849
|
+
return /* @__PURE__ */ jsx119("button", { ...rest, className: clsx2(textButtonVariants({ level }), className), ref });
|
|
5744
5850
|
}
|
|
5745
5851
|
);
|
|
5746
5852
|
var Button = forwardRef((props, ref) => {
|
|
@@ -5748,10 +5854,10 @@ var Button = forwardRef((props, ref) => {
|
|
|
5748
5854
|
case "default":
|
|
5749
5855
|
case void 0:
|
|
5750
5856
|
const DefaultComp = props.asChild ? Slot : DefaultButton;
|
|
5751
|
-
return /* @__PURE__ */
|
|
5857
|
+
return /* @__PURE__ */ jsx119(DefaultComp, { ...props, ref });
|
|
5752
5858
|
case "text":
|
|
5753
5859
|
const TextComp = props.asChild ? Slot : TextButton;
|
|
5754
|
-
return /* @__PURE__ */
|
|
5860
|
+
return /* @__PURE__ */ jsx119(TextComp, { ...props, ref });
|
|
5755
5861
|
}
|
|
5756
5862
|
});
|
|
5757
5863
|
|
|
@@ -5836,7 +5942,7 @@ var colorVariants = cva3(style_module_default4.typography, {
|
|
|
5836
5942
|
});
|
|
5837
5943
|
|
|
5838
5944
|
// src/components/Typography/Paragraph.tsx
|
|
5839
|
-
import { jsx as
|
|
5945
|
+
import { jsx as jsx120 } from "react/jsx-runtime";
|
|
5840
5946
|
var Paragraph = /* @__PURE__ */ __name(({
|
|
5841
5947
|
size,
|
|
5842
5948
|
type,
|
|
@@ -5846,7 +5952,7 @@ var Paragraph = /* @__PURE__ */ __name(({
|
|
|
5846
5952
|
color = "neutral-label-primary",
|
|
5847
5953
|
...rest
|
|
5848
5954
|
}) => {
|
|
5849
|
-
return /* @__PURE__ */
|
|
5955
|
+
return /* @__PURE__ */ jsx120(
|
|
5850
5956
|
"p",
|
|
5851
5957
|
{
|
|
5852
5958
|
...rest,
|
|
@@ -5858,13 +5964,13 @@ var Paragraph = /* @__PURE__ */ __name(({
|
|
|
5858
5964
|
|
|
5859
5965
|
// src/components/Toast/index.tsx
|
|
5860
5966
|
import { useRecoilValue, useSetRecoilState as useSetRecoilState2 } from "recoil";
|
|
5861
|
-
import { jsx as
|
|
5967
|
+
import { jsx as jsx121, jsxs as jsxs84 } from "react/jsx-runtime";
|
|
5862
5968
|
import { createElement } from "react";
|
|
5863
5969
|
var Toaster = /* @__PURE__ */ __name(() => {
|
|
5864
5970
|
const { list } = useRecoilValue(toastAtom);
|
|
5865
|
-
return /* @__PURE__ */
|
|
5971
|
+
return /* @__PURE__ */ jsxs84(Provider, { children: [
|
|
5866
5972
|
list.map((props) => /* @__PURE__ */ createElement(SingleToast, { ...props, key: props.toastId })),
|
|
5867
|
-
/* @__PURE__ */
|
|
5973
|
+
/* @__PURE__ */ jsx121(Viewport, { className: style_module_default3.ToastViewport })
|
|
5868
5974
|
] });
|
|
5869
5975
|
}, "Toaster");
|
|
5870
5976
|
var SingleToast = /* @__PURE__ */ __name((props) => {
|
|
@@ -5893,10 +5999,10 @@ var SingleToast = /* @__PURE__ */ __name((props) => {
|
|
|
5893
5999
|
clearTimeout(timerRef.current);
|
|
5894
6000
|
};
|
|
5895
6001
|
}, []);
|
|
5896
|
-
return /* @__PURE__ */
|
|
5897
|
-
icon && /* @__PURE__ */
|
|
5898
|
-
/* @__PURE__ */
|
|
5899
|
-
/* @__PURE__ */
|
|
6002
|
+
return /* @__PURE__ */ jsxs84(Root, { className: style_module_default3.ToastRoot, open: isOpen, ...props, children: [
|
|
6003
|
+
icon && /* @__PURE__ */ jsx121("i", { className: style_module_default3.Icon, children: /* @__PURE__ */ jsx121(Icon, { ...icon, size: "s" }) }),
|
|
6004
|
+
/* @__PURE__ */ jsxs84(Title, { className: style_module_default3.ToastTitle, children: [
|
|
6005
|
+
/* @__PURE__ */ jsx121(
|
|
5900
6006
|
Paragraph,
|
|
5901
6007
|
{
|
|
5902
6008
|
className: style_module_default3.TitleText,
|
|
@@ -5907,14 +6013,14 @@ var SingleToast = /* @__PURE__ */ __name((props) => {
|
|
|
5907
6013
|
children: message
|
|
5908
6014
|
}
|
|
5909
6015
|
),
|
|
5910
|
-
button && /* @__PURE__ */
|
|
6016
|
+
button && /* @__PURE__ */ jsx121(Button, { onClick: button.onClick, level: "inverse", size: "s", align: "center", children: button.label })
|
|
5911
6017
|
] })
|
|
5912
6018
|
] });
|
|
5913
6019
|
}, "SingleToast");
|
|
5914
6020
|
|
|
5915
6021
|
// src/components/Typography/Heading.tsx
|
|
5916
6022
|
import clsx4 from "clsx";
|
|
5917
|
-
import { jsx as
|
|
6023
|
+
import { jsx as jsx122 } from "react/jsx-runtime";
|
|
5918
6024
|
var Heading = /* @__PURE__ */ __name(({
|
|
5919
6025
|
size,
|
|
5920
6026
|
children,
|
|
@@ -5924,7 +6030,7 @@ var Heading = /* @__PURE__ */ __name(({
|
|
|
5924
6030
|
...rest
|
|
5925
6031
|
}) => {
|
|
5926
6032
|
const Element = `h${size}`;
|
|
5927
|
-
return /* @__PURE__ */
|
|
6033
|
+
return /* @__PURE__ */ jsx122(
|
|
5928
6034
|
Element,
|
|
5929
6035
|
{
|
|
5930
6036
|
...rest,
|
|
@@ -5936,7 +6042,7 @@ var Heading = /* @__PURE__ */ __name(({
|
|
|
5936
6042
|
|
|
5937
6043
|
// src/components/Typography/Display.tsx
|
|
5938
6044
|
import clsx5 from "clsx";
|
|
5939
|
-
import { jsx as
|
|
6045
|
+
import { jsx as jsx123 } from "react/jsx-runtime";
|
|
5940
6046
|
var Display = /* @__PURE__ */ __name(({
|
|
5941
6047
|
size,
|
|
5942
6048
|
type,
|
|
@@ -5946,7 +6052,7 @@ var Display = /* @__PURE__ */ __name(({
|
|
|
5946
6052
|
color = "neutral-label-primary",
|
|
5947
6053
|
...rest
|
|
5948
6054
|
}) => {
|
|
5949
|
-
return /* @__PURE__ */
|
|
6055
|
+
return /* @__PURE__ */ jsx123(
|
|
5950
6056
|
"p",
|
|
5951
6057
|
{
|
|
5952
6058
|
...rest,
|
|
@@ -5958,7 +6064,7 @@ var Display = /* @__PURE__ */ __name(({
|
|
|
5958
6064
|
|
|
5959
6065
|
// src/components/Typography/Title.tsx
|
|
5960
6066
|
import clsx6 from "clsx";
|
|
5961
|
-
import { jsx as
|
|
6067
|
+
import { jsx as jsx124 } from "react/jsx-runtime";
|
|
5962
6068
|
var Title2 = /* @__PURE__ */ __name(({
|
|
5963
6069
|
weight,
|
|
5964
6070
|
size,
|
|
@@ -5968,7 +6074,7 @@ var Title2 = /* @__PURE__ */ __name(({
|
|
|
5968
6074
|
color = "neutral-label-primary",
|
|
5969
6075
|
...rest
|
|
5970
6076
|
}) => {
|
|
5971
|
-
return /* @__PURE__ */
|
|
6077
|
+
return /* @__PURE__ */ jsx124(
|
|
5972
6078
|
"p",
|
|
5973
6079
|
{
|
|
5974
6080
|
...rest,
|
|
@@ -5980,7 +6086,7 @@ var Title2 = /* @__PURE__ */ __name(({
|
|
|
5980
6086
|
|
|
5981
6087
|
// src/components/Typography/Caption.tsx
|
|
5982
6088
|
import clsx7 from "clsx";
|
|
5983
|
-
import { jsx as
|
|
6089
|
+
import { jsx as jsx125 } from "react/jsx-runtime";
|
|
5984
6090
|
var Caption = /* @__PURE__ */ __name(({
|
|
5985
6091
|
children,
|
|
5986
6092
|
size,
|
|
@@ -5990,7 +6096,7 @@ var Caption = /* @__PURE__ */ __name(({
|
|
|
5990
6096
|
color = "neutral-label-primary",
|
|
5991
6097
|
...rest
|
|
5992
6098
|
}) => {
|
|
5993
|
-
return /* @__PURE__ */
|
|
6099
|
+
return /* @__PURE__ */ jsx125(
|
|
5994
6100
|
"caption",
|
|
5995
6101
|
{
|
|
5996
6102
|
...rest,
|
|
@@ -6028,7 +6134,7 @@ var style_module_default5 = {
|
|
|
6028
6134
|
// src/components/Popover/index.tsx
|
|
6029
6135
|
import { cva as cva4 } from "class-variance-authority";
|
|
6030
6136
|
import { clsx as clsx8 } from "clsx";
|
|
6031
|
-
import { jsx as
|
|
6137
|
+
import { jsx as jsx126, jsxs as jsxs85 } from "react/jsx-runtime";
|
|
6032
6138
|
var DEFAULT_OFFSET = -6;
|
|
6033
6139
|
var popoverVariants = cva4(style_module_default5.content, {
|
|
6034
6140
|
variants: {
|
|
@@ -6050,9 +6156,9 @@ var popoverTagVariants = cva4([style_module_default5.tag, "lp-sys-typo-caption3-
|
|
|
6050
6156
|
var popoverTitleVariants = cva4([style_module_default5.title, "lp-sys-typo-paragraph3-normal-bold"]);
|
|
6051
6157
|
var popoverSubtitleVariants = cva4([style_module_default5.subTitle, "lp-sys-typo-caption1-normal-regular"]);
|
|
6052
6158
|
var popoverFooterVariants = cva4([style_module_default5.footer, "lp-sys-typo-caption1-normal-medium"]);
|
|
6053
|
-
var PopoverRoot = /* @__PURE__ */ __name(({ isOpen, children, onChange }) => /* @__PURE__ */
|
|
6054
|
-
var PopoverTrigger = /* @__PURE__ */ __name(({ by }) => /* @__PURE__ */
|
|
6055
|
-
var PopoverAnchor = /* @__PURE__ */ __name(({ className }) => /* @__PURE__ */
|
|
6159
|
+
var PopoverRoot = /* @__PURE__ */ __name(({ isOpen, children, onChange }) => /* @__PURE__ */ jsx126(PopoverPrimitive.Root, { open: isOpen, onOpenChange: onChange, children }), "PopoverRoot");
|
|
6160
|
+
var PopoverTrigger = /* @__PURE__ */ __name(({ by }) => /* @__PURE__ */ jsx126(PopoverPrimitive.Trigger, { asChild: true, children: by }), "PopoverTrigger");
|
|
6161
|
+
var PopoverAnchor = /* @__PURE__ */ __name(({ className }) => /* @__PURE__ */ jsx126(
|
|
6056
6162
|
"svg",
|
|
6057
6163
|
{
|
|
6058
6164
|
className,
|
|
@@ -6062,7 +6168,7 @@ var PopoverAnchor = /* @__PURE__ */ __name(({ className }) => /* @__PURE__ */ js
|
|
|
6062
6168
|
height: "10",
|
|
6063
6169
|
viewBox: "0 0 30 10",
|
|
6064
6170
|
fill: "none",
|
|
6065
|
-
children: /* @__PURE__ */
|
|
6171
|
+
children: /* @__PURE__ */ jsx126(
|
|
6066
6172
|
"path",
|
|
6067
6173
|
{
|
|
6068
6174
|
"fill-rule": "evenodd",
|
|
@@ -6087,7 +6193,7 @@ var PopoverContent = React.forwardRef(
|
|
|
6087
6193
|
onClose,
|
|
6088
6194
|
className,
|
|
6089
6195
|
...props
|
|
6090
|
-
}, ref) => /* @__PURE__ */
|
|
6196
|
+
}, ref) => /* @__PURE__ */ jsx126(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsxs85(
|
|
6091
6197
|
PopoverPrimitive.Content,
|
|
6092
6198
|
{
|
|
6093
6199
|
ref,
|
|
@@ -6097,24 +6203,24 @@ var PopoverContent = React.forwardRef(
|
|
|
6097
6203
|
className: clsx8(popoverVariants({ level }), className),
|
|
6098
6204
|
...props,
|
|
6099
6205
|
children: [
|
|
6100
|
-
/* @__PURE__ */
|
|
6101
|
-
/* @__PURE__ */
|
|
6102
|
-
tag && /* @__PURE__ */
|
|
6103
|
-
icon && /* @__PURE__ */
|
|
6104
|
-
/* @__PURE__ */
|
|
6105
|
-
/* @__PURE__ */
|
|
6206
|
+
/* @__PURE__ */ jsxs85("div", { className: style_module_default5.contentContainer, children: [
|
|
6207
|
+
/* @__PURE__ */ jsxs85("div", { className: style_module_default5.heading, children: [
|
|
6208
|
+
tag && /* @__PURE__ */ jsx126("span", { className: popoverTagVariants(), children: tag }),
|
|
6209
|
+
icon && /* @__PURE__ */ jsx126(Icon, { name: icon.name, size: "xs", thick: icon.thick, fill: icon.fill }),
|
|
6210
|
+
/* @__PURE__ */ jsx126("p", { className: popoverTitleVariants(), children: title }),
|
|
6211
|
+
/* @__PURE__ */ jsx126(
|
|
6106
6212
|
PopoverPrimitive.PopoverClose,
|
|
6107
6213
|
{
|
|
6108
6214
|
className: style_module_default5.closeButton,
|
|
6109
6215
|
onClick: () => {
|
|
6110
6216
|
onClose?.();
|
|
6111
6217
|
},
|
|
6112
|
-
children: /* @__PURE__ */
|
|
6218
|
+
children: /* @__PURE__ */ jsx126(Icon, { name: "close-fill", size: "s", fill: true, thick: true })
|
|
6113
6219
|
}
|
|
6114
6220
|
)
|
|
6115
6221
|
] }),
|
|
6116
|
-
/* @__PURE__ */
|
|
6117
|
-
onConfirm && /* @__PURE__ */
|
|
6222
|
+
/* @__PURE__ */ jsx126("p", { className: popoverSubtitleVariants(), children: subTitle }),
|
|
6223
|
+
onConfirm && /* @__PURE__ */ jsx126("div", { className: popoverFooterVariants(), children: /* @__PURE__ */ jsx126(
|
|
6118
6224
|
Button,
|
|
6119
6225
|
{
|
|
6120
6226
|
as: "text",
|
|
@@ -6126,7 +6232,7 @@ var PopoverContent = React.forwardRef(
|
|
|
6126
6232
|
}
|
|
6127
6233
|
) })
|
|
6128
6234
|
] }),
|
|
6129
|
-
/* @__PURE__ */
|
|
6235
|
+
/* @__PURE__ */ jsx126(PopoverPrimitive.Arrow, { asChild: true, children: /* @__PURE__ */ jsx126(PopoverAnchor, { className: clsx8(popoverAnchorVariants({ level })) }) })
|
|
6130
6236
|
]
|
|
6131
6237
|
}
|
|
6132
6238
|
) })
|
|
@@ -6151,14 +6257,14 @@ var style_module_default6 = {
|
|
|
6151
6257
|
// src/components/Tooltip/index.tsx
|
|
6152
6258
|
import { cva as cva5 } from "class-variance-authority";
|
|
6153
6259
|
import clsx9 from "clsx";
|
|
6154
|
-
import { jsx as
|
|
6260
|
+
import { jsx as jsx127 } from "react/jsx-runtime";
|
|
6155
6261
|
var DEFAULT_OFFSET2 = 4;
|
|
6156
6262
|
var tooltipVariants = cva5([style_module_default6.tooltip, "lp-sys-typo-caption1-normal-medium"]);
|
|
6157
6263
|
var TooltipProvider = TooltipPrimitive.Provider;
|
|
6158
|
-
var TooltipRoot = /* @__PURE__ */ __name(({ children }) => /* @__PURE__ */
|
|
6159
|
-
var TooltipTrigger = /* @__PURE__ */ __name(({ by }) => /* @__PURE__ */
|
|
6264
|
+
var TooltipRoot = /* @__PURE__ */ __name(({ children }) => /* @__PURE__ */ jsx127(TooltipPrimitive.Root, { delayDuration: 0, children }), "TooltipRoot");
|
|
6265
|
+
var TooltipTrigger = /* @__PURE__ */ __name(({ by }) => /* @__PURE__ */ jsx127(TooltipPrimitive.Trigger, { asChild: true, children: by }), "TooltipTrigger");
|
|
6160
6266
|
var TooltipContent = forwardRef3(
|
|
6161
|
-
({ description, position = "top", className, offset = DEFAULT_OFFSET2, ...props }, ref) => /* @__PURE__ */
|
|
6267
|
+
({ description, position = "top", className, offset = DEFAULT_OFFSET2, ...props }, ref) => /* @__PURE__ */ jsx127(
|
|
6162
6268
|
TooltipPrimitive.Content,
|
|
6163
6269
|
{
|
|
6164
6270
|
ref,
|
|
@@ -6166,7 +6272,7 @@ var TooltipContent = forwardRef3(
|
|
|
6166
6272
|
sideOffset: offset,
|
|
6167
6273
|
className: clsx9(tooltipVariants(), className),
|
|
6168
6274
|
...props,
|
|
6169
|
-
children: /* @__PURE__ */
|
|
6275
|
+
children: /* @__PURE__ */ jsx127("p", { className: style_module_default6.tooltipContent, children: description })
|
|
6170
6276
|
}
|
|
6171
6277
|
)
|
|
6172
6278
|
);
|
|
@@ -6198,7 +6304,7 @@ var style_module_default7 = {
|
|
|
6198
6304
|
|
|
6199
6305
|
// src/components/IconButton/index.tsx
|
|
6200
6306
|
import { Slot as Slot2 } from "@radix-ui/react-slot";
|
|
6201
|
-
import { jsx as
|
|
6307
|
+
import { jsx as jsx128 } from "react/jsx-runtime";
|
|
6202
6308
|
var iconButtonSizeIconSizeMap = {
|
|
6203
6309
|
l: "m",
|
|
6204
6310
|
m: "s",
|
|
@@ -6226,7 +6332,7 @@ var iconButtonVariants = cva6([style_module_default7.iconButton], {
|
|
|
6226
6332
|
var IconButton = forwardRef4(
|
|
6227
6333
|
({ asChild, level = "primary", name, thick = false, fill = false, size = "m", className, ...rest }, ref) => {
|
|
6228
6334
|
const Comp = asChild ? Slot2 : "button";
|
|
6229
|
-
return /* @__PURE__ */
|
|
6335
|
+
return /* @__PURE__ */ jsx128(Comp, { ...rest, className: clsx10(iconButtonVariants({ level, size }), className), ref, children: /* @__PURE__ */ jsx128(Icon, { name, thick, fill, size: iconButtonSizeIconSizeMap[size] }) });
|
|
6230
6336
|
}
|
|
6231
6337
|
);
|
|
6232
6338
|
|
|
@@ -6241,9 +6347,9 @@ var style_module_default8 = {
|
|
|
6241
6347
|
};
|
|
6242
6348
|
|
|
6243
6349
|
// src/components/_Label/index.tsx
|
|
6244
|
-
import { jsx as
|
|
6350
|
+
import { jsx as jsx129 } from "react/jsx-runtime";
|
|
6245
6351
|
var Label = forwardRef5(({ className, ...props }, ref) => {
|
|
6246
|
-
return /* @__PURE__ */
|
|
6352
|
+
return /* @__PURE__ */ jsx129(
|
|
6247
6353
|
LabelPrimitive.Root,
|
|
6248
6354
|
{
|
|
6249
6355
|
ref,
|