@liner-fe/prism 1.8.10 → 1.8.12
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/android.d.ts +8 -0
- package/lib/assets/apple.d.ts +8 -0
- package/lib/assets/arrow-drop-down.d.ts +8 -0
- package/lib/assets/arrow-forward.d.ts +1 -0
- package/lib/assets/double-arrow-backward.d.ts +8 -0
- package/lib/assets/double-arrow-forward.d.ts +8 -0
- package/lib/assets/facebook.d.ts +8 -0
- package/lib/assets/google.d.ts +8 -0
- package/lib/assets/index.d.ts +5 -0
- package/lib/assets/twitter.d.ts +8 -0
- package/lib/components/Button/index.d.ts +1 -1
- package/lib/components/IconButton/index.d.ts +1 -1
- package/lib/index.css +4 -4
- package/lib/index.css.map +2 -2
- package/lib/index.d.ts +1 -1
- package/lib/index.mjs +237 -66
- package/lib/index.mjs.map +4 -4
- package/lib/type/index.d.ts +1 -1
- package/package.json +1 -1
- /package/lib/components/{Label → _Label}/index.d.ts +0 -0
package/lib/index.mjs
CHANGED
|
@@ -1018,9 +1018,23 @@ var ICArrowBack = /* @__PURE__ */ __name((props) => {
|
|
|
1018
1018
|
}, "ICArrowBack");
|
|
1019
1019
|
|
|
1020
1020
|
// src/assets/arrow-forward.tsx
|
|
1021
|
-
import { jsx as jsx29 } from "react/jsx-runtime";
|
|
1021
|
+
import { Fragment, jsx as jsx29 } from "react/jsx-runtime";
|
|
1022
1022
|
var ICArrowForward = /* @__PURE__ */ __name((props) => {
|
|
1023
|
-
const { thick = false, fill = false, size = 32, color = "#1E1E1F" } = props;
|
|
1023
|
+
const { thick = false, fill = false, size = 32, color = "#1E1E1F", type = "m" } = props;
|
|
1024
|
+
if (type === "s") {
|
|
1025
|
+
if (fill && thick) {
|
|
1026
|
+
return /* @__PURE__ */ jsx29("svg", { ...props, width: size, height: size, viewBox: "0 0 48 48", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx29(
|
|
1027
|
+
"path",
|
|
1028
|
+
{
|
|
1029
|
+
"fill-rule": "evenodd",
|
|
1030
|
+
"clip-rule": "evenodd",
|
|
1031
|
+
d: "M17.9392 34.939L28.5249 24.3534C28.7201 24.1581 28.7201 23.8415 28.5249 23.6463L17.9392 13.0606L20.0605 10.9393L30.6462 21.5249C32.013 22.8918 32.013 25.1079 30.6462 26.4747L20.0605 37.0603L17.9392 34.939Z",
|
|
1032
|
+
fill: color
|
|
1033
|
+
}
|
|
1034
|
+
) });
|
|
1035
|
+
}
|
|
1036
|
+
return /* @__PURE__ */ jsx29(Fragment, {});
|
|
1037
|
+
}
|
|
1024
1038
|
if (thick) {
|
|
1025
1039
|
return /* @__PURE__ */ jsx29("svg", { ...props, width: size, height: size, viewBox: "0 0 48 48", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx29(
|
|
1026
1040
|
"path",
|
|
@@ -4275,7 +4289,6 @@ var ICHighlightEdit = /* @__PURE__ */ __name((props) => {
|
|
|
4275
4289
|
] });
|
|
4276
4290
|
}
|
|
4277
4291
|
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
4292
|
/* @__PURE__ */ jsx89(
|
|
4280
4293
|
"path",
|
|
4281
4294
|
{
|
|
@@ -4295,6 +4308,159 @@ var ICHighlightEdit = /* @__PURE__ */ __name((props) => {
|
|
|
4295
4308
|
] });
|
|
4296
4309
|
}, "ICHighlightEdit");
|
|
4297
4310
|
|
|
4311
|
+
// src/assets/apple.tsx
|
|
4312
|
+
import { jsx as jsx90, jsxs as jsxs66 } from "react/jsx-runtime";
|
|
4313
|
+
var ICApple = /* @__PURE__ */ __name((props) => {
|
|
4314
|
+
const { thick = false, fill = false, size = 32, color = "#1E1E1F" } = props;
|
|
4315
|
+
if (fill) {
|
|
4316
|
+
return /* @__PURE__ */ jsxs66("svg", { ...props, width: size, height: size, viewBox: "0 0 48 48", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
|
|
4317
|
+
/* @__PURE__ */ jsx90(
|
|
4318
|
+
"path",
|
|
4319
|
+
{
|
|
4320
|
+
d: "M29.6769 9.89979C30.8569 8.37985 31.7568 6.19991 31.4368 4C29.4969 4.13999 27.237 5.37993 25.8971 6.97986C24.6971 8.43981 23.7171 10.6197 24.0971 12.7396C26.217 12.8196 28.417 11.5397 29.6769 9.89979Z",
|
|
4321
|
+
fill: color
|
|
4322
|
+
}
|
|
4323
|
+
),
|
|
4324
|
+
/* @__PURE__ */ jsx90(
|
|
4325
|
+
"path",
|
|
4326
|
+
{
|
|
4327
|
+
d: "M40.4766 33.5796C39.5767 35.5996 39.1367 36.5195 37.9567 38.3194C36.3168 40.8393 33.9969 43.9592 31.097 43.9992C29.9496 44.0187 29.1994 43.6788 28.3865 43.3107C28.3634 43.3002 28.3403 43.2898 28.3171 43.2793C28.282 43.2635 28.2468 43.2477 28.2115 43.2318C27.2616 42.8041 26.2306 42.34 24.4373 42.3593C22.5864 42.3593 21.5278 42.8346 20.5518 43.2728L20.5374 43.2793C20.5147 43.2893 20.492 43.2993 20.4694 43.3093C19.6359 43.678 18.8658 44.0187 17.6975 43.9992C14.8376 43.9592 12.6377 41.1393 10.9978 38.6194C6.41797 31.5797 5.91799 23.34 8.75788 18.9402C10.7778 15.8203 13.9577 14.0004 16.9375 14.0004C18.5375 14.0004 19.8174 14.4604 21.0374 14.9004L21.0482 14.9043C22.1642 15.3028 23.2212 15.6803 24.4173 15.6803C25.5372 15.6803 26.4372 15.3404 27.4371 14.9604C28.6171 14.5004 29.937 14.0004 31.857 14.0004C34.5169 14.0004 37.3368 15.4603 39.3367 17.9802C32.7769 21.6001 33.8369 31.0597 40.4766 33.5796Z",
|
|
4328
|
+
fill: color
|
|
4329
|
+
}
|
|
4330
|
+
)
|
|
4331
|
+
] });
|
|
4332
|
+
}
|
|
4333
|
+
return /* @__PURE__ */ jsxs66("svg", { ...props, width: size, height: size, viewBox: "0 0 48 48", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
|
|
4334
|
+
/* @__PURE__ */ jsx90(
|
|
4335
|
+
"path",
|
|
4336
|
+
{
|
|
4337
|
+
d: "M29.6769 9.89979C30.8569 8.37985 31.7568 6.19991 31.4368 4C29.4969 4.13999 27.237 5.37993 25.8971 6.97986C24.6971 8.43981 23.7171 10.6197 24.0971 12.7396C26.217 12.8196 28.417 11.5397 29.6769 9.89979Z",
|
|
4338
|
+
fill: color
|
|
4339
|
+
}
|
|
4340
|
+
),
|
|
4341
|
+
/* @__PURE__ */ jsx90(
|
|
4342
|
+
"path",
|
|
4343
|
+
{
|
|
4344
|
+
d: "M40.4766 33.5796C39.5767 35.5996 39.1367 36.5195 37.9567 38.3194C36.3168 40.8393 33.9969 43.9592 31.097 43.9992C29.9496 44.0187 29.1994 43.6788 28.3865 43.3107C28.3634 43.3002 28.3403 43.2898 28.3171 43.2793C28.282 43.2635 28.2468 43.2477 28.2115 43.2318C27.2616 42.8041 26.2306 42.34 24.4373 42.3593C22.5864 42.3593 21.5278 42.8346 20.5518 43.2728L20.5374 43.2793C20.5147 43.2893 20.492 43.2993 20.4694 43.3093C19.6359 43.678 18.8658 44.0187 17.6975 43.9992C14.8376 43.9592 12.6377 41.1393 10.9978 38.6194C6.41797 31.5797 5.91799 23.34 8.75788 18.9402C10.7778 15.8203 13.9577 14.0004 16.9375 14.0004C18.5375 14.0004 19.8174 14.4604 21.0374 14.9004L21.0482 14.9043C22.1642 15.3028 23.2212 15.6803 24.4173 15.6803C25.5372 15.6803 26.4372 15.3404 27.4371 14.9604C28.6171 14.5004 29.937 14.0004 31.857 14.0004C34.5169 14.0004 37.3368 15.4603 39.3367 17.9802C32.7769 21.6001 33.8369 31.0597 40.4766 33.5796Z",
|
|
4345
|
+
fill: color
|
|
4346
|
+
}
|
|
4347
|
+
)
|
|
4348
|
+
] });
|
|
4349
|
+
}, "ICApple");
|
|
4350
|
+
|
|
4351
|
+
// src/assets/android.tsx
|
|
4352
|
+
import { jsx as jsx91 } from "react/jsx-runtime";
|
|
4353
|
+
var ICAndroid = /* @__PURE__ */ __name((props) => {
|
|
4354
|
+
const { thick = false, fill = false, size = 32, color = "#1E1E1F" } = props;
|
|
4355
|
+
if (fill) {
|
|
4356
|
+
return /* @__PURE__ */ jsx91("svg", { ...props, width: size, height: size, viewBox: "0 0 48 48", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx91(
|
|
4357
|
+
"path",
|
|
4358
|
+
{
|
|
4359
|
+
d: "M35.2 18.9604L38.88 12.6004C39.2 11.9804 38.96 11.2204 38.36 10.9004C37.78 10.6004 37.06 10.7804 36.7 11.3404L32.94 17.8204C27.22 15.4004 20.78 15.4004 15.06 17.8204L11.3 11.3404C10.92 10.7604 10.14 10.5804 9.56 10.9404C9 11.3004 8.82 12.0204 9.12 12.6004L12.8 18.9604C6.9141 22.3211 2.97489 28.2413 2.11174 34.9243C2.03703 35.5027 2.49855 36.0004 3.08174 36.0004H44.9183C45.5015 36.0004 45.963 35.5027 45.8883 34.9243C45.0251 28.2413 41.0859 22.3211 35.2 18.9604ZM14 30.5004C12.62 30.5004 11.5 29.3804 11.5 28.0004C11.5 26.6204 12.62 25.5004 14 25.5004C15.38 25.5004 16.5 26.6204 16.5 28.0004C16.5 29.3804 15.38 30.5004 14 30.5004ZM34 30.5004C32.62 30.5004 31.5 29.3804 31.5 28.0004C31.5 26.6204 32.62 25.5004 34 25.5004C35.38 25.5004 36.5 26.6204 36.5 28.0004C36.5 29.3804 35.38 30.5004 34 30.5004Z",
|
|
4360
|
+
fill: color
|
|
4361
|
+
}
|
|
4362
|
+
) });
|
|
4363
|
+
}
|
|
4364
|
+
return /* @__PURE__ */ jsx91("svg", { ...props, width: size, height: size, viewBox: "0 0 48 48", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx91(
|
|
4365
|
+
"path",
|
|
4366
|
+
{
|
|
4367
|
+
d: "M35.2 18.9604L38.88 12.6004C39.2 11.9804 38.96 11.2204 38.36 10.9004C37.78 10.6004 37.06 10.7804 36.7 11.3404L32.94 17.8204C27.22 15.4004 20.78 15.4004 15.06 17.8204L11.3 11.3404C10.92 10.7604 10.14 10.5804 9.56 10.9404C9 11.3004 8.82 12.0204 9.12 12.6004L12.8 18.9604C6.9141 22.3211 2.97489 28.2413 2.11174 34.9243C2.03703 35.5027 2.49855 36.0004 3.08174 36.0004H44.9183C45.5015 36.0004 45.963 35.5027 45.8883 34.9243C45.0251 28.2413 41.0859 22.3211 35.2 18.9604ZM14 30.5004C12.62 30.5004 11.5 29.3804 11.5 28.0004C11.5 26.6204 12.62 25.5004 14 25.5004C15.38 25.5004 16.5 26.6204 16.5 28.0004C16.5 29.3804 15.38 30.5004 14 30.5004ZM34 30.5004C32.62 30.5004 31.5 29.3804 31.5 28.0004C31.5 26.6204 32.62 25.5004 34 25.5004C35.38 25.5004 36.5 26.6204 36.5 28.0004C36.5 29.3804 35.38 30.5004 34 30.5004Z",
|
|
4368
|
+
fill: color
|
|
4369
|
+
}
|
|
4370
|
+
) });
|
|
4371
|
+
}, "ICAndroid");
|
|
4372
|
+
|
|
4373
|
+
// src/assets/twitter.tsx
|
|
4374
|
+
import { jsx as jsx92 } from "react/jsx-runtime";
|
|
4375
|
+
var ICTwitter = /* @__PURE__ */ __name((props) => {
|
|
4376
|
+
const { thick = false, fill = false, size = 32, color = "#1E1E1F" } = props;
|
|
4377
|
+
if (fill) {
|
|
4378
|
+
return /* @__PURE__ */ jsx92("svg", { ...props, width: size, height: size, viewBox: "0 0 48 48", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx92(
|
|
4379
|
+
"path",
|
|
4380
|
+
{
|
|
4381
|
+
d: "M7.08537 7L20.5998 25.7554L7 41H10.0625L21.9657 27.6492L31.5854 41H42L27.7279 21.1925L40.3834 7H37.3262L26.362 19.2932L17.5053 7H7.08537ZM11.5884 9.33681H16.3742L37.5023 38.6577H32.7165L11.5884 9.33681Z",
|
|
4382
|
+
fill: color
|
|
4383
|
+
}
|
|
4384
|
+
) });
|
|
4385
|
+
}
|
|
4386
|
+
return /* @__PURE__ */ jsx92("svg", { ...props, width: size, height: size, viewBox: "0 0 48 48", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx92(
|
|
4387
|
+
"path",
|
|
4388
|
+
{
|
|
4389
|
+
d: "M7.08537 7L20.5998 25.7554L7 41H10.0625L21.9657 27.6492L31.5854 41H42L27.7279 21.1925L40.3834 7H37.3262L26.362 19.2932L17.5053 7H7.08537ZM11.5884 9.33681H16.3742L37.5023 38.6577H32.7165L11.5884 9.33681Z",
|
|
4390
|
+
fill: color
|
|
4391
|
+
}
|
|
4392
|
+
) });
|
|
4393
|
+
}, "ICTwitter");
|
|
4394
|
+
|
|
4395
|
+
// src/assets/facebook.tsx
|
|
4396
|
+
import { jsx as jsx93 } from "react/jsx-runtime";
|
|
4397
|
+
var ICFacebook = /* @__PURE__ */ __name((props) => {
|
|
4398
|
+
const { thick = false, fill = false, size = 32, color = "#1E1E1F" } = props;
|
|
4399
|
+
if (fill) {
|
|
4400
|
+
return /* @__PURE__ */ jsx93("svg", { ...props, width: size, height: size, viewBox: "0 0 48 48", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx93(
|
|
4401
|
+
"path",
|
|
4402
|
+
{
|
|
4403
|
+
d: "M44 24C44 13 35 4 24 4C13 4 4 13 4 24C4 34 11.25 42.25 20.75 43.75V29.75H15.75V24H20.75V19.5C20.75 14.5 23.75 11.75 28.25 11.75C30.5 11.75 32.75 12.25 32.75 12.25V17.25H30.25C27.75 17.25 27 18.75 27 20.25V24H32.5L31.5 29.75H26.75V44C36.75 42.5 44 34 44 24Z",
|
|
4404
|
+
fill: color
|
|
4405
|
+
}
|
|
4406
|
+
) });
|
|
4407
|
+
}
|
|
4408
|
+
return /* @__PURE__ */ jsx93("svg", { ...props, width: size, height: size, viewBox: "0 0 48 48", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx93(
|
|
4409
|
+
"path",
|
|
4410
|
+
{
|
|
4411
|
+
d: "M44 24C44 13 35 4 24 4C13 4 4 13 4 24C4 34 11.25 42.25 20.75 43.75V29.75H15.75V24H20.75V19.5C20.75 14.5 23.75 11.75 28.25 11.75C30.5 11.75 32.75 12.25 32.75 12.25V17.25H30.25C27.75 17.25 27 18.75 27 20.25V24H32.5L31.5 29.75H26.75V44C36.75 42.5 44 34 44 24Z",
|
|
4412
|
+
fill: color
|
|
4413
|
+
}
|
|
4414
|
+
) });
|
|
4415
|
+
}, "ICFacebook");
|
|
4416
|
+
|
|
4417
|
+
// src/assets/google.tsx
|
|
4418
|
+
import { jsx as jsx94, jsxs as jsxs67 } from "react/jsx-runtime";
|
|
4419
|
+
var ICGoogle = /* @__PURE__ */ __name((props) => {
|
|
4420
|
+
const { thick = false, fill = false, size = 32, color = "#1E1E1F" } = props;
|
|
4421
|
+
if (fill) {
|
|
4422
|
+
return /* @__PURE__ */ jsxs67("svg", { ...props, width: size, height: size, viewBox: "0 0 48 48", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
|
|
4423
|
+
/* @__PURE__ */ jsx94(
|
|
4424
|
+
"path",
|
|
4425
|
+
{
|
|
4426
|
+
d: "M41.895 20.5469C42.1195 21.7905 42.2405 23.086 42.2405 24.4333C42.2405 30.2198 40.1677 35.0909 36.5749 38.3987H36.5703L36.5727 38.3965L30.4346 33.631C32.4467 32.2837 33.7853 30.2715 34.2257 27.8966H24V20.5469H41.895Z",
|
|
4427
|
+
fill: color
|
|
4428
|
+
}
|
|
4429
|
+
),
|
|
4430
|
+
/* @__PURE__ */ jsx94(
|
|
4431
|
+
"path",
|
|
4432
|
+
{
|
|
4433
|
+
d: "M7.01831 32.5284L7.02096 32.5337L13.3671 27.6121C14.862 32.1018 19.0501 35.4428 23.9978 35.4428C26.5543 35.4428 28.7307 34.7691 30.4321 33.6291L36.5727 38.3965C33.429 41.2984 29.128 42.9998 23.9978 42.9998C16.5704 42.9998 10.1448 38.7419 7.01831 32.5322V32.5284Z",
|
|
4434
|
+
fill: color
|
|
4435
|
+
}
|
|
4436
|
+
),
|
|
4437
|
+
/* @__PURE__ */ jsx94(
|
|
4438
|
+
"path",
|
|
4439
|
+
{
|
|
4440
|
+
"fill-rule": "evenodd",
|
|
4441
|
+
"clip-rule": "evenodd",
|
|
4442
|
+
d: "M23.9979 12.557C26.7875 12.557 29.2921 13.5157 31.2612 15.3984L36.7109 9.94876C33.4204 6.88277 29.1193 5 23.9979 5C16.5704 5 10.1448 9.25783 7.01834 15.4675L13.3662 20.3904C14.8604 15.8994 19.0491 12.557 23.9979 12.557Z",
|
|
4443
|
+
fill: color
|
|
4444
|
+
}
|
|
4445
|
+
),
|
|
4446
|
+
/* @__PURE__ */ jsx94(
|
|
4447
|
+
"path",
|
|
4448
|
+
{
|
|
4449
|
+
d: "M7.0203 15.4691L13.3662 20.3904C13.3671 20.3877 13.368 20.3851 13.3688 20.3824V20.3906C12.9888 21.5307 12.7729 22.7484 12.7729 24.0007C12.7729 25.253 12.9888 26.4708 13.3688 27.6108L7.02096 32.5337C5.73411 29.9686 5 27.0667 5 24.0007C5 20.9352 5.73386 18.0338 7.0203 15.4691Z",
|
|
4450
|
+
fill: color
|
|
4451
|
+
}
|
|
4452
|
+
)
|
|
4453
|
+
] });
|
|
4454
|
+
}
|
|
4455
|
+
return /* @__PURE__ */ jsx94("svg", { ...props, width: size, height: size, viewBox: "0 0 48 48", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx94(
|
|
4456
|
+
"path",
|
|
4457
|
+
{
|
|
4458
|
+
d: "M31.2612 15.3984C29.292 13.5157 26.7874 12.557 23.9978 12.557C19.052 12.557 14.8653 15.8954 13.3688 20.3824V20.3906C12.9888 21.5307 12.7729 22.7484 12.7729 24.0007C12.7729 25.253 12.9888 26.4708 13.3688 27.6108L13.3671 27.6121C14.862 32.1018 19.0501 35.4428 23.9978 35.4428C26.5543 35.4428 28.7307 34.7691 30.4321 33.6291L30.4346 33.631C32.4467 32.2837 33.7853 30.2715 34.2257 27.8966H24V20.5469H41.895C42.1195 21.7905 42.2405 23.086 42.2405 24.4333C42.2405 30.2198 40.1677 35.0909 36.5749 38.3987H36.5703C33.4268 41.2992 29.1266 42.9998 23.9978 42.9998C16.5704 42.9998 10.1448 38.7419 7.01831 32.5322V32.5284C5.7331 29.9646 5 27.0646 5 24.0007C5 20.9352 5.73386 18.0338 7.0203 15.4691L7.01831 15.4675C10.1448 9.25783 16.5704 5 23.9978 5C29.1193 5 33.4203 6.88277 36.7109 9.94876L31.2612 15.3984Z",
|
|
4459
|
+
fill: color
|
|
4460
|
+
}
|
|
4461
|
+
) });
|
|
4462
|
+
}, "ICGoogle");
|
|
4463
|
+
|
|
4298
4464
|
// src/utils/icon.ts
|
|
4299
4465
|
var iconMap = {
|
|
4300
4466
|
"close-fill": ICCloseFill,
|
|
@@ -4385,7 +4551,12 @@ var iconMap = {
|
|
|
4385
4551
|
translate: ICTranslate,
|
|
4386
4552
|
Info: ICInfo,
|
|
4387
4553
|
"folder-open": ICFolderOpen,
|
|
4388
|
-
"highlight-edit": ICHighlightEdit
|
|
4554
|
+
"highlight-edit": ICHighlightEdit,
|
|
4555
|
+
apple: ICApple,
|
|
4556
|
+
android: ICAndroid,
|
|
4557
|
+
twitter: ICTwitter,
|
|
4558
|
+
facebook: ICFacebook,
|
|
4559
|
+
google: ICGoogle
|
|
4389
4560
|
};
|
|
4390
4561
|
|
|
4391
4562
|
// src/utils/object.ts
|
|
@@ -4459,7 +4630,7 @@ var style_module_default2 = {
|
|
|
4459
4630
|
};
|
|
4460
4631
|
|
|
4461
4632
|
// src/components/Icon/index.tsx
|
|
4462
|
-
import { jsx as
|
|
4633
|
+
import { jsx as jsx95 } from "react/jsx-runtime";
|
|
4463
4634
|
var iconSizeMap = {
|
|
4464
4635
|
xs: 16,
|
|
4465
4636
|
s: 20,
|
|
@@ -4505,7 +4676,7 @@ var Icon = /* @__PURE__ */ __name((props) => {
|
|
|
4505
4676
|
} = props;
|
|
4506
4677
|
const IconComponent = getIconComponent(name, iconMap);
|
|
4507
4678
|
const iconSize = iconSizeMap[size];
|
|
4508
|
-
return color ? /* @__PURE__ */
|
|
4679
|
+
return color ? /* @__PURE__ */ jsx95(IconComponent, { ...rest, color, size: iconSize, thick, fill }) : /* @__PURE__ */ jsx95(
|
|
4509
4680
|
IconComponent,
|
|
4510
4681
|
{
|
|
4511
4682
|
...rest,
|
|
@@ -4518,7 +4689,7 @@ var Icon = /* @__PURE__ */ __name((props) => {
|
|
|
4518
4689
|
}, "Icon");
|
|
4519
4690
|
|
|
4520
4691
|
// src/components/Button/index.tsx
|
|
4521
|
-
import { jsx as
|
|
4692
|
+
import { jsx as jsx96, jsxs as jsxs68 } from "react/jsx-runtime";
|
|
4522
4693
|
var buttonIconSizeMap = {
|
|
4523
4694
|
cta: "m",
|
|
4524
4695
|
l: "s",
|
|
@@ -4594,16 +4765,16 @@ var DefaultButton = forwardRef(
|
|
|
4594
4765
|
rightIcon,
|
|
4595
4766
|
...rest
|
|
4596
4767
|
}, ref) => {
|
|
4597
|
-
return /* @__PURE__ */
|
|
4768
|
+
return /* @__PURE__ */ jsx96(
|
|
4598
4769
|
"button",
|
|
4599
4770
|
{
|
|
4600
4771
|
...rest,
|
|
4601
4772
|
className: clsx2(defaultButtonVariants({ level, fill, align, size, width }), className),
|
|
4602
4773
|
ref,
|
|
4603
|
-
children: /* @__PURE__ */
|
|
4604
|
-
!!leftIcon && /* @__PURE__ */
|
|
4605
|
-
/* @__PURE__ */
|
|
4606
|
-
!!rightIcon && /* @__PURE__ */
|
|
4774
|
+
children: /* @__PURE__ */ jsxs68("span", { className: clsx2(defaultButtonChildrenVariants({ size })), children: [
|
|
4775
|
+
!!leftIcon && /* @__PURE__ */ jsx96(Icon, { name: leftIcon.name, size: buttonIconSizeMap[size], thick: buttonSizeIconThickMap[size] }),
|
|
4776
|
+
/* @__PURE__ */ jsx96("p", { className: style_module_default.content, children: rest.children }),
|
|
4777
|
+
!!rightIcon && /* @__PURE__ */ jsx96(Icon, { name: rightIcon.name, size: buttonIconSizeMap[size], thick: buttonSizeIconThickMap[size] })
|
|
4607
4778
|
] })
|
|
4608
4779
|
}
|
|
4609
4780
|
);
|
|
@@ -4611,7 +4782,7 @@ var DefaultButton = forwardRef(
|
|
|
4611
4782
|
);
|
|
4612
4783
|
var TextButton = forwardRef(
|
|
4613
4784
|
({ level = "inverse-primary", className, ...rest }, ref) => {
|
|
4614
|
-
return /* @__PURE__ */
|
|
4785
|
+
return /* @__PURE__ */ jsx96("button", { ...rest, className: clsx2(textButtonVariants({ level }), className), ref });
|
|
4615
4786
|
}
|
|
4616
4787
|
);
|
|
4617
4788
|
var Button = forwardRef((props, ref) => {
|
|
@@ -4619,10 +4790,10 @@ var Button = forwardRef((props, ref) => {
|
|
|
4619
4790
|
case "default":
|
|
4620
4791
|
case void 0:
|
|
4621
4792
|
const DefaultComp = props.asChild ? Slot : DefaultButton;
|
|
4622
|
-
return /* @__PURE__ */
|
|
4793
|
+
return /* @__PURE__ */ jsx96(DefaultComp, { ...props, ref });
|
|
4623
4794
|
case "text":
|
|
4624
4795
|
const TextComp = props.asChild ? Slot : TextButton;
|
|
4625
|
-
return /* @__PURE__ */
|
|
4796
|
+
return /* @__PURE__ */ jsx96(TextComp, { ...props, ref });
|
|
4626
4797
|
}
|
|
4627
4798
|
});
|
|
4628
4799
|
|
|
@@ -4677,20 +4848,20 @@ var getStyle = /* @__PURE__ */ __name((color) => {
|
|
|
4677
4848
|
}, "getStyle");
|
|
4678
4849
|
|
|
4679
4850
|
// src/components/Typography/Paragraph.tsx
|
|
4680
|
-
import { jsx as
|
|
4851
|
+
import { jsx as jsx97 } from "react/jsx-runtime";
|
|
4681
4852
|
var Paragraph = /* @__PURE__ */ __name(({ size, type, weight, className, children, color, ...rest }) => {
|
|
4682
|
-
return /* @__PURE__ */
|
|
4853
|
+
return /* @__PURE__ */ jsx97("p", { ...rest, className: clsx3(`lp-sys-typo-paragraph${size}-${type}-${weight}`, className), style: getStyle(color), children });
|
|
4683
4854
|
}, "Paragraph");
|
|
4684
4855
|
|
|
4685
4856
|
// src/components/Toast/index.tsx
|
|
4686
4857
|
import { useRecoilValue, useSetRecoilState as useSetRecoilState2 } from "recoil";
|
|
4687
|
-
import { Fragment, jsx as
|
|
4858
|
+
import { Fragment as Fragment2, jsx as jsx98, jsxs as jsxs69 } from "react/jsx-runtime";
|
|
4688
4859
|
import { createElement } from "react";
|
|
4689
4860
|
var Toaster = /* @__PURE__ */ __name(() => {
|
|
4690
4861
|
const { list } = useRecoilValue(toastAtom);
|
|
4691
|
-
return /* @__PURE__ */
|
|
4862
|
+
return /* @__PURE__ */ jsxs69(Provider, { children: [
|
|
4692
4863
|
list.map((props) => /* @__PURE__ */ createElement(SingleToast, { ...props, key: props.toastId })),
|
|
4693
|
-
/* @__PURE__ */
|
|
4864
|
+
/* @__PURE__ */ jsx98(Viewport, { className: style_module_default3.ToastViewport })
|
|
4694
4865
|
] });
|
|
4695
4866
|
}, "Toaster");
|
|
4696
4867
|
var SingleToast = /* @__PURE__ */ __name((props) => {
|
|
@@ -4720,44 +4891,44 @@ var SingleToast = /* @__PURE__ */ __name((props) => {
|
|
|
4720
4891
|
};
|
|
4721
4892
|
}, []);
|
|
4722
4893
|
const IconComponent = (() => {
|
|
4723
|
-
if (!icon) return /* @__PURE__ */
|
|
4894
|
+
if (!icon) return /* @__PURE__ */ jsx98(Fragment2, {});
|
|
4724
4895
|
switch (icon) {
|
|
4725
4896
|
case "negative":
|
|
4726
|
-
return /* @__PURE__ */
|
|
4897
|
+
return /* @__PURE__ */ jsx98(Icon, { name: "exclamationmark", type: "function-label-negative", fill: true, size: "s" });
|
|
4727
4898
|
case "positive":
|
|
4728
|
-
return /* @__PURE__ */
|
|
4899
|
+
return /* @__PURE__ */ jsx98(Icon, { name: "check-mark", type: "function-label-positive", fill: true, size: "s" });
|
|
4729
4900
|
default:
|
|
4730
|
-
return /* @__PURE__ */
|
|
4901
|
+
return /* @__PURE__ */ jsx98(Fragment2, {});
|
|
4731
4902
|
}
|
|
4732
4903
|
})();
|
|
4733
|
-
return /* @__PURE__ */
|
|
4734
|
-
/* @__PURE__ */
|
|
4735
|
-
/* @__PURE__ */
|
|
4736
|
-
/* @__PURE__ */
|
|
4737
|
-
button && /* @__PURE__ */
|
|
4904
|
+
return /* @__PURE__ */ jsxs69(Root, { className: style_module_default3.ToastRoot, open: isOpen, ...props, children: [
|
|
4905
|
+
/* @__PURE__ */ jsx98("i", { className: style_module_default3.Icon, children: IconComponent }),
|
|
4906
|
+
/* @__PURE__ */ jsxs69(Title, { className: style_module_default3.ToastTitle, children: [
|
|
4907
|
+
/* @__PURE__ */ jsx98(Paragraph, { className: style_module_default3.TitleText, type: "normal", weight: "medium", size: 3, children: message }),
|
|
4908
|
+
button && /* @__PURE__ */ jsx98(Button, { onClick: button.onClick, level: "inverse", size: "s", align: "center", children: button.label })
|
|
4738
4909
|
] })
|
|
4739
4910
|
] });
|
|
4740
4911
|
}, "SingleToast");
|
|
4741
4912
|
|
|
4742
4913
|
// src/components/Typography/Heading.tsx
|
|
4743
4914
|
import clsx4 from "clsx";
|
|
4744
|
-
import { jsx as
|
|
4915
|
+
import { jsx as jsx99 } from "react/jsx-runtime";
|
|
4745
4916
|
var Heading = /* @__PURE__ */ __name(({ size, children, type, className, color, ...rest }) => {
|
|
4746
4917
|
const Element = `h${size}`;
|
|
4747
|
-
return /* @__PURE__ */
|
|
4918
|
+
return /* @__PURE__ */ jsx99(Element, { ...rest, className: clsx4(`lp-sys-typo-heading${size}-${type}`, className), style: getStyle(color), children });
|
|
4748
4919
|
}, "Heading");
|
|
4749
4920
|
|
|
4750
4921
|
// src/components/Typography/Display.tsx
|
|
4751
4922
|
import clsx5 from "clsx";
|
|
4752
|
-
import { jsx as
|
|
4923
|
+
import { jsx as jsx100 } from "react/jsx-runtime";
|
|
4753
4924
|
var Display = /* @__PURE__ */ __name(({ size, type, weight, className, children, color, ...rest }) => {
|
|
4754
|
-
return /* @__PURE__ */
|
|
4925
|
+
return /* @__PURE__ */ jsx100("p", { ...rest, className: clsx5(`lp-sys-typo-display${size}-${type}-${weight}`, className), style: getStyle(color), children });
|
|
4755
4926
|
}, "Display");
|
|
4756
4927
|
|
|
4757
4928
|
// src/components/Typography/Title.tsx
|
|
4758
4929
|
import { vars as vars2 } from "@liner-fe/design-token";
|
|
4759
4930
|
import clsx6 from "clsx";
|
|
4760
|
-
import { jsx as
|
|
4931
|
+
import { jsx as jsx101 } from "react/jsx-runtime";
|
|
4761
4932
|
var Title2 = /* @__PURE__ */ __name(({ weight, size, type, className, children, color, ...rest }) => {
|
|
4762
4933
|
const style = (() => {
|
|
4763
4934
|
const style2 = {};
|
|
@@ -4766,14 +4937,14 @@ var Title2 = /* @__PURE__ */ __name(({ weight, size, type, className, children,
|
|
|
4766
4937
|
}
|
|
4767
4938
|
return style2;
|
|
4768
4939
|
})();
|
|
4769
|
-
return /* @__PURE__ */
|
|
4940
|
+
return /* @__PURE__ */ jsx101("p", { ...rest, className: clsx6(`lp-sys-typo-title${size}-${type}-${weight}`, className), style: getStyle(color), children });
|
|
4770
4941
|
}, "Title");
|
|
4771
4942
|
|
|
4772
4943
|
// src/components/Typography/Caption.tsx
|
|
4773
4944
|
import clsx7 from "clsx";
|
|
4774
|
-
import { jsx as
|
|
4945
|
+
import { jsx as jsx102 } from "react/jsx-runtime";
|
|
4775
4946
|
var Caption = /* @__PURE__ */ __name(({ children, size, weight, type, className, color, ...rest }) => {
|
|
4776
|
-
return /* @__PURE__ */
|
|
4947
|
+
return /* @__PURE__ */ jsx102(
|
|
4777
4948
|
"caption",
|
|
4778
4949
|
{
|
|
4779
4950
|
...rest,
|
|
@@ -4807,7 +4978,7 @@ var style_module_default4 = {
|
|
|
4807
4978
|
// src/components/Popover/index.tsx
|
|
4808
4979
|
import { cva as cva3 } from "class-variance-authority";
|
|
4809
4980
|
import { clsx as clsx8 } from "clsx";
|
|
4810
|
-
import { jsx as
|
|
4981
|
+
import { jsx as jsx103, jsxs as jsxs70 } from "react/jsx-runtime";
|
|
4811
4982
|
var DEFAULT_OFFSET = -6;
|
|
4812
4983
|
var popoverVariants = cva3(style_module_default4.content, {
|
|
4813
4984
|
variants: {
|
|
@@ -4829,9 +5000,9 @@ var popoverTagVariants = cva3([style_module_default4.tag, "lp-sys-typo-caption3-
|
|
|
4829
5000
|
var popoverTitleVariants = cva3([style_module_default4.title, "lp-sys-typo-paragraph3-normal-bold"]);
|
|
4830
5001
|
var popoverSubtitleVariants = cva3([style_module_default4.subTitle, "lp-sys-typo-caption1-normal-regular"]);
|
|
4831
5002
|
var popoverFooterVariants = cva3([style_module_default4.footer, "lp-sys-typo-caption1-normal-medium"]);
|
|
4832
|
-
var PopoverRoot = /* @__PURE__ */ __name(({ isOpen, children, onChange }) => /* @__PURE__ */
|
|
4833
|
-
var PopoverTrigger = /* @__PURE__ */ __name(({ by }) => /* @__PURE__ */
|
|
4834
|
-
var PopoverAnchor = /* @__PURE__ */ __name(({ className }) => /* @__PURE__ */
|
|
5003
|
+
var PopoverRoot = /* @__PURE__ */ __name(({ isOpen, children, onChange }) => /* @__PURE__ */ jsx103(PopoverPrimitive.Root, { open: isOpen, onOpenChange: onChange, children }), "PopoverRoot");
|
|
5004
|
+
var PopoverTrigger = /* @__PURE__ */ __name(({ by }) => /* @__PURE__ */ jsx103(PopoverPrimitive.Trigger, { asChild: true, children: by }), "PopoverTrigger");
|
|
5005
|
+
var PopoverAnchor = /* @__PURE__ */ __name(({ className }) => /* @__PURE__ */ jsx103(
|
|
4835
5006
|
"svg",
|
|
4836
5007
|
{
|
|
4837
5008
|
className,
|
|
@@ -4841,7 +5012,7 @@ var PopoverAnchor = /* @__PURE__ */ __name(({ className }) => /* @__PURE__ */ js
|
|
|
4841
5012
|
height: "10",
|
|
4842
5013
|
viewBox: "0 0 30 10",
|
|
4843
5014
|
fill: "none",
|
|
4844
|
-
children: /* @__PURE__ */
|
|
5015
|
+
children: /* @__PURE__ */ jsx103(
|
|
4845
5016
|
"path",
|
|
4846
5017
|
{
|
|
4847
5018
|
"fill-rule": "evenodd",
|
|
@@ -4866,7 +5037,7 @@ var PopoverContent = React.forwardRef(
|
|
|
4866
5037
|
onClose,
|
|
4867
5038
|
className,
|
|
4868
5039
|
...props
|
|
4869
|
-
}, ref) => /* @__PURE__ */
|
|
5040
|
+
}, ref) => /* @__PURE__ */ jsx103(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsxs70(
|
|
4870
5041
|
PopoverPrimitive.Content,
|
|
4871
5042
|
{
|
|
4872
5043
|
ref,
|
|
@@ -4876,24 +5047,24 @@ var PopoverContent = React.forwardRef(
|
|
|
4876
5047
|
className: clsx8(popoverVariants({ level }), className),
|
|
4877
5048
|
...props,
|
|
4878
5049
|
children: [
|
|
4879
|
-
/* @__PURE__ */
|
|
4880
|
-
/* @__PURE__ */
|
|
4881
|
-
tag && /* @__PURE__ */
|
|
4882
|
-
icon && /* @__PURE__ */
|
|
4883
|
-
/* @__PURE__ */
|
|
4884
|
-
/* @__PURE__ */
|
|
5050
|
+
/* @__PURE__ */ jsxs70("div", { className: style_module_default4.contentContainer, children: [
|
|
5051
|
+
/* @__PURE__ */ jsxs70("div", { className: style_module_default4.heading, children: [
|
|
5052
|
+
tag && /* @__PURE__ */ jsx103("span", { className: popoverTagVariants(), children: tag }),
|
|
5053
|
+
icon && /* @__PURE__ */ jsx103(Icon, { name: icon.name, size: "xs", thick: icon.thick, fill: icon.fill }),
|
|
5054
|
+
/* @__PURE__ */ jsx103("p", { className: popoverTitleVariants(), children: title }),
|
|
5055
|
+
/* @__PURE__ */ jsx103(
|
|
4885
5056
|
PopoverPrimitive.PopoverClose,
|
|
4886
5057
|
{
|
|
4887
5058
|
className: style_module_default4.closeButton,
|
|
4888
5059
|
onClick: () => {
|
|
4889
5060
|
onClose?.();
|
|
4890
5061
|
},
|
|
4891
|
-
children: /* @__PURE__ */
|
|
5062
|
+
children: /* @__PURE__ */ jsx103(Icon, { name: "close-fill", size: "s", color: "#1E1E1F", fill: true, thick: true })
|
|
4892
5063
|
}
|
|
4893
5064
|
)
|
|
4894
5065
|
] }),
|
|
4895
|
-
/* @__PURE__ */
|
|
4896
|
-
onConfirm && /* @__PURE__ */
|
|
5066
|
+
/* @__PURE__ */ jsx103("p", { className: popoverSubtitleVariants(), children: subTitle }),
|
|
5067
|
+
onConfirm && /* @__PURE__ */ jsx103("div", { className: popoverFooterVariants(), children: /* @__PURE__ */ jsx103(
|
|
4897
5068
|
Button,
|
|
4898
5069
|
{
|
|
4899
5070
|
as: "text",
|
|
@@ -4905,7 +5076,7 @@ var PopoverContent = React.forwardRef(
|
|
|
4905
5076
|
}
|
|
4906
5077
|
) })
|
|
4907
5078
|
] }),
|
|
4908
|
-
/* @__PURE__ */
|
|
5079
|
+
/* @__PURE__ */ jsx103(PopoverPrimitive.Arrow, { asChild: true, children: /* @__PURE__ */ jsx103(PopoverAnchor, { className: clsx8(popoverAnchorVariants({ level })) }) })
|
|
4909
5080
|
]
|
|
4910
5081
|
}
|
|
4911
5082
|
) })
|
|
@@ -4930,14 +5101,14 @@ var style_module_default5 = {
|
|
|
4930
5101
|
// src/components/Tooltip/index.tsx
|
|
4931
5102
|
import { cva as cva4 } from "class-variance-authority";
|
|
4932
5103
|
import clsx9 from "clsx";
|
|
4933
|
-
import { jsx as
|
|
5104
|
+
import { jsx as jsx104 } from "react/jsx-runtime";
|
|
4934
5105
|
var DEFAULT_OFFSET2 = 4;
|
|
4935
5106
|
var tooltipVariants = cva4([style_module_default5.tooltip, "lp-sys-typo-caption1-normal-medium"]);
|
|
4936
5107
|
var TooltipProvider = TooltipPrimitive.Provider;
|
|
4937
|
-
var TooltipRoot = /* @__PURE__ */ __name(({ children }) => /* @__PURE__ */
|
|
4938
|
-
var TooltipTrigger = /* @__PURE__ */ __name(({ by }) => /* @__PURE__ */
|
|
5108
|
+
var TooltipRoot = /* @__PURE__ */ __name(({ children }) => /* @__PURE__ */ jsx104(TooltipPrimitive.Root, { delayDuration: 0, children }), "TooltipRoot");
|
|
5109
|
+
var TooltipTrigger = /* @__PURE__ */ __name(({ by }) => /* @__PURE__ */ jsx104(TooltipPrimitive.Trigger, { asChild: true, children: by }), "TooltipTrigger");
|
|
4939
5110
|
var TooltipContent = forwardRef3(
|
|
4940
|
-
({ description, position = "top", className, offset = DEFAULT_OFFSET2, ...props }, ref) => /* @__PURE__ */
|
|
5111
|
+
({ description, position = "top", className, offset = DEFAULT_OFFSET2, ...props }, ref) => /* @__PURE__ */ jsx104(
|
|
4941
5112
|
TooltipPrimitive.Content,
|
|
4942
5113
|
{
|
|
4943
5114
|
ref,
|
|
@@ -4945,7 +5116,7 @@ var TooltipContent = forwardRef3(
|
|
|
4945
5116
|
sideOffset: offset,
|
|
4946
5117
|
className: clsx9(tooltipVariants(), className),
|
|
4947
5118
|
...props,
|
|
4948
|
-
children: /* @__PURE__ */
|
|
5119
|
+
children: /* @__PURE__ */ jsx104("p", { className: style_module_default5.tooltipContent, children: description })
|
|
4949
5120
|
}
|
|
4950
5121
|
)
|
|
4951
5122
|
);
|
|
@@ -4977,7 +5148,7 @@ var style_module_default6 = {
|
|
|
4977
5148
|
|
|
4978
5149
|
// src/components/IconButton/index.tsx
|
|
4979
5150
|
import { Slot as Slot2 } from "@radix-ui/react-slot";
|
|
4980
|
-
import { jsx as
|
|
5151
|
+
import { jsx as jsx105 } from "react/jsx-runtime";
|
|
4981
5152
|
var iconButtonSizeIconSizeMap = {
|
|
4982
5153
|
l: "m",
|
|
4983
5154
|
m: "s",
|
|
@@ -5005,24 +5176,24 @@ var iconButtonVariants = cva5([style_module_default6.iconButton], {
|
|
|
5005
5176
|
var IconButton = forwardRef4(
|
|
5006
5177
|
({ asChild, level = "primary", name, thick = false, fill = false, size = "m", className, ...rest }, ref) => {
|
|
5007
5178
|
const Comp = asChild ? Slot2 : "button";
|
|
5008
|
-
return /* @__PURE__ */
|
|
5179
|
+
return /* @__PURE__ */ jsx105(Comp, { ...rest, className: clsx10(iconButtonVariants({ level, size }), className), ref, children: /* @__PURE__ */ jsx105(Icon, { name, thick, fill, size: iconButtonSizeIconSizeMap[size] }) });
|
|
5009
5180
|
}
|
|
5010
5181
|
);
|
|
5011
5182
|
|
|
5012
|
-
// src/components/
|
|
5183
|
+
// src/components/_Label/index.tsx
|
|
5013
5184
|
import { forwardRef as forwardRef5 } from "react";
|
|
5014
5185
|
import * as LabelPrimitive from "@radix-ui/react-label";
|
|
5015
5186
|
import clsx11 from "clsx";
|
|
5016
5187
|
|
|
5017
|
-
// src/components/
|
|
5188
|
+
// src/components/_Label/style.module.scss
|
|
5018
5189
|
var style_module_default7 = {
|
|
5019
|
-
"label": "
|
|
5190
|
+
"label": "_label_1ajwq_1"
|
|
5020
5191
|
};
|
|
5021
5192
|
|
|
5022
|
-
// src/components/
|
|
5023
|
-
import { jsx as
|
|
5193
|
+
// src/components/_Label/index.tsx
|
|
5194
|
+
import { jsx as jsx106 } from "react/jsx-runtime";
|
|
5024
5195
|
var Label = forwardRef5(({ className, ...props }, ref) => {
|
|
5025
|
-
return /* @__PURE__ */
|
|
5196
|
+
return /* @__PURE__ */ jsx106(
|
|
5026
5197
|
LabelPrimitive.Root,
|
|
5027
5198
|
{
|
|
5028
5199
|
ref,
|