fis-component 0.0.64 → 0.0.65

package/dist/cjs/index.js

@@ -60852,6 +60852,15 @@ const LinkButtonStyled = styled.button `
     styled.css `
       text-decoration: underline;
     `}
+
+  ${(props) => props.$singleLine &&
+    styled.css `
+      .button-content {
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+      }
+    `}
 `;
 const IconStyled$1 = styled.span `
   display: inline-flex;
@@ -60859,10 +60868,10 @@ const IconStyled$1 = styled.span `
 `;
 
 const FISLinkButton = React.forwardRef((props, ref) => {
-    const { type, children, size = "sm", variant = "default", underline, startIcon: startIconProp, endIcon: endIconProp, ...rest } = props;
+    const { children, size = "sm", variant = "default", underline, startIcon: startIconProp, endIcon: endIconProp, singleLine = false, ...rest } = props;
     const startIcon = startIconProp && (jsxRuntime.jsx(IconStyled$1, { className: "button-icon", children: startIconProp }));
     const endIcon = endIconProp && (jsxRuntime.jsx(IconStyled$1, { className: "button-icon", children: endIconProp }));
-    return (jsxRuntime.jsxs(LinkButtonStyled, { ...rest, ref: ref, "$variant": variant, "$size": size, "$underline": underline, children: [startIcon, jsxRuntime.jsx("span", { className: "button-content", children: children }), endIcon] }));
+    return (jsxRuntime.jsxs(LinkButtonStyled, { ...rest, ref: ref, "$variant": variant, "$size": size, "$underline": underline, "$singleLine": singleLine, children: [startIcon, jsxRuntime.jsx("span", { className: "button-content", children: children }), endIcon] }));
 });
 FISLinkButton.displayName = "FISLinkButton";
 
@@ -61476,7 +61485,7 @@ function FISProgressCircular({ variant, ...rest }) {
 FISProgressCircular.displayName = "FISProgressCircular";
 
 const FISIconButton = React.forwardRef((props, ref) => {
-    const { type, children, active = false, size = "md", variant = "primary", icon: iconProp, loading = false, disabled = false, ...rest } = props;
+    const { children, active = false, size = "md", variant = "primary", icon: iconProp, loading = false, disabled = false, ...rest } = props;
     return (jsxRuntime.jsx(ButtonStyled, { type: "button", ...rest, ref: ref, "$variant": variant, "$size": size, "$active": active, "$loading": loading, disabled: disabled || loading, children: loading ? (jsxRuntime.jsx(FISProgressCircular, { size: size, variant: "indeterminate", invert: variant === "primary-white" ||
                 variant === "secondary-white" ||
                 variant === "secondary-invisible-white" })) : (iconProp) }));
@@ -62397,10 +62406,10 @@ const ProgressCircularSC$1 = styled(FISProgressCircular) `
 `;
 
 const FISButton = React.forwardRef((props, ref) => {
-    const { active, type, children, size = "md", variant = "primary", loading, disabled = false, startIcon: startIconProp, endIcon: endIconProp, ...rest } = props;
+    const { active, children, size = "md", variant = "primary", loading, disabled = false, startIcon: startIconProp, endIcon: endIconProp, ...rest } = props;
     const startIcon = startIconProp && jsxRuntime.jsx(SpanIconSC$2, { children: startIconProp });
     const endIcon = endIconProp && jsxRuntime.jsx(SpanIconSC$2, { children: endIconProp });
-    return (jsxRuntime.jsxs(ButtonSC, { type: "button", ...rest, ref: ref, "$variant": variant, "$size": size, "$active": active, "$loading": loading, disabled: disabled || loading, children: [loading && (jsxRuntime.jsx(ProgressCircularSC$1, { size: size, variant: "indeterminate", invert: variant === "primary-white" || variant === "secondary-white" })), startIcon, jsxRuntime.jsx("span", { className: "button-content", children: children }), endIcon] }));
+    return (jsxRuntime.jsxs(ButtonSC, { ...rest, ref: ref, "$variant": variant, "$size": size, "$active": active, "$loading": loading, disabled: disabled || loading, children: [loading && (jsxRuntime.jsx(ProgressCircularSC$1, { size: size, variant: "indeterminate", invert: variant === "primary-white" || variant === "secondary-white" })), startIcon, jsxRuntime.jsx("span", { className: "button-content", children: children }), endIcon] }));
 });
 FISButton.displayName = "FISButton";