@liner-fe/prism 3.3.0-beta-20260511064025 → 3.3.1

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.
Files changed (3) hide show
  1. package/lib/index.css +49 -48
  2. package/lib/index.js +18 -18
  3. 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
- ._Root_1el8w_1 {
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
- ._Root_1el8w_1 {
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
- ._Icon_1el8w_23 {
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
- ._Content_1el8w_32 {
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
- ._Content_1el8w_32 p {
503
+ ._Content_9lq3r_33 p {
503
504
  margin: 0;
504
505
  padding: 0;
505
506
  }
506
- ._Actions_1el8w_44 {
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
- ._Spinner_1el8w_51 {
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
- ._Spinner_1el8w_51 div {
520
+ ._Spinner_9lq3r_52 div {
520
521
  transform-origin: 12px 12px;
521
- animation: _lds-spinner_1el8w_1 1.2s linear infinite;
522
+ animation: _lds-spinner_9lq3r_1 1.2s linear infinite;
522
523
  }
523
- ._Spinner_1el8w_51 div::after {
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
- ._Spinner_1el8w_51 div:nth-child(1) {
535
+ ._Spinner_9lq3r_52 div:nth-child(1) {
535
536
  transform: rotate(0deg);
536
537
  animation-delay: -1.2s;
537
538
  }
538
- ._Spinner_1el8w_51 div:nth-child(2) {
539
+ ._Spinner_9lq3r_52 div:nth-child(2) {
539
540
  transform: rotate(30deg);
540
541
  animation-delay: -1.1s;
541
542
  }
542
- ._Spinner_1el8w_51 div:nth-child(3) {
543
+ ._Spinner_9lq3r_52 div:nth-child(3) {
543
544
  transform: rotate(60deg);
544
545
  animation-delay: -1s;
545
546
  }
546
- ._Spinner_1el8w_51 div:nth-child(4) {
547
+ ._Spinner_9lq3r_52 div:nth-child(4) {
547
548
  transform: rotate(90deg);
548
549
  animation-delay: -0.9s;
549
550
  }
550
- ._Spinner_1el8w_51 div:nth-child(5) {
551
+ ._Spinner_9lq3r_52 div:nth-child(5) {
551
552
  transform: rotate(120deg);
552
553
  animation-delay: -0.8s;
553
554
  }
554
- ._Spinner_1el8w_51 div:nth-child(6) {
555
+ ._Spinner_9lq3r_52 div:nth-child(6) {
555
556
  transform: rotate(150deg);
556
557
  animation-delay: -0.7s;
557
558
  }
558
- ._Spinner_1el8w_51 div:nth-child(7) {
559
+ ._Spinner_9lq3r_52 div:nth-child(7) {
559
560
  transform: rotate(180deg);
560
561
  animation-delay: -0.6s;
561
562
  }
562
- ._Spinner_1el8w_51 div:nth-child(8) {
563
+ ._Spinner_9lq3r_52 div:nth-child(8) {
563
564
  transform: rotate(210deg);
564
565
  animation-delay: -0.5s;
565
566
  }
566
- ._Spinner_1el8w_51 div:nth-child(9) {
567
+ ._Spinner_9lq3r_52 div:nth-child(9) {
567
568
  transform: rotate(240deg);
568
569
  animation-delay: -0.4s;
569
570
  }
570
- ._Spinner_1el8w_51 div:nth-child(10) {
571
+ ._Spinner_9lq3r_52 div:nth-child(10) {
571
572
  transform: rotate(270deg);
572
573
  animation-delay: -0.3s;
573
574
  }
574
- ._Spinner_1el8w_51 div:nth-child(11) {
575
+ ._Spinner_9lq3r_52 div:nth-child(11) {
575
576
  transform: rotate(300deg);
576
577
  animation-delay: -0.2s;
577
578
  }
578
- ._Spinner_1el8w_51 div:nth-child(12) {
579
+ ._Spinner_9lq3r_52 div:nth-child(12) {
579
580
  transform: rotate(330deg);
580
581
  animation-delay: -0.1s;
581
582
  }
582
- @keyframes _lds-spinner_1el8w_1 {
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
- ._Spinner_1el8w_51 div {
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
- ._iconButton_18jjn_1 {
711
+ ._iconButton_12zlj_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
- ._iconButton_18jjn_1:disabled {
719
+ ._iconButton_12zlj_1:disabled {
719
720
  cursor: not-allowed;
720
721
  }
721
- ._primary_18jjn_13 {
722
+ ._primary_12zlj_13 {
722
723
  background: var(--brand-container-mid);
723
724
  }
724
- ._primary_18jjn_13:not(:disabled):hover {
725
+ ._primary_12zlj_13:not(:disabled):hover {
725
726
  background: var(--brand-container-mid-hover);
726
727
  }
727
- ._primary_18jjn_13:disabled:not(._loading_18jjn_19) {
728
+ ._primary_12zlj_13:disabled:not(._loading_12zlj_19) {
728
729
  background: var(--neutral-fill-overlay-mid);
729
730
  }
730
- ._secondary_18jjn_23 {
731
+ ._secondary_12zlj_23 {
731
732
  background: transparent;
732
733
  border: 1px solid var(--brand-border-opaque-strong);
733
734
  }
734
- ._secondary_18jjn_23:not(:disabled):hover {
735
+ ._secondary_12zlj_23:not(:disabled):hover {
735
736
  background: var(--brand-fill-low);
736
737
  }
737
- ._secondary_18jjn_23:disabled:not(._loading_18jjn_19) {
738
+ ._secondary_12zlj_23:disabled:not(._loading_12zlj_19) {
738
739
  border: 1px solid var(--neutral-border-overlay-normal);
739
740
  }
740
- ._tertiary_18jjn_34 {
741
+ ._tertiary_12zlj_34 {
741
742
  background: var(--neutral-fill-opaque-lowest);
742
743
  border: 1px solid var(--neutral-border-overlay-normal);
743
744
  }
744
- ._tertiary_18jjn_34:not(:disabled):hover {
745
+ ._tertiary_12zlj_34:not(:disabled):hover {
745
746
  background: var(--neutral-container-lowest-hover);
746
747
  }
747
- ._tertiary_18jjn_34:disabled:not(._loading_18jjn_19) {
748
+ ._tertiary_12zlj_34:disabled:not(._loading_12zlj_19) {
748
749
  background: var(--neutral-fill-opaque-lowest);
749
750
  }
750
- ._quaternary_18jjn_45 {
751
+ ._quaternary_12zlj_45 {
751
752
  background: var(--neutral-fill-overlay-lowest);
752
753
  }
753
- ._quaternary_18jjn_45:not(:disabled):hover {
754
+ ._quaternary_12zlj_45:not(:disabled):hover {
754
755
  background: var(--neutral-fill-overlay-lowest-hover);
755
756
  }
756
- ._quinary_18jjn_52 {
757
+ ._quinary_12zlj_52 {
757
758
  background: var(--neutral-fill-overlay-lowest);
758
759
  color: var(--neutral-label-secondary);
759
760
  }
760
- ._quinary_18jjn_52:not(:disabled):hover {
761
+ ._quinary_12zlj_52:not(:disabled):hover {
761
762
  background: var(--neutral-fill-overlay-lowest-hover);
762
763
  }
763
- ._static_18jjn_60 {
764
- background: var(--neutral-fill-opaque-lowest);
764
+ ._static_12zlj_60 {
765
+ background: var(--neutral-container-static-lowest);
765
766
  }
766
- ._static_18jjn_60:not(:disabled):hover {
767
+ ._static_12zlj_60:not(:disabled):hover {
767
768
  background: var(--neutral-container-static-lowest-hover);
768
769
  }
769
- ._inverse-static_18jjn_67 {
770
- background: var(--inverse-container-static-high);
770
+ ._inverse-static_12zlj_67 {
771
+ background: transparent;
771
772
  }
772
- ._inverse-static_18jjn_67:not(:disabled):hover {
773
+ ._inverse-static_12zlj_67:not(:disabled):hover {
773
774
  background: var(--inverse-container-static-high-hover);
774
775
  }
775
- ._l_18jjn_19 {
776
+ ._l_12zlj_19 {
776
777
  width: 40px;
777
778
  height: 40px;
778
779
  border-radius: var(--lp-sys-radius-s);
779
780
  }
780
- ._m_18jjn_80 {
781
+ ._m_12zlj_80 {
781
782
  width: 32px;
782
783
  height: 32px;
783
784
  border-radius: var(--lp-sys-radius-s);
784
785
  }
785
- ._s_18jjn_23 {
786
+ ._s_12zlj_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": "_Root_1el8w_1",
386
- "Icon": "_Icon_1el8w_23",
387
- "Content": "_Content_1el8w_32",
388
- "Actions": "_Actions_1el8w_44",
389
- "Spinner": "_Spinner_1el8w_51",
390
- "lds-spinner": "_lds-spinner_1el8w_1"
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": "_iconButton_18jjn_1",
921
- "primary": "_primary_18jjn_13",
922
- "loading": "_loading_18jjn_19",
923
- "secondary": "_secondary_18jjn_23",
924
- "tertiary": "_tertiary_18jjn_34",
925
- "quaternary": "_quaternary_18jjn_45",
926
- "quinary": "_quinary_18jjn_52",
927
- "static": "_static_18jjn_60",
928
- "inverse-static": "_inverse-static_18jjn_67",
929
- "l": "_l_18jjn_19",
930
- "m": "_m_18jjn_80",
931
- "s": "_s_18jjn_23"
920
+ "iconButton": "_iconButton_12zlj_1",
921
+ "primary": "_primary_12zlj_13",
922
+ "loading": "_loading_12zlj_19",
923
+ "secondary": "_secondary_12zlj_23",
924
+ "tertiary": "_tertiary_12zlj_34",
925
+ "quaternary": "_quaternary_12zlj_45",
926
+ "quinary": "_quinary_12zlj_52",
927
+ "static": "_static_12zlj_60",
928
+ "inverse-static": "_inverse-static_12zlj_67",
929
+ "l": "_l_12zlj_19",
930
+ "m": "_m_12zlj_80",
931
+ "s": "_s_12zlj_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-beta-20260511064025",
3
+ "version": "3.3.1",
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/design-token-primitive": "^0.2.47",
20
- "@liner-fe/icon": "^2.0.12",
19
+ "@liner-fe/design-token": "^3.0.2",
20
+ "@liner-fe/icon": "^2.0.14",
21
21
  "@liner-fe/illust": "^1.0.1",
22
- "@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",