@liner-fe/prism 1.8.10 → 1.8.11
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/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/index.mjs +217 -60
- 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
|
@@ -87,3 +87,8 @@ export { ICTranslate } from './translate';
|
|
|
87
87
|
export { ICInfo } from './Info';
|
|
88
88
|
export { ICFolderOpen } from './folder-open';
|
|
89
89
|
export { ICHighlightEdit } from './highlight-edit';
|
|
90
|
+
export { ICApple } from './apple';
|
|
91
|
+
export { ICAndroid } from './android';
|
|
92
|
+
export { ICTwitter } from './twitter';
|
|
93
|
+
export { ICFacebook } from './facebook';
|
|
94
|
+
export { ICGoogle } from './google';
|
package/lib/index.mjs
CHANGED
|
@@ -4275,7 +4275,6 @@ var ICHighlightEdit = /* @__PURE__ */ __name((props) => {
|
|
|
4275
4275
|
] });
|
|
4276
4276
|
}
|
|
4277
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
4278
|
/* @__PURE__ */ jsx89(
|
|
4280
4279
|
"path",
|
|
4281
4280
|
{
|
|
@@ -4295,6 +4294,159 @@ var ICHighlightEdit = /* @__PURE__ */ __name((props) => {
|
|
|
4295
4294
|
] });
|
|
4296
4295
|
}, "ICHighlightEdit");
|
|
4297
4296
|
|
|
4297
|
+
// src/assets/apple.tsx
|
|
4298
|
+
import { jsx as jsx90, jsxs as jsxs66 } from "react/jsx-runtime";
|
|
4299
|
+
var ICApple = /* @__PURE__ */ __name((props) => {
|
|
4300
|
+
const { thick = false, fill = false, size = 32, color = "#1E1E1F" } = props;
|
|
4301
|
+
if (fill) {
|
|
4302
|
+
return /* @__PURE__ */ jsxs66("svg", { ...props, width: size, height: size, viewBox: "0 0 48 48", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
|
|
4303
|
+
/* @__PURE__ */ jsx90(
|
|
4304
|
+
"path",
|
|
4305
|
+
{
|
|
4306
|
+
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",
|
|
4307
|
+
fill: color
|
|
4308
|
+
}
|
|
4309
|
+
),
|
|
4310
|
+
/* @__PURE__ */ jsx90(
|
|
4311
|
+
"path",
|
|
4312
|
+
{
|
|
4313
|
+
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",
|
|
4314
|
+
fill: color
|
|
4315
|
+
}
|
|
4316
|
+
)
|
|
4317
|
+
] });
|
|
4318
|
+
}
|
|
4319
|
+
return /* @__PURE__ */ jsxs66("svg", { ...props, width: size, height: size, viewBox: "0 0 48 48", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
|
|
4320
|
+
/* @__PURE__ */ jsx90(
|
|
4321
|
+
"path",
|
|
4322
|
+
{
|
|
4323
|
+
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",
|
|
4324
|
+
fill: color
|
|
4325
|
+
}
|
|
4326
|
+
),
|
|
4327
|
+
/* @__PURE__ */ jsx90(
|
|
4328
|
+
"path",
|
|
4329
|
+
{
|
|
4330
|
+
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",
|
|
4331
|
+
fill: color
|
|
4332
|
+
}
|
|
4333
|
+
)
|
|
4334
|
+
] });
|
|
4335
|
+
}, "ICApple");
|
|
4336
|
+
|
|
4337
|
+
// src/assets/android.tsx
|
|
4338
|
+
import { jsx as jsx91 } from "react/jsx-runtime";
|
|
4339
|
+
var ICAndroid = /* @__PURE__ */ __name((props) => {
|
|
4340
|
+
const { thick = false, fill = false, size = 32, color = "#1E1E1F" } = props;
|
|
4341
|
+
if (fill) {
|
|
4342
|
+
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(
|
|
4343
|
+
"path",
|
|
4344
|
+
{
|
|
4345
|
+
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",
|
|
4346
|
+
fill: color
|
|
4347
|
+
}
|
|
4348
|
+
) });
|
|
4349
|
+
}
|
|
4350
|
+
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(
|
|
4351
|
+
"path",
|
|
4352
|
+
{
|
|
4353
|
+
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",
|
|
4354
|
+
fill: color
|
|
4355
|
+
}
|
|
4356
|
+
) });
|
|
4357
|
+
}, "ICAndroid");
|
|
4358
|
+
|
|
4359
|
+
// src/assets/twitter.tsx
|
|
4360
|
+
import { jsx as jsx92 } from "react/jsx-runtime";
|
|
4361
|
+
var ICTwitter = /* @__PURE__ */ __name((props) => {
|
|
4362
|
+
const { thick = false, fill = false, size = 32, color = "#1E1E1F" } = props;
|
|
4363
|
+
if (fill) {
|
|
4364
|
+
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(
|
|
4365
|
+
"path",
|
|
4366
|
+
{
|
|
4367
|
+
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",
|
|
4368
|
+
fill: color
|
|
4369
|
+
}
|
|
4370
|
+
) });
|
|
4371
|
+
}
|
|
4372
|
+
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(
|
|
4373
|
+
"path",
|
|
4374
|
+
{
|
|
4375
|
+
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",
|
|
4376
|
+
fill: color
|
|
4377
|
+
}
|
|
4378
|
+
) });
|
|
4379
|
+
}, "ICTwitter");
|
|
4380
|
+
|
|
4381
|
+
// src/assets/facebook.tsx
|
|
4382
|
+
import { jsx as jsx93 } from "react/jsx-runtime";
|
|
4383
|
+
var ICFacebook = /* @__PURE__ */ __name((props) => {
|
|
4384
|
+
const { thick = false, fill = false, size = 32, color = "#1E1E1F" } = props;
|
|
4385
|
+
if (fill) {
|
|
4386
|
+
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(
|
|
4387
|
+
"path",
|
|
4388
|
+
{
|
|
4389
|
+
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",
|
|
4390
|
+
fill: color
|
|
4391
|
+
}
|
|
4392
|
+
) });
|
|
4393
|
+
}
|
|
4394
|
+
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(
|
|
4395
|
+
"path",
|
|
4396
|
+
{
|
|
4397
|
+
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",
|
|
4398
|
+
fill: color
|
|
4399
|
+
}
|
|
4400
|
+
) });
|
|
4401
|
+
}, "ICFacebook");
|
|
4402
|
+
|
|
4403
|
+
// src/assets/google.tsx
|
|
4404
|
+
import { jsx as jsx94, jsxs as jsxs67 } from "react/jsx-runtime";
|
|
4405
|
+
var ICGoogle = /* @__PURE__ */ __name((props) => {
|
|
4406
|
+
const { thick = false, fill = false, size = 32, color = "#1E1E1F" } = props;
|
|
4407
|
+
if (fill) {
|
|
4408
|
+
return /* @__PURE__ */ jsxs67("svg", { ...props, width: size, height: size, viewBox: "0 0 48 48", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
|
|
4409
|
+
/* @__PURE__ */ jsx94(
|
|
4410
|
+
"path",
|
|
4411
|
+
{
|
|
4412
|
+
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",
|
|
4413
|
+
fill: color
|
|
4414
|
+
}
|
|
4415
|
+
),
|
|
4416
|
+
/* @__PURE__ */ jsx94(
|
|
4417
|
+
"path",
|
|
4418
|
+
{
|
|
4419
|
+
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",
|
|
4420
|
+
fill: color
|
|
4421
|
+
}
|
|
4422
|
+
),
|
|
4423
|
+
/* @__PURE__ */ jsx94(
|
|
4424
|
+
"path",
|
|
4425
|
+
{
|
|
4426
|
+
"fill-rule": "evenodd",
|
|
4427
|
+
"clip-rule": "evenodd",
|
|
4428
|
+
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",
|
|
4429
|
+
fill: color
|
|
4430
|
+
}
|
|
4431
|
+
),
|
|
4432
|
+
/* @__PURE__ */ jsx94(
|
|
4433
|
+
"path",
|
|
4434
|
+
{
|
|
4435
|
+
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",
|
|
4436
|
+
fill: color
|
|
4437
|
+
}
|
|
4438
|
+
)
|
|
4439
|
+
] });
|
|
4440
|
+
}
|
|
4441
|
+
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(
|
|
4442
|
+
"path",
|
|
4443
|
+
{
|
|
4444
|
+
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",
|
|
4445
|
+
fill: color
|
|
4446
|
+
}
|
|
4447
|
+
) });
|
|
4448
|
+
}, "ICGoogle");
|
|
4449
|
+
|
|
4298
4450
|
// src/utils/icon.ts
|
|
4299
4451
|
var iconMap = {
|
|
4300
4452
|
"close-fill": ICCloseFill,
|
|
@@ -4385,7 +4537,12 @@ var iconMap = {
|
|
|
4385
4537
|
translate: ICTranslate,
|
|
4386
4538
|
Info: ICInfo,
|
|
4387
4539
|
"folder-open": ICFolderOpen,
|
|
4388
|
-
"highlight-edit": ICHighlightEdit
|
|
4540
|
+
"highlight-edit": ICHighlightEdit,
|
|
4541
|
+
apple: ICApple,
|
|
4542
|
+
android: ICAndroid,
|
|
4543
|
+
twitter: ICTwitter,
|
|
4544
|
+
facebook: ICFacebook,
|
|
4545
|
+
google: ICGoogle
|
|
4389
4546
|
};
|
|
4390
4547
|
|
|
4391
4548
|
// src/utils/object.ts
|
|
@@ -4459,7 +4616,7 @@ var style_module_default2 = {
|
|
|
4459
4616
|
};
|
|
4460
4617
|
|
|
4461
4618
|
// src/components/Icon/index.tsx
|
|
4462
|
-
import { jsx as
|
|
4619
|
+
import { jsx as jsx95 } from "react/jsx-runtime";
|
|
4463
4620
|
var iconSizeMap = {
|
|
4464
4621
|
xs: 16,
|
|
4465
4622
|
s: 20,
|
|
@@ -4505,7 +4662,7 @@ var Icon = /* @__PURE__ */ __name((props) => {
|
|
|
4505
4662
|
} = props;
|
|
4506
4663
|
const IconComponent = getIconComponent(name, iconMap);
|
|
4507
4664
|
const iconSize = iconSizeMap[size];
|
|
4508
|
-
return color ? /* @__PURE__ */
|
|
4665
|
+
return color ? /* @__PURE__ */ jsx95(IconComponent, { ...rest, color, size: iconSize, thick, fill }) : /* @__PURE__ */ jsx95(
|
|
4509
4666
|
IconComponent,
|
|
4510
4667
|
{
|
|
4511
4668
|
...rest,
|
|
@@ -4518,7 +4675,7 @@ var Icon = /* @__PURE__ */ __name((props) => {
|
|
|
4518
4675
|
}, "Icon");
|
|
4519
4676
|
|
|
4520
4677
|
// src/components/Button/index.tsx
|
|
4521
|
-
import { jsx as
|
|
4678
|
+
import { jsx as jsx96, jsxs as jsxs68 } from "react/jsx-runtime";
|
|
4522
4679
|
var buttonIconSizeMap = {
|
|
4523
4680
|
cta: "m",
|
|
4524
4681
|
l: "s",
|
|
@@ -4594,16 +4751,16 @@ var DefaultButton = forwardRef(
|
|
|
4594
4751
|
rightIcon,
|
|
4595
4752
|
...rest
|
|
4596
4753
|
}, ref) => {
|
|
4597
|
-
return /* @__PURE__ */
|
|
4754
|
+
return /* @__PURE__ */ jsx96(
|
|
4598
4755
|
"button",
|
|
4599
4756
|
{
|
|
4600
4757
|
...rest,
|
|
4601
4758
|
className: clsx2(defaultButtonVariants({ level, fill, align, size, width }), className),
|
|
4602
4759
|
ref,
|
|
4603
|
-
children: /* @__PURE__ */
|
|
4604
|
-
!!leftIcon && /* @__PURE__ */
|
|
4605
|
-
/* @__PURE__ */
|
|
4606
|
-
!!rightIcon && /* @__PURE__ */
|
|
4760
|
+
children: /* @__PURE__ */ jsxs68("span", { className: clsx2(defaultButtonChildrenVariants({ size })), children: [
|
|
4761
|
+
!!leftIcon && /* @__PURE__ */ jsx96(Icon, { name: leftIcon.name, size: buttonIconSizeMap[size], thick: buttonSizeIconThickMap[size] }),
|
|
4762
|
+
/* @__PURE__ */ jsx96("p", { className: style_module_default.content, children: rest.children }),
|
|
4763
|
+
!!rightIcon && /* @__PURE__ */ jsx96(Icon, { name: rightIcon.name, size: buttonIconSizeMap[size], thick: buttonSizeIconThickMap[size] })
|
|
4607
4764
|
] })
|
|
4608
4765
|
}
|
|
4609
4766
|
);
|
|
@@ -4611,7 +4768,7 @@ var DefaultButton = forwardRef(
|
|
|
4611
4768
|
);
|
|
4612
4769
|
var TextButton = forwardRef(
|
|
4613
4770
|
({ level = "inverse-primary", className, ...rest }, ref) => {
|
|
4614
|
-
return /* @__PURE__ */
|
|
4771
|
+
return /* @__PURE__ */ jsx96("button", { ...rest, className: clsx2(textButtonVariants({ level }), className), ref });
|
|
4615
4772
|
}
|
|
4616
4773
|
);
|
|
4617
4774
|
var Button = forwardRef((props, ref) => {
|
|
@@ -4619,10 +4776,10 @@ var Button = forwardRef((props, ref) => {
|
|
|
4619
4776
|
case "default":
|
|
4620
4777
|
case void 0:
|
|
4621
4778
|
const DefaultComp = props.asChild ? Slot : DefaultButton;
|
|
4622
|
-
return /* @__PURE__ */
|
|
4779
|
+
return /* @__PURE__ */ jsx96(DefaultComp, { ...props, ref });
|
|
4623
4780
|
case "text":
|
|
4624
4781
|
const TextComp = props.asChild ? Slot : TextButton;
|
|
4625
|
-
return /* @__PURE__ */
|
|
4782
|
+
return /* @__PURE__ */ jsx96(TextComp, { ...props, ref });
|
|
4626
4783
|
}
|
|
4627
4784
|
});
|
|
4628
4785
|
|
|
@@ -4677,20 +4834,20 @@ var getStyle = /* @__PURE__ */ __name((color) => {
|
|
|
4677
4834
|
}, "getStyle");
|
|
4678
4835
|
|
|
4679
4836
|
// src/components/Typography/Paragraph.tsx
|
|
4680
|
-
import { jsx as
|
|
4837
|
+
import { jsx as jsx97 } from "react/jsx-runtime";
|
|
4681
4838
|
var Paragraph = /* @__PURE__ */ __name(({ size, type, weight, className, children, color, ...rest }) => {
|
|
4682
|
-
return /* @__PURE__ */
|
|
4839
|
+
return /* @__PURE__ */ jsx97("p", { ...rest, className: clsx3(`lp-sys-typo-paragraph${size}-${type}-${weight}`, className), style: getStyle(color), children });
|
|
4683
4840
|
}, "Paragraph");
|
|
4684
4841
|
|
|
4685
4842
|
// src/components/Toast/index.tsx
|
|
4686
4843
|
import { useRecoilValue, useSetRecoilState as useSetRecoilState2 } from "recoil";
|
|
4687
|
-
import { Fragment, jsx as
|
|
4844
|
+
import { Fragment, jsx as jsx98, jsxs as jsxs69 } from "react/jsx-runtime";
|
|
4688
4845
|
import { createElement } from "react";
|
|
4689
4846
|
var Toaster = /* @__PURE__ */ __name(() => {
|
|
4690
4847
|
const { list } = useRecoilValue(toastAtom);
|
|
4691
|
-
return /* @__PURE__ */
|
|
4848
|
+
return /* @__PURE__ */ jsxs69(Provider, { children: [
|
|
4692
4849
|
list.map((props) => /* @__PURE__ */ createElement(SingleToast, { ...props, key: props.toastId })),
|
|
4693
|
-
/* @__PURE__ */
|
|
4850
|
+
/* @__PURE__ */ jsx98(Viewport, { className: style_module_default3.ToastViewport })
|
|
4694
4851
|
] });
|
|
4695
4852
|
}, "Toaster");
|
|
4696
4853
|
var SingleToast = /* @__PURE__ */ __name((props) => {
|
|
@@ -4720,44 +4877,44 @@ var SingleToast = /* @__PURE__ */ __name((props) => {
|
|
|
4720
4877
|
};
|
|
4721
4878
|
}, []);
|
|
4722
4879
|
const IconComponent = (() => {
|
|
4723
|
-
if (!icon) return /* @__PURE__ */
|
|
4880
|
+
if (!icon) return /* @__PURE__ */ jsx98(Fragment, {});
|
|
4724
4881
|
switch (icon) {
|
|
4725
4882
|
case "negative":
|
|
4726
|
-
return /* @__PURE__ */
|
|
4883
|
+
return /* @__PURE__ */ jsx98(Icon, { name: "exclamationmark", type: "function-label-negative", fill: true, size: "s" });
|
|
4727
4884
|
case "positive":
|
|
4728
|
-
return /* @__PURE__ */
|
|
4885
|
+
return /* @__PURE__ */ jsx98(Icon, { name: "check-mark", type: "function-label-positive", fill: true, size: "s" });
|
|
4729
4886
|
default:
|
|
4730
|
-
return /* @__PURE__ */
|
|
4887
|
+
return /* @__PURE__ */ jsx98(Fragment, {});
|
|
4731
4888
|
}
|
|
4732
4889
|
})();
|
|
4733
|
-
return /* @__PURE__ */
|
|
4734
|
-
/* @__PURE__ */
|
|
4735
|
-
/* @__PURE__ */
|
|
4736
|
-
/* @__PURE__ */
|
|
4737
|
-
button && /* @__PURE__ */
|
|
4890
|
+
return /* @__PURE__ */ jsxs69(Root, { className: style_module_default3.ToastRoot, open: isOpen, ...props, children: [
|
|
4891
|
+
/* @__PURE__ */ jsx98("i", { className: style_module_default3.Icon, children: IconComponent }),
|
|
4892
|
+
/* @__PURE__ */ jsxs69(Title, { className: style_module_default3.ToastTitle, children: [
|
|
4893
|
+
/* @__PURE__ */ jsx98(Paragraph, { className: style_module_default3.TitleText, type: "normal", weight: "medium", size: 3, children: message }),
|
|
4894
|
+
button && /* @__PURE__ */ jsx98(Button, { onClick: button.onClick, level: "inverse", size: "s", align: "center", children: button.label })
|
|
4738
4895
|
] })
|
|
4739
4896
|
] });
|
|
4740
4897
|
}, "SingleToast");
|
|
4741
4898
|
|
|
4742
4899
|
// src/components/Typography/Heading.tsx
|
|
4743
4900
|
import clsx4 from "clsx";
|
|
4744
|
-
import { jsx as
|
|
4901
|
+
import { jsx as jsx99 } from "react/jsx-runtime";
|
|
4745
4902
|
var Heading = /* @__PURE__ */ __name(({ size, children, type, className, color, ...rest }) => {
|
|
4746
4903
|
const Element = `h${size}`;
|
|
4747
|
-
return /* @__PURE__ */
|
|
4904
|
+
return /* @__PURE__ */ jsx99(Element, { ...rest, className: clsx4(`lp-sys-typo-heading${size}-${type}`, className), style: getStyle(color), children });
|
|
4748
4905
|
}, "Heading");
|
|
4749
4906
|
|
|
4750
4907
|
// src/components/Typography/Display.tsx
|
|
4751
4908
|
import clsx5 from "clsx";
|
|
4752
|
-
import { jsx as
|
|
4909
|
+
import { jsx as jsx100 } from "react/jsx-runtime";
|
|
4753
4910
|
var Display = /* @__PURE__ */ __name(({ size, type, weight, className, children, color, ...rest }) => {
|
|
4754
|
-
return /* @__PURE__ */
|
|
4911
|
+
return /* @__PURE__ */ jsx100("p", { ...rest, className: clsx5(`lp-sys-typo-display${size}-${type}-${weight}`, className), style: getStyle(color), children });
|
|
4755
4912
|
}, "Display");
|
|
4756
4913
|
|
|
4757
4914
|
// src/components/Typography/Title.tsx
|
|
4758
4915
|
import { vars as vars2 } from "@liner-fe/design-token";
|
|
4759
4916
|
import clsx6 from "clsx";
|
|
4760
|
-
import { jsx as
|
|
4917
|
+
import { jsx as jsx101 } from "react/jsx-runtime";
|
|
4761
4918
|
var Title2 = /* @__PURE__ */ __name(({ weight, size, type, className, children, color, ...rest }) => {
|
|
4762
4919
|
const style = (() => {
|
|
4763
4920
|
const style2 = {};
|
|
@@ -4766,14 +4923,14 @@ var Title2 = /* @__PURE__ */ __name(({ weight, size, type, className, children,
|
|
|
4766
4923
|
}
|
|
4767
4924
|
return style2;
|
|
4768
4925
|
})();
|
|
4769
|
-
return /* @__PURE__ */
|
|
4926
|
+
return /* @__PURE__ */ jsx101("p", { ...rest, className: clsx6(`lp-sys-typo-title${size}-${type}-${weight}`, className), style: getStyle(color), children });
|
|
4770
4927
|
}, "Title");
|
|
4771
4928
|
|
|
4772
4929
|
// src/components/Typography/Caption.tsx
|
|
4773
4930
|
import clsx7 from "clsx";
|
|
4774
|
-
import { jsx as
|
|
4931
|
+
import { jsx as jsx102 } from "react/jsx-runtime";
|
|
4775
4932
|
var Caption = /* @__PURE__ */ __name(({ children, size, weight, type, className, color, ...rest }) => {
|
|
4776
|
-
return /* @__PURE__ */
|
|
4933
|
+
return /* @__PURE__ */ jsx102(
|
|
4777
4934
|
"caption",
|
|
4778
4935
|
{
|
|
4779
4936
|
...rest,
|
|
@@ -4807,7 +4964,7 @@ var style_module_default4 = {
|
|
|
4807
4964
|
// src/components/Popover/index.tsx
|
|
4808
4965
|
import { cva as cva3 } from "class-variance-authority";
|
|
4809
4966
|
import { clsx as clsx8 } from "clsx";
|
|
4810
|
-
import { jsx as
|
|
4967
|
+
import { jsx as jsx103, jsxs as jsxs70 } from "react/jsx-runtime";
|
|
4811
4968
|
var DEFAULT_OFFSET = -6;
|
|
4812
4969
|
var popoverVariants = cva3(style_module_default4.content, {
|
|
4813
4970
|
variants: {
|
|
@@ -4829,9 +4986,9 @@ var popoverTagVariants = cva3([style_module_default4.tag, "lp-sys-typo-caption3-
|
|
|
4829
4986
|
var popoverTitleVariants = cva3([style_module_default4.title, "lp-sys-typo-paragraph3-normal-bold"]);
|
|
4830
4987
|
var popoverSubtitleVariants = cva3([style_module_default4.subTitle, "lp-sys-typo-caption1-normal-regular"]);
|
|
4831
4988
|
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__ */
|
|
4989
|
+
var PopoverRoot = /* @__PURE__ */ __name(({ isOpen, children, onChange }) => /* @__PURE__ */ jsx103(PopoverPrimitive.Root, { open: isOpen, onOpenChange: onChange, children }), "PopoverRoot");
|
|
4990
|
+
var PopoverTrigger = /* @__PURE__ */ __name(({ by }) => /* @__PURE__ */ jsx103(PopoverPrimitive.Trigger, { asChild: true, children: by }), "PopoverTrigger");
|
|
4991
|
+
var PopoverAnchor = /* @__PURE__ */ __name(({ className }) => /* @__PURE__ */ jsx103(
|
|
4835
4992
|
"svg",
|
|
4836
4993
|
{
|
|
4837
4994
|
className,
|
|
@@ -4841,7 +4998,7 @@ var PopoverAnchor = /* @__PURE__ */ __name(({ className }) => /* @__PURE__ */ js
|
|
|
4841
4998
|
height: "10",
|
|
4842
4999
|
viewBox: "0 0 30 10",
|
|
4843
5000
|
fill: "none",
|
|
4844
|
-
children: /* @__PURE__ */
|
|
5001
|
+
children: /* @__PURE__ */ jsx103(
|
|
4845
5002
|
"path",
|
|
4846
5003
|
{
|
|
4847
5004
|
"fill-rule": "evenodd",
|
|
@@ -4866,7 +5023,7 @@ var PopoverContent = React.forwardRef(
|
|
|
4866
5023
|
onClose,
|
|
4867
5024
|
className,
|
|
4868
5025
|
...props
|
|
4869
|
-
}, ref) => /* @__PURE__ */
|
|
5026
|
+
}, ref) => /* @__PURE__ */ jsx103(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsxs70(
|
|
4870
5027
|
PopoverPrimitive.Content,
|
|
4871
5028
|
{
|
|
4872
5029
|
ref,
|
|
@@ -4876,24 +5033,24 @@ var PopoverContent = React.forwardRef(
|
|
|
4876
5033
|
className: clsx8(popoverVariants({ level }), className),
|
|
4877
5034
|
...props,
|
|
4878
5035
|
children: [
|
|
4879
|
-
/* @__PURE__ */
|
|
4880
|
-
/* @__PURE__ */
|
|
4881
|
-
tag && /* @__PURE__ */
|
|
4882
|
-
icon && /* @__PURE__ */
|
|
4883
|
-
/* @__PURE__ */
|
|
4884
|
-
/* @__PURE__ */
|
|
5036
|
+
/* @__PURE__ */ jsxs70("div", { className: style_module_default4.contentContainer, children: [
|
|
5037
|
+
/* @__PURE__ */ jsxs70("div", { className: style_module_default4.heading, children: [
|
|
5038
|
+
tag && /* @__PURE__ */ jsx103("span", { className: popoverTagVariants(), children: tag }),
|
|
5039
|
+
icon && /* @__PURE__ */ jsx103(Icon, { name: icon.name, size: "xs", thick: icon.thick, fill: icon.fill }),
|
|
5040
|
+
/* @__PURE__ */ jsx103("p", { className: popoverTitleVariants(), children: title }),
|
|
5041
|
+
/* @__PURE__ */ jsx103(
|
|
4885
5042
|
PopoverPrimitive.PopoverClose,
|
|
4886
5043
|
{
|
|
4887
5044
|
className: style_module_default4.closeButton,
|
|
4888
5045
|
onClick: () => {
|
|
4889
5046
|
onClose?.();
|
|
4890
5047
|
},
|
|
4891
|
-
children: /* @__PURE__ */
|
|
5048
|
+
children: /* @__PURE__ */ jsx103(Icon, { name: "close-fill", size: "s", color: "#1E1E1F", fill: true, thick: true })
|
|
4892
5049
|
}
|
|
4893
5050
|
)
|
|
4894
5051
|
] }),
|
|
4895
|
-
/* @__PURE__ */
|
|
4896
|
-
onConfirm && /* @__PURE__ */
|
|
5052
|
+
/* @__PURE__ */ jsx103("p", { className: popoverSubtitleVariants(), children: subTitle }),
|
|
5053
|
+
onConfirm && /* @__PURE__ */ jsx103("div", { className: popoverFooterVariants(), children: /* @__PURE__ */ jsx103(
|
|
4897
5054
|
Button,
|
|
4898
5055
|
{
|
|
4899
5056
|
as: "text",
|
|
@@ -4905,7 +5062,7 @@ var PopoverContent = React.forwardRef(
|
|
|
4905
5062
|
}
|
|
4906
5063
|
) })
|
|
4907
5064
|
] }),
|
|
4908
|
-
/* @__PURE__ */
|
|
5065
|
+
/* @__PURE__ */ jsx103(PopoverPrimitive.Arrow, { asChild: true, children: /* @__PURE__ */ jsx103(PopoverAnchor, { className: clsx8(popoverAnchorVariants({ level })) }) })
|
|
4909
5066
|
]
|
|
4910
5067
|
}
|
|
4911
5068
|
) })
|
|
@@ -4930,14 +5087,14 @@ var style_module_default5 = {
|
|
|
4930
5087
|
// src/components/Tooltip/index.tsx
|
|
4931
5088
|
import { cva as cva4 } from "class-variance-authority";
|
|
4932
5089
|
import clsx9 from "clsx";
|
|
4933
|
-
import { jsx as
|
|
5090
|
+
import { jsx as jsx104 } from "react/jsx-runtime";
|
|
4934
5091
|
var DEFAULT_OFFSET2 = 4;
|
|
4935
5092
|
var tooltipVariants = cva4([style_module_default5.tooltip, "lp-sys-typo-caption1-normal-medium"]);
|
|
4936
5093
|
var TooltipProvider = TooltipPrimitive.Provider;
|
|
4937
|
-
var TooltipRoot = /* @__PURE__ */ __name(({ children }) => /* @__PURE__ */
|
|
4938
|
-
var TooltipTrigger = /* @__PURE__ */ __name(({ by }) => /* @__PURE__ */
|
|
5094
|
+
var TooltipRoot = /* @__PURE__ */ __name(({ children }) => /* @__PURE__ */ jsx104(TooltipPrimitive.Root, { delayDuration: 0, children }), "TooltipRoot");
|
|
5095
|
+
var TooltipTrigger = /* @__PURE__ */ __name(({ by }) => /* @__PURE__ */ jsx104(TooltipPrimitive.Trigger, { asChild: true, children: by }), "TooltipTrigger");
|
|
4939
5096
|
var TooltipContent = forwardRef3(
|
|
4940
|
-
({ description, position = "top", className, offset = DEFAULT_OFFSET2, ...props }, ref) => /* @__PURE__ */
|
|
5097
|
+
({ description, position = "top", className, offset = DEFAULT_OFFSET2, ...props }, ref) => /* @__PURE__ */ jsx104(
|
|
4941
5098
|
TooltipPrimitive.Content,
|
|
4942
5099
|
{
|
|
4943
5100
|
ref,
|
|
@@ -4945,7 +5102,7 @@ var TooltipContent = forwardRef3(
|
|
|
4945
5102
|
sideOffset: offset,
|
|
4946
5103
|
className: clsx9(tooltipVariants(), className),
|
|
4947
5104
|
...props,
|
|
4948
|
-
children: /* @__PURE__ */
|
|
5105
|
+
children: /* @__PURE__ */ jsx104("p", { className: style_module_default5.tooltipContent, children: description })
|
|
4949
5106
|
}
|
|
4950
5107
|
)
|
|
4951
5108
|
);
|
|
@@ -4977,7 +5134,7 @@ var style_module_default6 = {
|
|
|
4977
5134
|
|
|
4978
5135
|
// src/components/IconButton/index.tsx
|
|
4979
5136
|
import { Slot as Slot2 } from "@radix-ui/react-slot";
|
|
4980
|
-
import { jsx as
|
|
5137
|
+
import { jsx as jsx105 } from "react/jsx-runtime";
|
|
4981
5138
|
var iconButtonSizeIconSizeMap = {
|
|
4982
5139
|
l: "m",
|
|
4983
5140
|
m: "s",
|
|
@@ -5005,7 +5162,7 @@ var iconButtonVariants = cva5([style_module_default6.iconButton], {
|
|
|
5005
5162
|
var IconButton = forwardRef4(
|
|
5006
5163
|
({ asChild, level = "primary", name, thick = false, fill = false, size = "m", className, ...rest }, ref) => {
|
|
5007
5164
|
const Comp = asChild ? Slot2 : "button";
|
|
5008
|
-
return /* @__PURE__ */
|
|
5165
|
+
return /* @__PURE__ */ jsx105(Comp, { ...rest, className: clsx10(iconButtonVariants({ level, size }), className), ref, children: /* @__PURE__ */ jsx105(Icon, { name, thick, fill, size: iconButtonSizeIconSizeMap[size] }) });
|
|
5009
5166
|
}
|
|
5010
5167
|
);
|
|
5011
5168
|
|
|
@@ -5020,9 +5177,9 @@ var style_module_default7 = {
|
|
|
5020
5177
|
};
|
|
5021
5178
|
|
|
5022
5179
|
// src/components/Label/index.tsx
|
|
5023
|
-
import { jsx as
|
|
5180
|
+
import { jsx as jsx106 } from "react/jsx-runtime";
|
|
5024
5181
|
var Label = forwardRef5(({ className, ...props }, ref) => {
|
|
5025
|
-
return /* @__PURE__ */
|
|
5182
|
+
return /* @__PURE__ */ jsx106(
|
|
5026
5183
|
LabelPrimitive.Root,
|
|
5027
5184
|
{
|
|
5028
5185
|
ref,
|