@liner-fe/prism 3.3.0-beta-20260511064025 → 3.3.0
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/index.css +48 -47
- package/lib/index.js +18 -18
- package/package.json +4 -4
package/lib/index.css
CHANGED
|
@@ -463,12 +463,13 @@
|
|
|
463
463
|
}
|
|
464
464
|
|
|
465
465
|
/* esbuild-sass-plugin:css-chunk:src/components/Toast/style.module.scss */
|
|
466
|
-
.
|
|
466
|
+
._Root_9lq3r_1 {
|
|
467
467
|
display: flex;
|
|
468
468
|
align-items: center;
|
|
469
469
|
gap: 6px;
|
|
470
470
|
padding: 16px;
|
|
471
471
|
border-radius: 8px;
|
|
472
|
+
border: 1px solid var(--inverse-border-overlay-normal);
|
|
472
473
|
background-color: var(--inverse-container-static-high);
|
|
473
474
|
box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.25);
|
|
474
475
|
box-sizing: border-box;
|
|
@@ -478,13 +479,13 @@
|
|
|
478
479
|
max-width: 400px;
|
|
479
480
|
}
|
|
480
481
|
@media (max-width: 600px) {
|
|
481
|
-
.
|
|
482
|
+
._Root_9lq3r_1 {
|
|
482
483
|
width: 100%;
|
|
483
484
|
min-width: unset;
|
|
484
485
|
max-width: calc(100vw - 40px);
|
|
485
486
|
}
|
|
486
487
|
}
|
|
487
|
-
.
|
|
488
|
+
._Icon_9lq3r_24 {
|
|
488
489
|
display: flex;
|
|
489
490
|
align-items: center;
|
|
490
491
|
justify-content: center;
|
|
@@ -492,35 +493,35 @@
|
|
|
492
493
|
width: fit-content;
|
|
493
494
|
height: 24px;
|
|
494
495
|
}
|
|
495
|
-
.
|
|
496
|
+
._Content_9lq3r_33 {
|
|
496
497
|
display: flex;
|
|
497
498
|
flex-direction: column;
|
|
498
499
|
gap: var(--lp-sys-gap-positive-100);
|
|
499
500
|
flex: 1;
|
|
500
501
|
min-width: 0;
|
|
501
502
|
}
|
|
502
|
-
.
|
|
503
|
+
._Content_9lq3r_33 p {
|
|
503
504
|
margin: 0;
|
|
504
505
|
padding: 0;
|
|
505
506
|
}
|
|
506
|
-
.
|
|
507
|
+
._Actions_9lq3r_45 {
|
|
507
508
|
display: flex;
|
|
508
509
|
align-items: center;
|
|
509
510
|
gap: var(--lp-sys-gap-positive-200);
|
|
510
511
|
flex-shrink: 0;
|
|
511
512
|
}
|
|
512
|
-
.
|
|
513
|
+
._Spinner_9lq3r_52 {
|
|
513
514
|
display: inline-block;
|
|
514
515
|
position: relative;
|
|
515
516
|
width: 24px;
|
|
516
517
|
height: 24px;
|
|
517
518
|
color: var(--inverse-label-static-primary);
|
|
518
519
|
}
|
|
519
|
-
.
|
|
520
|
+
._Spinner_9lq3r_52 div {
|
|
520
521
|
transform-origin: 12px 12px;
|
|
521
|
-
animation: _lds-
|
|
522
|
+
animation: _lds-spinner_9lq3r_1 1.2s linear infinite;
|
|
522
523
|
}
|
|
523
|
-
.
|
|
524
|
+
._Spinner_9lq3r_52 div::after {
|
|
524
525
|
content: "";
|
|
525
526
|
display: block;
|
|
526
527
|
position: absolute;
|
|
@@ -531,55 +532,55 @@
|
|
|
531
532
|
border-radius: 20%;
|
|
532
533
|
background: currentColor;
|
|
533
534
|
}
|
|
534
|
-
.
|
|
535
|
+
._Spinner_9lq3r_52 div:nth-child(1) {
|
|
535
536
|
transform: rotate(0deg);
|
|
536
537
|
animation-delay: -1.2s;
|
|
537
538
|
}
|
|
538
|
-
.
|
|
539
|
+
._Spinner_9lq3r_52 div:nth-child(2) {
|
|
539
540
|
transform: rotate(30deg);
|
|
540
541
|
animation-delay: -1.1s;
|
|
541
542
|
}
|
|
542
|
-
.
|
|
543
|
+
._Spinner_9lq3r_52 div:nth-child(3) {
|
|
543
544
|
transform: rotate(60deg);
|
|
544
545
|
animation-delay: -1s;
|
|
545
546
|
}
|
|
546
|
-
.
|
|
547
|
+
._Spinner_9lq3r_52 div:nth-child(4) {
|
|
547
548
|
transform: rotate(90deg);
|
|
548
549
|
animation-delay: -0.9s;
|
|
549
550
|
}
|
|
550
|
-
.
|
|
551
|
+
._Spinner_9lq3r_52 div:nth-child(5) {
|
|
551
552
|
transform: rotate(120deg);
|
|
552
553
|
animation-delay: -0.8s;
|
|
553
554
|
}
|
|
554
|
-
.
|
|
555
|
+
._Spinner_9lq3r_52 div:nth-child(6) {
|
|
555
556
|
transform: rotate(150deg);
|
|
556
557
|
animation-delay: -0.7s;
|
|
557
558
|
}
|
|
558
|
-
.
|
|
559
|
+
._Spinner_9lq3r_52 div:nth-child(7) {
|
|
559
560
|
transform: rotate(180deg);
|
|
560
561
|
animation-delay: -0.6s;
|
|
561
562
|
}
|
|
562
|
-
.
|
|
563
|
+
._Spinner_9lq3r_52 div:nth-child(8) {
|
|
563
564
|
transform: rotate(210deg);
|
|
564
565
|
animation-delay: -0.5s;
|
|
565
566
|
}
|
|
566
|
-
.
|
|
567
|
+
._Spinner_9lq3r_52 div:nth-child(9) {
|
|
567
568
|
transform: rotate(240deg);
|
|
568
569
|
animation-delay: -0.4s;
|
|
569
570
|
}
|
|
570
|
-
.
|
|
571
|
+
._Spinner_9lq3r_52 div:nth-child(10) {
|
|
571
572
|
transform: rotate(270deg);
|
|
572
573
|
animation-delay: -0.3s;
|
|
573
574
|
}
|
|
574
|
-
.
|
|
575
|
+
._Spinner_9lq3r_52 div:nth-child(11) {
|
|
575
576
|
transform: rotate(300deg);
|
|
576
577
|
animation-delay: -0.2s;
|
|
577
578
|
}
|
|
578
|
-
.
|
|
579
|
+
._Spinner_9lq3r_52 div:nth-child(12) {
|
|
579
580
|
transform: rotate(330deg);
|
|
580
581
|
animation-delay: -0.1s;
|
|
581
582
|
}
|
|
582
|
-
@keyframes _lds-
|
|
583
|
+
@keyframes _lds-spinner_9lq3r_1 {
|
|
583
584
|
0% {
|
|
584
585
|
opacity: 1;
|
|
585
586
|
}
|
|
@@ -588,7 +589,7 @@
|
|
|
588
589
|
}
|
|
589
590
|
}
|
|
590
591
|
@media (prefers-reduced-motion: reduce) {
|
|
591
|
-
.
|
|
592
|
+
._Spinner_9lq3r_52 div {
|
|
592
593
|
animation: none;
|
|
593
594
|
}
|
|
594
595
|
}
|
|
@@ -707,7 +708,7 @@
|
|
|
707
708
|
}
|
|
708
709
|
|
|
709
710
|
/* esbuild-sass-plugin:css-chunk:src/components/IconButton/style.module.scss */
|
|
710
|
-
.
|
|
711
|
+
._iconButton_1aogj_1 {
|
|
711
712
|
display: flex;
|
|
712
713
|
justify-content: center;
|
|
713
714
|
align-items: center;
|
|
@@ -715,74 +716,74 @@
|
|
|
715
716
|
border: none;
|
|
716
717
|
cursor: pointer;
|
|
717
718
|
}
|
|
718
|
-
.
|
|
719
|
+
._iconButton_1aogj_1:disabled {
|
|
719
720
|
cursor: not-allowed;
|
|
720
721
|
}
|
|
721
|
-
.
|
|
722
|
+
._primary_1aogj_13 {
|
|
722
723
|
background: var(--brand-container-mid);
|
|
723
724
|
}
|
|
724
|
-
.
|
|
725
|
+
._primary_1aogj_13:not(:disabled):hover {
|
|
725
726
|
background: var(--brand-container-mid-hover);
|
|
726
727
|
}
|
|
727
|
-
.
|
|
728
|
+
._primary_1aogj_13:disabled:not(._loading_1aogj_19) {
|
|
728
729
|
background: var(--neutral-fill-overlay-mid);
|
|
729
730
|
}
|
|
730
|
-
.
|
|
731
|
+
._secondary_1aogj_23 {
|
|
731
732
|
background: transparent;
|
|
732
733
|
border: 1px solid var(--brand-border-opaque-strong);
|
|
733
734
|
}
|
|
734
|
-
.
|
|
735
|
+
._secondary_1aogj_23:not(:disabled):hover {
|
|
735
736
|
background: var(--brand-fill-low);
|
|
736
737
|
}
|
|
737
|
-
.
|
|
738
|
+
._secondary_1aogj_23:disabled:not(._loading_1aogj_19) {
|
|
738
739
|
border: 1px solid var(--neutral-border-overlay-normal);
|
|
739
740
|
}
|
|
740
|
-
.
|
|
741
|
+
._tertiary_1aogj_34 {
|
|
741
742
|
background: var(--neutral-fill-opaque-lowest);
|
|
742
743
|
border: 1px solid var(--neutral-border-overlay-normal);
|
|
743
744
|
}
|
|
744
|
-
.
|
|
745
|
+
._tertiary_1aogj_34:not(:disabled):hover {
|
|
745
746
|
background: var(--neutral-container-lowest-hover);
|
|
746
747
|
}
|
|
747
|
-
.
|
|
748
|
+
._tertiary_1aogj_34:disabled:not(._loading_1aogj_19) {
|
|
748
749
|
background: var(--neutral-fill-opaque-lowest);
|
|
749
750
|
}
|
|
750
|
-
.
|
|
751
|
+
._quaternary_1aogj_45 {
|
|
751
752
|
background: var(--neutral-fill-overlay-lowest);
|
|
752
753
|
}
|
|
753
|
-
.
|
|
754
|
+
._quaternary_1aogj_45:not(:disabled):hover {
|
|
754
755
|
background: var(--neutral-fill-overlay-lowest-hover);
|
|
755
756
|
}
|
|
756
|
-
.
|
|
757
|
+
._quinary_1aogj_52 {
|
|
757
758
|
background: var(--neutral-fill-overlay-lowest);
|
|
758
759
|
color: var(--neutral-label-secondary);
|
|
759
760
|
}
|
|
760
|
-
.
|
|
761
|
+
._quinary_1aogj_52:not(:disabled):hover {
|
|
761
762
|
background: var(--neutral-fill-overlay-lowest-hover);
|
|
762
763
|
}
|
|
763
|
-
.
|
|
764
|
+
._static_1aogj_60 {
|
|
764
765
|
background: var(--neutral-fill-opaque-lowest);
|
|
765
766
|
}
|
|
766
|
-
.
|
|
767
|
+
._static_1aogj_60:not(:disabled):hover {
|
|
767
768
|
background: var(--neutral-container-static-lowest-hover);
|
|
768
769
|
}
|
|
769
|
-
._inverse-
|
|
770
|
-
background:
|
|
770
|
+
._inverse-static_1aogj_67 {
|
|
771
|
+
background: transparent;
|
|
771
772
|
}
|
|
772
|
-
._inverse-
|
|
773
|
+
._inverse-static_1aogj_67:not(:disabled):hover {
|
|
773
774
|
background: var(--inverse-container-static-high-hover);
|
|
774
775
|
}
|
|
775
|
-
.
|
|
776
|
+
._l_1aogj_19 {
|
|
776
777
|
width: 40px;
|
|
777
778
|
height: 40px;
|
|
778
779
|
border-radius: var(--lp-sys-radius-s);
|
|
779
780
|
}
|
|
780
|
-
.
|
|
781
|
+
._m_1aogj_80 {
|
|
781
782
|
width: 32px;
|
|
782
783
|
height: 32px;
|
|
783
784
|
border-radius: var(--lp-sys-radius-s);
|
|
784
785
|
}
|
|
785
|
-
.
|
|
786
|
+
._s_1aogj_23 {
|
|
786
787
|
width: 24px;
|
|
787
788
|
height: 24px;
|
|
788
789
|
border-radius: var(--lp-sys-radius-xs);
|
package/lib/index.js
CHANGED
|
@@ -382,12 +382,12 @@ import {
|
|
|
382
382
|
|
|
383
383
|
// src/components/Toast/style.module.scss
|
|
384
384
|
var style_module_default3 = {
|
|
385
|
-
"Root": "
|
|
386
|
-
"Icon": "
|
|
387
|
-
"Content": "
|
|
388
|
-
"Actions": "
|
|
389
|
-
"Spinner": "
|
|
390
|
-
"lds-spinner": "_lds-
|
|
385
|
+
"Root": "_Root_9lq3r_1",
|
|
386
|
+
"Icon": "_Icon_9lq3r_24",
|
|
387
|
+
"Content": "_Content_9lq3r_33",
|
|
388
|
+
"Actions": "_Actions_9lq3r_45",
|
|
389
|
+
"Spinner": "_Spinner_9lq3r_52",
|
|
390
|
+
"lds-spinner": "_lds-spinner_9lq3r_1"
|
|
391
391
|
};
|
|
392
392
|
|
|
393
393
|
// src/components/Toast/ToastContent.tsx
|
|
@@ -917,18 +917,18 @@ import clsx9 from "clsx";
|
|
|
917
917
|
|
|
918
918
|
// src/components/IconButton/style.module.scss
|
|
919
919
|
var style_module_default7 = {
|
|
920
|
-
"iconButton": "
|
|
921
|
-
"primary": "
|
|
922
|
-
"loading": "
|
|
923
|
-
"secondary": "
|
|
924
|
-
"tertiary": "
|
|
925
|
-
"quaternary": "
|
|
926
|
-
"quinary": "
|
|
927
|
-
"static": "
|
|
928
|
-
"inverse-static": "_inverse-
|
|
929
|
-
"l": "
|
|
930
|
-
"m": "
|
|
931
|
-
"s": "
|
|
920
|
+
"iconButton": "_iconButton_1aogj_1",
|
|
921
|
+
"primary": "_primary_1aogj_13",
|
|
922
|
+
"loading": "_loading_1aogj_19",
|
|
923
|
+
"secondary": "_secondary_1aogj_23",
|
|
924
|
+
"tertiary": "_tertiary_1aogj_34",
|
|
925
|
+
"quaternary": "_quaternary_1aogj_45",
|
|
926
|
+
"quinary": "_quinary_1aogj_52",
|
|
927
|
+
"static": "_static_1aogj_60",
|
|
928
|
+
"inverse-static": "_inverse-static_1aogj_67",
|
|
929
|
+
"l": "_l_1aogj_19",
|
|
930
|
+
"m": "_m_1aogj_80",
|
|
931
|
+
"s": "_s_1aogj_23"
|
|
932
932
|
};
|
|
933
933
|
|
|
934
934
|
// src/components/IconButton/index.tsx
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@liner-fe/prism",
|
|
3
|
-
"version": "3.3.0
|
|
3
|
+
"version": "3.3.0",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"sideEffects": false,
|
|
6
6
|
"dependencies": {
|
|
@@ -16,10 +16,10 @@
|
|
|
16
16
|
"sonner": "2.0.7",
|
|
17
17
|
"react-dom": "^19.1.0",
|
|
18
18
|
"jotai": "2.18.0",
|
|
19
|
-
"@liner-fe/
|
|
20
|
-
"@liner-fe/icon": "^2.0.12",
|
|
19
|
+
"@liner-fe/icon": "^2.0.14",
|
|
21
20
|
"@liner-fe/illust": "^1.0.1",
|
|
22
|
-
"@liner-fe/design-token": "^3.0.2"
|
|
21
|
+
"@liner-fe/design-token": "^3.0.2",
|
|
22
|
+
"@liner-fe/design-token-primitive": "^0.2.47"
|
|
23
23
|
},
|
|
24
24
|
"devDependencies": {
|
|
25
25
|
"@chromatic-com/storybook": "^1.5.0",
|