@liner-fe/prism 2.8.0 → 2.8.2

package/lib/index.d.ts

@@ -43,7 +43,7 @@ type FillLevelType = 'primary' | 'secondary' | 'tertiary' | 'quaternary' | 'quin
 type FillFalseLevelType = 'primary' | 'secondary';
 type ButtonSizeType = 'cta' | 'l' | 'm' | 's';
 type DefaultLevelType<T> = T extends true ? FillLevelType : FillFalseLevelType;
-type ButtonIconProps = Exclude<IconProps, 'size' | 'thick'>;
+type ButtonIconProps$1 = Pick<IconProps, 'type' | 'size' | 'thick' | 'fill'>;
 interface DefaultButtonProps<T extends FillType> extends CommonButtonProps, VariantProps<typeof defaultButtonVariants> {
     asChild?: boolean;
     level?: DefaultLevelType<T>;
@@ -53,10 +53,10 @@ interface DefaultButtonProps<T extends FillType> extends CommonButtonProps, Vari
     width?: 'full' | 'fit-content';
     leftIcon?: {
         icon: IconComponentType;
-    };
+    } & ButtonIconProps$1;
     rightIcon?: {
         icon: IconComponentType;
-    };
+    } & ButtonIconProps$1;
     isLoading?: boolean;
 }
 type ButtonProps = DefaultButtonProps<FillType>;
@@ -481,6 +481,7 @@ interface LabelProps extends ComponentPropsWithoutRef<typeof Label$1.Root>, Vari
 }
 declare const Label: react.ForwardRefExoticComponent<LabelProps & react.RefAttributes<HTMLLabelElement>>;
 
+type ButtonIconProps = Exclude<IconProps, 'size' | 'thick'>;
 declare const textButtonVariants: (props?: ({
     level?: "primary" | "secondary" | "tertiary" | "inverse-static" | "inverse" | undefined;
     size?: "m" | "s" | undefined;
@@ -631,4 +632,4 @@ interface TagProps extends Omit<IPropsNormalBold, 'type' | 'size' | 'weight'> {
 }
 declare const Tag: react.ForwardRefExoticComponent<TagProps & react.RefAttributes<HTMLParagraphElement>>;
 
-export { type BaseCoachMarkContentProps, type BreakPointsKey, Button, type ButtonIconProps, type ButtonProps, type ButtonSizeType, Caption, Checkbox, CoachMark, type CoachMarkContentProps, type CommonButtonProps, CompactCoachMark, DefaultButton, type DefaultButtonProps, Display, type FillFalseLevelType, type FillLevelType, type FillType, Heading, type ICaptionProps, type IDisplayProps, type IHeadingProps, type IPropsAccent, type IPropsAnswer, type IPropsNormal, type IPropsNormalBold, type IPropsPost, type ITitleProps, IconButton, type IconButtonLevelType, type IconButtonProps, type IconSizeType, type ItemProps, Label, List, Loading, Logo, Media, MediaContextProvider, Paragraph, type ParagraphProps, Popover, type PopoverContentProps, PrimitiveCoachMark, type PrimitiveCoachMarkContentProps, type PrimitiveCoachMarkRootProps, Radio, Select, type SelectItemProps, type SelectProps, SingleSnackbar, Snackbar, Tag, TextButton, type TextButtonProps, Textfield, type TextfieldButtonProps, type TextfieldLabelType, type TextfieldProps, Title, Toaster, Tooltip, Typography, arrayToStyleObject, isEmptyObject, objectToArray, rootMediaStyle, snackbarAtom, useSnackbar, useToast };
+export { type BaseCoachMarkContentProps, type BreakPointsKey, Button, type ButtonIconProps$1 as ButtonIconProps, type ButtonProps, type ButtonSizeType, Caption, Checkbox, CoachMark, type CoachMarkContentProps, type CommonButtonProps, CompactCoachMark, DefaultButton, type DefaultButtonProps, Display, type FillFalseLevelType, type FillLevelType, type FillType, Heading, type ICaptionProps, type IDisplayProps, type IHeadingProps, type IPropsAccent, type IPropsAnswer, type IPropsNormal, type IPropsNormalBold, type IPropsPost, type ITitleProps, IconButton, type IconButtonLevelType, type IconButtonProps, type IconSizeType, type ItemProps, Label, List, Loading, Logo, Media, MediaContextProvider, Paragraph, type ParagraphProps, Popover, type PopoverContentProps, PrimitiveCoachMark, type PrimitiveCoachMarkContentProps, type PrimitiveCoachMarkRootProps, Radio, Select, type SelectItemProps, type SelectProps, SingleSnackbar, Snackbar, Tag, TextButton, type TextButtonProps, Textfield, type TextfieldButtonProps, type TextfieldLabelType, type TextfieldProps, Title, Toaster, Tooltip, Typography, arrayToStyleObject, isEmptyObject, objectToArray, rootMediaStyle, snackbarAtom, useSnackbar, useToast };

package/lib/index.js

@@ -115,6 +115,7 @@ var style_module_default = {
 // src/components/Button/index.tsx
 var import_cva2 = require("cva");
 var import_clsx = __toESM(require("clsx"));
+var import_icon = require("@liner-fe/icon");
 
 // src/components/Loading/style.module.scss
 var style_module_default2 = {
@@ -335,12 +336,12 @@ var DefaultButton = (0, import_react.forwardRef)(
       fillType: buttonFillLevelIconFillTypeMap[`${fill}`][level]
     };
     const renderContent = /* @__PURE__ */ __name((children2) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("span", { className: (0, import_clsx.default)(defaultButtonChildrenVariants({ size: size4 })), children: [
-      !!leftIcon && !isLoading && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(leftIcon.icon, { ...iconProps }),
+      !!leftIcon && !isLoading && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(leftIcon.icon, { ...iconProps, ...leftIcon }),
       isLoading ? !!leftIcon || !!rightIcon ? /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
         /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Loading, { size: buttonLoadingSizeMap[size4], level: buttonLoadingLevelMap[level] }),
         /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: style_module_default.content, children: children2 })
       ] }) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Loading, { size: buttonLoadingSizeMap[size4], level: buttonLoadingLevelMap[level] }) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: style_module_default.content, children: children2 }),
-      !!rightIcon && !isLoading && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(rightIcon.icon, { ...iconProps })
+      !!rightIcon && !isLoading && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(rightIcon.icon, { ...iconProps, ...leftIcon })
     ] }), "renderContent");
     if (asChild) {
       const parent = import_react.Children.only(children);
@@ -1893,7 +1894,7 @@ var Paragraph = (0, import_react4.forwardRef)(
 );
 
 // src/components/Toast/index.tsx
-var import_icon = require("@liner-fe/icon");
+var import_icon2 = require("@liner-fe/icon");
 var import_recoil2 = require("recoil");
 var import_lottie_web = __toESM(require("lottie-web"));
 
@@ -2420,7 +2421,7 @@ var SingleToast = /* @__PURE__ */ __name((props) => {
   }, [isLoading]);
   const renderIcon = /* @__PURE__ */ __name(() => {
     if (!icon) return null;
-    return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("i", { className: style_module_default3.Icon, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_icon.Icon, { ...icon, size: "m" }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("i", { className: style_module_default3.Icon, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_icon2.Icon, { ...icon, size: "m" }) });
   }, "renderIcon");
   return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(Root2, { className: style_module_default3.ToastRoot, open: isOpen, ...props, children: [
     isLoading && !toastSuccess.current ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { ref: lottieRef, style: { width: "24px", height: "24px" } }) : renderIcon(),
@@ -2696,10 +2697,10 @@ var style_module_default5 = {
 // src/components/Popover/index.tsx
 var import_cva4 = require("cva");
 var import_clsx8 = require("clsx");
-var import_icon3 = require("@liner-fe/icon");
+var import_icon4 = require("@liner-fe/icon");
 
 // src/components/TextButton/index.tsx
-var import_icon2 = require("@liner-fe/icon");
+var import_icon3 = require("@liner-fe/icon");
 var import_cva3 = require("cva");
 
 // src/components/TextButton/style.module.scss
@@ -2779,9 +2780,9 @@ var TextButton = (0, import_react12.forwardRef)(
       ...icon
     }), "getIconProps");
     const renderContent = /* @__PURE__ */ __name((children2) => /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("span", { className: style_module_default6["text-children"], children: [
-      leftIcon && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_icon2.Icon, { ...getIconProps(leftIcon) }),
+      leftIcon && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_icon3.Icon, { ...getIconProps(leftIcon) }),
       /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { children: children2 }),
-      rightIcon && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_icon2.Icon, { ...getIconProps(rightIcon) })
+      rightIcon && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_icon3.Icon, { ...getIconProps(rightIcon) })
     ] }), "renderContent");
     if (asChild) {
       const parent = import_react12.Children.only(children);
@@ -2890,7 +2891,7 @@ var PopoverContent = React17.forwardRef(
           /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: style_module_default5.contentContainer, children: [
             (tag || icon || onClose) && /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: style_module_default5.heading, children: [
               tag && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: popoverTagVariants(), children: tag }),
-              icon && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_icon3.Icon, { name: icon.name, size: "xs", thick: icon.thick, fill: icon.fill }),
+              icon && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_icon4.Icon, { name: icon.name, size: "xs", thick: icon.thick, fill: icon.fill }),
               /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", { className: popoverTitleVariants(), children: title }),
               onClose && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
                 import_radix_ui.Popover.PopoverClose,
@@ -2900,7 +2901,7 @@ var PopoverContent = React17.forwardRef(
                     onClose();
                   },
                   children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
-                    import_icon3.Icon,
+                    import_icon4.Icon,
                     {
                       name: "close-fill",
                       size: "s",
@@ -2988,7 +2989,7 @@ var Tooltip = Object.assign(TooltipRoot, {
 // src/components/IconButton/index.tsx
 var import_cva6 = require("cva");
 var import_react14 = require("react");
-var import_icon4 = require("@liner-fe/icon");
+var import_icon5 = require("@liner-fe/icon");
 var import_clsx10 = __toESM(require("clsx"));
 
 // src/components/IconButton/style.module.scss
@@ -3106,7 +3107,7 @@ var IconButton = (0, import_react14.forwardRef)(
         "aria-label": icon.name,
         role: "button",
         children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Loading, { size: iconButtonLoadingSizeMap[size4], level: iconButtonLoadingLevelMap[level] }) : /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
-          import_icon4.Icon,
+          import_icon5.Icon,
           {
             size: iconButtonSizeIconSizeMap[size4],
             type: iconButtonLevelIconTypeMap[fill ? "fill" : "ghost"][level],
@@ -3215,7 +3216,7 @@ var Label = (0, import_react15.forwardRef)(
 Label.displayName = "Label";
 
 // src/components/CheckBox/index.tsx
-var import_icon5 = require("@liner-fe/icon");
+var import_icon6 = require("@liner-fe/icon");
 var import_jsx_runtime24 = require("react/jsx-runtime");
 var Checkbox = (0, import_react16.forwardRef)(
   ({ className, label, description, ...props }, ref) => {
@@ -3226,7 +3227,7 @@ var Checkbox = (0, import_react16.forwardRef)(
       ] }),
       children
     ] }) : /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_jsx_runtime24.Fragment, { children }), "CheckboxWrapper");
-    return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(CheckboxWrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_radix_ui5.Checkbox.Root, { className: (0, import_clsx12.default)(style_module_default9.checkbox, className), ref, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_radix_ui5.Checkbox.Indicator, { className: style_module_default9["checkbox-indicator"], children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_icon5.IconCheckMark, { thick: true, size: "xs", type: "inverse-label-primary" }) }) }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(CheckboxWrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_radix_ui5.Checkbox.Root, { className: (0, import_clsx12.default)(style_module_default9.checkbox, className), ref, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_radix_ui5.Checkbox.Indicator, { className: style_module_default9["checkbox-indicator"], children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_icon6.IconCheckMark, { thick: true, size: "xs", type: "inverse-label-primary" }) }) }) });
   }
 );
 
@@ -3302,7 +3303,7 @@ var style_module_default12 = {
 // src/components/Textfield/index.tsx
 var import_cva8 = require("cva");
 var import_clsx14 = __toESM(require("clsx"));
-var import_icon6 = require("@liner-fe/icon");
+var import_icon7 = require("@liner-fe/icon");
 var import_react_dom2 = require("react-dom");
 var import_jsx_runtime26 = require("react/jsx-runtime");
 var defaultTextfieldVariants = (0, import_cva8.cva)({
@@ -3455,7 +3456,7 @@ var Textfield = (0, import_react18.forwardRef)((props, ref) => {
     displayFooter && /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: style_module_default12.footer, children: [
       /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: style_module_default12["error-wrapper"], children: error && /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_jsx_runtime26.Fragment, { children: [
         /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
-          import_icon6.Icon,
+          import_icon7.Icon,
           {
             name: "exclamationmark-fill",
             fill: true,
@@ -3517,7 +3518,7 @@ var style_module_default13 = {
 };
 
 // src/components/Select/index.tsx
-var import_icon7 = require("@liner-fe/icon");
+var import_icon8 = require("@liner-fe/icon");
 var import_react19 = require("react");
 var import_clsx15 = __toESM(require("clsx"));
 var import_jsx_runtime27 = require("react/jsx-runtime");
@@ -3625,7 +3626,7 @@ var SelectRoot = (0, import_react19.forwardRef)(
           children: [
             /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_radix_ui7.Select.Trigger, { className: style_module_default13.trigger, ref, id, children: [
               /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_radix_ui7.Select.Value, { className: style_module_default13.placeholder, placeholder }),
-              /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_radix_ui7.Select.Icon, { className: style_module_default13.openIcon, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_icon7.Icon, { name: "drop-down", fill: true, thick: true, size: "xs" }) })
+              /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_radix_ui7.Select.Icon, { className: style_module_default13.openIcon, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_icon8.Icon, { name: "drop-down", fill: true, thick: true, size: "xs" }) })
             ] }),
             /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(SelectContent, { ...contentProps })
           ]
@@ -3646,8 +3647,8 @@ var SelectItem = /* @__PURE__ */ __name(({ value, text, disabled, icon, onClick
     },
     children: [
       /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_radix_ui7.Select.ItemText, { children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Paragraph, { size: 3, type: "normal", weight: "medium", children: text ?? value }) }),
-      icon && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_radix_ui7.Select.Icon, { className: style_module_default13.icon, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_icon7.Icon, { size: "xs", ...icon }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_radix_ui7.Select.ItemIndicator, { className: style_module_default13.itemIndicator, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_icon7.Icon, { thick: true, size: "xs", name: "check-mark", type: "brand-label-primary" }) })
+      icon && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_radix_ui7.Select.Icon, { className: style_module_default13.icon, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_icon8.Icon, { size: "xs", ...icon }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_radix_ui7.Select.ItemIndicator, { className: style_module_default13.itemIndicator, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_icon8.Icon, { thick: true, size: "xs", name: "check-mark", type: "brand-label-primary" }) })
     ]
   }
 ), "SelectItem");
@@ -3663,7 +3664,7 @@ var style_module_default14 = {
 };
 
 // src/components/List/index.tsx
-var import_icon8 = require("@liner-fe/icon");
+var import_icon9 = require("@liner-fe/icon");
 var import_react21 = require("react");
 
 // src/hooks/collection.tsx
@@ -3712,7 +3713,7 @@ var Item = /* @__PURE__ */ __name(({ value, text, disabled, icon, onClick }) =>
       },
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Paragraph, { size: 3, type: "normal", weight: "medium", children: text }),
-        (icon || isSelected) && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_icon8.Icon, { className: style_module_default14.icon, size: "xs", ...iconProps })
+        (icon || isSelected) && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_icon9.Icon, { className: style_module_default14.icon, size: "xs", ...iconProps })
       ]
     }
   );
@@ -3764,7 +3765,7 @@ var useSnackbar = /* @__PURE__ */ __name(() => {
 }, "useSnackbar");
 
 // src/components/Snackbar/SnackbarIcon/index.tsx
-var import_icon9 = require("@liner-fe/icon");
+var import_icon10 = require("@liner-fe/icon");
 
 // src/components/Snackbar/SnackbarIcon/style.module.scss
 var style_module_default16 = {
@@ -3776,11 +3777,11 @@ var import_jsx_runtime30 = require("react/jsx-runtime");
 var SnackbarIcon = /* @__PURE__ */ __name((props) => {
   const { icon } = props;
   if (!icon) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_icon9.Icon, { ...icon, size: "m", className: style_module_default16.container });
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_icon10.Icon, { ...icon, size: "m", className: style_module_default16.container });
 }, "SnackbarIcon");
 
 // src/components/Snackbar/index.tsx
-var import_icon10 = require("@liner-fe/icon");
+var import_icon11 = require("@liner-fe/icon");
 
 // src/components/Snackbar/SnackbarTitle/index.tsx
 var import_jsx_runtime31 = require("react/jsx-runtime");
@@ -3912,7 +3913,7 @@ var SingleSnackbar = /* @__PURE__ */ __name((props) => {
             /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(SnackbarDescription, { description })
           ] }),
           /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
-            import_icon10.IconArrowForward,
+            import_icon11.IconArrowForward,
             {
               fill: true,
               thick: true,
@@ -8305,7 +8306,7 @@ var style_module_default21 = {
 
 // src/components/coach-mark/main/index.tsx
 var import_react28 = require("react");
-var import_icon11 = require("@liner-fe/icon");
+var import_icon12 = require("@liner-fe/icon");
 var import_cva12 = require("cva");
 var import_clsx22 = __toESM(require("clsx"));
 
@@ -8480,7 +8481,7 @@ var CoachMarkContent = (0, import_react28.forwardRef)(
                 }
               ),
               icon && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
-                import_icon11.Icon,
+                import_icon12.Icon,
                 {
                   name: icon.name,
                   size: "xs",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@liner-fe/prism",
-  "version": "2.8.0",
+  "version": "2.8.2",
   "scripts": {
     "dev": "next dev",
     "start": "next start",