@liner-fe/prism 1.13.8 → 1.13.10

package/lib/components/Toast/hooks/useToast.d.ts

@@ -4,5 +4,8 @@ export declare const toastAtom: import("recoil").RecoilState<{
 }>;
 export declare const ONE_SECOND = 1000;
 export declare const useToast: () => {
-    open: (toast: Omit<Partial<ToastProp>, "toastId">) => void;
+    open: (toast: Omit<Partial<ToastProp>, "toastId">) => {
+        toastId: number;
+    };
+    endLoading: (toastId: number) => void;
 };

package/lib/components/Toast/index.d.ts

@@ -5,6 +5,7 @@ interface IToastBase extends ToastProps, RefAttributes<HTMLLIElement> {
     toastId: number;
     message: string;
     timer: number;
+    isLoading?: boolean;
 }
 interface IToastIcon {
     icon: Omit<IconProps, 'size'>;

package/lib/index.css

@@ -412,7 +412,7 @@
 }
 
 /* esbuild-sass-plugin:css-chunk:src/components/Toast/style.module.scss */
-@keyframes _hide_g82xk_1 {
+@keyframes _hide_192n7_1 {
   from {
     opacity: 1;
   }
@@ -420,7 +420,7 @@
     opacity: 0;
   }
 }
-@keyframes _slideIn_g82xk_1 {
+@keyframes _slideIn_192n7_1 {
   from {
     transform: translateY(-100%);
   }
@@ -428,7 +428,7 @@
     transform: translateY(0);
   }
 }
-@keyframes _swipeOut_g82xk_1 {
+@keyframes _swipeOut_192n7_1 {
   from {
     transform: translateY(0);
   }
@@ -436,16 +436,16 @@
     transform: translateY(-100%);
   }
 }
-._Icon_g82xk_25 {
+._Icon_192n7_25 {
   width: fit-content;
-  height: 20px;
+  height: 24px;
 }
 @media (max-width: 360px) {
-  ._TitleText_g82xk_31 {
+  ._TitleText_192n7_31 {
     max-width: 227px;
   }
 }
-._ToastViewport_g82xk_36 {
+._ToastViewport_192n7_36 {
   position: fixed;
   top: 29px;
   left: 50%;
@@ -464,11 +464,11 @@
   width: fit-content;
 }
 @media (max-width: 600px) {
-  ._ToastViewport_g82xk_36 {
+  ._ToastViewport_192n7_36 {
     width: calc(100vw - 32px);
   }
 }
-._ToastRoot_g82xk_60 {
+._ToastRoot_192n7_60 {
   background-color: var(--inverse-container-static-high);
   border-radius: 8px;
   box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.2509803922);
@@ -479,32 +479,32 @@
   gap: 6px;
 }
 @media (max-width: 600px) {
-  ._ToastRoot_g82xk_60 {
+  ._ToastRoot_192n7_60 {
     width: calc(100vw - 64px);
   }
 }
-._ToastTitle_g82xk_76 {
+._ToastTitle_192n7_76 {
   display: flex;
   align-items: center;
   justify-content: space-between;
   width: 100%;
   gap: var(--lp-sys-gap-positive-300);
 }
-._ToastRoot_g82xk_60[data-state=open] {
-  animation: _slideIn_g82xk_1 0.5s cubic-bezier(0.16, 1, 0.3, 1);
+._ToastRoot_192n7_60[data-state=open] {
+  animation: _slideIn_192n7_1 0.5s cubic-bezier(0.16, 1, 0.3, 1);
 }
-._ToastRoot_g82xk_60[data-state=closed] {
-  animation: _hide_g82xk_1 300ms ease-in;
+._ToastRoot_192n7_60[data-state=closed] {
+  animation: _hide_192n7_1 300ms ease-in;
 }
-._ToastRoot_g82xk_60[data-swipe=move] {
+._ToastRoot_192n7_60[data-swipe=move] {
   transform: translateY(var(--radix-toast-swipe-move-y));
 }
-._ToastRoot_g82xk_60[data-swipe=cancel] {
+._ToastRoot_192n7_60[data-swipe=cancel] {
   transform: translateX(0);
   transition: transform 200ms ease-out;
 }
-._ToastRoot_g82xk_60[data-swipe=end] {
-  animation: _swipeOut_g82xk_1 100ms ease-out;
+._ToastRoot_192n7_60[data-swipe=end] {
+  animation: _swipeOut_192n7_1 100ms ease-out;
 }
 
 /* esbuild-sass-plugin:css-chunk:src/components/Typography/Set/style.module.scss */
@@ -1191,7 +1191,7 @@
 }
 
 /* esbuild-sass-plugin:css-chunk:src/components/Select/style.module.scss */
-@-webkit-keyframes _slide-up_64o6g_1 {
+@-webkit-keyframes _slide-up_rtt11_1 {
   0% {
     transform: translateY(3%);
     opacity: 0;
@@ -1201,7 +1201,7 @@
     opacity: 1;
   }
 }
-@keyframes _slide-up_64o6g_1 {
+@keyframes _slide-up_rtt11_1 {
   0% {
     transform: translateY(3%);
     opacity: 0;
@@ -1211,7 +1211,7 @@
     opacity: 1;
   }
 }
-@-webkit-keyframes _slide-down_64o6g_1 {
+@-webkit-keyframes _slide-down_rtt11_1 {
   0% {
     transform: translateY(0);
     opacity: 1;
@@ -1221,7 +1221,7 @@
     opacity: 0;
   }
 }
-@keyframes _slide-down_64o6g_1 {
+@keyframes _slide-down_rtt11_1 {
   0% {
     transform: translateY(0);
     opacity: 1;
@@ -1231,7 +1231,7 @@
     opacity: 0;
   }
 }
-@-webkit-keyframes _slide-in-right_64o6g_1 {
+@-webkit-keyframes _slide-in-right_rtt11_1 {
   0% {
     opacity: 0;
     -webkit-transform: translateX(1000px);
@@ -1243,7 +1243,7 @@
     transform: translateX(0);
   }
 }
-@keyframes _slide-in-right_64o6g_1 {
+@keyframes _slide-in-right_rtt11_1 {
   0% {
     opacity: 0;
     -webkit-transform: translateX(1000px);
@@ -1255,7 +1255,7 @@
     transform: translateX(0);
   }
 }
-@-webkit-keyframes _slide-out-right_64o6g_1 {
+@-webkit-keyframes _slide-out-right_rtt11_1 {
   0% {
     opacity: 1;
     -webkit-transform: translateX(0);
@@ -1267,7 +1267,7 @@
     transform: translateX(1000px);
   }
 }
-@keyframes _slide-out-right_64o6g_1 {
+@keyframes _slide-out-right_rtt11_1 {
   0% {
     opacity: 1;
     -webkit-transform: translateX(0);
@@ -1279,16 +1279,16 @@
     transform: translateX(1000px);
   }
 }
-._label-container_64o6g_101 {
+._label-container_rtt11_101 {
   display: flex;
   align-items: center;
   gap: var(--lp-sys-gap-positive-150);
 }
-._select-label_64o6g_107 {
+._select-label_rtt11_107 {
   white-space: nowrap;
   padding-bottom: var(--lp-sys-padding-component-300);
 }
-._trigger_64o6g_112 {
+._trigger_rtt11_112 {
   display: flex;
   align-items: center;
   gap: var(--lp-sys-gap-positive-200);
@@ -1301,45 +1301,45 @@
   width: 100%;
   min-width: 0;
 }
-._trigger_64o6g_112 > span:not([aria-hidden]) {
+._trigger_rtt11_112 > span:not([aria-hidden]) {
   text-align: left;
   width: 100%;
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
 }
-._trigger_64o6g_112 > span[aria-hidden] {
+._trigger_rtt11_112 > span[aria-hidden] {
   flex: 0 1 0;
 }
-._trigger_64o6g_112 > span > svg {
+._trigger_rtt11_112 > span > svg {
   transition: transform 0.2s cubic-bezier(0.075, 0.82, 0.165, 1);
 }
-._trigger_64o6g_112[data-state=open] {
+._trigger_rtt11_112[data-state=open] {
   border-color: var(--neutral-border-opaque-strong);
 }
-._trigger_64o6g_112[data-state=open] > span > svg {
+._trigger_rtt11_112[data-state=open] > span > svg {
   transform: rotate(180deg);
 }
-._trigger_64o6g_112[data-disabled] {
+._trigger_rtt11_112[data-disabled] {
   pointer-events: none;
   background: var(--neutral-container-low);
   border-color: var(--neutral-border-overlay-normal);
 }
-._trigger_64o6g_112[data-disabled] > span > p {
+._trigger_rtt11_112[data-disabled] > span > p {
   color: var(--neutral-label-tertiary);
 }
-._trigger_64o6g_112[data-disabled] > span > svg > * {
+._trigger_rtt11_112[data-disabled] > span > svg > * {
   fill: var(--neutral-label-tertiary);
 }
-._placeholder_64o6g_156 {
+._placeholder_rtt11_156 {
   width: 100%;
 }
-._openIcon_64o6g_160 {
+._openIcon_rtt11_160 {
   display: flex;
   align-items: center;
   justify-content: center;
 }
-@keyframes _slide-up_64o6g_1 {
+@keyframes _slide-up_rtt11_1 {
   0% {
     transform: translateY(3%);
     opacity: 0;
@@ -1349,7 +1349,7 @@
     opacity: 1;
   }
 }
-._desktop-content_64o6g_176 {
+._desktop-content_rtt11_176 {
   box-sizing: border-box;
   transform: translateX(-0.5%);
   padding: var(--lp-sys-padding-component-200);
@@ -1361,45 +1361,45 @@
   z-index: 10;
   box-shadow: var(--lp-sys-shadow-normal);
 }
-._desktop-content_64o6g_176[data-state=open] {
-  -webkit-animation: _slide-up_64o6g_1 0.2s cubic-bezier(0.39, 0.575, 0.565, 1) 0s both;
-  animation: _slide-up_64o6g_1 0.2s cubic-bezier(0.39, 0.575, 0.565, 1) 0s both;
+._desktop-content_rtt11_176[data-state=open] {
+  -webkit-animation: _slide-up_rtt11_1 0.2s cubic-bezier(0.39, 0.575, 0.565, 1) 0s both;
+  animation: _slide-up_rtt11_1 0.2s cubic-bezier(0.39, 0.575, 0.565, 1) 0s both;
 }
 @media screen and (max-width: 600px) {
-  ._desktop-content_64o6g_176._responsive_64o6g_193 {
+  ._desktop-content_rtt11_176._responsive_rtt11_193 {
     display: none !important;
   }
 }
-._header_64o6g_198 {
+._header_rtt11_198 {
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: var(--lp-sys-gap-positive-200);
   padding-bottom: var(--lp-sys-padding-component-300);
 }
-._scrollAreaRoot_64o6g_206 {
+._scrollAreaRoot_rtt11_206 {
   width: 100%;
   height: 100%;
 }
-._scrollAreaViewport_64o6g_211 {
+._scrollAreaViewport_rtt11_211 {
   width: 100%;
   height: 100%;
   max-height: 268px;
   padding-bottom: var(--lp-sys-padding-component-150);
 }
-._scrollAreaScrollbar_64o6g_218 {
+._scrollAreaScrollbar_rtt11_218 {
   width: var(--lp-pri-size-4);
   padding: 5px 2px;
 }
-._scrollAreaThumb_64o6g_223 {
+._scrollAreaThumb_rtt11_223 {
   background: var(--neutral-fill-high);
   border-radius: var(--radius-xxl);
 }
-._desktop-label_64o6g_228 {
+._desktop-label_rtt11_228 {
   padding: var(--lp-sys-padding-component-200);
   padding-bottom: var(--lp-sys-padding-component-150);
 }
-._item_64o6g_233 {
+._item_rtt11_233 {
   display: flex;
   align-items: center;
   overflow: hidden;
@@ -1408,40 +1408,41 @@
   gap: var(--lp-sys-gap-positive-150);
   border-radius: var(--lp-sys-radius-s);
   padding: var(--lp-sys-padding-component-200);
+  cursor: pointer;
 }
-._item_64o6g_233 > span {
-  cursor: arrow;
+._item_rtt11_233 > span {
+  cursor: pointer;
   -webkit-user-select: none;
   user-select: none;
 }
-._item_64o6g_233:focus {
+._item_rtt11_233:focus {
   background: var(--neutral-fill-lowest-hover);
   outline: none;
 }
-._item_64o6g_233[data-state=checked] > span > p {
+._item_rtt11_233[data-state=checked] > span > p {
   color: var(--brand-label-primary);
   font-weight: var(--lp-pri-font-weight-700);
 }
-._item_64o6g_233[data-disabled] {
+._item_rtt11_233[data-disabled] {
   pointer-events: none !important;
 }
-._item_64o6g_233 > span:nth-child(1) {
+._item_rtt11_233 > span:nth-child(1) {
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
   width: 100%;
 }
-._icon_64o6g_265 {
+._icon_rtt11_266 {
   display: flex;
   align-items: center;
   justify-content: center;
 }
-._itemIndicator_64o6g_271 {
+._itemIndicator_rtt11_272 {
   display: flex;
   align-items: center;
   justify-content: center;
 }
-._badgeContainer_64o6g_277 {
+._badgeContainer_rtt11_278 {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -1451,7 +1452,7 @@
   border-radius: var(--lp-sys-radius-xs);
   margin-bottom: 12px;
 }
-._badge_64o6g_277 {
+._badge_rtt11_278 {
   top: 0;
   width: fit-content;
   height: fit-content;
@@ -1467,7 +1468,7 @@
   padding: 1px var(--lp-sys-padding-component-150);
   border-radius: var(--lp-sys-radius-xs);
 }
-._badge_64o6g_277 > p {
+._badge_rtt11_278 > p {
   color:
     linear-gradient(
       114deg,