@invoicebox/ui 0.1.0-alpha.97 → 0.1.0-alpha.99

package/dist/components/common/SecondaryButton/index.d.ts

@@ -1,5 +1,4 @@
 import { AnchorHTMLAttributes, ButtonHTMLAttributes, FC } from 'react';
-import { TButtonSize } from './styles';
 type TButtonProps = {
     element?: 'button';
 } & ButtonHTMLAttributes<HTMLButtonElement>;
@@ -11,8 +10,8 @@ export type TProps = (TButtonProps | TAnchorProps) & {
     fullWidth?: boolean;
     disabled?: boolean;
     className?: never;
-    size?: TButtonSize;
     borderRadius?: string;
+    padding?: string;
 };
 export declare const SecondaryButton: FC<TProps>;
 export {};

package/dist/components/common/SecondaryButton/index.js

@@ -9,7 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 var S = _interopRequireWildcard(require("./styles"));
 var _InvoiceboxSpinner = require("../InvoiceboxSpinner");
 var _palette = require("../../../palette");
-var _excluded = ["element", "isLoading", "fullWidth", "disabled", "size", "borderRadius", "className", "children"];
+var _excluded = ["element", "isLoading", "fullWidth", "disabled", "borderRadius", "padding", "className", "children"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -25,10 +25,10 @@ var SecondaryButton = exports.SecondaryButton = function SecondaryButton(_ref) {
     fullWidth = _ref$fullWidth === void 0 ? false : _ref$fullWidth,
     _ref$disabled = _ref.disabled,
     disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? 'medium' : _ref$size,
     _ref$borderRadius = _ref.borderRadius,
     borderRadius = _ref$borderRadius === void 0 ? '10px' : _ref$borderRadius,
+    _ref$padding = _ref.padding,
+    padding = _ref$padding === void 0 ? '13px 24px' : _ref$padding,
     className = _ref.className,
     children = _ref.children,
     rest = _objectWithoutProperties(_ref, _excluded);
@@ -42,8 +42,8 @@ var SecondaryButton = exports.SecondaryButton = function SecondaryButton(_ref) {
     disabled: element === 'button' ? isDisabled : undefined,
     $palette: palette,
     $fullWidth: fullWidth,
-    $size: size,
-    $borderRadius: borderRadius
+    $borderRadius: borderRadius,
+    $padding: padding
   }, rest), isLoading && /*#__PURE__*/_react["default"].createElement(S.LoaderWrapper, null, /*#__PURE__*/_react["default"].createElement(_InvoiceboxSpinner.InvoiceboxSpinner, {
     width: "32px"
   })), /*#__PURE__*/_react["default"].createElement(S.Inner, {

package/dist/components/common/SecondaryButton/styles.d.ts

@@ -1,7 +1,5 @@
 /// <reference types="react" />
 import { TSecondaryButtonPalette } from './palette';
-export type TButtonSize = 'small' | 'medium';
-export declare const getPaddingBySize: (size: TButtonSize) => "8px 16px" | "13px 24px";
 export declare const Inner: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("../Typography").TProps & import("react").RefAttributes<HTMLInputElement>, {
     $isLoading?: boolean | undefined;
 }>> & Omit<import("react").ForwardRefExoticComponent<import("../Typography").TProps & import("react").RefAttributes<HTMLInputElement>>, keyof import("react").Component<any, {}, any>>;
@@ -9,7 +7,7 @@ export declare const Wrapper: import("styled-components").IStyledComponent<"web"
     $palette: TSecondaryButtonPalette;
     $fullWidth: boolean;
     $disabled: boolean;
-    $size: TButtonSize;
     $borderRadius: string;
+    $padding: string;
 }>>;
 export declare const LoaderWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;

package/dist/components/common/SecondaryButton/styles.js

@@ -4,17 +4,11 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getPaddingBySize = exports.Wrapper = exports.LoaderWrapper = exports.Inner = void 0;
+exports.Wrapper = exports.LoaderWrapper = exports.Inner = void 0;
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
 var _Typography = require("../Typography");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-var getPaddingBySize = exports.getPaddingBySize = function getPaddingBySize(size) {
-  if (size === 'small') {
-    return '8px 16px';
-  }
-  return '13px 24px';
-};
 var Inner = exports.Inner = (0, _styledComponents["default"])(_Typography.Typography).withConfig({
   displayName: "styles__Inner",
   componentId: "sc-ln4oiu-0"
@@ -25,12 +19,12 @@ var Inner = exports.Inner = (0, _styledComponents["default"])(_Typography.Typogr
 var Wrapper = exports.Wrapper = _styledComponents["default"].button.withConfig({
   displayName: "styles__Wrapper",
   componentId: "sc-ln4oiu-1"
-})(["appearance:none;display:inline-block;text-decoration:none;text-align:center;position:relative;border:none;border-radius:", " cursor:pointer;padding:", ";color:", ";background-color:", ";transition:background-color 0.2s ease-in-out 0s;box-sizing:border-box;", " &:hover{", "}&:active{", "}", ""], function (_ref2) {
+})(["appearance:none;display:inline-block;text-decoration:none;text-align:center;position:relative;border:none;border-radius:", ";cursor:pointer;padding:", ";color:", ";background-color:", ";transition:background-color 0.2s ease-in-out 0s;box-sizing:border-box;", " &:hover{", "}&:active{", "}", ""], function (_ref2) {
   var $borderRadius = _ref2.$borderRadius;
   return $borderRadius;
 }, function (_ref3) {
-  var $size = _ref3.$size;
-  return getPaddingBySize($size);
+  var $padding = _ref3.$padding;
+  return $padding;
 }, function (_ref4) {
   var $palette = _ref4.$palette;
   return $palette.text;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@invoicebox/ui",
-    "version": "0.1.0-alpha.97",
+    "version": "0.1.0-alpha.99",
     "description": "Invoicebox UI",
     "license": "Apache License 2.0",
     "scripts": {