@liner-fe/prism 2.1.30 → 2.1.32

package/lib/components/Button/index.d.ts

@@ -1,13 +1,19 @@
 import { ButtonHTMLAttributes } from 'react';
-import { VariantProps } from 'class-variance-authority';
+import { VariantProps } from 'cva';
 import { IconProps } from '../Icon';
 declare const defaultButtonVariants: (props?: ({
-    level?: "primary" | "secondary" | "tertiary" | "quaternary" | "negative" | "static" | "inverse-static" | null | undefined;
-    fill?: boolean | null | undefined;
-    align?: "center" | "spaceBetween" | null | undefined;
-    size?: "m" | "s" | "l" | "cta" | null | undefined;
-    width?: "fit-content" | "full" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+    level?: "primary" | "secondary" | "tertiary" | "quaternary" | "negative" | "static" | "inverse-static" | undefined;
+    fill?: boolean | undefined;
+    align?: "center" | "spaceBetween" | undefined;
+    size?: "m" | "s" | "l" | "cta" | undefined;
+    width?: "fit-content" | "full" | undefined;
+} & ({
+    class?: import("cva").ClassValue;
+    className?: never;
+} | {
+    class?: never;
+    className?: import("cva").ClassValue;
+})) | undefined) => string;
 export interface CommonButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     as?: 'default' | 'text';
     asChild?: boolean;

package/lib/components/Icon/index.d.ts

@@ -1,7 +1,8 @@
-import { VariantProps } from 'class-variance-authority';
+import { VariantProps } from 'cva';
 import { IconKey, IconMapType } from '../../type';
 import { SystemKeys } from '@liner-fe/design-token';
 import { BasicColorType } from '../../types/color';
+import { SVGProps } from 'react';
 declare const iconSizeMap: {
     readonly xs: 16;
     readonly s: 20;
@@ -12,13 +13,19 @@ declare const iconSizeMap: {
 export declare const iconKeyOptions: IconKey[];
 export declare const colorKeys: BasicColorType[];
 declare const iconVariants: (props?: ({
-    type?: BasicColorType | null | undefined;
-    fillType?: BasicColorType | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+    type?: BasicColorType | undefined;
+    fillType?: BasicColorType | undefined;
+} & ({
+    class?: import("cva").ClassValue;
+    className?: never;
+} | {
+    class?: never;
+    className?: import("cva").ClassValue;
+})) | undefined) => string;
 export declare const getIconComponent: (iconKey: IconKey, map: IconMapType) => import("../../type").IconComponent;
 export type IconSizeKey = keyof typeof iconSizeMap;
 export type IconColorType = Extract<SystemKeys, BasicColorType>;
-export interface IconProps extends VariantProps<typeof iconVariants> {
+export interface IconProps extends VariantProps<typeof iconVariants>, Omit<SVGProps<SVGSVGElement>, 'fill'> {
     name: IconKey;
     type?: IconColorType;
     fillType?: IconColorType;

package/lib/components/IconButton/index.d.ts

@@ -1,11 +1,17 @@
-import { VariantProps } from 'class-variance-authority';
+import { VariantProps } from 'cva';
 import { ButtonHTMLAttributes } from 'react';
 import { IconProps } from '../Icon';
 declare const iconButtonVariants: (props?: ({
-    level?: "primary" | "secondary" | "tertiary" | "quaternary" | "negative" | "static" | "inverse" | "inverse-static" | null | undefined;
-    size?: "m" | "s" | "xs" | "l" | null | undefined;
-    fill?: boolean | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+    level?: "primary" | "secondary" | "tertiary" | "quaternary" | "negative" | "static" | "inverse" | "inverse-static" | undefined;
+    size?: "m" | "s" | "xs" | "l" | undefined;
+    fill?: boolean | undefined;
+} & ({
+    class?: import("cva").ClassValue;
+    className?: never;
+} | {
+    class?: never;
+    className?: import("cva").ClassValue;
+})) | undefined) => string;
 export type IconButtonLevelType = 'primary' | 'secondary' | 'tertiary' | 'quaternary' | 'negative' | 'static' | 'inverse' | 'inverse-static';
 export type IconSizeType = 'l' | 'm' | 's' | 'xs';
 export interface IconButtonProps extends ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof iconButtonVariants> {

package/lib/components/Label/index.d.ts

@@ -1,14 +1,20 @@
 import { ComponentPropsWithoutRef } from 'react';
 import * as LabelPrimitive from '@radix-ui/react-label';
-import { VariantProps } from 'class-variance-authority';
+import { VariantProps } from 'cva';
 declare const defaultLabelVariants: (props?: ({
-    level?: "primary" | "secondary" | null | undefined;
-    position?: "right" | "top" | null | undefined;
-    size?: "m" | "s" | "l" | null | undefined;
-    offset?: "high" | "low" | "medium" | null | undefined;
-    disabled?: boolean | null | undefined;
-    error?: boolean | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+    level?: "primary" | "secondary" | undefined;
+    position?: "right" | "top" | undefined;
+    size?: "m" | "s" | "l" | undefined;
+    offset?: "high" | "low" | "medium" | undefined;
+    disabled?: boolean | undefined;
+    error?: boolean | undefined;
+} & ({
+    class?: import("cva").ClassValue;
+    className?: never;
+} | {
+    class?: never;
+    className?: import("cva").ClassValue;
+})) | undefined) => string;
 interface LabelProps extends ComponentPropsWithoutRef<typeof LabelPrimitive.Root>, VariantProps<typeof defaultLabelVariants> {
     level?: 'primary' | 'secondary';
     position?: 'top' | 'right';

package/lib/components/TextButton/index.d.ts

@@ -1,11 +1,17 @@
 import { ButtonIconProps, ButtonSizeType, CommonButtonProps } from '../../index';
-import { VariantProps } from 'class-variance-authority';
+import { VariantProps } from 'cva';
 declare const textButtonVariants: (props?: ({
-    level?: "primary" | "secondary" | "tertiary" | "inverse" | "inverse-static" | null | undefined;
-    size?: "m" | "s" | null | undefined;
-    thick?: boolean | null | undefined;
-    underline?: boolean | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+    level?: "primary" | "secondary" | "tertiary" | "inverse" | "inverse-static" | undefined;
+    size?: "m" | "s" | undefined;
+    thick?: boolean | undefined;
+    underline?: boolean | undefined;
+} & ({
+    class?: import("cva").ClassValue;
+    className?: never;
+} | {
+    class?: never;
+    className?: import("cva").ClassValue;
+})) | undefined) => string;
 type TextLevelType = 'primary' | 'secondary' | 'tertiary' | 'inverse' | 'inverse-static';
 type TextButtonSizeType = Extract<ButtonSizeType, 'm' | 's'>;
 export interface TextButtonProps extends CommonButtonProps, VariantProps<typeof textButtonVariants> {

package/lib/components/Textfield/index.d.ts

@@ -1,10 +1,16 @@
 import { InputHTMLAttributes } from 'react';
-import { VariantProps } from 'class-variance-authority';
+import { VariantProps } from 'cva';
 import { DefaultButtonProps, FillType } from '../Button';
 import { BasicColorType } from '../../types/color';
 declare const defaultTextfieldVariants: (props?: ({
-    color?: "neutral-container-lowest" | "neutral-container-mid" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+    color?: "neutral-container-lowest" | "neutral-container-mid" | undefined;
+} & ({
+    class?: import("cva").ClassValue;
+    className?: never;
+} | {
+    class?: never;
+    className?: import("cva").ClassValue;
+})) | undefined) => string;
 export interface TextfieldButtonProps extends Omit<DefaultButtonProps<FillType>, 'size'> {
 }
 export type TextfieldLabelType = 'in' | 'out';

package/lib/components/Typography/utils.d.ts

@@ -1,3 +1,9 @@
 export declare const colorVariants: (props?: ({
-    type?: import("../..").BasicColorType | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+    type?: import("../..").BasicColorType | undefined;
+} & ({
+    class?: import("cva").ClassValue;
+    className?: never;
+} | {
+    class?: never;
+    className?: import("cva").ClassValue;
+})) | undefined) => string;

package/lib/index.cjs

@@ -7374,11 +7374,11 @@ var style_module_default = {
 };
 
 // src/components/Button/index.tsx
-var import_class_variance_authority3 = require("class-variance-authority");
+var import_cva3 = require("cva");
 var import_clsx2 = __toESM(require("clsx"));
 
 // src/components/Icon/index.tsx
-var import_class_variance_authority = require("class-variance-authority");
+var import_cva = require("cva");
 var import_clsx = __toESM(require("clsx"));
 
 // src/components/Icon/style.module.scss
@@ -7464,7 +7464,8 @@ var colorKeys = [
   "accent-purple",
   "accent-pink"
 ];
-var iconVariants = (0, import_class_variance_authority.cva)(style_module_default2.icon, {
+var iconVariants = (0, import_cva.cva)({
+  base: style_module_default2.icon,
   variants: {
     type: arrayToStyleObject(colorKeys, style_module_default2),
     fillType: arrayToStyleObject(colorKeys, style_module_default2, "fill")
@@ -7515,9 +7516,10 @@ var style_module_default3 = {
 };
 
 // src/components/_ButtonLoading/index.tsx
-var import_class_variance_authority2 = require("class-variance-authority");
+var import_cva2 = require("cva");
 var import_jsx_runtime156 = require("react/jsx-runtime");
-var loadingVariants = (0, import_class_variance_authority2.cva)([style_module_default3["loading-dot"]], {
+var loadingVariants = (0, import_cva2.cva)({
+  base: [style_module_default3["loading-dot"]],
   variants: {
     size: {
       m: style_module_default3["m"],
@@ -7604,7 +7606,8 @@ var buttonFillLevelIconFillTypeMap = {
     "inverse-static": void 0
   }
 };
-var defaultButtonVariants = (0, import_class_variance_authority3.cva)([style_module_default.button, style_module_default.default], {
+var defaultButtonVariants = (0, import_cva3.cva)({
+  base: [style_module_default.button, style_module_default.default],
   variants: {
     level: {
       primary: style_module_default.primary,
@@ -7635,7 +7638,8 @@ var defaultButtonVariants = (0, import_class_variance_authority3.cva)([style_mod
     }
   }
 });
-var defaultButtonChildrenVariants = (0, import_class_variance_authority3.cva)(style_module_default.children, {
+var defaultButtonChildrenVariants = (0, import_cva3.cva)({
+  base: style_module_default.children,
   variants: {
     size: {
       cta: style_module_default["cta-children"],
@@ -7757,7 +7761,7 @@ var import_clsx3 = __toESM(require("clsx"));
 var import_react2 = require("react");
 
 // src/components/Typography/utils.ts
-var import_class_variance_authority4 = require("class-variance-authority");
+var import_cva4 = require("cva");
 
 // src/components/Typography/Set/style.module.scss
 var style_module_default5 = {
@@ -7788,7 +7792,8 @@ var style_module_default5 = {
 };
 
 // src/components/Typography/utils.ts
-var colorVariants = (0, import_class_variance_authority4.cva)(style_module_default5.typography, {
+var colorVariants = (0, import_cva4.cva)({
+  base: style_module_default5.typography,
   variants: {
     type: arrayToStyleObject(colorKeys, style_module_default5)
   }
@@ -8567,11 +8572,11 @@ var style_module_default6 = {
 };
 
 // src/components/Popover/index.tsx
-var import_class_variance_authority6 = require("class-variance-authority");
+var import_cva6 = require("cva");
 var import_clsx9 = require("clsx");
 
 // src/components/TextButton/index.tsx
-var import_class_variance_authority5 = require("class-variance-authority");
+var import_cva5 = require("cva");
 
 // src/components/TextButton/style.module.scss
 var style_module_default7 = {
@@ -8607,7 +8612,8 @@ var textButtonLevelIconFillTypeMap = {
   inverse: "neutral-label-primary",
   "inverse-static": "neutral-label-static-primary"
 };
-var textButtonVariants = (0, import_class_variance_authority5.cva)([style_module_default7.button, style_module_default7.text], {
+var textButtonVariants = (0, import_cva5.cva)({
+  base: [style_module_default7.button, style_module_default7.text],
   variants: {
     level: {
       primary: [style_module_default7["primary"], "lp-sys-typo-caption1-normal-medium"],
@@ -8672,7 +8678,8 @@ var TextButton = (0, import_react10.forwardRef)(
 // src/components/Popover/index.tsx
 var import_jsx_runtime166 = require("react/jsx-runtime");
 var DEFAULT_OFFSET = -6;
-var popoverVariants = (0, import_class_variance_authority6.cva)(style_module_default6.content, {
+var popoverVariants = (0, import_cva6.cva)({
+  base: style_module_default6.content,
   variants: {
     level: {
       primary: style_module_default6.primary,
@@ -8680,7 +8687,8 @@ var popoverVariants = (0, import_class_variance_authority6.cva)(style_module_def
     }
   }
 });
-var popoverAnchorVariants = (0, import_class_variance_authority6.cva)(style_module_default6.anchor, {
+var popoverAnchorVariants = (0, import_cva6.cva)({
+  base: style_module_default6.anchor,
   variants: {
     level: {
       primary: style_module_default6.primary,
@@ -8688,10 +8696,10 @@ var popoverAnchorVariants = (0, import_class_variance_authority6.cva)(style_modu
     }
   }
 });
-var popoverTagVariants = (0, import_class_variance_authority6.cva)([style_module_default6.tag, "lp-sys-typo-caption3-normal-bold"]);
-var popoverTitleVariants = (0, import_class_variance_authority6.cva)([style_module_default6.title, "lp-sys-typo-paragraph3-normal-bold"]);
-var popoverDescriptionVariants = (0, import_class_variance_authority6.cva)([style_module_default6.description, "lp-sys-typo-caption1-normal-regular"]);
-var popoverFooterVariants = (0, import_class_variance_authority6.cva)([style_module_default6.footer, "lp-sys-typo-caption1-normal-medium"]);
+var popoverTagVariants = (0, import_cva6.cva)({ base: [style_module_default6.tag, "lp-sys-typo-caption3-normal-bold"] });
+var popoverTitleVariants = (0, import_cva6.cva)({ base: [style_module_default6.title, "lp-sys-typo-paragraph3-normal-bold"] });
+var popoverDescriptionVariants = (0, import_cva6.cva)({ base: [style_module_default6.description, "lp-sys-typo-caption1-normal-regular"] });
+var popoverFooterVariants = (0, import_cva6.cva)({ base: [style_module_default6.footer, "lp-sys-typo-caption1-normal-medium"] });
 var PopoverRoot = /* @__PURE__ */ __name(({ isOpen, children, onChange }) => /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(PopoverPrimitive.Root, { open: isOpen, onOpenChange: onChange, children }), "PopoverRoot");
 var PopoverTrigger = /* @__PURE__ */ __name(({ by }) => /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(PopoverPrimitive.Trigger, { asChild: true, children: by }), "PopoverTrigger");
 var PopoverAnchor = /* @__PURE__ */ __name(({ className }) => /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("svg", { className, xmlns: "http://www.w3.org/2000/svg", width: "30", height: "10", viewBox: "0 0 30 10", fill: "none", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(
@@ -8787,11 +8795,11 @@ var style_module_default8 = {
 };
 
 // src/components/Tooltip/index.tsx
-var import_class_variance_authority7 = require("class-variance-authority");
+var import_cva7 = require("cva");
 var import_clsx10 = __toESM(require("clsx"));
 var import_jsx_runtime167 = require("react/jsx-runtime");
 var DEFAULT_OFFSET2 = "medium";
-var tooltipVariants = (0, import_class_variance_authority7.cva)([style_module_default8.tooltip, "lp-sys-typo-caption1-normal-medium"]);
+var tooltipVariants = (0, import_cva7.cva)({ base: [style_module_default8.tooltip, "lp-sys-typo-caption1-normal-medium"] });
 var TooltipProvider = TooltipPrimitive.Provider;
 var TooltipRoot = /* @__PURE__ */ __name(({ children, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(TooltipPrimitive.Root, { delayDuration: 0, ...props, children }), "TooltipRoot");
 var TooltipTrigger = /* @__PURE__ */ __name(({ by }) => /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(TooltipPrimitive.Trigger, { asChild: true, children: by }), "TooltipTrigger");
@@ -8816,7 +8824,7 @@ var Tooltip = Object.assign(TooltipRoot, {
 });
 
 // src/components/IconButton/index.tsx
-var import_class_variance_authority8 = require("class-variance-authority");
+var import_cva8 = require("cva");
 var import_react12 = require("react");
 var import_clsx11 = __toESM(require("clsx"));
 
@@ -8876,7 +8884,8 @@ var iconButtonLevelIconTypeMap = {
     "inverse-static": "inverse-label-static-primary"
   }
 };
-var iconButtonVariants = (0, import_class_variance_authority8.cva)([style_module_default9.iconButton], {
+var iconButtonVariants = (0, import_cva8.cva)({
+  base: [style_module_default9.iconButton],
   variants: {
     level: {
       primary: style_module_default9.primary,
@@ -8971,9 +8980,10 @@ var style_module_default11 = {
 };
 
 // src/components/Label/index.tsx
-var import_class_variance_authority9 = require("class-variance-authority");
+var import_cva9 = require("cva");
 var import_jsx_runtime169 = require("react/jsx-runtime");
-var defaultLabelVariants = (0, import_class_variance_authority9.cva)(["lp-sys-typo-paragraph2-normal-medium", style_module_default11.label], {
+var defaultLabelVariants = (0, import_cva9.cva)({
+  base: ["lp-sys-typo-paragraph2-normal-medium", style_module_default11.label],
   variants: {
     level: {
       primary: style_module_default11.primary,
@@ -9098,11 +9108,12 @@ var style_module_default13 = {
 };
 
 // src/components/Textfield/index.tsx
-var import_class_variance_authority10 = require("class-variance-authority");
+var import_cva10 = require("cva");
 var import_clsx15 = __toESM(require("clsx"));
 var import_react_dom = require("react-dom");
 var import_jsx_runtime172 = require("react/jsx-runtime");
-var defaultTextfieldVariants = (0, import_class_variance_authority10.cva)(style_module_default13.textfield, {
+var defaultTextfieldVariants = (0, import_cva10.cva)({
+  base: style_module_default13.textfield,
   variants: {
     color: {
       "neutral-container-mid": style_module_default13.gray,