@liner-fe/prism 2.8.40 → 2.9.41

package/lib/index.css

@@ -731,7 +731,7 @@
 }
 
 /* esbuild-sass-plugin:css-chunk:src/components/IconButton/style.module.scss */
-._iconButton_snnba_1 {
+._iconButton_5ztf4_1 {
   display: flex;
   justify-content: center;
   align-items: center;
@@ -740,195 +740,195 @@
   border-radius: var(--lp-sys-radius-m);
   cursor: pointer;
 }
-._iconButton_snnba_1:disabled {
+._iconButton_5ztf4_1:disabled {
   cursor: not-allowed;
 }
-._primary_snnba_14 {
+._primary_5ztf4_14 {
   background: var(--brand-container-mid);
 }
-._primary_snnba_14:not(:disabled):hover {
+._primary_5ztf4_14:not(:disabled):hover {
   background: var(--brand-container-mid-hover);
 }
-._primary_snnba_14:disabled {
+._primary_5ztf4_14:disabled {
   background: var(--neutral-fill-overlay-mid);
 }
-._primary_snnba_14:disabled svg path {
+._primary_5ztf4_14:disabled svg path {
   fill: var(--neutral-label-tertiary) !important;
 }
-._secondary_snnba_27 {
+._secondary_5ztf4_27 {
   background: var(--brand-container-mid);
 }
-._secondary_snnba_27:not(:disabled):hover {
+._secondary_5ztf4_27:not(:disabled):hover {
   background: var(--brand-container-mid-hover);
 }
-._secondary_snnba_27:disabled {
+._secondary_5ztf4_27:disabled {
   background: var(--neutral-fill-overlay-mid);
 }
-._secondary_snnba_27:disabled svg path {
+._secondary_5ztf4_27:disabled svg path {
   fill: var(--neutral-label-tertiary) !important;
 }
-._tertiary_snnba_40 {
+._tertiary_5ztf4_40 {
   background: var(--neutral-fill-overlay-mid);
 }
-._tertiary_snnba_40:not(:disabled):hover {
+._tertiary_5ztf4_40:not(:disabled):hover {
   background: var(--neutral-fill-overlay-mid-hover);
 }
-._tertiary_snnba_40:disabled {
+._tertiary_5ztf4_40:disabled {
   background: var(--neutral-fill-overlay-mid);
 }
-._tertiary_snnba_40:disabled svg path {
+._tertiary_5ztf4_40:disabled svg path {
   fill: var(--neutral-label-tertiary) !important;
 }
-._quaternary_snnba_53 {
+._quaternary_5ztf4_53 {
   background: var(--neutral-fill-overlay-lowest);
   border: 1px solid var(--neutral-border-overlay-normal);
 }
-._quaternary_snnba_53:not(:disabled):hover {
+._quaternary_5ztf4_53:not(:disabled):hover {
   background: var(--neutral-fill-overlay-lowest-hover);
 }
-._quaternary_snnba_53:disabled {
+._quaternary_5ztf4_53:disabled {
   background: var(--neutral-fill-overlay-lowest);
 }
-._quaternary_snnba_53:disabled svg path {
+._quaternary_5ztf4_53:disabled svg path {
   fill: var(--neutral-label-tertiary) !important;
 }
-._negative_snnba_67 {
+._negative_5ztf4_67 {
   background: var(--function-fill-negative-mid);
 }
-._negative_snnba_67:not(:disabled):hover {
+._negative_5ztf4_67:not(:disabled):hover {
   background: var(--function-fill-negative-mid-hover);
 }
-._negative_snnba_67:disabled {
+._negative_5ztf4_67:disabled {
   background: var(--neutral-fill-overlay-mid);
 }
-._negative_snnba_67:disabled svg path {
+._negative_5ztf4_67:disabled svg path {
   fill: var(--neutral-label-tertiary) !important;
 }
-._static_snnba_80 {
+._static_5ztf4_80 {
   background: var(--neutral-container-static-lowest);
 }
-._static_snnba_80:not(:disabled):hover {
+._static_5ztf4_80:not(:disabled):hover {
   background: var(--neutral-container-static-lowest-hover);
 }
-._static_snnba_80:disabled {
+._static_5ztf4_80:disabled {
   background: var(--neutral-fill-overlay-mid);
 }
-._static_snnba_80:disabled svg path {
+._static_5ztf4_80:disabled svg path {
   fill: var(--neutral-label-tertiary) !important;
 }
-._inverse_snnba_93 {
+._inverse_5ztf4_93 {
   background: var(--brand-container-mid);
 }
-._inverse_snnba_93:not(:disabled):hover {
+._inverse_5ztf4_93:not(:disabled):hover {
   background: var(--brand-container-mid-hover);
 }
-._inverse_snnba_93:disabled {
+._inverse_5ztf4_93:disabled {
   background: var(--neutral-fill-overlay-mid);
 }
-._inverse_snnba_93:disabled svg path {
+._inverse_5ztf4_93:disabled svg path {
   fill: var(--neutral-label-tertiary) !important;
 }
-._inverse-static_snnba_106 {
+._inverse-static_5ztf4_106 {
   background: var(--inverse-container-static-high);
 }
-._inverse-static_snnba_106:not(:disabled):hover {
+._inverse-static_5ztf4_106:not(:disabled):hover {
   background: var(--inverse-container-static-high-hover);
 }
-._inverse-static_snnba_106:disabled {
+._inverse-static_5ztf4_106:disabled {
   background: var(--neutral-fill-overlay-mid);
 }
-._inverse-static_snnba_106:disabled svg path {
+._inverse-static_5ztf4_106:disabled svg path {
   fill: var(--neutral-label-tertiary) !important;
 }
-._ghost_snnba_119._primary_snnba_14 {
+._ghost_5ztf4_119._primary_5ztf4_14 {
   background: none;
 }
-._ghost_snnba_119._primary_snnba_14:not(:disabled):hover {
+._ghost_5ztf4_119._primary_5ztf4_14:not(:disabled):hover {
   background: var(--neutral-fill-overlay-lowest-hover);
 }
-._ghost_snnba_119._primary_snnba_14:disabled svg path {
+._ghost_5ztf4_119._primary_5ztf4_14:disabled svg path {
   fill: var(--neutral-label-quaternary) !important;
 }
-._ghost_snnba_119._secondary_snnba_27 {
+._ghost_5ztf4_119._secondary_5ztf4_27 {
   background: none;
 }
-._ghost_snnba_119._secondary_snnba_27:not(:disabled):hover {
+._ghost_5ztf4_119._secondary_5ztf4_27:not(:disabled):hover {
   background: var(--neutral-fill-overlay-lowest-hover);
 }
-._ghost_snnba_119._secondary_snnba_27:disabled svg path {
+._ghost_5ztf4_119._secondary_5ztf4_27:disabled svg path {
   fill: var(--neutral-label-quaternary) !important;
 }
-._ghost_snnba_119._tertiary_snnba_40 {
+._ghost_5ztf4_119._tertiary_5ztf4_40 {
   background: none;
 }
-._ghost_snnba_119._tertiary_snnba_40:not(:disabled):hover {
+._ghost_5ztf4_119._tertiary_5ztf4_40:not(:disabled):hover {
   background: var(--neutral-fill-overlay-lowest-hover);
 }
-._ghost_snnba_119._tertiary_snnba_40:disabled svg path {
+._ghost_5ztf4_119._tertiary_5ztf4_40:disabled svg path {
   fill: var(--neutral-label-quaternary) !important;
 }
-._ghost_snnba_119._negative_snnba_67 {
+._ghost_5ztf4_119._negative_5ztf4_67 {
   background: none;
 }
-._ghost_snnba_119._negative_snnba_67:not(:disabled):hover {
+._ghost_5ztf4_119._negative_5ztf4_67:not(:disabled):hover {
   background: var(--neutral-fill-overlay-lowest-hover);
 }
-._ghost_snnba_119._negative_snnba_67:disabled svg path {
+._ghost_5ztf4_119._negative_5ztf4_67:disabled svg path {
   fill: var(--neutral-label-quaternary) !important;
 }
-._ghost_snnba_119._static_snnba_80 {
+._ghost_5ztf4_119._static_5ztf4_80 {
   background: none;
 }
-._ghost_snnba_119._static_snnba_80:not(:disabled):hover {
+._ghost_5ztf4_119._static_5ztf4_80:not(:disabled):hover {
   background: var(--neutral-fill-overlay-lowest-hover);
 }
-._ghost_snnba_119._static_snnba_80:disabled svg path {
+._ghost_5ztf4_119._static_5ztf4_80:disabled svg path {
   fill: var(--neutral-label-quaternary) !important;
 }
-._ghost_snnba_119._inverse_snnba_93 {
+._ghost_5ztf4_119._inverse_5ztf4_93 {
   background: none;
 }
-._ghost_snnba_119._inverse_snnba_93:not(:disabled):hover {
+._ghost_5ztf4_119._inverse_5ztf4_93:not(:disabled):hover {
   background: var(--neutral-fill-overlay-lowest-hover);
 }
-._ghost_snnba_119._inverse_snnba_93:disabled svg path {
+._ghost_5ztf4_119._inverse_5ztf4_93:disabled svg path {
   fill: var(--neutral-label-quaternary) !important;
 }
-._ghost_snnba_119._inverse-static_snnba_106 {
+._ghost_5ztf4_119._inverse-static_5ztf4_106 {
   background: none;
 }
-._ghost_snnba_119._inverse-static_snnba_106:not(:disabled):hover {
+._ghost_5ztf4_119._inverse-static_5ztf4_106:not(:disabled):hover {
   background: var(--inverse-container-lowest-hover);
 }
-._ghost_snnba_119._inverse-static_snnba_106:disabled svg path {
+._ghost_5ztf4_119._inverse-static_5ztf4_106:disabled svg path {
   fill: var(--inverse-label-tertiary) !important;
 }
-._l_snnba_183 {
+._l_5ztf4_183 {
   width: 44px;
   height: 44px;
   border-radius: var(--lp-sys-radius-m);
 }
-._m_snnba_189 {
+._m_5ztf4_189 {
   width: 36px;
   height: 36px;
   border-radius: var(--lp-sys-radius-m);
 }
-._s_snnba_27 {
+._s_5ztf4_27 {
   width: 28px;
   height: 28px;
   border-radius: var(--lp-sys-radius-s);
 }
-._xs_snnba_201 {
+._xs_5ztf4_201 {
   width: 24px;
   height: 24px;
   border-radius: var(--lp-sys-radius-s);
 }
-._xs_snnba_201._ghost_snnba_119:not(:disabled):hover {
-  background: inherit !important;
-}
-._xs_snnba_201._ghost_snnba_119:not(:disabled):hover * > path {
+._xs_5ztf4_201._ghost_5ztf4_119:not(:disabled):hover * > path {
   opacity: 0.64 !important;
 }
+._xs_5ztf4_201._ghost_5ztf4_119:not(:disabled):hover {
+  background: inherit !important;
+}
 
 /* esbuild-sass-plugin:css-chunk:src/components/CheckBox/style.module.scss */
 ._checkbox_1jxdh_1 {

package/lib/index.d.ts

@@ -174,7 +174,7 @@ declare const Display: react.ForwardRefExoticComponent<IDisplayProps & react.Ref
 type BreakPointsKey = keyof typeof breakpointOrigin;
 declare const rootMediaStyle: string;
 declare const MediaContextProvider: react.ComponentType<_artsy_fresnel_dist_Media.MediaContextProviderProps<"xl" | "l" | "m" | "s" | "xs" | "xxl" | "xxxl"> & {
-    children: react.ReactNode;
+    children: React.ReactNode;
 }>;
 declare const Media: react.ComponentType<_artsy_fresnel_dist_Media.MediaProps<"xl" | "l" | "m" | "s" | "xs" | "xxl" | "xxxl", never>>;
 
@@ -552,7 +552,7 @@ type PrimitiveCoachMarkRootProps = PopoverProps & {
  * 사용 가능한 속성은 @radix-ui/react-popover 의 PopoverContentProps 참고
  * https://www.radix-ui.com/primitives/docs/components/popover#content
  */
-interface PrimitiveCoachMarkContentProps extends PopoverPrimitive.PopoverContentProps, PopoverPortalProps {
+interface PrimitiveCoachMarkContentProps extends PopoverPrimitive.PopoverContentProps, Omit<PopoverPortalProps, 'children'> {
     dim?: boolean;
 }
 /**

package/lib/index.js

@@ -380,7 +380,7 @@ var useToast = /* @__PURE__ */ __name(() => {
 import * as React14 from "react";
 import * as ReactDOM3 from "react-dom";
 
-// ../../node_modules/@radix-ui/primitive/dist/index.mjs
+// ../../node_modules/@radix-ui/react-toast/node_modules/@radix-ui/primitive/dist/index.mjs
 function composeEventHandlers(originalEventHandler, ourEventHandler, { checkForDefaultPrevented = true } = {}) {
   return /* @__PURE__ */ __name(function handleEvent(event) {
     originalEventHandler?.(event);
@@ -663,6 +663,17 @@ __name(createCollection, "createCollection");
 // ../../node_modules/@radix-ui/react-dismissable-layer/dist/index.mjs
 import * as React8 from "react";
 
+// ../../node_modules/@radix-ui/react-dismissable-layer/node_modules/@radix-ui/primitive/dist/index.mjs
+function composeEventHandlers2(originalEventHandler, ourEventHandler, { checkForDefaultPrevented = true } = {}) {
+  return /* @__PURE__ */ __name(function handleEvent(event) {
+    originalEventHandler?.(event);
+    if (checkForDefaultPrevented === false || !event.defaultPrevented) {
+      return ourEventHandler?.(event);
+    }
+  }, "handleEvent");
+}
+__name(composeEventHandlers2, "composeEventHandlers");
+
 // ../../node_modules/@radix-ui/react-primitive/dist/index.mjs
 import * as React5 from "react";
 import * as ReactDOM from "react-dom";
@@ -829,9 +840,9 @@ var DismissableLayer = React8.forwardRef(
           pointerEvents: isBodyPointerEventsDisabled ? isPointerEventsEnabled ? "auto" : "none" : void 0,
           ...props.style
         },
-        onFocusCapture: composeEventHandlers(props.onFocusCapture, focusOutside.onFocusCapture),
-        onBlurCapture: composeEventHandlers(props.onBlurCapture, focusOutside.onBlurCapture),
-        onPointerDownCapture: composeEventHandlers(
+        onFocusCapture: composeEventHandlers2(props.onFocusCapture, focusOutside.onFocusCapture),
+        onBlurCapture: composeEventHandlers2(props.onBlurCapture, focusOutside.onBlurCapture),
+        onPointerDownCapture: composeEventHandlers2(
           props.onPointerDownCapture,
           pointerDownOutside.onPointerDownCapture
         )
@@ -2952,20 +2963,20 @@ import clsx10 from "clsx";
 
 // src/components/IconButton/style.module.scss
 var style_module_default8 = {
-  "iconButton": "_iconButton_snnba_1",
-  "primary": "_primary_snnba_14",
-  "secondary": "_secondary_snnba_27",
-  "tertiary": "_tertiary_snnba_40",
-  "quaternary": "_quaternary_snnba_53",
-  "negative": "_negative_snnba_67",
-  "static": "_static_snnba_80",
-  "inverse": "_inverse_snnba_93",
-  "inverse-static": "_inverse-static_snnba_106",
-  "ghost": "_ghost_snnba_119",
-  "l": "_l_snnba_183",
-  "m": "_m_snnba_189",
-  "s": "_s_snnba_27",
-  "xs": "_xs_snnba_201"
+  "iconButton": "_iconButton_5ztf4_1",
+  "primary": "_primary_5ztf4_14",
+  "secondary": "_secondary_5ztf4_27",
+  "tertiary": "_tertiary_5ztf4_40",
+  "quaternary": "_quaternary_5ztf4_53",
+  "negative": "_negative_5ztf4_67",
+  "static": "_static_5ztf4_80",
+  "inverse": "_inverse_5ztf4_93",
+  "inverse-static": "_inverse-static_5ztf4_106",
+  "ghost": "_ghost_5ztf4_119",
+  "l": "_l_5ztf4_183",
+  "m": "_m_5ztf4_189",
+  "s": "_s_5ztf4_27",
+  "xs": "_xs_5ztf4_201"
 };
 
 // src/components/IconButton/index.tsx
@@ -4341,6 +4352,17 @@ var Logo = /* @__PURE__ */ __name((props) => {
 // ../../node_modules/@radix-ui/react-popover/dist/index.mjs
 import * as React35 from "react";
 
+// ../../node_modules/@radix-ui/react-popover/node_modules/@radix-ui/primitive/dist/index.mjs
+function composeEventHandlers3(originalEventHandler, ourEventHandler, { checkForDefaultPrevented = true } = {}) {
+  return /* @__PURE__ */ __name(function handleEvent(event) {
+    originalEventHandler?.(event);
+    if (checkForDefaultPrevented === false || !event.defaultPrevented) {
+      return ourEventHandler?.(event);
+    }
+  }, "handleEvent");
+}
+__name(composeEventHandlers3, "composeEventHandlers");
+
 // ../../node_modules/@radix-ui/react-focus-guards/dist/index.mjs
 import * as React18 from "react";
 var count = 0;
@@ -7730,7 +7752,7 @@ var PopoverTrigger2 = React35.forwardRef(
         "data-state": getState(context.open),
         ...triggerProps,
         ref: composedTriggerRef,
-        onClick: composeEventHandlers(props.onClick, context.onOpenToggle)
+        onClick: composeEventHandlers3(props.onClick, context.onOpenToggle)
       }
     );
     return context.hasCustomAnchor ? trigger : /* @__PURE__ */ jsx40(Anchor, { asChild: true, ...popperScope, children: trigger });
@@ -7775,11 +7797,11 @@ var PopoverContentModal = React35.forwardRef(
         ref: composedRefs,
         trapFocus: context.open,
         disableOutsidePointerEvents: true,
-        onCloseAutoFocus: composeEventHandlers(props.onCloseAutoFocus, (event) => {
+        onCloseAutoFocus: composeEventHandlers3(props.onCloseAutoFocus, (event) => {
           event.preventDefault();
           if (!isRightClickOutsideRef.current) context.triggerRef.current?.focus();
         }),
-        onPointerDownOutside: composeEventHandlers(
+        onPointerDownOutside: composeEventHandlers3(
           props.onPointerDownOutside,
           (event) => {
             const originalEvent = event.detail.originalEvent;
@@ -7789,7 +7811,7 @@ var PopoverContentModal = React35.forwardRef(
           },
           { checkForDefaultPrevented: false }
         ),
-        onFocusOutside: composeEventHandlers(
+        onFocusOutside: composeEventHandlers3(
           props.onFocusOutside,
           (event) => event.preventDefault(),
           { checkForDefaultPrevented: false }
@@ -7912,7 +7934,7 @@ var PopoverClose = React35.forwardRef(
         type: "button",
         ...closeProps,
         ref: forwardedRef,
-        onClick: composeEventHandlers(props.onClick, () => context.onOpenChange(false))
+        onClick: composeEventHandlers3(props.onClick, () => context.onOpenChange(false))
       }
     );
   }

package/package.json

@@ -1,28 +1,11 @@
 {
   "name": "@liner-fe/prism",
-  "version": "2.8.40",
+  "version": "2.9.41",
   "type": "module",
   "sideEffects": false,
-  "scripts": {
-    "dev": "next dev",
-    "start": "next start",
-    "lint": "next lint",
-    "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build",
-    "ts-node": "tsx --tsconfig ./tsconfig.build.json",
-    "appendCSS": "yarn ts-node ./scripts/index.ts",
-    "build": "yarn build:main",
-    "build:main": "yarn tsup --config ./config/tsup/tsup.config.ts",
-    "build:package": "yarn build",
-    "prepack": "yarn build"
-  },
   "dependencies": {
     "@artsy/fresnel": "^7.1.4",
     "@liner-fe/cdn": "^1.0.8",
-    "@liner-fe/design-token": "workspace:^",
-    "@liner-fe/design-token-primitive": "workspace:^",
-    "@liner-fe/icon": "workspace:^",
-    "@liner-fe/illust": "workspace:^",
     "clsx": "^2.1.1",
     "cva": "beta",
     "date-fns": "^4.1.0",
@@ -31,7 +14,11 @@
     "radix-ui": "^1.4.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "recoil": "^0.5.2"
+    "recoil": "^0.5.2",
+    "@liner-fe/design-token": "^2.5.33",
+    "@liner-fe/design-token-primitive": "^0.2.31",
+    "@liner-fe/icon": "^0.2.30",
+    "@liner-fe/illust": "^0.2.7"
   },
   "devDependencies": {
     "@chromatic-com/storybook": "^1.5.0",
@@ -77,5 +64,17 @@
   "types": "./lib/index.d.ts",
   "files": [
     "lib"
-  ]
-}
+  ],
+  "scripts": {
+    "dev": "next dev",
+    "start": "next start",
+    "lint": "next lint",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "ts-node": "tsx --tsconfig ./tsconfig.build.json",
+    "appendCSS": "pnpm ts-node ./scripts/index.ts",
+    "build": "pnpm build:main",
+    "build:main": "pnpm tsup --config ./config/tsup/tsup.config.ts",
+    "build:package": "pnpm build"
+  }
+}