@sb1/ffe-buttons-react 24.2.2 → 24.3.1

package/es/InlineBaseButton.js

@@ -28,8 +28,8 @@ import classNames from 'classnames';
  * @ignore
  */
 function InlineBaseButtonWithForwardRef(props, ref) {
-    var _a = props.as, Comp = _a === void 0 ? 'button' : _a, buttonType = props.buttonType, className = props.className, leftIcon = props.leftIcon, rightIcon = props.rightIcon, children = props.children, rest = __rest(props, ["as", "buttonType", "className", "leftIcon", "rightIcon", "children"]);
-    return (React.createElement(Comp, __assign({ className: classNames('ffe-inline-button', "ffe-inline-button--".concat(buttonType), className) }, rest, { ref: ref }),
+    var _a = props.as, Comp = _a === void 0 ? 'button' : _a, buttonType = props.buttonType, className = props.className, leftIcon = props.leftIcon, rightIcon = props.rightIcon, _b = props.size, size = _b === void 0 ? 'md' : _b, _c = props.iconOnly, iconOnly = _c === void 0 ? false : _c, children = props.children, rest = __rest(props, ["as", "buttonType", "className", "leftIcon", "rightIcon", "size", "iconOnly", "children"]);
+    return (React.createElement(Comp, __assign({ className: classNames('ffe-inline-button', className, "ffe-inline-button--".concat(size), "ffe-inline-button--".concat(buttonType), { 'ffe-inline-button--icon-only': iconOnly }) }, rest, { ref: ref }),
         leftIcon &&
             React.cloneElement(leftIcon, {
                 className: 'ffe-inline-button__icon ffe-inline-button__icon--left',

package/lib/InlineBaseButton.js

@@ -34,8 +34,8 @@ var classnames_1 = __importDefault(require("classnames"));
  * @ignore
  */
 function InlineBaseButtonWithForwardRef(props, ref) {
-    var _a = props.as, Comp = _a === void 0 ? 'button' : _a, buttonType = props.buttonType, className = props.className, leftIcon = props.leftIcon, rightIcon = props.rightIcon, children = props.children, rest = __rest(props, ["as", "buttonType", "className", "leftIcon", "rightIcon", "children"]);
-    return (react_1.default.createElement(Comp, __assign({ className: (0, classnames_1.default)('ffe-inline-button', "ffe-inline-button--".concat(buttonType), className) }, rest, { ref: ref }),
+    var _a = props.as, Comp = _a === void 0 ? 'button' : _a, buttonType = props.buttonType, className = props.className, leftIcon = props.leftIcon, rightIcon = props.rightIcon, _b = props.size, size = _b === void 0 ? 'md' : _b, _c = props.iconOnly, iconOnly = _c === void 0 ? false : _c, children = props.children, rest = __rest(props, ["as", "buttonType", "className", "leftIcon", "rightIcon", "size", "iconOnly", "children"]);
+    return (react_1.default.createElement(Comp, __assign({ className: (0, classnames_1.default)('ffe-inline-button', className, "ffe-inline-button--".concat(size), "ffe-inline-button--".concat(buttonType), { 'ffe-inline-button--icon-only': iconOnly }) }, rest, { ref: ref }),
         leftIcon &&
             react_1.default.cloneElement(leftIcon, {
                 className: 'ffe-inline-button__icon ffe-inline-button__icon--left',

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@sb1/ffe-buttons-react",
-    "version": "24.2.2",
+    "version": "24.3.1",
     "description": "React implementation of ffe-buttons",
     "keywords": [
         "ffe"
@@ -29,7 +29,7 @@
         "test:watch": "ffe-buildtool jest --watch"
     },
     "dependencies": {
-        "@sb1/ffe-buttons": "^21.2.2",
+        "@sb1/ffe-buttons": "^21.3.1",
         "@sb1/ffe-icons-react": "^11.0.20",
         "classnames": "^2.3.1"
     },
@@ -45,5 +45,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "6178a69a187ee277628318f8ede898d1d6cd3462"
+    "gitHead": "91a4853d0ff0b12af2b2dfbfc6ebeb7b2653a922"
 }

package/types/BaseButton.d.ts

@@ -7,8 +7,9 @@ export type BaseButtonProps<As extends ElementType = 'button'> = ComponentAsProp
     isLoading?: boolean;
     leftIcon?: ReactElement;
     rightIcon?: ReactElement;
-    /** Default md. */
+    /** Size of the button, default md. */
     size?: 'sm' | 'md' | 'lg';
+    /** Using only an icon, no label */
     iconOnly?: boolean;
 };
 export declare const BaseButton: <As extends ElementType>(props: {
@@ -22,7 +23,8 @@ export declare const BaseButton: <As extends ElementType>(props: {
     isLoading?: boolean;
     leftIcon?: ReactElement;
     rightIcon?: ReactElement;
-    /** Default md. */
+    /** Size of the button, default md. */
     size?: "sm" | "md" | "lg";
+    /** Using only an icon, no label */
     iconOnly?: boolean;
 } & React.RefAttributes<any>) => React.JSX.Element;

package/types/InlineBaseButton.d.ts

@@ -10,6 +10,10 @@ export type InlineBaseButtonProps<As extends ElementType = 'button'> = Component
     leftIcon?: ReactElement;
     /** Icon shown to the right of the label */
     rightIcon?: ReactElement;
+    /** Size of the button, default md. */
+    size?: 'sm' | 'md' | 'lg';
+    /** Using only an icon, no label */
+    iconOnly?: boolean;
 };
 export declare const InlineBaseButton: <As extends ElementType>(props: {
     as?: As | undefined;
@@ -25,4 +29,8 @@ export declare const InlineBaseButton: <As extends ElementType>(props: {
     leftIcon?: ReactElement;
     /** Icon shown to the right of the label */
     rightIcon?: ReactElement;
+    /** Size of the button, default md. */
+    size?: "sm" | "md" | "lg";
+    /** Using only an icon, no label */
+    iconOnly?: boolean;
 } & React.RefAttributes<any>) => React.JSX.Element;