@liner-fe/prism 2.9.43 → 2.9.45

package/lib/index.css

@@ -1985,15 +1985,15 @@
 }
 
 /* esbuild-sass-plugin:css-chunk:src/components/coach-mark/main/style.module.scss */
-._content_196c9_1 {
+._content_hgpfp_1 {
   display: flex;
   flex-direction: column;
   min-width: 230px;
   padding: var(--lp-sys-padding-component-400);
   box-sizing: border-box;
-  animation: _slideIn_196c9_1 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
+  animation: _slideIn_hgpfp_1 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
 }
-@keyframes _slideIn_196c9_1 {
+@keyframes _slideIn_hgpfp_1 {
   from {
     transform: translateY(10px);
     opacity: 0;
@@ -2003,66 +2003,69 @@
     opacity: 1;
   }
 }
-._content_196c9_1._brand_196c9_19 {
+._content_hgpfp_1._brand_hgpfp_19 {
   background: var(--brand-container-mid);
 }
-._content_196c9_1._brand_196c9_19 > span > svg > path {
+._content_hgpfp_1._brand_hgpfp_19 > span > svg > path {
   fill: var(--brand-container-mid);
 }
-._content_196c9_1._inverse-static_196c9_25 {
+._content_hgpfp_1._inverse-static_hgpfp_25 {
   background: var(--inverse-container-static-high);
 }
-._content_196c9_1._inverse-static_196c9_25 > span > svg > path {
+._content_hgpfp_1._inverse-static_hgpfp_25 > span > svg > path {
   fill: var(--inverse-container-static-high);
 }
-._content_196c9_1._inverse_196c9_25 {
+._content_hgpfp_1._inverse_hgpfp_25 {
   background: var(--inverse-container-lowest);
 }
-._content_196c9_1._inverse_196c9_25 > span > svg > path {
+._content_hgpfp_1._inverse_hgpfp_25 > span > svg > path {
   fill: var(--inverse-container-lowest);
 }
-._top_196c9_38 {
+._top_hgpfp_38 {
   display: flex;
   flex-direction: column;
   gap: var(--lp-sys-padding-component-400);
 }
-._main_196c9_44 {
+._main_hgpfp_44 {
   width: 100%;
   display: flex;
   flex-direction: column;
   gap: var(--lp-sys-gap-positive-100);
 }
-._title_196c9_51 {
+._title_hgpfp_51 {
   display: flex;
   align-items: center;
   gap: var(--lp-sys-gap-positive-150);
 }
-._footer_196c9_57 {
+._description_hgpfp_57 {
+  white-space: pre-wrap;
+}
+._footer_hgpfp_61 {
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding-top: var(--lp-sys-gap-positive-150);
 }
-._footer_196c9_57 ._buttonGroup_196c9_63 {
+._footer_hgpfp_61 ._buttonGroup_hgpfp_67 {
   display: flex;
   gap: var(--lp-sys-gap-positive-400);
   height: 28px;
 }
-._closeButton_196c9_69 {
+._closeButton_hgpfp_73 {
   position: absolute;
   top: 0;
   right: 0;
   transform: translate(-25%, 25%);
   opacity: 0.64;
 }
-._image-container_196c9_77 {
+._image-container_hgpfp_81 {
   position: relative;
   width: 248px;
   height: 160px;
   margin-top: 8px;
   margin-bottom: 8px;
 }
-._image_196c9_77 {
+._image_hgpfp_81 {
   position: absolute;
   transform: translateX(-5.7%);
 }

package/lib/index.d.ts

@@ -217,7 +217,7 @@ interface PopoverTriggerProps {
 /**
  * PopoverContent
  */
-interface PopoverContentProps extends HTMLAttributes<HTMLDivElement> {
+interface PopoverContentProps extends HTMLAttributes<HTMLDivElement>, Popover$1.PopoverContentProps {
     level?: 'primary' | 'secondary';
     tag?: string;
     icon?: {
@@ -226,7 +226,6 @@ interface PopoverContentProps extends HTMLAttributes<HTMLDivElement> {
     title?: string;
     description?: string;
     position?: 'top' | 'right' | 'bottom' | 'left';
-    align?: 'start' | 'center' | 'end';
     confirmText?: string;
     isOverlay?: boolean;
     container?: HTMLElement;

package/lib/index.js

@@ -161,7 +161,7 @@ var buttonLoadingSizeMap = {
 };
 var buttonLoadingLevelMap = {
   primary: "inverse-label-static-primary",
-  secondary: "inverse-label-primary",
+  secondary: "inverse-label-static-primary",
   tertiary: "neutral-label-primary",
   quaternary: "neutral-label-primary",
   quinary: "neutral-label-static-primary",
@@ -3251,19 +3251,20 @@ import * as PopoverPrimitive4 from "@radix-ui/react-popover";
 
 // src/components/coach-mark/main/style.module.scss
 var style_module_default21 = {
-  "content": "_content_196c9_1",
-  "slideIn": "_slideIn_196c9_1",
-  "brand": "_brand_196c9_19",
-  "inverse-static": "_inverse-static_196c9_25",
-  "inverse": "_inverse_196c9_25",
-  "top": "_top_196c9_38",
-  "main": "_main_196c9_44",
-  "title": "_title_196c9_51",
-  "footer": "_footer_196c9_57",
-  "buttonGroup": "_buttonGroup_196c9_63",
-  "closeButton": "_closeButton_196c9_69",
-  "image-container": "_image-container_196c9_77",
-  "image": "_image_196c9_77"
+  "content": "_content_hgpfp_1",
+  "slideIn": "_slideIn_hgpfp_1",
+  "brand": "_brand_hgpfp_19",
+  "inverse-static": "_inverse-static_hgpfp_25",
+  "inverse": "_inverse_hgpfp_25",
+  "top": "_top_hgpfp_38",
+  "main": "_main_hgpfp_44",
+  "title": "_title_hgpfp_51",
+  "description": "_description_hgpfp_57",
+  "footer": "_footer_hgpfp_61",
+  "buttonGroup": "_buttonGroup_hgpfp_67",
+  "closeButton": "_closeButton_hgpfp_73",
+  "image-container": "_image-container_hgpfp_81",
+  "image": "_image_hgpfp_81"
 };
 
 // src/components/coach-mark/main/index.tsx
@@ -3386,16 +3387,17 @@ var CoachMarkContent = forwardRef19(
                 height: 160
               }
             ) }),
-            description && /* @__PURE__ */ jsx31("div", { className: style_module_default21.description, children: /* @__PURE__ */ jsx31(
+            description && /* @__PURE__ */ jsx31(
               Caption,
               {
                 size: 2,
                 type: "normal",
                 weight: "regular",
                 color: level === "inverse" ? "inverse-label-secondary" : "inverse-label-static-secondary",
+                className: style_module_default21.description,
                 children: description
               }
-            ) })
+            )
           ] })
         ] }),
         /* @__PURE__ */ jsxs16("footer", { className: style_module_default21.footer, children: [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@liner-fe/prism",
-  "version": "2.9.43",
+  "version": "2.9.45",
   "type": "module",
   "sideEffects": false,
   "dependencies": {
@@ -17,10 +17,10 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "recoil": "^0.5.2",
-    "@liner-fe/design-token": "^2.5.34",
-    "@liner-fe/icon": "^0.2.39",
-    "@liner-fe/illust": "^0.2.10",
-    "@liner-fe/design-token-primitive": "^0.2.32"
+    "@liner-fe/design-token": "^2.5.35",
+    "@liner-fe/design-token-primitive": "^0.2.34",
+    "@liner-fe/icon": "^0.2.41",
+    "@liner-fe/illust": "^0.2.10"
   },
   "devDependencies": {
     "@chromatic-com/storybook": "^1.5.0",