@liner-fe/prism 2.1.9 → 2.1.11

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

@@ -2,7 +2,7 @@ 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-static" | "inverse" | null | undefined;
+    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;

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

@@ -1,7 +1,7 @@
 import { ButtonIconProps, ButtonSizeType, CommonButtonProps } from '../../index';
 import { VariantProps } from 'class-variance-authority';
 declare const textButtonVariants: (props?: ({
-    level?: "primary" | "secondary" | "tertiary" | "inverse-static" | "inverse" | null | undefined;
+    level?: "primary" | "secondary" | "tertiary" | "inverse" | "inverse-static" | null | undefined;
     size?: "m" | "s" | null | undefined;
     thick?: boolean | null | undefined;
     underline?: boolean | null | undefined;

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

@@ -1,6 +1,8 @@
 type ButtonLoadingSizeType = 'm' | 's' | 'xs';
+type ButtonLoadingLevelType = 'primary' | 'secondary' | 'tertiary' | 'quaternary' | 'negative' | 'static' | 'inverse' | 'inverse-static';
 interface ButtonLoadingProps {
-    size: ButtonLoadingSizeType;
+    size?: ButtonLoadingSizeType;
+    level?: ButtonLoadingLevelType;
 }
-export declare const ButtonLoading: ({ size }: ButtonLoadingProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ButtonLoading: ({ size, level }: ButtonLoadingProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/lib/index.cjs

@@ -48,6 +48,7 @@ __export(index_exports, {
   Radio: () => Radio,
   Select: () => Select,
   Slider: () => Slider,
+  TextButton: () => TextButton,
   Textfield: () => Textfield,
   Title: () => Title2,
   Toaster: () => Toaster,
@@ -7653,12 +7654,20 @@ var Icon = /* @__PURE__ */ __name((props) => {
 
 // src/components/_ButtonLoading/style.module.scss
 var style_module_default3 = {
-  "loading": "_loading_1hr5f_1",
-  "loading-dot": "_loading-dot_1hr5f_5",
-  "loadingFade": "_loadingFade_1hr5f_1",
-  "m": "_m_1hr5f_13",
-  "s": "_s_1hr5f_19",
-  "xs": "_xs_1hr5f_25"
+  "loading": "_loading_16nlw_1",
+  "loading-dot": "_loading-dot_16nlw_5",
+  "loadingFade": "_loadingFade_16nlw_1",
+  "m": "_m_16nlw_13",
+  "s": "_s_16nlw_19",
+  "xs": "_xs_16nlw_25",
+  "primary": "_primary_16nlw_31",
+  "secondary": "_secondary_16nlw_34",
+  "tertiary": "_tertiary_16nlw_37",
+  "quaternary": "_quaternary_16nlw_40",
+  "negative": "_negative_16nlw_43",
+  "static": "_static_16nlw_46",
+  "inverse": "_inverse_16nlw_49",
+  "inverse-static": "_inverse-static_16nlw_52"
 };
 
 // src/components/_ButtonLoading/index.tsx
@@ -7670,14 +7679,24 @@ var loadingVariants = (0, import_class_variance_authority2.cva)([style_module_de
       m: style_module_default3["m"],
       s: style_module_default3["s"],
       xs: style_module_default3["xs"]
+    },
+    level: {
+      primary: style_module_default3["primary"],
+      secondary: style_module_default3["secondary"],
+      tertiary: style_module_default3["tertiary"],
+      quaternary: style_module_default3["quaternary"],
+      negative: style_module_default3["negative"],
+      static: style_module_default3["static"],
+      inverse: style_module_default3["inverse"],
+      "inverse-static": style_module_default3["inverse-static"]
     }
   }
 });
-var ButtonLoading = /* @__PURE__ */ __name(({ size }) => {
+var ButtonLoading = /* @__PURE__ */ __name(({ size = "m", level = "primary" }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime159.jsxs)("div", { className: style_module_default3.loading, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime159.jsx)("div", { className: loadingVariants({ size }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime159.jsx)("div", { className: loadingVariants({ size }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime159.jsx)("div", { className: loadingVariants({ size }) })
+    /* @__PURE__ */ (0, import_jsx_runtime159.jsx)("div", { className: loadingVariants({ size, level }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime159.jsx)("div", { className: loadingVariants({ size, level }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime159.jsx)("div", { className: loadingVariants({ size, level }) })
   ] });
 }, "ButtonLoading");
 
@@ -7806,9 +7825,9 @@ var DefaultButton = (0, import_react.forwardRef)(
     const renderContent = /* @__PURE__ */ __name((children2) => /* @__PURE__ */ (0, import_jsx_runtime160.jsxs)("span", { className: (0, import_clsx2.default)(defaultButtonChildrenVariants({ size })), children: [
       !!leftIcon && !isLoading && /* @__PURE__ */ (0, import_jsx_runtime160.jsx)(Icon, { ...iconProps, ...leftIcon }),
       isLoading ? !!leftIcon || !!rightIcon ? /* @__PURE__ */ (0, import_jsx_runtime160.jsxs)(import_jsx_runtime160.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime160.jsx)(ButtonLoading, { size: buttonLoadingSizeMap[size] }),
+        /* @__PURE__ */ (0, import_jsx_runtime160.jsx)(ButtonLoading, { size: buttonLoadingSizeMap[size], level }),
         /* @__PURE__ */ (0, import_jsx_runtime160.jsx)("p", { className: style_module_default.content, children: children2 })
-      ] }) : /* @__PURE__ */ (0, import_jsx_runtime160.jsx)(ButtonLoading, { size: buttonLoadingSizeMap[size] }) : /* @__PURE__ */ (0, import_jsx_runtime160.jsx)("p", { className: style_module_default.content, children: children2 }),
+      ] }) : /* @__PURE__ */ (0, import_jsx_runtime160.jsx)(ButtonLoading, { size: buttonLoadingSizeMap[size], level }) : /* @__PURE__ */ (0, import_jsx_runtime160.jsx)("p", { className: style_module_default.content, children: children2 }),
       !!rightIcon && !isLoading && /* @__PURE__ */ (0, import_jsx_runtime160.jsx)(Icon, { ...iconProps, ...rightIcon })
     ] }), "renderContent");
     if (asChild) {
@@ -8959,20 +8978,20 @@ var import_clsx11 = __toESM(require("clsx"));
 
 // src/components/IconButton/style.module.scss
 var style_module_default9 = {
-  "iconButton": "_iconButton_qo1a8_1",
-  "primary": "_primary_qo1a8_11",
-  "secondary": "_secondary_qo1a8_24",
-  "tertiary": "_tertiary_qo1a8_37",
-  "quaternary": "_quaternary_qo1a8_50",
-  "negative": "_negative_qo1a8_64",
-  "static": "_static_qo1a8_77",
-  "inverse": "_inverse_qo1a8_90",
-  "inverse-static": "_inverse-static_qo1a8_103",
-  "ghost": "_ghost_qo1a8_116",
-  "l": "_l_qo1a8_180",
-  "m": "_m_qo1a8_186",
-  "s": "_s_qo1a8_24",
-  "xs": "_xs_qo1a8_198"
+  "iconButton": "_iconButton_6ezo4_1",
+  "primary": "_primary_6ezo4_14",
+  "secondary": "_secondary_6ezo4_27",
+  "tertiary": "_tertiary_6ezo4_40",
+  "quaternary": "_quaternary_6ezo4_53",
+  "negative": "_negative_6ezo4_67",
+  "static": "_static_6ezo4_80",
+  "inverse": "_inverse_6ezo4_93",
+  "inverse-static": "_inverse-static_6ezo4_106",
+  "ghost": "_ghost_6ezo4_119",
+  "l": "_l_6ezo4_183",
+  "m": "_m_6ezo4_189",
+  "s": "_s_6ezo4_27",
+  "xs": "_xs_6ezo4_201"
 };
 
 // src/components/IconButton/index.tsx
@@ -9038,16 +9057,35 @@ var iconButtonVariants = (0, import_class_variance_authority8.cva)([style_module
   }
 });
 var IconButton = (0, import_react12.forwardRef)(
-  ({ asChild, level = "primary", size = "m", fill = true, className, icon, isLoading = false, ...rest }, ref) => {
+  ({
+    asChild,
+    level = "primary",
+    size = "m",
+    fill = true,
+    className,
+    icon,
+    isLoading = false,
+    disabled = false,
+    ...rest
+  }, ref) => {
     const Comp = asChild ? import_react_slot.Slot : "button";
-    return /* @__PURE__ */ (0, import_jsx_runtime171.jsx)(Comp, { ...rest, className: (0, import_clsx11.default)(iconButtonVariants({ level, size, fill }), className), ref, children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime171.jsx)(ButtonLoading, { size: iconButtonLoadingSizeMap[size] }) : /* @__PURE__ */ (0, import_jsx_runtime171.jsx)(
-      Icon,
+    return /* @__PURE__ */ (0, import_jsx_runtime171.jsx)(
+      Comp,
       {
-        size: iconButtonSizeIconSizeMap[size],
-        type: iconButtonLevelIconTypeMap[fill ? "fill" : "ghost"][level],
-        ...icon
+        ...rest,
+        className: (0, import_clsx11.default)(iconButtonVariants({ level, size, fill }), className),
+        ref,
+        disabled: disabled && !isLoading,
+        children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime171.jsx)(ButtonLoading, { size: iconButtonLoadingSizeMap[size], level }) : /* @__PURE__ */ (0, import_jsx_runtime171.jsx)(
+          Icon,
+          {
+            size: iconButtonSizeIconSizeMap[size],
+            type: iconButtonLevelIconTypeMap[fill ? "fill" : "ghost"][level],
+            ...icon
+          }
+        )
       }
-    ) });
+    );
   }
 );
 
@@ -9330,7 +9368,8 @@ var Textfield = (0, import_react16.forwardRef)((props, ref) => {
               {
                 tabIndex: -1,
                 className: style_module_default13["action-button"],
-                level: "tertiary",
+                level: "secondary",
+                fill: false,
                 icon: {
                   name: "close-fill",
                   size: "s",