@invoicebox/ui 0.1.0-alpha.53 → 0.1.0-alpha.54

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,7 +1,6 @@
1
1
  import { FC } from 'react';
2
2
  import { TInvoiceboxSpinnerPalette } from './palette';
3
3
  export type TProps = {
4
- isSecondary?: boolean;
5
4
  width?: string;
6
5
  palette?: Partial<TInvoiceboxSpinnerPalette>;
7
6
  };
@@ -12,9 +12,7 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
12
12
  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; }
13
13
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
14
14
  var InvoiceboxSpinner = exports.InvoiceboxSpinner = function InvoiceboxSpinner(_ref) {
15
- var _ref$isSecondary = _ref.isSecondary,
16
- isSecondary = _ref$isSecondary === void 0 ? false : _ref$isSecondary,
17
- palette = _ref.palette,
15
+ var palette = _ref.palette,
18
16
  _ref$width = _ref.width,
19
17
  width = _ref$width === void 0 ? '100%' : _ref$width;
20
18
  var mergedPalette = (0, _palette.useComponentPalette)('invoiceboxSpinner', palette);
@@ -26,15 +24,15 @@ var InvoiceboxSpinner = exports.InvoiceboxSpinner = function InvoiceboxSpinner(_
26
24
  fill: "none"
27
25
  }, /*#__PURE__*/_react["default"].createElement("path", {
28
26
  d: "M57.7133 46.2284C53.4996 49.6836 47.955 51.3595 42.7575 50.9354C37.5451 50.5665 32.6961 48.0942 29.5896 44.4627C28.6805 43.4002 28.8405 41.8302 29.9467 40.9575C30.9185 40.1909 32.3196 40.2339 33.2567 40.971C38.8952 45.3988 47.1298 43.815 50.4422 39.1834C52.0805 36.8927 55.3418 36.3112 57.7268 37.8848C60.1117 39.4584 60.7172 42.5909 59.0788 44.8817C58.818 45.2465 58.5158 45.5678 58.1832 45.8437L57.7133 46.2284Z",
29
- fill: isSecondary ? mergedPalette.rightEyeSecondary : mergedPalette.rightEyePrimary
27
+ fill: mergedPalette.rightEye
30
28
  }), /*#__PURE__*/_react["default"].createElement("path", {
31
29
  d: "M94 22.5C94 32.062 86.0453 40 76 40C65.9547 40 58 32.062 58 22.5C58 12.938 65.9547 5 76 5C86.0453 5 94 12.938 94 22.5Z",
32
- stroke: isSecondary ? mergedPalette.rightEyeSecondary : mergedPalette.rightEyePrimary,
30
+ stroke: mergedPalette.rightEye,
33
31
  strokeWidth: "10",
34
32
  id: "right-eye"
35
33
  }), /*#__PURE__*/_react["default"].createElement("path", {
36
34
  d: "M26 27.5C26 32.0754 22.0922 36 17 36C11.9078 36 8 32.0754 8 27.5C8 22.9246 11.9078 19 17 19C22.0922 19 26 22.9246 26 27.5Z",
37
- stroke: isSecondary ? mergedPalette.leftEyeSecondary : mergedPalette.leftEyePrimary,
35
+ stroke: mergedPalette.leftEye,
38
36
  strokeWidth: "6",
39
37
  id: "left-eye"
40
38
  })));
@@ -13,7 +13,6 @@ var meta = {
13
13
  var _default = exports["default"] = meta;
14
14
  var Default = exports.Default = {
15
15
  args: {
16
- isSecondary: true,
17
16
  width: '32px'
18
17
  }
19
18
  };
@@ -1,8 +1,6 @@
1
1
  import { TAbstractPalette } from '../../../palette';
2
2
  export type TInvoiceboxSpinnerPalette = {
3
- leftEyePrimary: string;
4
- rightEyePrimary: string;
5
- leftEyeSecondary: string;
6
- rightEyeSecondary: string;
3
+ leftEye: string;
4
+ rightEye: string;
7
5
  };
8
6
  export declare const generateInvoiceboxSpinnerPalette: (abstractPalette: TAbstractPalette) => TInvoiceboxSpinnerPalette;
@@ -6,9 +6,7 @@ Object.defineProperty(exports, "__esModule", {
6
6
  exports.generateInvoiceboxSpinnerPalette = void 0;
7
7
  var generateInvoiceboxSpinnerPalette = exports.generateInvoiceboxSpinnerPalette = function generateInvoiceboxSpinnerPalette(abstractPalette) {
8
8
  return {
9
- leftEyePrimary: abstractPalette.primary,
10
- rightEyePrimary: abstractPalette.base,
11
- leftEyeSecondary: abstractPalette.primary,
12
- rightEyeSecondary: abstractPalette.secondary
9
+ leftEye: abstractPalette.primary,
10
+ rightEye: abstractPalette.secondary
13
11
  };
14
12
  };
@@ -1,6 +1,4 @@
1
1
  import { AnchorHTMLAttributes, ButtonHTMLAttributes, FC } from 'react';
2
- import { TProps as TInvoiceboxSpinnerProps } from '../InvoiceboxSpinner';
3
- import { TSecondaryButtonPalette } from './palette';
4
2
  type TButtonProps = {
5
3
  element?: 'button';
6
4
  } & ButtonHTMLAttributes<HTMLButtonElement>;
@@ -12,8 +10,6 @@ export type TProps = (TButtonProps | TAnchorProps) & {
12
10
  fullWidth?: boolean;
13
11
  disabled?: boolean;
14
12
  className?: never;
15
- palette?: Partial<TSecondaryButtonPalette>;
16
- invoiceboxSpinnerProps?: Pick<TInvoiceboxSpinnerProps, 'palette'>;
17
13
  };
18
14
  export declare const SecondaryButton: FC<TProps>;
19
15
  export {};
@@ -9,7 +9,7 @@ var _react = _interopRequireDefault(require("react"));
9
9
  var S = _interopRequireWildcard(require("./styles"));
10
10
  var _InvoiceboxSpinner = require("../InvoiceboxSpinner");
11
11
  var _palette = require("../../../palette");
12
- var _excluded = ["element", "isLoading", "fullWidth", "disabled", "className", "palette", "invoiceboxSpinnerProps", "children"];
12
+ var _excluded = ["element", "isLoading", "fullWidth", "disabled", "className", "children"];
13
13
  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); }
14
14
  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; }
15
15
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -26,11 +26,9 @@ var SecondaryButton = exports.SecondaryButton = function SecondaryButton(_ref) {
26
26
  _ref$disabled = _ref.disabled,
27
27
  disabled = _ref$disabled === void 0 ? false : _ref$disabled,
28
28
  className = _ref.className,
29
- palette = _ref.palette,
30
- invoiceboxSpinnerProps = _ref.invoiceboxSpinnerProps,
31
29
  children = _ref.children,
32
30
  rest = _objectWithoutProperties(_ref, _excluded);
33
- var mergedPalette = (0, _palette.useComponentPalette)('secondaryButton', palette);
31
+ var palette = (0, _palette.useComponentPalette)('secondaryButton');
34
32
  var isDisabled = disabled || isLoading;
35
33
  return /*#__PURE__*/_react["default"].createElement(S.Wrapper, _extends({
36
34
  as: element
@@ -38,12 +36,11 @@ var SecondaryButton = exports.SecondaryButton = function SecondaryButton(_ref) {
38
36
  $disabled: isDisabled
39
37
  /* отправляет аргумент, для чистоты на уровне html атрибутов, на логику не влияет */,
40
38
  disabled: element === 'button' ? isDisabled : undefined,
41
- $palette: mergedPalette,
39
+ $palette: palette,
42
40
  $fullWidth: fullWidth
43
- }, rest), isLoading && /*#__PURE__*/_react["default"].createElement(S.LoaderWrapper, null, /*#__PURE__*/_react["default"].createElement(_InvoiceboxSpinner.InvoiceboxSpinner, _extends({}, invoiceboxSpinnerProps, {
44
- isSecondary: true,
41
+ }, rest), isLoading && /*#__PURE__*/_react["default"].createElement(S.LoaderWrapper, null, /*#__PURE__*/_react["default"].createElement(_InvoiceboxSpinner.InvoiceboxSpinner, {
45
42
  width: "32px"
46
- }))), /*#__PURE__*/_react["default"].createElement(S.Inner, {
43
+ })), /*#__PURE__*/_react["default"].createElement(S.Inner, {
47
44
  element: "span",
48
45
  variant: "buttonM",
49
46
  $isLoading: isLoading
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@invoicebox/ui",
3
- "version": "0.1.0-alpha.53",
3
+ "version": "0.1.0-alpha.54",
4
4
  "description": "Invoicebox UI",
5
5
  "license": "Apache License 2.0",
6
6
  "scripts": {