@liner-fe/prism 1.8.2 → 1.8.3
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/folder-open.d.ts +8 -0
- package/lib/assets/highlight-edit.d.ts +8 -0
- package/lib/assets/index.d.ts +2 -0
- package/lib/components/Typography/Title.d.ts +2 -2
- package/lib/index.css +18 -18
- package/lib/index.css.map +2 -2
- package/lib/index.mjs +185 -81
- package/lib/index.mjs.map +4 -4
- package/lib/type/index.d.ts +1 -1
- package/package.json +1 -1
package/lib/index.mjs
CHANGED
|
@@ -4193,6 +4193,108 @@ var ICInfo = /* @__PURE__ */ __name((props) => {
|
|
|
4193
4193
|
] });
|
|
4194
4194
|
}, "ICInfo");
|
|
4195
4195
|
|
|
4196
|
+
// src/assets/folder-open.tsx
|
|
4197
|
+
import { jsx as jsx88, jsxs as jsxs64 } from "react/jsx-runtime";
|
|
4198
|
+
var ICFolderOpen = /* @__PURE__ */ __name((props) => {
|
|
4199
|
+
const { thick = false, fill = false, size = 32, color = "#1E1E1F", ...rest } = props;
|
|
4200
|
+
if (fill && thick) {
|
|
4201
|
+
return /* @__PURE__ */ jsx88("svg", { ...rest, width: size, height: size, viewBox: "0 0 48 48", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx88(
|
|
4202
|
+
"path",
|
|
4203
|
+
{
|
|
4204
|
+
d: "M22.8 11.4L23.25 12H7.5H6V8.5C6 8.22386 6.22386 8 6.5 8H20.25L22.8 11.4ZM11.275 18H45.7352L42.2935 39.0806C42.254 39.3224 42.0451 39.5 41.8 39.5H6.5C6.22386 39.5 6 39.2761 6 39V31.8125L8.9804 32.0542L11.275 18Z",
|
|
4205
|
+
fill: color,
|
|
4206
|
+
stroke: "#1E1E1F",
|
|
4207
|
+
"stroke-width": "3"
|
|
4208
|
+
}
|
|
4209
|
+
) });
|
|
4210
|
+
}
|
|
4211
|
+
if (fill) {
|
|
4212
|
+
return /* @__PURE__ */ jsxs64("svg", { ...rest, width: size, height: size, viewBox: "0 0 48 48", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
|
|
4213
|
+
/* @__PURE__ */ jsx88("g", { "clip-path": "url(#clip0_975_1760)", children: /* @__PURE__ */ jsx88(
|
|
4214
|
+
"path",
|
|
4215
|
+
{
|
|
4216
|
+
d: "M22.4 11.7L23 12.5H8.5H6.5V8.5L20 8.5L22.4 11.7ZM10.4739 26.0098L11.6999 18.5H45.147L41.8 39H6.5L6.5 25.6875L10.4739 26.0098Z",
|
|
4217
|
+
fill: color,
|
|
4218
|
+
stroke: "#1E1E1F",
|
|
4219
|
+
"stroke-width": "4"
|
|
4220
|
+
}
|
|
4221
|
+
) }),
|
|
4222
|
+
/* @__PURE__ */ jsx88("defs", { children: /* @__PURE__ */ jsx88("clipPath", { id: "clip0_975_1760", children: /* @__PURE__ */ jsx88("rect", { width: "48", height: "48", fill: "white" }) }) })
|
|
4223
|
+
] });
|
|
4224
|
+
}
|
|
4225
|
+
if (thick) {
|
|
4226
|
+
/* @__PURE__ */ jsxs64("svg", { ...rest, width: size, height: size, viewBox: "0 0 48 48", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
|
|
4227
|
+
/* @__PURE__ */ jsx88("g", { "clip-path": "url(#clip0_975_1749)", children: /* @__PURE__ */ jsx88(
|
|
4228
|
+
"path",
|
|
4229
|
+
{
|
|
4230
|
+
"fill-rule": "evenodd",
|
|
4231
|
+
"clip-rule": "evenodd",
|
|
4232
|
+
d: "M6.5 6.5H21L24 10.5H41.5C42.6046 10.5 43.5 11.3954 43.5 12.5V14.5H22L19 10.5H8.5V25.6875L10 16.5H47.5L43.7739 39.3223C43.616 40.2896 42.7802 41 41.8001 41H6.5C5.39543 41 4.5 40.1046 4.5 39V8.5C4.5 7.39543 5.39543 6.5 6.5 6.5ZM10.706 37L13.3999 20.5H42.794L40.1001 37H10.706Z",
|
|
4233
|
+
fill: color
|
|
4234
|
+
}
|
|
4235
|
+
) }),
|
|
4236
|
+
/* @__PURE__ */ jsx88("defs", { children: /* @__PURE__ */ jsx88("clipPath", { id: "clip0_975_1749", children: /* @__PURE__ */ jsx88("rect", { width: "48", height: "48", fill: "white" }) }) })
|
|
4237
|
+
] });
|
|
4238
|
+
}
|
|
4239
|
+
return /* @__PURE__ */ jsxs64("svg", { ...rest, width: size, height: size, viewBox: "0 0 48 48", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
|
|
4240
|
+
/* @__PURE__ */ jsx88("g", { "clip-path": "url(#clip0_975_1738)", children: /* @__PURE__ */ jsx88(
|
|
4241
|
+
"path",
|
|
4242
|
+
{
|
|
4243
|
+
"fill-rule": "evenodd",
|
|
4244
|
+
"clip-rule": "evenodd",
|
|
4245
|
+
d: "M6.5 6.5H21L24 10.5H41.5C42.6046 10.5 43.5 11.3954 43.5 12.5V13.5H22.5L19.5 9.5H7.5V31.8125L10 16.5H47.5L43.7739 39.3223C43.616 40.2896 42.7802 41 41.8001 41H6.5C5.39543 41 4.5 40.1046 4.5 39V8.5C4.5 7.39543 5.39543 6.5 6.5 6.5ZM9.52952 38L12.5499 19.5H43.9705L40.9501 38H9.52952Z",
|
|
4246
|
+
fill: color
|
|
4247
|
+
}
|
|
4248
|
+
) }),
|
|
4249
|
+
/* @__PURE__ */ jsx88("defs", { children: /* @__PURE__ */ jsx88("clipPath", { id: "clip0_975_1738", children: /* @__PURE__ */ jsx88("rect", { width: "48", height: "48", fill: "white" }) }) })
|
|
4250
|
+
] });
|
|
4251
|
+
}, "ICFolderOpen");
|
|
4252
|
+
|
|
4253
|
+
// src/assets/highlight-edit.tsx
|
|
4254
|
+
import { jsx as jsx89, jsxs as jsxs65 } from "react/jsx-runtime";
|
|
4255
|
+
var ICHighlightEdit = /* @__PURE__ */ __name((props) => {
|
|
4256
|
+
const { thick = false, fill = false, size = 32, color = "#1E1E1F" } = props;
|
|
4257
|
+
if (thick) {
|
|
4258
|
+
return /* @__PURE__ */ jsxs65("svg", { ...props, xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 48 48", fill: "none", children: [
|
|
4259
|
+
/* @__PURE__ */ jsx89(
|
|
4260
|
+
"path",
|
|
4261
|
+
{
|
|
4262
|
+
"fill-rule": "evenodd",
|
|
4263
|
+
"clip-rule": "evenodd",
|
|
4264
|
+
d: "M42.5429 2.21484C41.1383 0.81021 38.8608 0.810597 37.4567 2.21571L20.6006 19.071C20.2007 19.4709 19.9007 19.9595 19.725 20.4971L18.1191 25.4114C17.2135 28.1829 19.8094 30.8233 22.5958 29.9649L27.5955 28.4248C28.1555 28.2522 28.6648 27.9455 29.0792 27.5312L45.9278 10.6834C47.3313 9.27892 47.3309 7.00278 45.9269 5.59882L42.5429 2.21484ZM23.4971 21.8314L35.6201 9.71098L38.4326 12.5236L26.322 24.6316L22.1635 25.9126L23.4971 21.8314ZM42.8129 8.14162L41.2607 9.69487L38.4482 6.88223L40.0003 5.32909L42.8129 8.14162Z",
|
|
4265
|
+
fill: color
|
|
4266
|
+
}
|
|
4267
|
+
),
|
|
4268
|
+
/* @__PURE__ */ jsx89(
|
|
4269
|
+
"path",
|
|
4270
|
+
{
|
|
4271
|
+
d: "M9 5.00019C6.79086 5.00019 5 6.79105 5 9.00019V39.0002C5 41.2093 6.79086 43.0002 9 43.0002H39C41.2091 43.0002 43 41.2093 43 39.0002V24.0002H39V39.0002H9V9.00019H24.5V5.00019H9Z",
|
|
4272
|
+
fill: color
|
|
4273
|
+
}
|
|
4274
|
+
)
|
|
4275
|
+
] });
|
|
4276
|
+
}
|
|
4277
|
+
return /* @__PURE__ */ jsxs65("svg", { ...props, width: size, height: size, viewBox: "0 0 48 48", xmlns: "http://www.w3.org/2000/svg", fill: "none", children: [
|
|
4278
|
+
/* @__PURE__ */ jsx89("rect", { width: "48", height: "48", fill: "white" }),
|
|
4279
|
+
/* @__PURE__ */ jsx89(
|
|
4280
|
+
"path",
|
|
4281
|
+
{
|
|
4282
|
+
"fill-rule": "evenodd",
|
|
4283
|
+
"clip-rule": "evenodd",
|
|
4284
|
+
d: "M42.1894 2.5684C40.9801 1.35907 39.0193 1.35941 37.8103 2.56914L20.9541 19.4246C20.6098 19.7689 20.3515 20.1895 20.2003 20.6524L18.5944 25.5667C17.8147 27.9528 20.0496 30.2261 22.4486 29.4871L27.4483 27.9469C27.9304 27.7984 28.369 27.5343 28.7257 27.1776L45.5741 10.3299C46.7824 9.12077 46.7821 7.16111 45.5734 5.95237L42.1894 2.5684ZM23.0752 21.5462L35.6202 9.0039L39.1397 12.5237L26.6046 25.056C26.5936 25.0671 26.58 25.0753 26.5651 25.0799L21.5654 26.62C21.5466 26.6259 21.5351 26.6266 21.5298 26.6267C21.5266 26.6267 21.5237 26.6265 21.5209 26.6261C21.5188 26.6258 21.5167 26.6254 21.5147 26.6248C21.504 26.6219 21.4864 26.6135 21.4688 26.5956C21.4512 26.5777 21.4431 26.56 21.4404 26.5492C21.4398 26.5468 21.4393 26.5444 21.439 26.5419C21.4388 26.5394 21.4387 26.5368 21.4387 26.534C21.4389 26.5287 21.4399 26.5173 21.446 26.4986L23.0519 21.5842C23.0566 21.5699 23.0646 21.5568 23.0752 21.5462ZM43.4521 8.20932L41.2608 10.4021L37.7413 6.88233L39.9324 4.68974C39.9698 4.65226 40.0306 4.65225 40.0681 4.68972L43.452 8.07369C43.4895 8.11114 43.4895 8.17186 43.4521 8.20932Z",
|
|
4285
|
+
fill: color
|
|
4286
|
+
}
|
|
4287
|
+
),
|
|
4288
|
+
/* @__PURE__ */ jsx89(
|
|
4289
|
+
"path",
|
|
4290
|
+
{
|
|
4291
|
+
d: "M8.5 9.00019C8.5 8.72404 8.72386 8.50019 9 8.50019H24.5V5.50019H9C7.067 5.50019 5.5 7.06719 5.5 9.00019V39.0002C5.5 40.9332 7.067 42.5002 9 42.5002H39C40.933 42.5002 42.5 40.9332 42.5 39.0002V24.0002H39.5V39.0002C39.5 39.2763 39.2761 39.5002 39 39.5002H9C8.72386 39.5002 8.5 39.2763 8.5 39.0002V9.00019Z",
|
|
4292
|
+
fill: color
|
|
4293
|
+
}
|
|
4294
|
+
)
|
|
4295
|
+
] });
|
|
4296
|
+
}, "ICHighlightEdit");
|
|
4297
|
+
|
|
4196
4298
|
// src/utils/icon.ts
|
|
4197
4299
|
var iconMap = {
|
|
4198
4300
|
"close-fill": ICCloseFill,
|
|
@@ -4281,7 +4383,9 @@ var iconMap = {
|
|
|
4281
4383
|
paraphase: ICParaphase,
|
|
4282
4384
|
"make-easy": ICMakeEasy,
|
|
4283
4385
|
translate: ICTranslate,
|
|
4284
|
-
Info: ICInfo
|
|
4386
|
+
Info: ICInfo,
|
|
4387
|
+
"folder-open": ICFolderOpen,
|
|
4388
|
+
"highlight-edit": ICHighlightEdit
|
|
4285
4389
|
};
|
|
4286
4390
|
|
|
4287
4391
|
// src/utils/object.ts
|
|
@@ -4334,28 +4438,28 @@ import clsx from "clsx";
|
|
|
4334
4438
|
|
|
4335
4439
|
// src/components/Icon/style.module.scss
|
|
4336
4440
|
var style_module_default2 = {
|
|
4337
|
-
"icon": "
|
|
4338
|
-
"neutral-label-primary": "_neutral-label-
|
|
4339
|
-
"neutral-label-secondary": "_neutral-label-
|
|
4340
|
-
"neutral-label-tertiary": "_neutral-label-
|
|
4341
|
-
"neutral-label-quaternary": "_neutral-label-
|
|
4342
|
-
"neutral-label-static-primary": "_neutral-label-static-
|
|
4343
|
-
"neutral-label-static-secondary": "_neutral-label-static-
|
|
4344
|
-
"inverse-label-primary": "_inverse-label-
|
|
4345
|
-
"inverse-label-secondary": "_inverse-label-
|
|
4346
|
-
"inverse-label-tertiary": "_inverse-label-
|
|
4347
|
-
"inverse-label-quaternary": "_inverse-label-
|
|
4348
|
-
"inverse-label-static-primary": "_inverse-label-static-
|
|
4349
|
-
"inverse-label-static-secondary": "_inverse-label-static-
|
|
4350
|
-
"brand-label-primary": "_brand-label-
|
|
4351
|
-
"brand-label-secondary": "_brand-label-
|
|
4352
|
-
"function-label-positive": "_function-label-
|
|
4353
|
-
"function-label-negative": "_function-label-
|
|
4354
|
-
"function-label-caution": "_function-label-
|
|
4441
|
+
"icon": "_icon_4dfyb_1",
|
|
4442
|
+
"neutral-label-primary": "_neutral-label-primary_4dfyb_5",
|
|
4443
|
+
"neutral-label-secondary": "_neutral-label-secondary_4dfyb_9",
|
|
4444
|
+
"neutral-label-tertiary": "_neutral-label-tertiary_4dfyb_13",
|
|
4445
|
+
"neutral-label-quaternary": "_neutral-label-quaternary_4dfyb_17",
|
|
4446
|
+
"neutral-label-static-primary": "_neutral-label-static-primary_4dfyb_21",
|
|
4447
|
+
"neutral-label-static-secondary": "_neutral-label-static-secondary_4dfyb_25",
|
|
4448
|
+
"inverse-label-primary": "_inverse-label-primary_4dfyb_29",
|
|
4449
|
+
"inverse-label-secondary": "_inverse-label-secondary_4dfyb_33",
|
|
4450
|
+
"inverse-label-tertiary": "_inverse-label-tertiary_4dfyb_37",
|
|
4451
|
+
"inverse-label-quaternary": "_inverse-label-quaternary_4dfyb_41",
|
|
4452
|
+
"inverse-label-static-primary": "_inverse-label-static-primary_4dfyb_45",
|
|
4453
|
+
"inverse-label-static-secondary": "_inverse-label-static-secondary_4dfyb_49",
|
|
4454
|
+
"brand-label-primary": "_brand-label-primary_4dfyb_53",
|
|
4455
|
+
"brand-label-secondary": "_brand-label-secondary_4dfyb_57",
|
|
4456
|
+
"function-label-positive": "_function-label-positive_4dfyb_61",
|
|
4457
|
+
"function-label-negative": "_function-label-negative_4dfyb_65",
|
|
4458
|
+
"function-label-caution": "_function-label-caution_4dfyb_69"
|
|
4355
4459
|
};
|
|
4356
4460
|
|
|
4357
4461
|
// src/components/Icon/index.tsx
|
|
4358
|
-
import { jsx as
|
|
4462
|
+
import { jsx as jsx90 } from "react/jsx-runtime";
|
|
4359
4463
|
var iconSizeMap = {
|
|
4360
4464
|
xs: 16,
|
|
4361
4465
|
s: 20,
|
|
@@ -4401,7 +4505,7 @@ var Icon = /* @__PURE__ */ __name((props) => {
|
|
|
4401
4505
|
} = props;
|
|
4402
4506
|
const IconComponent = getIconComponent(name, iconMap);
|
|
4403
4507
|
const iconSize = iconSizeMap[size];
|
|
4404
|
-
return color ? /* @__PURE__ */
|
|
4508
|
+
return color ? /* @__PURE__ */ jsx90(IconComponent, { ...rest, color, size: iconSize, thick, fill }) : /* @__PURE__ */ jsx90(
|
|
4405
4509
|
IconComponent,
|
|
4406
4510
|
{
|
|
4407
4511
|
...rest,
|
|
@@ -4414,7 +4518,7 @@ var Icon = /* @__PURE__ */ __name((props) => {
|
|
|
4414
4518
|
}, "Icon");
|
|
4415
4519
|
|
|
4416
4520
|
// src/components/Button/index.tsx
|
|
4417
|
-
import { jsx as
|
|
4521
|
+
import { jsx as jsx91, jsxs as jsxs66 } from "react/jsx-runtime";
|
|
4418
4522
|
var buttonIconSizeMap = {
|
|
4419
4523
|
cta: "m",
|
|
4420
4524
|
l: "s",
|
|
@@ -4490,16 +4594,16 @@ var DefaultButton = forwardRef(
|
|
|
4490
4594
|
rightIcon,
|
|
4491
4595
|
...rest
|
|
4492
4596
|
}, ref) => {
|
|
4493
|
-
return /* @__PURE__ */
|
|
4597
|
+
return /* @__PURE__ */ jsx91(
|
|
4494
4598
|
"button",
|
|
4495
4599
|
{
|
|
4496
4600
|
...rest,
|
|
4497
4601
|
className: clsx2(defaultButtonVariants({ level, fill, align, size, width }), className),
|
|
4498
4602
|
ref,
|
|
4499
|
-
children: /* @__PURE__ */
|
|
4500
|
-
!!leftIcon && /* @__PURE__ */
|
|
4501
|
-
/* @__PURE__ */
|
|
4502
|
-
!!rightIcon && /* @__PURE__ */
|
|
4603
|
+
children: /* @__PURE__ */ jsxs66("span", { className: clsx2(defaultButtonChildrenVariants({ size })), children: [
|
|
4604
|
+
!!leftIcon && /* @__PURE__ */ jsx91(Icon, { name: leftIcon.name, size: buttonIconSizeMap[size], thick: buttonSizeIconThickMap[size] }),
|
|
4605
|
+
/* @__PURE__ */ jsx91("p", { className: style_module_default.content, children: rest.children }),
|
|
4606
|
+
!!rightIcon && /* @__PURE__ */ jsx91(Icon, { name: rightIcon.name, size: buttonIconSizeMap[size], thick: buttonSizeIconThickMap[size] })
|
|
4503
4607
|
] })
|
|
4504
4608
|
}
|
|
4505
4609
|
);
|
|
@@ -4507,7 +4611,7 @@ var DefaultButton = forwardRef(
|
|
|
4507
4611
|
);
|
|
4508
4612
|
var TextButton = forwardRef(
|
|
4509
4613
|
({ level = "inversePrimary", className, ...rest }, ref) => {
|
|
4510
|
-
return /* @__PURE__ */
|
|
4614
|
+
return /* @__PURE__ */ jsx91("button", { ...rest, className: clsx2(textButtonVariants({ level }), className), ref });
|
|
4511
4615
|
}
|
|
4512
4616
|
);
|
|
4513
4617
|
var Button = forwardRef((props, ref) => {
|
|
@@ -4515,10 +4619,10 @@ var Button = forwardRef((props, ref) => {
|
|
|
4515
4619
|
case "default":
|
|
4516
4620
|
case void 0:
|
|
4517
4621
|
const DefaultComp = props.asChild ? Slot : DefaultButton;
|
|
4518
|
-
return /* @__PURE__ */
|
|
4622
|
+
return /* @__PURE__ */ jsx91(DefaultComp, { ...props, ref });
|
|
4519
4623
|
case "text":
|
|
4520
4624
|
const TextComp = props.asChild ? Slot : TextButton;
|
|
4521
|
-
return /* @__PURE__ */
|
|
4625
|
+
return /* @__PURE__ */ jsx91(TextComp, { ...props, ref });
|
|
4522
4626
|
}
|
|
4523
4627
|
});
|
|
4524
4628
|
|
|
@@ -4563,9 +4667,9 @@ import { useEffect, useRef, useState } from "react";
|
|
|
4563
4667
|
|
|
4564
4668
|
// src/components/Typography/Paragraph.tsx
|
|
4565
4669
|
import clsx3 from "clsx";
|
|
4566
|
-
import { jsx as
|
|
4670
|
+
import { jsx as jsx92 } from "react/jsx-runtime";
|
|
4567
4671
|
var Paragraph = /* @__PURE__ */ __name((props) => {
|
|
4568
|
-
return /* @__PURE__ */
|
|
4672
|
+
return /* @__PURE__ */ jsx92(
|
|
4569
4673
|
"div",
|
|
4570
4674
|
{
|
|
4571
4675
|
...props,
|
|
@@ -4577,13 +4681,13 @@ var Paragraph = /* @__PURE__ */ __name((props) => {
|
|
|
4577
4681
|
|
|
4578
4682
|
// src/components/Toast/index.tsx
|
|
4579
4683
|
import { useRecoilValue, useSetRecoilState as useSetRecoilState2 } from "recoil";
|
|
4580
|
-
import { Fragment, jsx as
|
|
4684
|
+
import { Fragment, jsx as jsx93, jsxs as jsxs67 } from "react/jsx-runtime";
|
|
4581
4685
|
import { createElement } from "react";
|
|
4582
4686
|
var Toaster = /* @__PURE__ */ __name(() => {
|
|
4583
4687
|
const { list } = useRecoilValue(toastAtom);
|
|
4584
|
-
return /* @__PURE__ */
|
|
4688
|
+
return /* @__PURE__ */ jsxs67(Provider, { children: [
|
|
4585
4689
|
list.map((props) => /* @__PURE__ */ createElement(SingleToast, { ...props, key: props.toastId })),
|
|
4586
|
-
/* @__PURE__ */
|
|
4690
|
+
/* @__PURE__ */ jsx93(Viewport, { className: style_module_default3.ToastViewport })
|
|
4587
4691
|
] });
|
|
4588
4692
|
}, "Toaster");
|
|
4589
4693
|
var SingleToast = /* @__PURE__ */ __name((props) => {
|
|
@@ -4613,51 +4717,51 @@ var SingleToast = /* @__PURE__ */ __name((props) => {
|
|
|
4613
4717
|
};
|
|
4614
4718
|
}, []);
|
|
4615
4719
|
const IconComponent = (() => {
|
|
4616
|
-
if (!icon) return /* @__PURE__ */
|
|
4720
|
+
if (!icon) return /* @__PURE__ */ jsx93(Fragment, {});
|
|
4617
4721
|
switch (icon) {
|
|
4618
4722
|
case "negative":
|
|
4619
|
-
return /* @__PURE__ */
|
|
4723
|
+
return /* @__PURE__ */ jsx93(Icon, { name: "exclamationmark", type: "function-label-negative", fill: true, size: "s" });
|
|
4620
4724
|
case "positive":
|
|
4621
|
-
return /* @__PURE__ */
|
|
4725
|
+
return /* @__PURE__ */ jsx93(Icon, { name: "check-mark", type: "function-label-positive", fill: true, size: "s" });
|
|
4622
4726
|
default:
|
|
4623
|
-
return /* @__PURE__ */
|
|
4727
|
+
return /* @__PURE__ */ jsx93(Fragment, {});
|
|
4624
4728
|
}
|
|
4625
4729
|
})();
|
|
4626
|
-
return /* @__PURE__ */
|
|
4627
|
-
/* @__PURE__ */
|
|
4628
|
-
/* @__PURE__ */
|
|
4629
|
-
/* @__PURE__ */
|
|
4630
|
-
button && /* @__PURE__ */
|
|
4730
|
+
return /* @__PURE__ */ jsxs67(Root, { className: style_module_default3.ToastRoot, open: isOpen, ...props, children: [
|
|
4731
|
+
/* @__PURE__ */ jsx93("i", { className: style_module_default3.Icon, children: IconComponent }),
|
|
4732
|
+
/* @__PURE__ */ jsxs67(Title, { className: style_module_default3.ToastTitle, children: [
|
|
4733
|
+
/* @__PURE__ */ jsx93(Paragraph, { className: style_module_default3.TitleText, type: "normal", weight: "medium", size: 3, children: message }),
|
|
4734
|
+
button && /* @__PURE__ */ jsx93(Button, { onClick: button.onClick, level: "inverse", size: "s", align: "center", children: button.label })
|
|
4631
4735
|
] })
|
|
4632
4736
|
] });
|
|
4633
4737
|
}, "SingleToast");
|
|
4634
4738
|
|
|
4635
4739
|
// src/components/Typography/Heading.tsx
|
|
4636
4740
|
import clsx4 from "clsx";
|
|
4637
|
-
import { jsx as
|
|
4741
|
+
import { jsx as jsx94 } from "react/jsx-runtime";
|
|
4638
4742
|
var Heading = /* @__PURE__ */ __name((props) => {
|
|
4639
|
-
return /* @__PURE__ */
|
|
4743
|
+
return /* @__PURE__ */ jsx94("div", { ...props, className: clsx4(`lp-sys-typo-heading${props.size}-${props.type}`, props.className), children: props.children });
|
|
4640
4744
|
}, "Heading");
|
|
4641
4745
|
|
|
4642
4746
|
// src/components/Typography/Display.tsx
|
|
4643
4747
|
import clsx5 from "clsx";
|
|
4644
|
-
import { jsx as
|
|
4748
|
+
import { jsx as jsx95 } from "react/jsx-runtime";
|
|
4645
4749
|
var Display = /* @__PURE__ */ __name((props) => {
|
|
4646
|
-
return /* @__PURE__ */
|
|
4750
|
+
return /* @__PURE__ */ jsx95("div", { ...props, className: clsx5(`lp-sys-typo-display${props.size}-${props.type}-${props.weight}`, props.className), children: props.children });
|
|
4647
4751
|
}, "Display");
|
|
4648
4752
|
|
|
4649
4753
|
// src/components/Typography/Title.tsx
|
|
4650
4754
|
import clsx6 from "clsx";
|
|
4651
|
-
import { jsx as
|
|
4755
|
+
import { jsx as jsx96 } from "react/jsx-runtime";
|
|
4652
4756
|
var Title2 = /* @__PURE__ */ __name((props) => {
|
|
4653
|
-
return /* @__PURE__ */
|
|
4757
|
+
return /* @__PURE__ */ jsx96("div", { ...props, className: clsx6(`lp-sys-typo-title${props.size}-${props.type}-${props.weight}`, props.className), children: props.children });
|
|
4654
4758
|
}, "Title");
|
|
4655
4759
|
|
|
4656
4760
|
// src/components/Typography/Caption.tsx
|
|
4657
4761
|
import clsx7 from "clsx";
|
|
4658
|
-
import { jsx as
|
|
4762
|
+
import { jsx as jsx97 } from "react/jsx-runtime";
|
|
4659
4763
|
var Caption = /* @__PURE__ */ __name(({ children, size, weight, type, className, ...rest }) => {
|
|
4660
|
-
return /* @__PURE__ */
|
|
4764
|
+
return /* @__PURE__ */ jsx97("div", { ...rest, className: clsx7(`lp-sys-typo-caption${size}-${type}-${weight}`, className), children });
|
|
4661
4765
|
}, "Caption");
|
|
4662
4766
|
|
|
4663
4767
|
// src/components/Popover/index.tsx
|
|
@@ -4683,7 +4787,7 @@ var style_module_default4 = {
|
|
|
4683
4787
|
// src/components/Popover/index.tsx
|
|
4684
4788
|
import { cva as cva3 } from "class-variance-authority";
|
|
4685
4789
|
import { clsx as clsx8 } from "clsx";
|
|
4686
|
-
import { jsx as
|
|
4790
|
+
import { jsx as jsx98, jsxs as jsxs68 } from "react/jsx-runtime";
|
|
4687
4791
|
var DEFAULT_OFFSET = -6;
|
|
4688
4792
|
var popoverVariants = cva3(style_module_default4.content, {
|
|
4689
4793
|
variants: {
|
|
@@ -4705,9 +4809,9 @@ var popoverTagVariants = cva3([style_module_default4.tag, "lp-sys-typo-caption3-
|
|
|
4705
4809
|
var popoverTitleVariants = cva3([style_module_default4.title, "lp-sys-typo-paragraph3-normal-bold"]);
|
|
4706
4810
|
var popoverSubtitleVariants = cva3([style_module_default4.subTitle, "lp-sys-typo-caption1-normal-regular"]);
|
|
4707
4811
|
var popoverFooterVariants = cva3([style_module_default4.footer, "lp-sys-typo-caption1-normal-medium"]);
|
|
4708
|
-
var PopoverRoot = /* @__PURE__ */ __name(({ isOpen, children, onChange }) => /* @__PURE__ */
|
|
4709
|
-
var PopoverTrigger = /* @__PURE__ */ __name(({ by }) => /* @__PURE__ */
|
|
4710
|
-
var PopoverAnchor = /* @__PURE__ */ __name(({ className }) => /* @__PURE__ */
|
|
4812
|
+
var PopoverRoot = /* @__PURE__ */ __name(({ isOpen, children, onChange }) => /* @__PURE__ */ jsx98(PopoverPrimitive.Root, { open: isOpen, onOpenChange: onChange, children }), "PopoverRoot");
|
|
4813
|
+
var PopoverTrigger = /* @__PURE__ */ __name(({ by }) => /* @__PURE__ */ jsx98(PopoverPrimitive.Trigger, { asChild: true, children: by }), "PopoverTrigger");
|
|
4814
|
+
var PopoverAnchor = /* @__PURE__ */ __name(({ className }) => /* @__PURE__ */ jsx98(
|
|
4711
4815
|
"svg",
|
|
4712
4816
|
{
|
|
4713
4817
|
className,
|
|
@@ -4717,7 +4821,7 @@ var PopoverAnchor = /* @__PURE__ */ __name(({ className }) => /* @__PURE__ */ js
|
|
|
4717
4821
|
height: "10",
|
|
4718
4822
|
viewBox: "0 0 30 10",
|
|
4719
4823
|
fill: "none",
|
|
4720
|
-
children: /* @__PURE__ */
|
|
4824
|
+
children: /* @__PURE__ */ jsx98(
|
|
4721
4825
|
"path",
|
|
4722
4826
|
{
|
|
4723
4827
|
"fill-rule": "evenodd",
|
|
@@ -4742,7 +4846,7 @@ var PopoverContent = React.forwardRef(
|
|
|
4742
4846
|
onClose,
|
|
4743
4847
|
className,
|
|
4744
4848
|
...props
|
|
4745
|
-
}, ref) => /* @__PURE__ */
|
|
4849
|
+
}, ref) => /* @__PURE__ */ jsx98(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsxs68(
|
|
4746
4850
|
PopoverPrimitive.Content,
|
|
4747
4851
|
{
|
|
4748
4852
|
ref,
|
|
@@ -4752,24 +4856,24 @@ var PopoverContent = React.forwardRef(
|
|
|
4752
4856
|
className: clsx8(popoverVariants({ level }), className),
|
|
4753
4857
|
...props,
|
|
4754
4858
|
children: [
|
|
4755
|
-
/* @__PURE__ */
|
|
4756
|
-
/* @__PURE__ */
|
|
4757
|
-
tag && /* @__PURE__ */
|
|
4758
|
-
icon && /* @__PURE__ */
|
|
4759
|
-
/* @__PURE__ */
|
|
4760
|
-
/* @__PURE__ */
|
|
4859
|
+
/* @__PURE__ */ jsxs68("div", { className: style_module_default4.contentContainer, children: [
|
|
4860
|
+
/* @__PURE__ */ jsxs68("div", { className: style_module_default4.heading, children: [
|
|
4861
|
+
tag && /* @__PURE__ */ jsx98("span", { className: popoverTagVariants(), children: tag }),
|
|
4862
|
+
icon && /* @__PURE__ */ jsx98(Icon, { name: icon.name, size: "xs", thick: icon.thick, fill: icon.fill }),
|
|
4863
|
+
/* @__PURE__ */ jsx98("p", { className: popoverTitleVariants(), children: title }),
|
|
4864
|
+
/* @__PURE__ */ jsx98(
|
|
4761
4865
|
PopoverPrimitive.PopoverClose,
|
|
4762
4866
|
{
|
|
4763
4867
|
className: style_module_default4.closeButton,
|
|
4764
4868
|
onClick: () => {
|
|
4765
4869
|
onClose?.();
|
|
4766
4870
|
},
|
|
4767
|
-
children: /* @__PURE__ */
|
|
4871
|
+
children: /* @__PURE__ */ jsx98(Icon, { name: "close-fill", size: "s", color: "#1E1E1F", fill: true, thick: true })
|
|
4768
4872
|
}
|
|
4769
4873
|
)
|
|
4770
4874
|
] }),
|
|
4771
|
-
/* @__PURE__ */
|
|
4772
|
-
onConfirm && /* @__PURE__ */
|
|
4875
|
+
/* @__PURE__ */ jsx98("p", { className: popoverSubtitleVariants(), children: subTitle }),
|
|
4876
|
+
onConfirm && /* @__PURE__ */ jsx98("div", { className: popoverFooterVariants(), children: /* @__PURE__ */ jsx98(
|
|
4773
4877
|
Button,
|
|
4774
4878
|
{
|
|
4775
4879
|
as: "text",
|
|
@@ -4781,7 +4885,7 @@ var PopoverContent = React.forwardRef(
|
|
|
4781
4885
|
}
|
|
4782
4886
|
) })
|
|
4783
4887
|
] }),
|
|
4784
|
-
/* @__PURE__ */
|
|
4888
|
+
/* @__PURE__ */ jsx98(PopoverPrimitive.Arrow, { asChild: true, children: /* @__PURE__ */ jsx98(PopoverAnchor, { className: clsx8(popoverAnchorVariants({ level })) }) })
|
|
4785
4889
|
]
|
|
4786
4890
|
}
|
|
4787
4891
|
) })
|
|
@@ -4806,14 +4910,14 @@ var style_module_default5 = {
|
|
|
4806
4910
|
// src/components/Tooltip/index.tsx
|
|
4807
4911
|
import { cva as cva4 } from "class-variance-authority";
|
|
4808
4912
|
import clsx9 from "clsx";
|
|
4809
|
-
import { jsx as
|
|
4913
|
+
import { jsx as jsx99 } from "react/jsx-runtime";
|
|
4810
4914
|
var DEFAULT_OFFSET2 = 4;
|
|
4811
4915
|
var tooltipVariants = cva4([style_module_default5.tooltip, "lp-sys-typo-caption1-normal-medium"]);
|
|
4812
4916
|
var TooltipProvider = TooltipPrimitive.Provider;
|
|
4813
|
-
var TooltipRoot = /* @__PURE__ */ __name(({ children }) => /* @__PURE__ */
|
|
4814
|
-
var TooltipTrigger = /* @__PURE__ */ __name(({ by }) => /* @__PURE__ */
|
|
4917
|
+
var TooltipRoot = /* @__PURE__ */ __name(({ children }) => /* @__PURE__ */ jsx99(TooltipPrimitive.Root, { delayDuration: 0, children }), "TooltipRoot");
|
|
4918
|
+
var TooltipTrigger = /* @__PURE__ */ __name(({ by }) => /* @__PURE__ */ jsx99(TooltipPrimitive.Trigger, { asChild: true, children: by }), "TooltipTrigger");
|
|
4815
4919
|
var TooltipContent = forwardRef3(
|
|
4816
|
-
({ description, position = "top", className, offset = DEFAULT_OFFSET2, ...props }, ref) => /* @__PURE__ */
|
|
4920
|
+
({ description, position = "top", className, offset = DEFAULT_OFFSET2, ...props }, ref) => /* @__PURE__ */ jsx99(
|
|
4817
4921
|
TooltipPrimitive.Content,
|
|
4818
4922
|
{
|
|
4819
4923
|
ref,
|
|
@@ -4821,7 +4925,7 @@ var TooltipContent = forwardRef3(
|
|
|
4821
4925
|
sideOffset: offset,
|
|
4822
4926
|
className: clsx9(tooltipVariants(), className),
|
|
4823
4927
|
...props,
|
|
4824
|
-
children: /* @__PURE__ */
|
|
4928
|
+
children: /* @__PURE__ */ jsx99("p", { className: style_module_default5.tooltipContent, children: description })
|
|
4825
4929
|
}
|
|
4826
4930
|
)
|
|
4827
4931
|
);
|
|
@@ -4853,7 +4957,7 @@ var style_module_default6 = {
|
|
|
4853
4957
|
|
|
4854
4958
|
// src/components/IconButton/index.tsx
|
|
4855
4959
|
import { Slot as Slot2 } from "@radix-ui/react-slot";
|
|
4856
|
-
import { jsx as
|
|
4960
|
+
import { jsx as jsx100 } from "react/jsx-runtime";
|
|
4857
4961
|
var iconButtonSizeIconSizeMap = {
|
|
4858
4962
|
l: "m",
|
|
4859
4963
|
m: "s",
|
|
@@ -4881,7 +4985,7 @@ var iconButtonVariants = cva5([style_module_default6.iconButton], {
|
|
|
4881
4985
|
var IconButton = forwardRef4(
|
|
4882
4986
|
({ asChild, level = "primary", name, thick = false, fill = false, size = "m", className, ...rest }, ref) => {
|
|
4883
4987
|
const Comp = asChild ? Slot2 : "button";
|
|
4884
|
-
return /* @__PURE__ */
|
|
4988
|
+
return /* @__PURE__ */ jsx100(Comp, { ...rest, className: clsx10(iconButtonVariants({ level, size }), className), ref, children: /* @__PURE__ */ jsx100(Icon, { name, thick, fill, size: iconButtonSizeIconSizeMap[size] }) });
|
|
4885
4989
|
}
|
|
4886
4990
|
);
|
|
4887
4991
|
|
|
@@ -4895,7 +4999,7 @@ import * as React3 from "react";
|
|
|
4895
4999
|
import * as React2 from "react";
|
|
4896
5000
|
import * as ReactDOM from "react-dom";
|
|
4897
5001
|
import { Slot as Slot3 } from "@radix-ui/react-slot";
|
|
4898
|
-
import { jsx as
|
|
5002
|
+
import { jsx as jsx101 } from "react/jsx-runtime";
|
|
4899
5003
|
var NODES = [
|
|
4900
5004
|
"a",
|
|
4901
5005
|
"button",
|
|
@@ -4921,17 +5025,17 @@ var Primitive = NODES.reduce((primitive, node) => {
|
|
|
4921
5025
|
if (typeof window !== "undefined") {
|
|
4922
5026
|
window[Symbol.for("radix-ui")] = true;
|
|
4923
5027
|
}
|
|
4924
|
-
return /* @__PURE__ */
|
|
5028
|
+
return /* @__PURE__ */ jsx101(Comp, { ...primitiveProps, ref: forwardedRef });
|
|
4925
5029
|
});
|
|
4926
5030
|
Node.displayName = `Primitive.${node}`;
|
|
4927
5031
|
return { ...primitive, [node]: Node };
|
|
4928
5032
|
}, {});
|
|
4929
5033
|
|
|
4930
5034
|
// ../../node_modules/@radix-ui/react-label/dist/index.mjs
|
|
4931
|
-
import { jsx as
|
|
5035
|
+
import { jsx as jsx102 } from "react/jsx-runtime";
|
|
4932
5036
|
var NAME = "Label";
|
|
4933
5037
|
var Label = React3.forwardRef((props, forwardedRef) => {
|
|
4934
|
-
return /* @__PURE__ */
|
|
5038
|
+
return /* @__PURE__ */ jsx102(
|
|
4935
5039
|
Primitive.label,
|
|
4936
5040
|
{
|
|
4937
5041
|
...props,
|
|
@@ -4957,9 +5061,9 @@ var style_module_default7 = {
|
|
|
4957
5061
|
};
|
|
4958
5062
|
|
|
4959
5063
|
// src/components/Label/index.tsx
|
|
4960
|
-
import { jsx as
|
|
5064
|
+
import { jsx as jsx103 } from "react/jsx-runtime";
|
|
4961
5065
|
var Label2 = forwardRef7(({ className, ...props }, ref) => {
|
|
4962
|
-
return /* @__PURE__ */
|
|
5066
|
+
return /* @__PURE__ */ jsx103(
|
|
4963
5067
|
Root4,
|
|
4964
5068
|
{
|
|
4965
5069
|
ref,
|