@liner-fe/prism 2.11.2 → 2.11.4

package/lib/index.css

@@ -452,7 +452,7 @@
 }
 
 /* esbuild-sass-plugin:css-chunk:src/components/Toast/style.module.scss */
-@keyframes _hide_sbycv_1 {
+@keyframes _hide_1gk46_1 {
   from {
     opacity: 1;
   }
@@ -460,7 +460,7 @@
     opacity: 0;
   }
 }
-@keyframes _slideIn_sbycv_1 {
+@keyframes _slideIn_1gk46_1 {
   from {
     transform: translateY(-100%);
   }
@@ -468,7 +468,7 @@
     transform: translateY(0);
   }
 }
-@keyframes _swipeOut_sbycv_1 {
+@keyframes _swipeOut_1gk46_1 {
   from {
     transform: translateY(0);
   }
@@ -476,16 +476,16 @@
     transform: translateY(-100%);
   }
 }
-._Icon_sbycv_25 {
+._Icon_1gk46_25 {
   width: fit-content;
   height: 24px;
 }
 @media (max-width: 360px) {
-  ._TitleText_sbycv_31 {
+  ._TitleText_1gk46_31 {
     max-width: 227px;
   }
 }
-._ToastViewport_sbycv_36 {
+._ToastViewport_1gk46_36 {
   position: fixed;
   top: 29px;
   left: 50%;
@@ -504,11 +504,11 @@
   width: fit-content;
 }
 @media (max-width: 600px) {
-  ._ToastViewport_sbycv_36 {
-    width: calc(100vw - 32px);
+  ._ToastViewport_1gk46_36 {
+    width: calc(100vw - 40px);
   }
 }
-._ToastRoot_sbycv_60 {
+._ToastRoot_1gk46_60 {
   background-color: var(--inverse-container-static-high);
   border-radius: 8px;
   box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.2509803922);
@@ -518,33 +518,28 @@
   width: fit-content;
   gap: 6px;
 }
-@media (max-width: 600px) {
-  ._ToastRoot_sbycv_60 {
-    width: calc(100vw - 64px);
-  }
-}
-._ToastTitle_sbycv_76 {
+._ToastTitle_1gk46_71 {
   display: flex;
   align-items: center;
   justify-content: space-between;
   width: 100%;
   gap: var(--lp-sys-gap-positive-300);
 }
-._ToastRoot_sbycv_60[data-state=open] {
-  animation: _slideIn_sbycv_1 0.5s cubic-bezier(0.16, 1, 0.3, 1);
+._ToastRoot_1gk46_60[data-state=open] {
+  animation: _slideIn_1gk46_1 0.5s cubic-bezier(0.16, 1, 0.3, 1);
 }
-._ToastRoot_sbycv_60[data-state=closed] {
-  animation: _hide_sbycv_1 300ms ease-in;
+._ToastRoot_1gk46_60[data-state=closed] {
+  animation: _hide_1gk46_1 300ms ease-in;
 }
-._ToastRoot_sbycv_60[data-swipe=move] {
+._ToastRoot_1gk46_60[data-swipe=move] {
   transform: translateY(var(--radix-toast-swipe-move-y));
 }
-._ToastRoot_sbycv_60[data-swipe=cancel] {
+._ToastRoot_1gk46_60[data-swipe=cancel] {
   transform: translateX(0);
   transition: transform 200ms ease-out;
 }
-._ToastRoot_sbycv_60[data-swipe=end] {
-  animation: _swipeOut_sbycv_1 100ms ease-out;
+._ToastRoot_1gk46_60[data-swipe=end] {
+  animation: _swipeOut_1gk46_1 100ms ease-out;
 }
 
 /* esbuild-sass-plugin:css-chunk:src/components/Typography/Set/style.module.scss */

package/lib/index.d.ts

@@ -287,6 +287,12 @@ interface TooltipContentProps extends ComponentPropsWithoutRef<typeof Tooltip$1.
      * @param description
      * Tooltip안에 표시할 텍스트 컨텐츠를 설정합니다.
      */
+    /**
+     * @param container
+     * Tooltip이 렌더링될 컨테이너를 설정합니다.
+     * 기본값은 document.body입니다.
+     */
+    container?: HTMLElement;
     description?: string;
     /**
      * @param position
@@ -307,6 +313,7 @@ interface TooltipContentProps extends ComponentPropsWithoutRef<typeof Tooltip$1.
 declare const Tooltip: (({ children, ...props }: TooltipRootProps) => react_jsx_runtime.JSX.Element) & {
     Provider: react__default.FC<Tooltip$1.TooltipProviderProps>;
     Trigger: ({ by }: TooltipTriggerProps) => react_jsx_runtime.JSX.Element;
+    Portal: react__default.FC<Tooltip$1.TooltipPortalProps>;
     Content: react__default.ForwardRefExoticComponent<TooltipContentProps & react__default.RefAttributes<HTMLDivElement>>;
 };
 

package/lib/index.js

@@ -398,14 +398,14 @@ import { Provider, Root, Title, Viewport } from "@radix-ui/react-toast";
 
 // src/components/Toast/style.module.scss
 var style_module_default3 = {
-  "Icon": "_Icon_sbycv_25",
-  "TitleText": "_TitleText_sbycv_31",
-  "ToastViewport": "_ToastViewport_sbycv_36",
-  "ToastRoot": "_ToastRoot_sbycv_60",
-  "ToastTitle": "_ToastTitle_sbycv_76",
-  "slideIn": "_slideIn_sbycv_1",
-  "hide": "_hide_sbycv_1",
-  "swipeOut": "_swipeOut_sbycv_1"
+  "Icon": "_Icon_1gk46_25",
+  "TitleText": "_TitleText_1gk46_31",
+  "ToastViewport": "_ToastViewport_1gk46_36",
+  "ToastRoot": "_ToastRoot_1gk46_60",
+  "ToastTitle": "_ToastTitle_1gk46_71",
+  "slideIn": "_slideIn_1gk46_1",
+  "hide": "_hide_1gk46_1",
+  "swipeOut": "_swipeOut_1gk46_1"
 };
 
 // src/components/Toast/index.tsx
@@ -1522,6 +1522,7 @@ var TooltipContent = forwardRef9(
 var Tooltip = Object.assign(TooltipRoot, {
   Provider: TooltipProvider,
   Trigger: TooltipTrigger,
+  Portal: TooltipPrimitive.Portal,
   Content: TooltipContent
 });
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@liner-fe/prism",
-  "version": "2.11.2",
+  "version": "2.11.4",
   "type": "module",
   "sideEffects": false,
   "dependencies": {
@@ -18,9 +18,9 @@
     "react-dom": "^18.2.0",
     "recoil": "^0.5.2",
     "@liner-fe/design-token": "^2.5.35",
-    "@liner-fe/design-token-primitive": "^0.2.34",
-    "@liner-fe/icon": "^0.2.43",
-    "@liner-fe/illust": "^0.2.10"
+    "@liner-fe/icon": "^0.2.49",
+    "@liner-fe/illust": "^0.2.10",
+    "@liner-fe/design-token-primitive": "^0.2.34"
   },
   "devDependencies": {
     "@chromatic-com/storybook": "^1.5.0",