@sb1/ffe-buttons-react 14.1.2 → 16.0.1

package/es/ActionButton.js

@@ -1,4 +1,4 @@
-var _excluded = ["className", "ghost"];
+var _excluded = ["className"];
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
@@ -12,14 +12,11 @@ import classNames from 'classnames';
 import Button from './BaseButton';
 export default function ActionButton(props) {
   var className = props.className,
-      ghost = props.ghost,
       rest = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/React.createElement(Button, _extends({
     buttonType: "action",
-    className: classNames(className, {
-      'ffe-button--ghost': ghost
-    })
+    className: classNames(className)
   }, rest));
 }
 ActionButton.propTypes = {
@@ -32,18 +29,12 @@ ActionButton.propTypes = {
   /** Extra class names */
   className: string,
 
-  /** Condensed modifier. Use in condensed designs */
-  condensed: bool,
-
   /** Disable a button in certain situations */
   disabled: bool,
 
   /** The rendered element, like an `<a />` or `<Link />` */
   element: oneOfType([func, string, elementType]),
 
-  /** Applies the ghost modifier if true. */
-  ghost: bool,
-
   /** Ref-setting function, or ref created by useRef, passed to the button element */
   innerRef: oneOfType([func, shape({
     current: object
@@ -57,7 +48,4 @@ ActionButton.propTypes = {
 
   /** Icon shown to the right of the label */
   rightIcon: node
-};
-ActionButton.defaultProps = {
-  ghost: false
 };

package/es/BaseButton.js

@@ -1,4 +1,4 @@
-var _excluded = ["ariaLoadingMessage", "buttonType", "children", "className", "condensed", "element", "innerRef", "isLoading", "leftIcon", "rightIcon", "onClick"];
+var _excluded = ["ariaLoadingMessage", "buttonType", "children", "className", "element", "innerRef", "isLoading", "leftIcon", "rightIcon", "onClick"];
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
@@ -18,7 +18,6 @@ var BaseButton = function BaseButton(props) {
       buttonType = props.buttonType,
       children = props.children,
       className = props.className,
-      condensed = props.condensed,
       Element = props.element,
       innerRef = props.innerRef,
       isLoading = props.isLoading,
@@ -32,8 +31,6 @@ var BaseButton = function BaseButton(props) {
     "aria-busy": isLoading && supportsSpinner,
     "aria-disabled": rest.disabled || isLoading && supportsSpinner,
     className: classNames('ffe-button', "ffe-button--".concat(buttonType), {
-      'ffe-button--condensed': condensed
-    }, {
       'ffe-button--loading': isLoading && supportsSpinner
     }, className),
     ref: innerRef,
@@ -74,9 +71,6 @@ BaseButton.propTypes = {
   /** Extra class names */
   className: string,
 
-  /** Condensed modifier. Use in condensed designs */
-  condensed: bool,
-
   /** Disable a button in certain situations */
   disabled: bool,
 

package/es/PrimaryButton.js

@@ -20,9 +20,6 @@ PrimaryButton.propTypes = {
   /** Extra class names */
   className: string,
 
-  /** Condensed modifier. Use in condensed designs */
-  condensed: bool,
-
   /** Disable a button in certain situations */
   disabled: bool,
 

package/es/SecondaryButton.js

@@ -20,9 +20,6 @@ SecondaryButton.propTypes = {
   /** Extra class names */
   className: string,
 
-  /** Condensed modifier. Use in condensed designs */
-  condensed: bool,
-
   /** Disable a button in certain situations */
   disabled: bool,
 

package/es/ShortcutButton.js

@@ -19,9 +19,6 @@ ShortcutButton.propTypes = {
   /** Extra class names */
   className: string,
 
-  /** Condensed modifier. Use in condensed designs */
-  condensed: bool,
-
   /** Disable a button in certain situations */
   disabled: bool,
 

package/es/TaskButton.js

@@ -27,9 +27,6 @@ TaskButton.propTypes = {
   /** Extra class names */
   className: string,
 
-  /** Condensed modifier. Use in condensed designs */
-  condensed: bool,
-
   /** Disable a button in certain situations */
   disabled: bool,
 

package/lib/ActionButton.js

@@ -13,7 +13,7 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 var _BaseButton = _interopRequireDefault(require("./BaseButton"));
 
-var _excluded = ["className", "ghost"];
+var _excluded = ["className"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -25,14 +25,11 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 function ActionButton(props) {
   var className = props.className,
-      ghost = props.ghost,
       rest = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/_react.default.createElement(_BaseButton.default, _extends({
     buttonType: "action",
-    className: (0, _classnames.default)(className, {
-      'ffe-button--ghost': ghost
-    })
+    className: (0, _classnames.default)(className)
   }, rest));
 }
 
@@ -46,18 +43,12 @@ ActionButton.propTypes = {
   /** Extra class names */
   className: _propTypes.string,
 
-  /** Condensed modifier. Use in condensed designs */
-  condensed: _propTypes.bool,
-
   /** Disable a button in certain situations */
   disabled: _propTypes.bool,
 
   /** The rendered element, like an `<a />` or `<Link />` */
   element: (0, _propTypes.oneOfType)([_propTypes.func, _propTypes.string, _propTypes.elementType]),
 
-  /** Applies the ghost modifier if true. */
-  ghost: _propTypes.bool,
-
   /** Ref-setting function, or ref created by useRef, passed to the button element */
   innerRef: (0, _propTypes.oneOfType)([_propTypes.func, (0, _propTypes.shape)({
     current: _propTypes.object
@@ -71,7 +62,4 @@ ActionButton.propTypes = {
 
   /** Icon shown to the right of the label */
   rightIcon: _propTypes.node
-};
-ActionButton.defaultProps = {
-  ghost: false
 };

package/lib/BaseButton.js

@@ -11,7 +11,7 @@ var _propTypes = require("prop-types");
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-var _excluded = ["ariaLoadingMessage", "buttonType", "children", "className", "condensed", "element", "innerRef", "isLoading", "leftIcon", "rightIcon", "onClick"];
+var _excluded = ["ariaLoadingMessage", "buttonType", "children", "className", "element", "innerRef", "isLoading", "leftIcon", "rightIcon", "onClick"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -29,7 +29,6 @@ var BaseButton = function BaseButton(props) {
       buttonType = props.buttonType,
       children = props.children,
       className = props.className,
-      condensed = props.condensed,
       Element = props.element,
       innerRef = props.innerRef,
       isLoading = props.isLoading,
@@ -43,8 +42,6 @@ var BaseButton = function BaseButton(props) {
     "aria-busy": isLoading && supportsSpinner,
     "aria-disabled": rest.disabled || isLoading && supportsSpinner,
     className: (0, _classnames.default)('ffe-button', "ffe-button--".concat(buttonType), {
-      'ffe-button--condensed': condensed
-    }, {
       'ffe-button--loading': isLoading && supportsSpinner
     }, className),
     ref: innerRef,
@@ -85,9 +82,6 @@ BaseButton.propTypes = {
   /** Extra class names */
   className: _propTypes.string,
 
-  /** Condensed modifier. Use in condensed designs */
-  condensed: _propTypes.bool,
-
   /** Disable a button in certain situations */
   disabled: _propTypes.bool,
 

package/lib/PrimaryButton.js

@@ -31,9 +31,6 @@ PrimaryButton.propTypes = {
   /** Extra class names */
   className: _propTypes.string,
 
-  /** Condensed modifier. Use in condensed designs */
-  condensed: _propTypes.bool,
-
   /** Disable a button in certain situations */
   disabled: _propTypes.bool,
 

package/lib/SecondaryButton.js

@@ -31,9 +31,6 @@ SecondaryButton.propTypes = {
   /** Extra class names */
   className: _propTypes.string,
 
-  /** Condensed modifier. Use in condensed designs */
-  condensed: _propTypes.bool,
-
   /** Disable a button in certain situations */
   disabled: _propTypes.bool,
 

package/lib/ShortcutButton.js

@@ -31,9 +31,6 @@ ShortcutButton.propTypes = {
   /** Extra class names */
   className: _propTypes.string,
 
-  /** Condensed modifier. Use in condensed designs */
-  condensed: _propTypes.bool,
-
   /** Disable a button in certain situations */
   disabled: _propTypes.bool,
 

package/lib/TaskButton.js

@@ -38,9 +38,6 @@ TaskButton.propTypes = {
   /** Extra class names */
   className: _propTypes.string,
 
-  /** Condensed modifier. Use in condensed designs */
-  condensed: _propTypes.bool,
-
   /** Disable a button in certain situations */
   disabled: _propTypes.bool,
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sb1/ffe-buttons-react",
-  "version": "14.1.2",
+  "version": "16.0.1",
   "description": "React implementation of ffe-buttons",
   "keywords": [
     "ffe"
@@ -46,5 +46,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "e11a27a9d7504e11ef1ae799c6c206e160bd5606"
+  "gitHead": "c34e730c113b66c9c56b7a4f7283b145501a3849"
 }

package/types/index.d.ts

@@ -19,16 +19,13 @@ export interface MinimalBaseButtonProps extends React.HTMLProps<HTMLElement> {
 export interface BaseButtonProps extends MinimalBaseButtonProps {
     children?: React.ReactNode;
     ariaLoadingMessage?: string;
-    condensed?: boolean;
     disabled?: boolean;
     isLoading?: boolean;
     leftIcon?: React.ReactNode;
     rightIcon?: React.ReactNode;
 }
 
-export interface ActionButtonProps extends BaseButtonProps {
-    ghost?: boolean;
-}
+export interface ActionButtonProps extends BaseButtonProps {}
 
 export interface BackButtonProps extends MinimalBaseButtonProps {
     children?: React.ReactNode;
@@ -38,6 +35,7 @@ export interface ButtonGroupProps {
     className?: string;
     thin?: boolean;
     inline?: boolean;
+    children: React.ReactNode;
 }
 
 export interface ExpandButtonProps extends MinimalBaseButtonProps {
@@ -62,14 +60,12 @@ export interface SecondaryButtonProps extends BaseButtonProps {}
 
 export interface ShortcutButtonProps extends MinimalBaseButtonProps {
     children?: React.ReactNode;
-    condensed?: boolean;
     disabled?: boolean;
     leftIcon?: React.ReactNode;
 }
 
 export interface TaskButtonProps extends MinimalBaseButtonProps {
     children?: React.ReactNode;
-    condensed?: boolean;
     disabled?: boolean;
     icon: React.ReactNode;
 }