@liner-fe/prism 2.1.35 → 2.1.37

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

@@ -0,0 +1,8 @@
+type LoadingSizeType = 'm' | 's' | 'xs';
+type LoadingLevelType = 'brand-label-primary' | 'neutral-label-primary' | 'neutral-label-static-primary' | 'inverse-label-primary' | 'inverse-label-static-primary';
+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,22 @@ 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_d1es9_1",
+  "loading-dot": "_loading-dot_d1es9_5",
+  "loadingFade": "_loadingFade_d1es9_1",
+  "m": "_m_d1es9_13",
+  "s": "_s_d1es9_19",
+  "xs": "_xs_d1es9_25",
+  "brand-label-primary": "_brand-label-primary_d1es9_31",
+  "neutral-label-primary": "_neutral-label-primary_d1es9_34",
+  "neutral-label-static-primary": "_neutral-label-static-primary_d1es9_37",
+  "inverse-label-primary": "_inverse-label-primary_d1es9_40",
+  "inverse-label-static-primary": "_inverse-label-static-primary_d1es9_43"
 };
 
-// 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)({
@@ -7527,24 +7525,21 @@ var loadingVariants = (0, import_cva2.cva)({
       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"]
+      "brand-label-primary": style_module_default3["brand-label-primary"],
+      "neutral-label-primary": style_module_default3["neutral-label-primary"],
+      "neutral-label-static-primary": style_module_default3["neutral-label-static-primary"],
+      "inverse-label-primary": style_module_default3["inverse-label-primary"],
+      "inverse-label-static-primary": style_module_default3["inverse-label-static-primary"]
     }
   }
 });
-var ButtonLoading = /* @__PURE__ */ __name(({ size = "m", level = "primary" }) => {
+var Loading = /* @__PURE__ */ __name(({ size = "m", level = "inverse-label-static-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");
@@ -7566,6 +7561,16 @@ var buttonLoadingSizeMap = {
   m: "s",
   s: "xs"
 };
+var buttonLoadingLevelMap = {
+  primary: "inverse-label-static-primary",
+  secondary: "inverse-label-primary",
+  tertiary: "neutral-label-primary",
+  quaternary: "neutral-label-primary",
+  negative: "inverse-label-static-primary",
+  static: "neutral-label-static-primary",
+  inverse: "inverse-label-primary",
+  "inverse-static": "neutral-label-static-primary"
+};
 var buttonFillLevelIconTypeMap = {
   true: {
     primary: "inverse-label-static-primary",
@@ -7673,9 +7678,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: buttonLoadingLevelMap[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: buttonLoadingLevelMap[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 +7703,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 +8680,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");
@@ -8857,6 +8868,16 @@ var iconButtonLoadingSizeMap = {
   s: "xs",
   xs: "xs"
 };
+var iconButtonLoadingLevelMap = {
+  primary: "inverse-label-static-primary",
+  secondary: "inverse-label-primary",
+  tertiary: "neutral-label-primary",
+  quaternary: "neutral-label-primary",
+  negative: "inverse-label-static-primary",
+  static: "neutral-label-static-primary",
+  inverse: "inverse-label-primary",
+  "inverse-static": "neutral-label-static-primary"
+};
 var iconButtonLevelIconTypeMap = {
   fill: {
     primary: "inverse-label-static-primary",
@@ -8925,7 +8946,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: iconButtonLoadingLevelMap[level] }) : /* @__PURE__ */ (0, import_jsx_runtime168.jsx)(
           Icon,
           {
             size: iconButtonSizeIconSizeMap[size],
@@ -8937,6 +8961,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 +9053,7 @@ var Label = (0, import_react13.forwardRef)(
     );
   }
 );
+Label.displayName = "Label";
 
 // src/components/CheckBox/index.tsx
 var import_jsx_runtime170 = require("react/jsx-runtime");