@liner-fe/prism 2.12.13 → 3.0.7

package/lib/index.d.ts

@@ -1,6 +1,6 @@
 import { SystemKeys, TypographyCaptionPrefix, TypographyParagraphPrefix, TypographyHeadingPrefix, TypographyTitlePrefix, TypographyDisplayPrefix, BasicColorType } from '@liner-fe/design-token-primitive';
 import * as react from 'react';
-import react__default, { ButtonHTMLAttributes, RefAttributes, HTMLAttributes, ReactNode, ComponentPropsWithoutRef, InputHTMLAttributes, ComponentProps, LiHTMLAttributes, MouseEventHandler } from 'react';
+import react__default, { ButtonHTMLAttributes, RefAttributes, HTMLAttributes, JSX, ReactNode, ComponentPropsWithoutRef, InputHTMLAttributes, ComponentProps, LiHTMLAttributes, MouseEventHandler } from 'react';
 import * as cva from 'cva';
 import { VariantProps } from 'cva';
 import { IconProps, IconComponentType } from '@liner-fe/icon';
@@ -398,7 +398,7 @@ interface SelectItemProps {
     } & Pick<IconProps, 'fill' | 'thick' | 'type' | 'fillType' | 'size'>;
     onClick?: () => void;
 }
-declare const Select: react.ForwardRefExoticComponent<SelectProps & react.RefAttributes<never>> & {
+declare const Select: react.ForwardRefExoticComponent<SelectProps & react.RefAttributes<HTMLButtonElement>> & {
     Item: ({ value, text, disabled, icon, onClick }: SelectItemProps) => react_jsx_runtime.JSX.Element;
 };
 

package/lib/index.js

@@ -199,7 +199,7 @@ var defaultButtonVariants = cva2({
     size: {
       cta: [style_module_default.cta, "lp-sys-typo-paragraph2-normal-medium"],
       l: [style_module_default.l, "lp-sys-typo-paragraph3-normal-medium"],
-      m: [style_module_default.m, "lp-sys-typo-paragraph4-normal-medium"],
+      m: [style_module_default.m, "lp-sys-typo-caption1-normal-regular"],
       s: [style_module_default.s, "lp-sys-typo-caption2-normal-regular"]
     },
     width: {
@@ -286,21 +286,18 @@ var DefaultButton = forwardRef(
     if (asChild) {
       const parent = Children.only(children);
       const newChildren = parent.props.children;
-      const ParentClone = cloneElement(
-        parent,
-        {
-          ...rest,
-          className: clsx(
-            defaultButtonVariants({ level, size, width }),
-            style_module_default["align-center"],
-            isLoadingWithDisabled && style_module_default["loading-with-disabled"],
-            isLoading && style_module_default["loading"],
-            className
-          ),
-          ref
-        },
-        renderContent(newChildren)
-      );
+      const ParentClone = cloneElement(parent, {
+        ...rest,
+        className: clsx(
+          defaultButtonVariants({ level, size, width }),
+          style_module_default["align-center"],
+          isLoadingWithDisabled && style_module_default["loading-with-disabled"],
+          isLoading && style_module_default["loading"],
+          className
+        ),
+        ref,
+        children: renderContent(newChildren)
+      });
       return ParentClone;
     }
     return /* @__PURE__ */ jsx2(
@@ -906,7 +903,7 @@ var Toaster = /* @__PURE__ */ __name(() => {
 }, "Toaster");
 var SingleToast = /* @__PURE__ */ __name((props) => {
   const setToast = useSetAtom2(toastAtom);
-  const timerRef = useRef();
+  const timerRef = useRef(void 0);
   const { message, icon, button, timer, toastId, isLoading } = props;
   const [isOpen, setIsOpen] = useState(true);
   const lottieRef = useRef(null);
@@ -2020,66 +2017,64 @@ var SelectContent = forwardRef14(
     ) });
   }
 );
-var SelectRoot = forwardRef14(
-  (props, ref) => {
-    const {
-      id,
-      placeholder,
-      label,
-      chip,
-      listLabel,
-      popSide = "top",
-      sideOffset = 6,
-      children,
-      open = false,
-      onOpenChange,
-      isResponsive = false,
-      openDirection = "slide-right",
-      badge,
-      container,
-      ...rest
-    } = props;
-    const contentProps = { id, isResponsive, popSide, sideOffset, listLabel, children, container };
-    const [isOpen, setIsOpen] = useState3(false);
-    useEffect2(() => {
-      setIsOpen(open);
-    }, [open]);
-    return /* @__PURE__ */ jsxs8("div", { children: [
-      /* @__PURE__ */ jsxs8("div", { className: style_module_default12["label-container"], children: [
-        /* @__PURE__ */ jsx17(
-          Label,
-          {
-            className: style_module_default12["select-label"],
-            level: "secondary",
-            size: "m",
-            offset: "low",
-            htmlFor: id,
-            children: label
-          }
-        ),
-        badge && /* @__PURE__ */ jsx17(Badge, { children: badge })
-      ] }),
-      /* @__PURE__ */ jsxs8(
-        SelectPrimitive.Root,
+var SelectRoot = forwardRef14((props, ref) => {
+  const {
+    id,
+    placeholder,
+    label,
+    chip,
+    listLabel,
+    popSide = "top",
+    sideOffset = 6,
+    children,
+    open = false,
+    onOpenChange,
+    isResponsive = false,
+    openDirection = "slide-right",
+    badge,
+    container,
+    ...rest
+  } = props;
+  const contentProps = { id, isResponsive, popSide, sideOffset, listLabel, children, container };
+  const [isOpen, setIsOpen] = useState3(false);
+  useEffect2(() => {
+    setIsOpen(open);
+  }, [open]);
+  return /* @__PURE__ */ jsxs8("div", { children: [
+    /* @__PURE__ */ jsxs8("div", { className: style_module_default12["label-container"], children: [
+      /* @__PURE__ */ jsx17(
+        Label,
         {
-          ...rest,
-          open: isOpen,
-          onOpenChange: (open2) => {
-            onOpenChange?.(open2);
-            setIsOpen(open2);
-          },
-          children: [
-            /* @__PURE__ */ jsxs8(SelectPrimitive.Trigger, { className: style_module_default12.trigger, ref, id, children: [
-              /* @__PURE__ */ jsx17(SelectPrimitive.Value, { className: style_module_default12.placeholder, placeholder }),
-              /* @__PURE__ */ jsx17(SelectPrimitive.Icon, { className: style_module_default12.openIcon, children: /* @__PURE__ */ jsx17(IconDropDown, { fill: true, thick: true, size: "xs" }) })
-            ] }),
-            /* @__PURE__ */ jsx17(SelectContent, { ...contentProps })
-          ]
+          className: style_module_default12["select-label"],
+          level: "secondary",
+          size: "m",
+          offset: "low",
+          htmlFor: id,
+          children: label
         }
-      )
-    ] });
-  }
-);
+      ),
+      badge && /* @__PURE__ */ jsx17(Badge, { children: badge })
+    ] }),
+    /* @__PURE__ */ jsxs8(
+      SelectPrimitive.Root,
+      {
+        ...rest,
+        open: isOpen,
+        onOpenChange: (open2) => {
+          onOpenChange?.(open2);
+          setIsOpen(open2);
+        },
+        children: [
+          /* @__PURE__ */ jsxs8(SelectPrimitive.Trigger, { className: style_module_default12.trigger, ref, id, children: [
+            /* @__PURE__ */ jsx17(SelectPrimitive.Value, { className: style_module_default12.placeholder, placeholder }),
+            /* @__PURE__ */ jsx17(SelectPrimitive.Icon, { className: style_module_default12.openIcon, children: /* @__PURE__ */ jsx17(IconDropDown, { fill: true, thick: true, size: "xs" }) })
+          ] }),
+          /* @__PURE__ */ jsx17(SelectContent, { ...contentProps })
+        ]
+      }
+    )
+  ] });
+});
 var SelectItem = /* @__PURE__ */ __name(({ value, text, disabled, icon, onClick }) => /* @__PURE__ */ jsxs8(
   SelectPrimitive.Item,
   {
@@ -2332,15 +2327,12 @@ var TextButton = forwardRef15(
     ] }), "renderContent");
     if (asChild) {
       const parent = Children2.only(children);
-      return cloneElement2(
-        parent,
-        {
-          ...rest,
-          className: clsx16(textButtonVariants({ level, underline, size }), className),
-          ref
-        },
-        renderContent(parent.props.children)
-      );
+      return cloneElement2(parent, {
+        ...rest,
+        className: clsx16(textButtonVariants({ level, underline, size }), className),
+        ref,
+        children: renderContent(parent.props.children)
+      });
     }
     return /* @__PURE__ */ jsx23(
       "button",
@@ -2432,7 +2424,7 @@ var Snackbar = /* @__PURE__ */ __name(() => {
 }, "Snackbar");
 var SingleSnackbar = /* @__PURE__ */ __name((props) => {
   const setSnackbar = useSetAtom4(snackbarAtom);
-  const timerRef = useRef3();
+  const timerRef = useRef3(void 0);
   const { snackbarId, description, title, timer } = props;
   const [isOpen, setIsOpen] = useState5(true);
   const onCloseSnackbar = useCallback(() => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@liner-fe/prism",
-  "version": "2.12.13",
+  "version": "3.0.7",
   "type": "module",
   "sideEffects": false,
   "dependencies": {
@@ -13,13 +13,13 @@
     "date-fns": "^4.1.0",
     "lottie-web": "^5.9.4",
     "radix-ui": "^1.4.3",
-    "react": "18.2.0",
-    "react-dom": "18.2.0",
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0",
     "jotai": "^2.11.0",
-    "@liner-fe/design-token": "^2.5.50",
+    "@liner-fe/design-token": "^3.0.0",
     "@liner-fe/design-token-primitive": "^0.2.46",
-    "@liner-fe/icon": "^0.2.77",
-    "@liner-fe/illust": "^0.2.12"
+    "@liner-fe/icon": "^1.0.1",
+    "@liner-fe/illust": "^1.0.0"
   },
   "devDependencies": {
     "@chromatic-com/storybook": "^1.5.0",
@@ -36,8 +36,8 @@
     "@storybook/react-vite": "^8.6.0",
     "@storybook/test": "^8.6.15",
     "@types/node": "^20.3.1",
-    "@types/react": "18.2.23",
-    "@types/react-dom": "18.2.23",
+    "@types/react": "^19.1.0",
+    "@types/react-dom": "^19.1.0",
     "autoprefixer": "^10.4.14",
     "chromatic": "^11.5.3",
     "esbuild-node-externals": "1.18.0",