@liner-fe/prism 2.1.26 → 2.1.27

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

@@ -1,19 +1,13 @@
 import { ButtonHTMLAttributes } from 'react';
-import { VariantProps } from 'cva';
+import { VariantProps } from 'class-variance-authority';
 import { IconProps } from '../Icon';
 declare const defaultButtonVariants: (props?: ({
-    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;
+    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;
 export interface CommonButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     as?: 'default' | 'text';
     asChild?: boolean;

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

@@ -1,4 +1,4 @@
-import { VariantProps } from 'cva';
+import { VariantProps } from 'class-variance-authority';
 import { IconKey, IconMapType } from '../../type';
 import { SystemKeys } from '@liner-fe/design-token';
 import { BasicColorType } from '../../types/color';
@@ -12,15 +12,9 @@ declare const iconSizeMap: {
 export declare const iconKeyOptions: IconKey[];
 export declare const colorKeys: BasicColorType[];
 declare const iconVariants: (props?: ({
-    type?: BasicColorType | undefined;
-    fillType?: BasicColorType | undefined;
-} & ({
-    class?: import("cva").ClassValue;
-    className?: never;
-} | {
-    class?: never;
-    className?: import("cva").ClassValue;
-})) | undefined) => string;
+    type?: BasicColorType | null | undefined;
+    fillType?: BasicColorType | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | 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>;

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

@@ -1,17 +1,11 @@
-import { VariantProps } from 'cva';
+import { VariantProps } from 'class-variance-authority';
 import { ButtonHTMLAttributes } from 'react';
 import { IconProps } from '../Icon';
 declare const iconButtonVariants: (props?: ({
-    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;
+    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;
 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,20 +1,14 @@
 import { ComponentPropsWithoutRef } from 'react';
 import * as LabelPrimitive from '@radix-ui/react-label';
-import { VariantProps } from 'cva';
+import { VariantProps } from 'class-variance-authority';
 declare const defaultLabelVariants: (props?: ({
-    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;
+    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;
 interface LabelProps extends ComponentPropsWithoutRef<typeof LabelPrimitive.Root>, VariantProps<typeof defaultLabelVariants> {
     level?: 'primary' | 'secondary';
     position?: 'top' | 'right';

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

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

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

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

package/lib/index.cjs

@@ -7729,11 +7729,11 @@ var style_module_default = {
 };
 
 // src/components/Button/index.tsx
-var import_cva3 = require("cva");
+var import_class_variance_authority3 = require("class-variance-authority");
 var import_clsx2 = __toESM(require("clsx"));
 
 // src/components/Icon/index.tsx
-var import_cva = require("cva");
+var import_class_variance_authority = require("class-variance-authority");
 var import_clsx = __toESM(require("clsx"));
 
 // src/components/Icon/style.module.scss
@@ -7819,8 +7819,7 @@ var colorKeys = [
   "accent-purple",
   "accent-pink"
 ];
-var iconVariants = (0, import_cva.cva)({
-  base: style_module_default2.icon,
+var iconVariants = (0, import_class_variance_authority.cva)(style_module_default2.icon, {
   variants: {
     type: arrayToStyleObject(colorKeys, style_module_default2),
     fillType: arrayToStyleObject(colorKeys, style_module_default2, "fill")
@@ -7871,10 +7870,9 @@ var style_module_default3 = {
 };
 
 // src/components/_ButtonLoading/index.tsx
-var import_cva2 = require("cva");
+var import_class_variance_authority2 = require("class-variance-authority");
 var import_jsx_runtime163 = require("react/jsx-runtime");
-var loadingVariants = (0, import_cva2.cva)({
-  base: [style_module_default3["loading-dot"]],
+var loadingVariants = (0, import_class_variance_authority2.cva)([style_module_default3["loading-dot"]], {
   variants: {
     size: {
       m: style_module_default3["m"],
@@ -7961,8 +7959,7 @@ var buttonFillLevelIconFillTypeMap = {
     "inverse-static": void 0
   }
 };
-var defaultButtonVariants = (0, import_cva3.cva)({
-  base: [style_module_default.button, style_module_default.default],
+var defaultButtonVariants = (0, import_class_variance_authority3.cva)([style_module_default.button, style_module_default.default], {
   variants: {
     level: {
       primary: style_module_default.primary,
@@ -7993,8 +7990,7 @@ var defaultButtonVariants = (0, import_cva3.cva)({
     }
   }
 });
-var defaultButtonChildrenVariants = (0, import_cva3.cva)({
-  base: style_module_default.children,
+var defaultButtonChildrenVariants = (0, import_class_variance_authority3.cva)(style_module_default.children, {
   variants: {
     size: {
       cta: style_module_default["cta-children"],
@@ -8116,7 +8112,7 @@ var import_clsx3 = __toESM(require("clsx"));
 var import_react2 = require("react");
 
 // src/components/Typography/utils.ts
-var import_cva4 = require("cva");
+var import_class_variance_authority4 = require("class-variance-authority");
 
 // src/components/Typography/Set/style.module.scss
 var style_module_default5 = {
@@ -8147,8 +8143,7 @@ var style_module_default5 = {
 };
 
 // src/components/Typography/utils.ts
-var colorVariants = (0, import_cva4.cva)({
-  base: style_module_default5.typography,
+var colorVariants = (0, import_class_variance_authority4.cva)(style_module_default5.typography, {
   variants: {
     type: arrayToStyleObject(colorKeys, style_module_default5)
   }
@@ -8927,11 +8922,11 @@ var style_module_default6 = {
 };
 
 // src/components/Popover/index.tsx
-var import_cva6 = require("cva");
+var import_class_variance_authority6 = require("class-variance-authority");
 var import_clsx9 = require("clsx");
 
 // src/components/TextButton/index.tsx
-var import_cva5 = require("cva");
+var import_class_variance_authority5 = require("class-variance-authority");
 
 // src/components/TextButton/style.module.scss
 var style_module_default7 = {
@@ -8967,8 +8962,7 @@ var textButtonLevelIconFillTypeMap = {
   inverse: "neutral-label-primary",
   "inverse-static": "neutral-label-static-primary"
 };
-var textButtonVariants = (0, import_cva5.cva)({
-  base: [style_module_default7.button, style_module_default7.text],
+var textButtonVariants = (0, import_class_variance_authority5.cva)([style_module_default7.button, style_module_default7.text], {
   variants: {
     level: {
       primary: [style_module_default7["primary"], "lp-sys-typo-caption1-normal-medium"],
@@ -9033,8 +9027,7 @@ var TextButton = (0, import_react10.forwardRef)(
 // src/components/Popover/index.tsx
 var import_jsx_runtime173 = require("react/jsx-runtime");
 var DEFAULT_OFFSET = -6;
-var popoverVariants = (0, import_cva6.cva)({
-  base: style_module_default6.content,
+var popoverVariants = (0, import_class_variance_authority6.cva)(style_module_default6.content, {
   variants: {
     level: {
       primary: style_module_default6.primary,
@@ -9042,8 +9035,7 @@ var popoverVariants = (0, import_cva6.cva)({
     }
   }
 });
-var popoverAnchorVariants = (0, import_cva6.cva)({
-  base: style_module_default6.anchor,
+var popoverAnchorVariants = (0, import_class_variance_authority6.cva)(style_module_default6.anchor, {
   variants: {
     level: {
       primary: style_module_default6.primary,
@@ -9051,10 +9043,10 @@ var popoverAnchorVariants = (0, import_cva6.cva)({
     }
   }
 });
-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 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 PopoverRoot = /* @__PURE__ */ __name(({ isOpen, children, onChange }) => /* @__PURE__ */ (0, import_jsx_runtime173.jsx)(PopoverPrimitive.Root, { open: isOpen, onOpenChange: onChange, children }), "PopoverRoot");
 var PopoverTrigger = /* @__PURE__ */ __name(({ by }) => /* @__PURE__ */ (0, import_jsx_runtime173.jsx)(PopoverPrimitive.Trigger, { asChild: true, children: by }), "PopoverTrigger");
 var PopoverAnchor = /* @__PURE__ */ __name(({ className }) => /* @__PURE__ */ (0, import_jsx_runtime173.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_runtime173.jsx)(
@@ -9150,11 +9142,11 @@ var style_module_default8 = {
 };
 
 // src/components/Tooltip/index.tsx
-var import_cva7 = require("cva");
+var import_class_variance_authority7 = require("class-variance-authority");
 var import_clsx10 = __toESM(require("clsx"));
 var import_jsx_runtime174 = require("react/jsx-runtime");
 var DEFAULT_OFFSET2 = "medium";
-var tooltipVariants = (0, import_cva7.cva)({ base: [style_module_default8.tooltip, "lp-sys-typo-caption1-normal-medium"] });
+var tooltipVariants = (0, import_class_variance_authority7.cva)([style_module_default8.tooltip, "lp-sys-typo-caption1-normal-medium"]);
 var TooltipProvider = TooltipPrimitive.Provider;
 var TooltipRoot = /* @__PURE__ */ __name(({ children, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(TooltipPrimitive.Root, { delayDuration: 0, ...props, children }), "TooltipRoot");
 var TooltipTrigger = /* @__PURE__ */ __name(({ by }) => /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(TooltipPrimitive.Trigger, { asChild: true, children: by }), "TooltipTrigger");
@@ -9179,7 +9171,7 @@ var Tooltip = Object.assign(TooltipRoot, {
 });
 
 // src/components/IconButton/index.tsx
-var import_cva8 = require("cva");
+var import_class_variance_authority8 = require("class-variance-authority");
 var import_react12 = require("react");
 var import_clsx11 = __toESM(require("clsx"));
 
@@ -9239,8 +9231,7 @@ var iconButtonLevelIconTypeMap = {
     "inverse-static": "inverse-label-static-primary"
   }
 };
-var iconButtonVariants = (0, import_cva8.cva)({
-  base: [style_module_default9.iconButton],
+var iconButtonVariants = (0, import_class_variance_authority8.cva)([style_module_default9.iconButton], {
   variants: {
     level: {
       primary: style_module_default9.primary,
@@ -9335,10 +9326,9 @@ var style_module_default11 = {
 };
 
 // src/components/Label/index.tsx
-var import_cva9 = require("cva");
+var import_class_variance_authority9 = require("class-variance-authority");
 var import_jsx_runtime176 = require("react/jsx-runtime");
-var defaultLabelVariants = (0, import_cva9.cva)({
-  base: ["lp-sys-typo-paragraph2-normal-medium", style_module_default11.label],
+var defaultLabelVariants = (0, import_class_variance_authority9.cva)(["lp-sys-typo-paragraph2-normal-medium", style_module_default11.label], {
   variants: {
     level: {
       primary: style_module_default11.primary,
@@ -9463,12 +9453,11 @@ var style_module_default13 = {
 };
 
 // src/components/Textfield/index.tsx
-var import_cva10 = require("cva");
+var import_class_variance_authority10 = require("class-variance-authority");
 var import_clsx15 = __toESM(require("clsx"));
 var import_react_dom = require("react-dom");
 var import_jsx_runtime179 = require("react/jsx-runtime");
-var defaultTextfieldVariants = (0, import_cva10.cva)({
-  base: style_module_default13.textfield,
+var defaultTextfieldVariants = (0, import_class_variance_authority10.cva)(style_module_default13.textfield, {
   variants: {
     color: {
       "neutral-container-mid": style_module_default13.gray,