@liner-fe/prism 2.11.1 → 2.11.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/index.css CHANGED
@@ -452,7 +452,7 @@
452
452
  }
453
453
 
454
454
  /* esbuild-sass-plugin:css-chunk:src/components/Toast/style.module.scss */
455
- @keyframes _hide_sbycv_1 {
455
+ @keyframes _hide_1gk46_1 {
456
456
  from {
457
457
  opacity: 1;
458
458
  }
@@ -460,7 +460,7 @@
460
460
  opacity: 0;
461
461
  }
462
462
  }
463
- @keyframes _slideIn_sbycv_1 {
463
+ @keyframes _slideIn_1gk46_1 {
464
464
  from {
465
465
  transform: translateY(-100%);
466
466
  }
@@ -468,7 +468,7 @@
468
468
  transform: translateY(0);
469
469
  }
470
470
  }
471
- @keyframes _swipeOut_sbycv_1 {
471
+ @keyframes _swipeOut_1gk46_1 {
472
472
  from {
473
473
  transform: translateY(0);
474
474
  }
@@ -476,16 +476,16 @@
476
476
  transform: translateY(-100%);
477
477
  }
478
478
  }
479
- ._Icon_sbycv_25 {
479
+ ._Icon_1gk46_25 {
480
480
  width: fit-content;
481
481
  height: 24px;
482
482
  }
483
483
  @media (max-width: 360px) {
484
- ._TitleText_sbycv_31 {
484
+ ._TitleText_1gk46_31 {
485
485
  max-width: 227px;
486
486
  }
487
487
  }
488
- ._ToastViewport_sbycv_36 {
488
+ ._ToastViewport_1gk46_36 {
489
489
  position: fixed;
490
490
  top: 29px;
491
491
  left: 50%;
@@ -504,11 +504,11 @@
504
504
  width: fit-content;
505
505
  }
506
506
  @media (max-width: 600px) {
507
- ._ToastViewport_sbycv_36 {
508
- width: calc(100vw - 32px);
507
+ ._ToastViewport_1gk46_36 {
508
+ width: calc(100vw - 40px);
509
509
  }
510
510
  }
511
- ._ToastRoot_sbycv_60 {
511
+ ._ToastRoot_1gk46_60 {
512
512
  background-color: var(--inverse-container-static-high);
513
513
  border-radius: 8px;
514
514
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.2509803922);
@@ -518,33 +518,28 @@
518
518
  width: fit-content;
519
519
  gap: 6px;
520
520
  }
521
- @media (max-width: 600px) {
522
- ._ToastRoot_sbycv_60 {
523
- width: calc(100vw - 64px);
524
- }
525
- }
526
- ._ToastTitle_sbycv_76 {
521
+ ._ToastTitle_1gk46_71 {
527
522
  display: flex;
528
523
  align-items: center;
529
524
  justify-content: space-between;
530
525
  width: 100%;
531
526
  gap: var(--lp-sys-gap-positive-300);
532
527
  }
533
- ._ToastRoot_sbycv_60[data-state=open] {
534
- animation: _slideIn_sbycv_1 0.5s cubic-bezier(0.16, 1, 0.3, 1);
528
+ ._ToastRoot_1gk46_60[data-state=open] {
529
+ animation: _slideIn_1gk46_1 0.5s cubic-bezier(0.16, 1, 0.3, 1);
535
530
  }
536
- ._ToastRoot_sbycv_60[data-state=closed] {
537
- animation: _hide_sbycv_1 300ms ease-in;
531
+ ._ToastRoot_1gk46_60[data-state=closed] {
532
+ animation: _hide_1gk46_1 300ms ease-in;
538
533
  }
539
- ._ToastRoot_sbycv_60[data-swipe=move] {
534
+ ._ToastRoot_1gk46_60[data-swipe=move] {
540
535
  transform: translateY(var(--radix-toast-swipe-move-y));
541
536
  }
542
- ._ToastRoot_sbycv_60[data-swipe=cancel] {
537
+ ._ToastRoot_1gk46_60[data-swipe=cancel] {
543
538
  transform: translateX(0);
544
539
  transition: transform 200ms ease-out;
545
540
  }
546
- ._ToastRoot_sbycv_60[data-swipe=end] {
547
- animation: _swipeOut_sbycv_1 100ms ease-out;
541
+ ._ToastRoot_1gk46_60[data-swipe=end] {
542
+ animation: _swipeOut_1gk46_1 100ms ease-out;
548
543
  }
549
544
 
550
545
  /* esbuild-sass-plugin:css-chunk:src/components/Typography/Set/style.module.scss */
package/lib/index.d.ts CHANGED
@@ -91,6 +91,7 @@ declare const useToast: () => {
91
91
  toastId: number;
92
92
  };
93
93
  endLoading: (toastId: number) => void;
94
+ setMessage: (toastId: number, message: string) => void;
94
95
  };
95
96
 
96
97
  interface ITypographyCommon<T extends HTMLElement = HTMLParagraphElement> extends Omit<HTMLAttributes<T>, 'color'>, WithHTMLAsProps {
package/lib/index.js CHANGED
@@ -382,7 +382,14 @@ var useToast = /* @__PURE__ */ __name(() => {
382
382
  return { ...list, isLoading: list.toastId === toastId ? false : list.isLoading };
383
383
  });
384
384
  });
385
- }, "endLoading")
385
+ }, "endLoading"),
386
+ setMessage: /* @__PURE__ */ __name((toastId, message) => {
387
+ setToasts((prev) => {
388
+ return prev.map((list) => {
389
+ return { ...list, message: list.toastId === toastId ? message : list.message };
390
+ });
391
+ });
392
+ }, "setMessage")
386
393
  };
387
394
  }, "useToast");
388
395
 
@@ -391,14 +398,14 @@ import { Provider, Root, Title, Viewport } from "@radix-ui/react-toast";
391
398
 
392
399
  // src/components/Toast/style.module.scss
393
400
  var style_module_default3 = {
394
- "Icon": "_Icon_sbycv_25",
395
- "TitleText": "_TitleText_sbycv_31",
396
- "ToastViewport": "_ToastViewport_sbycv_36",
397
- "ToastRoot": "_ToastRoot_sbycv_60",
398
- "ToastTitle": "_ToastTitle_sbycv_76",
399
- "slideIn": "_slideIn_sbycv_1",
400
- "hide": "_hide_sbycv_1",
401
- "swipeOut": "_swipeOut_sbycv_1"
401
+ "Icon": "_Icon_1gk46_25",
402
+ "TitleText": "_TitleText_1gk46_31",
403
+ "ToastViewport": "_ToastViewport_1gk46_36",
404
+ "ToastRoot": "_ToastRoot_1gk46_60",
405
+ "ToastTitle": "_ToastTitle_1gk46_71",
406
+ "slideIn": "_slideIn_1gk46_1",
407
+ "hide": "_hide_1gk46_1",
408
+ "swipeOut": "_swipeOut_1gk46_1"
402
409
  };
403
410
 
404
411
  // src/components/Toast/index.tsx
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@liner-fe/prism",
3
- "version": "2.11.1",
3
+ "version": "2.11.3",
4
4
  "type": "module",
5
5
  "sideEffects": false,
6
6
  "dependencies": {
@@ -19,7 +19,7 @@
19
19
  "recoil": "^0.5.2",
20
20
  "@liner-fe/design-token": "^2.5.35",
21
21
  "@liner-fe/design-token-primitive": "^0.2.34",
22
- "@liner-fe/icon": "^0.2.43",
22
+ "@liner-fe/icon": "^0.2.44",
23
23
  "@liner-fe/illust": "^0.2.10"
24
24
  },
25
25
  "devDependencies": {