@liner-fe/prism 2.1.35 → 2.1.36

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

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

package/lib/constants/figma/index.d.ts

@@ -1,15 +1,15 @@
 import { Figma } from './types';
 export declare const FIGMA: {
-    Icon: Figma;
     Button: Figma;
-    CheckBox: Figma;
+    Icon: Figma;
     IconButton: Figma;
+    Label: Figma;
+    CheckBox: Figma;
     Typography: Figma;
     Textfield: Figma;
     Toast: Figma;
     PopOver: Figma;
     Tooltip: Figma;
-    Label: Figma;
     Radio: Figma;
     Badge: Figma;
     Illust: Figma;

package/lib/index.cjs

@@ -41,6 +41,7 @@ __export(index_exports, {
   IconButton: () => IconButton,
   Label: () => Label,
   List: () => List,
+  Loading: () => Loading,
   Media: () => Media,
   MediaContextProvider: () => MediaContextProvider,
   Paragraph: () => Paragraph,
@@ -7497,25 +7498,25 @@ var Icon = /* @__PURE__ */ __name((props) => {
   );
 }, "Icon");
 
-// src/components/_ButtonLoading/style.module.scss
+// src/components/Loading/style.module.scss
 var style_module_default3 = {
-  "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"
+  "loading": "_loading_1cm08_1",
+  "loading-dot": "_loading-dot_1cm08_5",
+  "loadingFade": "_loadingFade_1cm08_1",
+  "m": "_m_1cm08_13",
+  "s": "_s_1cm08_19",
+  "xs": "_xs_1cm08_25",
+  "primary": "_primary_1cm08_31",
+  "secondary": "_secondary_1cm08_34",
+  "tertiary": "_tertiary_1cm08_37",
+  "quaternary": "_quaternary_1cm08_40",
+  "negative": "_negative_1cm08_43",
+  "static": "_static_1cm08_46",
+  "inverse": "_inverse_1cm08_49",
+  "inverse-static": "_inverse-static_1cm08_52"
 };
 
-// src/components/_ButtonLoading/index.tsx
+// src/components/Loading/index.tsx
 var import_cva2 = require("cva");
 var import_jsx_runtime156 = require("react/jsx-runtime");
 var loadingVariants = (0, import_cva2.cva)({
@@ -7538,13 +7539,13 @@ var loadingVariants = (0, import_cva2.cva)({
     }
   }
 });
-var ButtonLoading = /* @__PURE__ */ __name(({ size = "m", level = "primary" }) => {
+var Loading = /* @__PURE__ */ __name(({ size = "m", level = "primary" }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime156.jsxs)("div", { className: style_module_default3.loading, children: [
     /* @__PURE__ */ (0, import_jsx_runtime156.jsx)("div", { className: loadingVariants({ size, level }) }),
     /* @__PURE__ */ (0, import_jsx_runtime156.jsx)("div", { className: loadingVariants({ size, level }) }),
     /* @__PURE__ */ (0, import_jsx_runtime156.jsx)("div", { className: loadingVariants({ size, level }) })
   ] });
-}, "ButtonLoading");
+}, "Loading");
 
 // src/components/Button/index.tsx
 var import_jsx_runtime157 = require("react/jsx-runtime");
@@ -7673,9 +7674,9 @@ var DefaultButton = (0, import_react.forwardRef)(
     const renderContent = /* @__PURE__ */ __name((children2) => /* @__PURE__ */ (0, import_jsx_runtime157.jsxs)("span", { className: (0, import_clsx2.default)(defaultButtonChildrenVariants({ size })), children: [
       !!leftIcon && !isLoading && /* @__PURE__ */ (0, import_jsx_runtime157.jsx)(Icon, { ...iconProps, ...leftIcon }),
       isLoading ? !!leftIcon || !!rightIcon ? /* @__PURE__ */ (0, import_jsx_runtime157.jsxs)(import_jsx_runtime157.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime157.jsx)(ButtonLoading, { size: buttonLoadingSizeMap[size], level }),
+        /* @__PURE__ */ (0, import_jsx_runtime157.jsx)(Loading, { size: buttonLoadingSizeMap[size], level }),
         /* @__PURE__ */ (0, import_jsx_runtime157.jsx)("p", { className: style_module_default.content, children: children2 })
-      ] }) : /* @__PURE__ */ (0, import_jsx_runtime157.jsx)(ButtonLoading, { size: buttonLoadingSizeMap[size], level }) : /* @__PURE__ */ (0, import_jsx_runtime157.jsx)("p", { className: style_module_default.content, children: children2 }),
+      ] }) : /* @__PURE__ */ (0, import_jsx_runtime157.jsx)(Loading, { size: buttonLoadingSizeMap[size], level }) : /* @__PURE__ */ (0, import_jsx_runtime157.jsx)("p", { className: style_module_default.content, children: children2 }),
       !!rightIcon && !isLoading && /* @__PURE__ */ (0, import_jsx_runtime157.jsx)(Icon, { ...iconProps, ...rightIcon })
     ] }), "renderContent");
     if (asChild) {
@@ -7698,12 +7699,17 @@ var DefaultButton = (0, import_react.forwardRef)(
         ...rest,
         className: (0, import_clsx2.default)(defaultButtonVariants({ level, fill, align, size, width }), className),
         ref,
+        "aria-label": rest["aria-label"] || "button",
+        role: "button",
+        tabIndex: 0,
         children: renderContent(children)
       }
     );
   }
 );
+DefaultButton.displayName = "DefaultButton";
 var Button = (0, import_react.forwardRef)((props, ref) => /* @__PURE__ */ (0, import_jsx_runtime157.jsx)(DefaultButton, { ...props, ref }));
+Button.displayName = "Button";
 
 // src/hooks/useToast.ts
 var import_recoil = require("recoil");
@@ -8670,6 +8676,7 @@ var TextButton = (0, import_react10.forwardRef)(
     return /* @__PURE__ */ (0, import_jsx_runtime165.jsx)("button", { className: (0, import_clsx8.default)(textButtonVariants({ level, thick, underline, size }), className), ref, ...rest, children: renderContent(children) });
   }
 );
+TextButton.displayName = "TextButton";
 
 // src/components/Popover/index.tsx
 var import_jsx_runtime166 = require("react/jsx-runtime");
@@ -8925,7 +8932,10 @@ var IconButton = (0, import_react12.forwardRef)(
         className: (0, import_clsx11.default)(iconButtonVariants({ level, size, fill }), className),
         ref,
         disabled: disabled && !isLoading,
-        children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime168.jsx)(ButtonLoading, { size: iconButtonLoadingSizeMap[size], level }) : /* @__PURE__ */ (0, import_jsx_runtime168.jsx)(
+        "aria-label": icon.name,
+        role: "button",
+        tabIndex: 0,
+        children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime168.jsx)(Loading, { size: iconButtonLoadingSizeMap[size], level }) : /* @__PURE__ */ (0, import_jsx_runtime168.jsx)(
           Icon,
           {
             size: iconButtonSizeIconSizeMap[size],
@@ -8937,6 +8947,7 @@ var IconButton = (0, import_react12.forwardRef)(
     );
   }
 );
+IconButton.displayName = "IconButton";
 
 // src/components/CheckBox/index.tsx
 var CheckboxPrimitive = __toESM(require("@radix-ui/react-checkbox"));
@@ -9028,6 +9039,7 @@ var Label = (0, import_react13.forwardRef)(
     );
   }
 );
+Label.displayName = "Label";
 
 // src/components/CheckBox/index.tsx
 var import_jsx_runtime170 = require("react/jsx-runtime");