@liner-fe/prism 2.9.42 → 2.9.44

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;
@@ -540,6 +539,7 @@ interface LogoRectangleProps {
     width: number;
     height: number;
     className?: string;
+    fill?: BasicColorType;
 }
 type LogoProps = LogoSquareProps | LogoRectangleProps;
 declare const Logo: (props: LogoProps) => react_jsx_runtime.JSX.Element;

package/lib/index.js

@@ -2502,7 +2502,8 @@ import { vars } from "@liner-fe/design-token";
 import { jsx as jsx27, jsxs as jsxs13 } from "react/jsx-runtime";
 var Logo = /* @__PURE__ */ __name((props) => {
   if (props.type === "combination") {
-    const { width, height } = props;
+    const { width, height, fill = "brand-label-secondary" } = props;
+    const darkModeAwareFillColor = vars.color[fill];
     return /* @__PURE__ */ jsxs13(
       "svg",
       {
@@ -2518,49 +2519,49 @@ var Logo = /* @__PURE__ */ __name((props) => {
               "path",
               {
                 d: "M56.7088 28.6542H52.9156C52.6532 28.6542 52.4455 28.4483 52.4455 28.1883V8.38183C52.4455 5.67308 53.0796 3.77695 53.3091 3.19186C53.3419 3.09434 53.2763 2.99683 53.167 2.99683H46.2365C46.1381 2.99683 46.0616 3.09434 46.0944 3.19186C46.313 3.78778 46.9252 5.69475 46.9252 8.42517V25.7937C46.9252 28.8167 46.313 30.8103 46.0944 31.4171C46.0616 31.5146 46.1272 31.6121 46.2365 31.6121H66.2081C66.2846 31.6121 66.3502 31.5471 66.3502 31.4713V25.9562C66.3502 25.8479 66.23 25.7721 66.1316 25.8262C65.115 26.3788 60.6878 28.665 56.7088 28.665V28.6542Z",
-                fill: vars.color["brand-label-secondary"]
+                fill: darkModeAwareFillColor
               }
             ),
             /* @__PURE__ */ jsx27(
               "path",
               {
                 d: "M94.4108 26.6714C94.4108 29.3259 93.8533 30.9078 93.5472 31.4496C93.4925 31.5471 93.5691 31.6663 93.6784 31.6663H100.347C100.456 31.6663 100.521 31.5579 100.478 31.4604C100.183 30.8753 99.5922 29.1309 99.5922 26.7147V18.816C99.5922 16.1614 98.991 14.1027 97.7886 12.6617C96.5752 11.2206 94.859 10.4947 92.6399 10.4947C88.8467 10.4947 86.1029 13.431 84.9661 15.5221C84.8458 15.7496 84.496 15.663 84.496 15.4029V11.3073C84.496 11.2314 84.4304 11.1664 84.3539 11.1664H79.0959C78.9866 11.1664 78.921 11.2748 78.9648 11.3723C79.238 11.9466 79.8065 13.7018 79.8065 16.118V26.6822C79.8065 29.3368 79.249 30.9187 78.9429 31.4604C78.8882 31.5579 78.9648 31.6771 79.0741 31.6771H85.7422C85.8515 31.6771 85.9171 31.5688 85.8734 31.4713C85.5892 30.8862 85.0098 29.1417 85.0098 26.7255V20.7013C85.0098 19.8886 85.1628 19.076 85.4798 18.3175C85.9499 17.2124 86.5402 16.3131 87.2617 15.6196C88.2564 14.6445 89.4042 14.1461 90.716 14.1461C91.9512 14.1461 92.8804 14.5578 93.4925 15.3813C94.1047 16.2047 94.4217 17.4182 94.4217 19.0218V26.693L94.4108 26.6714Z",
-                fill: vars.color["brand-label-secondary"]
+                fill: darkModeAwareFillColor
               }
             ),
             /* @__PURE__ */ jsx27(
               "path",
               {
                 d: "M69.3127 31.6663H76.0026C76.112 31.6663 76.1776 31.558 76.1338 31.4604C75.8496 30.8754 75.2702 29.1309 75.2702 26.7147V11.3073C75.2702 11.2315 75.2047 11.1664 75.1281 11.1664H69.3345C69.2252 11.1664 69.1596 11.2748 69.2033 11.3723C69.4876 11.9466 70.056 13.7018 70.056 16.118V26.6822C70.056 29.3368 69.4876 30.9187 69.1924 31.4604C69.1378 31.558 69.2143 31.6771 69.3236 31.6771L69.3127 31.6663Z",
-                fill: vars.color["brand-label-secondary"]
+                fill: darkModeAwareFillColor
               }
             ),
             /* @__PURE__ */ jsx27(
               "path",
               {
                 d: "M72.2642 8.71772C74.1335 8.71772 75.6529 7.21165 75.6529 5.35886C75.6529 3.50607 74.1335 2 72.2642 2C70.395 2 68.8755 3.50607 68.8755 5.35886C68.8755 7.21165 70.395 8.71772 72.2642 8.71772Z",
-                fill: vars.color["brand-label-secondary"]
+                fill: darkModeAwareFillColor
               }
             ),
             /* @__PURE__ */ jsx27(
               "path",
               {
                 d: "M130.299 15.5438C130.299 15.8038 130.616 15.8905 130.736 15.663C132.201 12.8675 134.179 11.1339 136.573 11.1339H138.858C138.935 11.1339 139 11.1989 139 11.2748V15.5329C139 15.6088 138.935 15.6738 138.858 15.6738H135.218C133.556 15.6738 132.004 16.5081 130.769 17.8408C130.474 18.1658 130.31 18.5776 130.299 19.0001V26.693C130.299 29.1092 130.878 30.8645 131.162 31.4388C131.206 31.5363 131.14 31.6446 131.031 31.6446H124.341C124.232 31.6446 124.155 31.5254 124.21 31.4279C124.516 30.8862 125.074 29.3151 125.074 26.6497V16.0855C125.074 13.6693 124.505 11.914 124.221 11.3398C124.177 11.2423 124.243 11.1339 124.352 11.1339H130.146C130.222 11.1339 130.288 11.1989 130.288 11.2748V15.5221L130.299 15.5438Z",
-                fill: vars.color["brand-label-secondary"]
+                fill: darkModeAwareFillColor
               }
             ),
             /* @__PURE__ */ jsx27(
               "path",
               {
                 d: "M113.967 29.4993C110.076 29.4993 108.152 26.5955 107.944 21.9581C107.944 21.8714 108.01 21.8064 108.086 21.8064H122.57C122.658 21.8064 122.723 21.7414 122.723 21.6547C122.669 14.4386 118.329 10.4405 112.47 10.4405C106.611 10.4405 101.998 14.7095 101.998 21.2213C101.998 28.1991 106.315 32.1647 113.279 32.1647C118.023 32.1647 121.488 29.4451 122.516 25.0244C122.538 24.9378 122.461 24.8511 122.374 24.8511H120.657C120.592 24.8511 120.537 24.8944 120.515 24.9486C119.63 27.7765 116.831 29.4885 113.956 29.4885L113.967 29.4993ZM112.514 13.1167C115.039 13.1167 116.657 15.1104 116.744 18.9026C116.744 18.9785 116.678 19.0543 116.591 19.0543H108.141C108.054 19.0543 107.988 18.9785 107.999 18.9026C108.207 15.2404 109.945 13.1276 112.524 13.1276L112.514 13.1167Z",
-                fill: vars.color["brand-label-secondary"]
+                fill: darkModeAwareFillColor
               }
             ),
             /* @__PURE__ */ jsx27(
               "path",
               {
                 d: "M32.4411 12.4883V3.18101C32.4411 3.08349 32.3646 3.00764 32.2662 3.00764H22.7996C22.7996 3.00764 22.7122 3.02931 22.6794 3.06182L17.2465 8.43599C17.2465 8.43599 17.17 8.49017 17.1262 8.49017H7.1459C7.1459 8.49017 7.05845 8.51184 7.02566 8.54434L0.0514475 15.4246C-0.0578662 15.5329 0.0186534 15.728 0.171692 15.728H9.1682C9.43056 15.728 9.63825 15.9338 9.63825 16.1939V25.4361C9.63825 25.5337 9.71477 25.6095 9.81315 25.6095H19.1595C19.4218 25.6095 19.6295 25.8262 19.6295 26.0754V34.971C19.6295 35.1227 19.8154 35.2093 19.9356 35.101L26.8114 28.2966C26.8114 28.2966 26.8661 28.2207 26.8661 28.1666V18.1333C26.8661 18.1333 26.8879 18.0358 26.9207 18.0033L32.3864 12.5858C32.3864 12.5858 32.4411 12.51 32.4411 12.4558V12.4883ZM17.9133 16.8873V9.67119C17.9133 9.41114 18.121 9.20528 18.3833 9.20528H25.6855C25.9478 9.20528 26.1555 9.41114 26.1555 9.67119V16.8873C26.1555 17.1474 25.9478 17.3532 25.6855 17.3532H18.3833C18.121 17.3532 17.9133 17.1474 17.9133 16.8873Z",
-                fill: vars.color["brand-label-secondary"]
+                fill: darkModeAwareFillColor
               }
             )
           ] }),
@@ -3250,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
@@ -3385,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.42",
+  "version": "2.9.44",
   "type": "module",
   "sideEffects": false,
   "dependencies": {
@@ -18,8 +18,8 @@
     "react-dom": "^18.2.0",
     "recoil": "^0.5.2",
     "@liner-fe/design-token": "^2.5.34",
-    "@liner-fe/design-token-primitive": "^0.2.32",
-    "@liner-fe/icon": "^0.2.33",
+    "@liner-fe/design-token-primitive": "^0.2.33",
+    "@liner-fe/icon": "^0.2.40",
     "@liner-fe/illust": "^0.2.10"
   },
   "devDependencies": {