@liner-fe/prism 2.9.43 → 2.9.44

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
@@ -1985,15 +1985,15 @@
1985
1985
  }
1986
1986
 
1987
1987
  /* esbuild-sass-plugin:css-chunk:src/components/coach-mark/main/style.module.scss */
1988
- ._content_196c9_1 {
1988
+ ._content_hgpfp_1 {
1989
1989
  display: flex;
1990
1990
  flex-direction: column;
1991
1991
  min-width: 230px;
1992
1992
  padding: var(--lp-sys-padding-component-400);
1993
1993
  box-sizing: border-box;
1994
- animation: _slideIn_196c9_1 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
1994
+ animation: _slideIn_hgpfp_1 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
1995
1995
  }
1996
- @keyframes _slideIn_196c9_1 {
1996
+ @keyframes _slideIn_hgpfp_1 {
1997
1997
  from {
1998
1998
  transform: translateY(10px);
1999
1999
  opacity: 0;
@@ -2003,66 +2003,69 @@
2003
2003
  opacity: 1;
2004
2004
  }
2005
2005
  }
2006
- ._content_196c9_1._brand_196c9_19 {
2006
+ ._content_hgpfp_1._brand_hgpfp_19 {
2007
2007
  background: var(--brand-container-mid);
2008
2008
  }
2009
- ._content_196c9_1._brand_196c9_19 > span > svg > path {
2009
+ ._content_hgpfp_1._brand_hgpfp_19 > span > svg > path {
2010
2010
  fill: var(--brand-container-mid);
2011
2011
  }
2012
- ._content_196c9_1._inverse-static_196c9_25 {
2012
+ ._content_hgpfp_1._inverse-static_hgpfp_25 {
2013
2013
  background: var(--inverse-container-static-high);
2014
2014
  }
2015
- ._content_196c9_1._inverse-static_196c9_25 > span > svg > path {
2015
+ ._content_hgpfp_1._inverse-static_hgpfp_25 > span > svg > path {
2016
2016
  fill: var(--inverse-container-static-high);
2017
2017
  }
2018
- ._content_196c9_1._inverse_196c9_25 {
2018
+ ._content_hgpfp_1._inverse_hgpfp_25 {
2019
2019
  background: var(--inverse-container-lowest);
2020
2020
  }
2021
- ._content_196c9_1._inverse_196c9_25 > span > svg > path {
2021
+ ._content_hgpfp_1._inverse_hgpfp_25 > span > svg > path {
2022
2022
  fill: var(--inverse-container-lowest);
2023
2023
  }
2024
- ._top_196c9_38 {
2024
+ ._top_hgpfp_38 {
2025
2025
  display: flex;
2026
2026
  flex-direction: column;
2027
2027
  gap: var(--lp-sys-padding-component-400);
2028
2028
  }
2029
- ._main_196c9_44 {
2029
+ ._main_hgpfp_44 {
2030
2030
  width: 100%;
2031
2031
  display: flex;
2032
2032
  flex-direction: column;
2033
2033
  gap: var(--lp-sys-gap-positive-100);
2034
2034
  }
2035
- ._title_196c9_51 {
2035
+ ._title_hgpfp_51 {
2036
2036
  display: flex;
2037
2037
  align-items: center;
2038
2038
  gap: var(--lp-sys-gap-positive-150);
2039
2039
  }
2040
- ._footer_196c9_57 {
2040
+ ._description_hgpfp_57 {
2041
+ white-space: pre-wrap;
2042
+ }
2043
+ ._footer_hgpfp_61 {
2041
2044
  display: flex;
2042
2045
  align-items: center;
2043
2046
  justify-content: space-between;
2044
2047
  padding-top: var(--lp-sys-gap-positive-150);
2045
2048
  }
2046
- ._footer_196c9_57 ._buttonGroup_196c9_63 {
2049
+ ._footer_hgpfp_61 ._buttonGroup_hgpfp_67 {
2047
2050
  display: flex;
2048
2051
  gap: var(--lp-sys-gap-positive-400);
2049
2052
  height: 28px;
2050
2053
  }
2051
- ._closeButton_196c9_69 {
2054
+ ._closeButton_hgpfp_73 {
2052
2055
  position: absolute;
2053
2056
  top: 0;
2054
2057
  right: 0;
2055
2058
  transform: translate(-25%, 25%);
2056
2059
  opacity: 0.64;
2057
2060
  }
2058
- ._image-container_196c9_77 {
2061
+ ._image-container_hgpfp_81 {
2059
2062
  position: relative;
2060
2063
  width: 248px;
2061
2064
  height: 160px;
2062
2065
  margin-top: 8px;
2063
2066
  margin-bottom: 8px;
2064
2067
  }
2065
- ._image_196c9_77 {
2068
+ ._image_hgpfp_81 {
2066
2069
  position: absolute;
2067
2070
  transform: translateX(-5.7%);
2068
2071
  }
package/lib/index.d.ts CHANGED
@@ -217,7 +217,7 @@ interface PopoverTriggerProps {
217
217
  /**
218
218
  * PopoverContent
219
219
  */
220
- interface PopoverContentProps extends HTMLAttributes<HTMLDivElement> {
220
+ interface PopoverContentProps extends HTMLAttributes<HTMLDivElement>, Popover$1.PopoverContentProps {
221
221
  level?: 'primary' | 'secondary';
222
222
  tag?: string;
223
223
  icon?: {
@@ -226,7 +226,6 @@ interface PopoverContentProps extends HTMLAttributes<HTMLDivElement> {
226
226
  title?: string;
227
227
  description?: string;
228
228
  position?: 'top' | 'right' | 'bottom' | 'left';
229
- align?: 'start' | 'center' | 'end';
230
229
  confirmText?: string;
231
230
  isOverlay?: boolean;
232
231
  container?: HTMLElement;
package/lib/index.js CHANGED
@@ -3251,19 +3251,20 @@ import * as PopoverPrimitive4 from "@radix-ui/react-popover";
3251
3251
 
3252
3252
  // src/components/coach-mark/main/style.module.scss
3253
3253
  var style_module_default21 = {
3254
- "content": "_content_196c9_1",
3255
- "slideIn": "_slideIn_196c9_1",
3256
- "brand": "_brand_196c9_19",
3257
- "inverse-static": "_inverse-static_196c9_25",
3258
- "inverse": "_inverse_196c9_25",
3259
- "top": "_top_196c9_38",
3260
- "main": "_main_196c9_44",
3261
- "title": "_title_196c9_51",
3262
- "footer": "_footer_196c9_57",
3263
- "buttonGroup": "_buttonGroup_196c9_63",
3264
- "closeButton": "_closeButton_196c9_69",
3265
- "image-container": "_image-container_196c9_77",
3266
- "image": "_image_196c9_77"
3254
+ "content": "_content_hgpfp_1",
3255
+ "slideIn": "_slideIn_hgpfp_1",
3256
+ "brand": "_brand_hgpfp_19",
3257
+ "inverse-static": "_inverse-static_hgpfp_25",
3258
+ "inverse": "_inverse_hgpfp_25",
3259
+ "top": "_top_hgpfp_38",
3260
+ "main": "_main_hgpfp_44",
3261
+ "title": "_title_hgpfp_51",
3262
+ "description": "_description_hgpfp_57",
3263
+ "footer": "_footer_hgpfp_61",
3264
+ "buttonGroup": "_buttonGroup_hgpfp_67",
3265
+ "closeButton": "_closeButton_hgpfp_73",
3266
+ "image-container": "_image-container_hgpfp_81",
3267
+ "image": "_image_hgpfp_81"
3267
3268
  };
3268
3269
 
3269
3270
  // src/components/coach-mark/main/index.tsx
@@ -3386,16 +3387,17 @@ var CoachMarkContent = forwardRef19(
3386
3387
  height: 160
3387
3388
  }
3388
3389
  ) }),
3389
- description && /* @__PURE__ */ jsx31("div", { className: style_module_default21.description, children: /* @__PURE__ */ jsx31(
3390
+ description && /* @__PURE__ */ jsx31(
3390
3391
  Caption,
3391
3392
  {
3392
3393
  size: 2,
3393
3394
  type: "normal",
3394
3395
  weight: "regular",
3395
3396
  color: level === "inverse" ? "inverse-label-secondary" : "inverse-label-static-secondary",
3397
+ className: style_module_default21.description,
3396
3398
  children: description
3397
3399
  }
3398
- ) })
3400
+ )
3399
3401
  ] })
3400
3402
  ] }),
3401
3403
  /* @__PURE__ */ jsxs16("footer", { className: style_module_default21.footer, children: [
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@liner-fe/prism",
3
- "version": "2.9.43",
3
+ "version": "2.9.44",
4
4
  "type": "module",
5
5
  "sideEffects": false,
6
6
  "dependencies": {
@@ -18,9 +18,9 @@
18
18
  "react-dom": "^18.2.0",
19
19
  "recoil": "^0.5.2",
20
20
  "@liner-fe/design-token": "^2.5.34",
21
- "@liner-fe/icon": "^0.2.39",
22
- "@liner-fe/illust": "^0.2.10",
23
- "@liner-fe/design-token-primitive": "^0.2.32"
21
+ "@liner-fe/design-token-primitive": "^0.2.33",
22
+ "@liner-fe/icon": "^0.2.40",
23
+ "@liner-fe/illust": "^0.2.10"
24
24
  },
25
25
  "devDependencies": {
26
26
  "@chromatic-com/storybook": "^1.5.0",