@liner-fe/prism 1.12.45 → 1.12.46

package/lib/components/Typography/Responsive/index.d.ts

@@ -1,6 +1,8 @@
 import { BreakPointsKey } from './lib';
 import { TypoSet } from './type';
 import React from 'react';
-export declare const Typography: (props: Partial<Record<BreakPointsKey, TypoSet>> & {
+type TypographyType = (props: Partial<Record<BreakPointsKey, TypoSet>> & {
     children?: React.ReactNode;
-}) => (import("react/jsx-runtime").JSX.Element | null)[];
+}) => JSX.Element;
+export declare const Typography: TypographyType;
+export {};

package/lib/index.mjs

@@ -7240,7 +7240,7 @@ var rootMediaStyle = AppMedia.createMediaStyle();
 var { MediaContextProvider, Media } = AppMedia;
 
 // src/components/Typography/Responsive/index.tsx
-import { jsx as jsx148 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx148 } from "react/jsx-runtime";
 import { createElement as createElement2 } from "react";
 var TypographyImpl = /* @__PURE__ */ __name(({ level, text, ...rest }) => {
   const commonProps = {
@@ -7296,14 +7296,17 @@ var Typography = /* @__PURE__ */ __name((props) => {
     });
     return returnValue;
   }, "createMediaProps");
-  return breakPointKeyArray.map((breakPointKey) => {
-    const variable = props[breakPointKey];
-    const isExistVariable = !!variable;
-    if (isExistVariable) {
-      return /* @__PURE__ */ createElement2(Media, { ...createMediaProps(breakPointKey), key: breakPointKey }, /* @__PURE__ */ jsx148(TypographyImpl, { ...variable, text: variable.text || children }));
-    }
-    return null;
-  });
+  return (
+    // Fragment없이도 원래 동작해야하는데 liner-web에서 JSX.Element가 배열로 오면 에러 띄워서 임시로 Fragment로 래핑합니다.
+    /* @__PURE__ */ jsx148(Fragment3, { children: breakPointKeyArray.map((breakPointKey) => {
+      const variable = props[breakPointKey];
+      const isExistVariable = !!variable;
+      if (isExistVariable) {
+        return /* @__PURE__ */ createElement2(Media, { ...createMediaProps(breakPointKey), key: breakPointKey }, /* @__PURE__ */ jsx148(TypographyImpl, { ...variable, text: variable.text || children }));
+      }
+      return null;
+    }) })
+  );
 }, "Typography");
 
 // src/components/Popover/index.tsx
@@ -7639,7 +7642,7 @@ var Label = forwardRef10(
 );
 
 // src/components/CheckBox/index.tsx
-import { Fragment as Fragment3, jsx as jsx153, jsxs as jsxs104 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx153, jsxs as jsxs104 } from "react/jsx-runtime";
 var Checkbox = forwardRef11(
   ({ className, label, description, ...props }, ref) => {
     const CheckboxWrapper = /* @__PURE__ */ __name(({ children }) => label ? /* @__PURE__ */ jsxs104(Label, { position: "right", htmlFor: props.id, children: [
@@ -7648,7 +7651,7 @@ var Checkbox = forwardRef11(
         /* @__PURE__ */ jsx153(Paragraph, { className: style_module_default8.description, size: 3, type: "normal", weight: "regular", children: description })
       ] }),
       children
-    ] }) : /* @__PURE__ */ jsx153(Fragment3, { children }), "CheckboxWrapper");
+    ] }) : /* @__PURE__ */ jsx153(Fragment4, { children }), "CheckboxWrapper");
     return /* @__PURE__ */ jsx153(CheckboxWrapper, { children: /* @__PURE__ */ jsx153(CheckboxPrimitive.Root, { className: clsx12(style_module_default8.checkbox, className), ref, ...props, children: /* @__PURE__ */ jsx153(CheckboxPrimitive.Indicator, { className: style_module_default8["checkbox-indicator"], children: /* @__PURE__ */ jsx153(Icon, { name: "check-mark", thick: true, size: "xs", type: "inverse-label-primary" }) }) }) });
   }
 );
@@ -7668,7 +7671,7 @@ var style_module_default10 = {
 };
 
 // src/components/Radio/index.tsx
-import { Fragment as Fragment4, jsx as jsx154, jsxs as jsxs105 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx154, jsxs as jsxs105 } from "react/jsx-runtime";
 var RadioIndicator = /* @__PURE__ */ __name(() => /* @__PURE__ */ jsx154("svg", { xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", children: /* @__PURE__ */ jsx154("circle", { cx: "5", cy: "5", r: "5", fill: "#313133" }) }), "RadioIndicator");
 var RadioRoot = forwardRef12(({ className, ...props }, ref) => /* @__PURE__ */ jsx154(RadioGroupPrimitive.Root, { className: clsx13(style_module_default10.radio, className), ...props }));
 var RadioItem = forwardRef12(
@@ -7679,7 +7682,7 @@ var RadioItem = forwardRef12(
         /* @__PURE__ */ jsx154(Paragraph, { className: style_module_default10.description, size: 3, type: "normal", weight: "regular", children: description })
       ] }),
       children
-    ] }) : /* @__PURE__ */ jsx154(Fragment4, { children }), "RadioItemWrapper");
+    ] }) : /* @__PURE__ */ jsx154(Fragment5, { children }), "RadioItemWrapper");
     return /* @__PURE__ */ jsx154(RadioItemWrapper, { children: /* @__PURE__ */ jsx154(RadioGroupPrimitive.Item, { ref, className: clsx13(style_module_default10["radio-item"], className), ...props, children: /* @__PURE__ */ jsx154(RadioGroupPrimitive.Indicator, { className: style_module_default10.indicator, children: /* @__PURE__ */ jsx154(RadioIndicator, {}) }) }) });
   }
 );
@@ -7721,7 +7724,7 @@ var style_module_default11 = {
 // src/components/Textfield/index.tsx
 import { cva as cva8 } from "class-variance-authority";
 import clsx14 from "clsx";
-import { Fragment as Fragment5, jsx as jsx155, jsxs as jsxs106 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx155, jsxs as jsxs106 } from "react/jsx-runtime";
 var defaultTextfieldVariants = cva8(style_module_default11.textfield, {
   variants: {
     color: {
@@ -7850,7 +7853,7 @@ var Textfield = forwardRef13((props, ref) => {
       }
     ),
     displayFooter && /* @__PURE__ */ jsxs106("div", { className: style_module_default11.footer, children: [
-      /* @__PURE__ */ jsx155("div", { className: style_module_default11["error-wrapper"], children: error && /* @__PURE__ */ jsxs106(Fragment5, { children: [
+      /* @__PURE__ */ jsx155("div", { className: style_module_default11["error-wrapper"], children: error && /* @__PURE__ */ jsxs106(Fragment6, { children: [
         /* @__PURE__ */ jsx155(Icon, { name: "exclamationmark-fill", fill: true, thick: true, size: "xs", type: "function-label-negative" }),
         /* @__PURE__ */ jsx155(Caption, { size: 3, type: "normal", weight: "regular", className: style_module_default11["error-message"], children: error })
       ] }) }),
@@ -7881,10 +7884,10 @@ var style_module_default12 = {
 
 // src/components/Slider/index.tsx
 import * as SliderPrimitive from "@radix-ui/react-slider";
-import { Fragment as Fragment6, jsx as jsx156, jsxs as jsxs107 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx156, jsxs as jsxs107 } from "react/jsx-runtime";
 var SliderRoot = forwardRef14((props, ref) => {
   const { label, tooltip, rangeLeft, rangeRight, min, max, step = 50, ...rest } = props;
-  return /* @__PURE__ */ jsx156(Fragment6, { children: /* @__PURE__ */ jsxs107(Tooltip.Provider, { children: [
+  return /* @__PURE__ */ jsx156(Fragment7, { children: /* @__PURE__ */ jsxs107(Tooltip.Provider, { children: [
     /* @__PURE__ */ jsx156(Label, { level: "secondary", size: "m", offset: "high", className: style_module_default12.label, children: label }),
     /* @__PURE__ */ jsxs107("div", { className: style_module_default12["slider-wrapper"], children: [
       /* @__PURE__ */ jsxs107("div", { className: style_module_default12["slider-option-wrapper"], children: [
@@ -7940,7 +7943,7 @@ var style_module_default13 = {
 // src/components/Select/index.tsx
 import { forwardRef as forwardRef15, useEffect as useEffect2, useState as useState4 } from "react";
 import clsx15 from "clsx";
-import { Fragment as Fragment7, jsx as jsx157, jsxs as jsxs108 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx157, jsxs as jsxs108 } from "react/jsx-runtime";
 var SelectContent = forwardRef15((props, ref) => {
   const { id, isResponsive, popSide, sideOffset, listLabel, children } = props;
   return /* @__PURE__ */ jsx157(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsx157(
@@ -7996,7 +7999,7 @@ var SelectRoot = forwardRef15((props, ref) => {
   useEffect2(() => {
     setIsOpen(open);
   }, [open]);
-  return /* @__PURE__ */ jsxs108(Fragment7, { children: [
+  return /* @__PURE__ */ jsxs108(Fragment8, { children: [
     /* @__PURE__ */ jsx157(Label, { className: style_module_default13["select-label"], level: "secondary", size: "m", offset: "low", htmlFor: id, children: label }),
     /* @__PURE__ */ jsxs108(
       SelectPrimitive.Root,