@toptal/picasso-button 4.0.24-alpha-MP-669-remove-default-props-dkjf3234-7db07b500.10 → 4.0.24-alpha-1757603192867.0
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.
- package/package.json +21 -21
- package/src/Button/Button.tsx +31 -24
- package/src/ButtonAction/ButtonAction.tsx +6 -1
- package/src/ButtonBase/ButtonBase.tsx +18 -13
- package/src/ButtonCircular/ButtonCircular.tsx +6 -1
- package/src/ButtonControlLabel/ButtonControlLabel.tsx +4 -0
- package/src/ButtonSplit/ButtonSplit.tsx +8 -4
- package/LICENSE +0 -20
- package/dist-package/src/Button/Button.d.ts +0 -39
- package/dist-package/src/Button/Button.d.ts.map +0 -1
- package/dist-package/src/Button/Button.js +0 -69
- package/dist-package/src/Button/Button.js.map +0 -1
- package/dist-package/src/Button/index.d.ts +0 -6
- package/dist-package/src/Button/index.d.ts.map +0 -1
- package/dist-package/src/Button/index.js +0 -4
- package/dist-package/src/Button/index.js.map +0 -1
- package/dist-package/src/Button/styles.d.ts +0 -21
- package/dist-package/src/Button/styles.d.ts.map +0 -1
- package/dist-package/src/Button/styles.js +0 -169
- package/dist-package/src/Button/styles.js.map +0 -1
- package/dist-package/src/ButtonAction/ButtonAction.d.ts +0 -28
- package/dist-package/src/ButtonAction/ButtonAction.d.ts.map +0 -1
- package/dist-package/src/ButtonAction/ButtonAction.js +0 -49
- package/dist-package/src/ButtonAction/ButtonAction.js.map +0 -1
- package/dist-package/src/ButtonAction/index.d.ts +0 -4
- package/dist-package/src/ButtonAction/index.d.ts.map +0 -1
- package/dist-package/src/ButtonAction/index.js +0 -2
- package/dist-package/src/ButtonAction/index.js.map +0 -1
- package/dist-package/src/ButtonAction/styles.d.ts +0 -12
- package/dist-package/src/ButtonAction/styles.d.ts.map +0 -1
- package/dist-package/src/ButtonAction/styles.js +0 -37
- package/dist-package/src/ButtonAction/styles.js.map +0 -1
- package/dist-package/src/ButtonBase/ButtonBase.d.ts +0 -29
- package/dist-package/src/ButtonBase/ButtonBase.d.ts.map +0 -1
- package/dist-package/src/ButtonBase/ButtonBase.js +0 -60
- package/dist-package/src/ButtonBase/ButtonBase.js.map +0 -1
- package/dist-package/src/ButtonBase/index.d.ts +0 -5
- package/dist-package/src/ButtonBase/index.d.ts.map +0 -1
- package/dist-package/src/ButtonBase/index.js +0 -2
- package/dist-package/src/ButtonBase/index.js.map +0 -1
- package/dist-package/src/ButtonBase/styles.d.ts +0 -6
- package/dist-package/src/ButtonBase/styles.d.ts.map +0 -1
- package/dist-package/src/ButtonBase/styles.js +0 -29
- package/dist-package/src/ButtonBase/styles.js.map +0 -1
- package/dist-package/src/ButtonCheckbox/ButtonCheckbox.d.ts +0 -10
- package/dist-package/src/ButtonCheckbox/ButtonCheckbox.d.ts.map +0 -1
- package/dist-package/src/ButtonCheckbox/ButtonCheckbox.js +0 -20
- package/dist-package/src/ButtonCheckbox/ButtonCheckbox.js.map +0 -1
- package/dist-package/src/ButtonCheckbox/index.d.ts +0 -4
- package/dist-package/src/ButtonCheckbox/index.d.ts.map +0 -1
- package/dist-package/src/ButtonCheckbox/index.js +0 -2
- package/dist-package/src/ButtonCheckbox/index.js.map +0 -1
- package/dist-package/src/ButtonCircular/ButtonCircular.d.ts +0 -30
- package/dist-package/src/ButtonCircular/ButtonCircular.d.ts.map +0 -1
- package/dist-package/src/ButtonCircular/ButtonCircular.js +0 -32
- package/dist-package/src/ButtonCircular/ButtonCircular.js.map +0 -1
- package/dist-package/src/ButtonCircular/index.d.ts +0 -5
- package/dist-package/src/ButtonCircular/index.d.ts.map +0 -1
- package/dist-package/src/ButtonCircular/index.js +0 -2
- package/dist-package/src/ButtonCircular/index.js.map +0 -1
- package/dist-package/src/ButtonCircular/styles.d.ts +0 -17
- package/dist-package/src/ButtonCircular/styles.d.ts.map +0 -1
- package/dist-package/src/ButtonCircular/styles.js +0 -93
- package/dist-package/src/ButtonCircular/styles.js.map +0 -1
- package/dist-package/src/ButtonCompound/index.d.ts +0 -12
- package/dist-package/src/ButtonCompound/index.d.ts.map +0 -1
- package/dist-package/src/ButtonCompound/index.js +0 -16
- package/dist-package/src/ButtonCompound/index.js.map +0 -1
- package/dist-package/src/ButtonControlLabel/ButtonControlLabel.d.ts +0 -30
- package/dist-package/src/ButtonControlLabel/ButtonControlLabel.d.ts.map +0 -1
- package/dist-package/src/ButtonControlLabel/ButtonControlLabel.js +0 -25
- package/dist-package/src/ButtonControlLabel/ButtonControlLabel.js.map +0 -1
- package/dist-package/src/ButtonControlLabel/index.d.ts +0 -4
- package/dist-package/src/ButtonControlLabel/index.d.ts.map +0 -1
- package/dist-package/src/ButtonControlLabel/index.js +0 -2
- package/dist-package/src/ButtonControlLabel/index.js.map +0 -1
- package/dist-package/src/ButtonControlLabel/styles.d.ts +0 -3
- package/dist-package/src/ButtonControlLabel/styles.d.ts.map +0 -1
- package/dist-package/src/ButtonControlLabel/styles.js +0 -17
- package/dist-package/src/ButtonControlLabel/styles.js.map +0 -1
- package/dist-package/src/ButtonGroup/ButtonGroup.d.ts +0 -13
- package/dist-package/src/ButtonGroup/ButtonGroup.d.ts.map +0 -1
- package/dist-package/src/ButtonGroup/ButtonGroup.js +0 -23
- package/dist-package/src/ButtonGroup/ButtonGroup.js.map +0 -1
- package/dist-package/src/ButtonGroup/index.d.ts +0 -5
- package/dist-package/src/ButtonGroup/index.d.ts.map +0 -1
- package/dist-package/src/ButtonGroup/index.js +0 -2
- package/dist-package/src/ButtonGroup/index.js.map +0 -1
- package/dist-package/src/ButtonGroup/styles.d.ts +0 -2
- package/dist-package/src/ButtonGroup/styles.d.ts.map +0 -1
- package/dist-package/src/ButtonGroup/styles.js +0 -24
- package/dist-package/src/ButtonGroup/styles.js.map +0 -1
- package/dist-package/src/ButtonGroupItem/ButtonGroupItem.d.ts +0 -7
- package/dist-package/src/ButtonGroupItem/ButtonGroupItem.d.ts.map +0 -1
- package/dist-package/src/ButtonGroupItem/ButtonGroupItem.js +0 -22
- package/dist-package/src/ButtonGroupItem/ButtonGroupItem.js.map +0 -1
- package/dist-package/src/ButtonGroupItem/index.d.ts +0 -2
- package/dist-package/src/ButtonGroupItem/index.d.ts.map +0 -1
- package/dist-package/src/ButtonGroupItem/index.js +0 -2
- package/dist-package/src/ButtonGroupItem/index.js.map +0 -1
- package/dist-package/src/ButtonGroupItem/styles.d.ts +0 -14
- package/dist-package/src/ButtonGroupItem/styles.d.ts.map +0 -1
- package/dist-package/src/ButtonGroupItem/styles.js +0 -40
- package/dist-package/src/ButtonGroupItem/styles.js.map +0 -1
- package/dist-package/src/ButtonRadio/ButtonRadio.d.ts +0 -10
- package/dist-package/src/ButtonRadio/ButtonRadio.d.ts.map +0 -1
- package/dist-package/src/ButtonRadio/ButtonRadio.js +0 -20
- package/dist-package/src/ButtonRadio/ButtonRadio.js.map +0 -1
- package/dist-package/src/ButtonRadio/index.d.ts +0 -4
- package/dist-package/src/ButtonRadio/index.d.ts.map +0 -1
- package/dist-package/src/ButtonRadio/index.js +0 -2
- package/dist-package/src/ButtonRadio/index.js.map +0 -1
- package/dist-package/src/ButtonSplit/ButtonSplit.d.ts +0 -27
- package/dist-package/src/ButtonSplit/ButtonSplit.d.ts.map +0 -1
- package/dist-package/src/ButtonSplit/ButtonSplit.js +0 -66
- package/dist-package/src/ButtonSplit/ButtonSplit.js.map +0 -1
- package/dist-package/src/ButtonSplit/index.d.ts +0 -5
- package/dist-package/src/ButtonSplit/index.d.ts.map +0 -1
- package/dist-package/src/ButtonSplit/index.js +0 -2
- package/dist-package/src/ButtonSplit/index.js.map +0 -1
- package/dist-package/src/ButtonSplit/styles.d.ts +0 -10
- package/dist-package/src/ButtonSplit/styles.d.ts.map +0 -1
- package/dist-package/src/ButtonSplit/styles.js +0 -14
- package/dist-package/src/ButtonSplit/styles.js.map +0 -1
- package/dist-package/src/index.d.ts +0 -11
- package/dist-package/src/index.d.ts.map +0 -1
- package/dist-package/src/index.js +0 -11
- package/dist-package/src/index.js.map +0 -1
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/Button/styles.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
import type { ReactElement, MouseEvent, ElementType } from 'react';
|
|
2
|
-
import type { BaseProps, ButtonOrAnchorProps, OverridableComponent } from '@toptal/picasso-shared';
|
|
3
|
-
import type { IconPositionType } from '../Button';
|
|
4
|
-
export interface Props extends BaseProps, ButtonOrAnchorProps {
|
|
5
|
-
/** Show button in the active state (left mouse button down) */
|
|
6
|
-
active?: boolean;
|
|
7
|
-
/** The component used for the root node. Either a string to use a DOM element or a component. */
|
|
8
|
-
as?: ElementType;
|
|
9
|
-
/** Disables button */
|
|
10
|
-
disabled?: boolean;
|
|
11
|
-
/** Set focused style for the button */
|
|
12
|
-
focused?: boolean;
|
|
13
|
-
/** Set hovered style for the button */
|
|
14
|
-
hovered?: boolean;
|
|
15
|
-
/** Add an `<Icon />` along Button's children */
|
|
16
|
-
icon?: ReactElement;
|
|
17
|
-
/** Icon can be positioned on the left or right */
|
|
18
|
-
iconPosition?: IconPositionType;
|
|
19
|
-
/** Shows a loading indicator and disables click events */
|
|
20
|
-
loading?: boolean;
|
|
21
|
-
/** Callback invoked when component is clicked */
|
|
22
|
-
onClick?: (event: MouseEvent<HTMLButtonElement & HTMLAnchorElement>) => void;
|
|
23
|
-
/** HTML Value of Button component */
|
|
24
|
-
value?: string | number;
|
|
25
|
-
}
|
|
26
|
-
export declare const ButtonAction: OverridableComponent<Props>;
|
|
27
|
-
export default ButtonAction;
|
|
28
|
-
//# sourceMappingURL=ButtonAction.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonAction.d.ts","sourceRoot":"","sources":["../../../src/ButtonAction/ButtonAction.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,UAAU,EAAE,WAAW,EAAa,MAAM,OAAO,CAAA;AAG7E,OAAO,KAAK,EACV,SAAS,EACT,mBAAmB,EACnB,oBAAoB,EACrB,MAAM,wBAAwB,CAAA;AAG/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAA;AA0BjD,MAAM,WAAW,KAAM,SAAQ,SAAS,EAAE,mBAAmB;IAC3D,+DAA+D;IAC/D,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,iGAAiG;IACjG,EAAE,CAAC,EAAE,WAAW,CAAA;IAChB,sBAAsB;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,uCAAuC;IACvC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,uCAAuC;IACvC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,gDAAgD;IAChD,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,kDAAkD;IAClD,YAAY,CAAC,EAAE,gBAAgB,CAAA;IAC/B,0DAA0D;IAC1D,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,iDAAiD;IACjD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,iBAAiB,GAAG,iBAAiB,CAAC,KAAK,IAAI,CAAA;IAC5E,qCAAqC;IACrC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CACxB;AAID,eAAO,MAAM,YAAY,EAAE,oBAAoB,CAAC,KAAK,CAyCnD,CAAA;AAIF,eAAe,YAAY,CAAA"}
|
|
@@ -1,49 +0,0 @@
|
|
|
1
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
2
|
-
var t = {};
|
|
3
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
4
|
-
t[p] = s[p];
|
|
5
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
6
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
7
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
8
|
-
t[p[i]] = s[p[i]];
|
|
9
|
-
}
|
|
10
|
-
return t;
|
|
11
|
-
};
|
|
12
|
-
import React, { forwardRef } from 'react';
|
|
13
|
-
import cx from 'classnames';
|
|
14
|
-
import { Loader } from '@toptal/picasso-loader';
|
|
15
|
-
import { ButtonBase } from '../ButtonBase';
|
|
16
|
-
import { createRootClassNames, createIconClassNames } from './styles';
|
|
17
|
-
const getIcon = ({ children, icon, iconPosition, }) => {
|
|
18
|
-
if (!icon) {
|
|
19
|
-
return null;
|
|
20
|
-
}
|
|
21
|
-
const iconClassNames = createIconClassNames({
|
|
22
|
-
iconPosition: children && iconPosition ? iconPosition : undefined,
|
|
23
|
-
});
|
|
24
|
-
return React.cloneElement(icon, {
|
|
25
|
-
className: cx(iconClassNames, icon.props.className),
|
|
26
|
-
});
|
|
27
|
-
};
|
|
28
|
-
const loaderIcon = React.createElement(Loader, { size: 'small', variant: 'inherit' });
|
|
29
|
-
export const ButtonAction = forwardRef(function ButtonAction(_a, ref) {
|
|
30
|
-
var { iconPosition = 'left' } = _a, props = __rest(_a, ["iconPosition"]);
|
|
31
|
-
const {
|
|
32
|
-
/* eslint-disable @typescript-eslint/no-unused-vars */
|
|
33
|
-
// We use these props only to determine styles
|
|
34
|
-
active, focused, hovered,
|
|
35
|
-
/* eslint-enable @typescript-eslint/no-unused-vars */
|
|
36
|
-
className, disabled, loading, icon, onClick } = props, rest = __rest(props, ["active", "focused", "hovered", "className", "disabled", "loading", "icon", "onClick"]);
|
|
37
|
-
const usedIcon = loading ? loaderIcon : icon;
|
|
38
|
-
const usedIconPosition = icon ? iconPosition : 'right';
|
|
39
|
-
const finalClassName = cx(createRootClassNames(props), className);
|
|
40
|
-
const finalIcon = getIcon({
|
|
41
|
-
children: rest.children,
|
|
42
|
-
icon: usedIcon,
|
|
43
|
-
iconPosition: usedIconPosition,
|
|
44
|
-
});
|
|
45
|
-
return (React.createElement(ButtonBase, Object.assign({}, rest, { ref: ref, icon: finalIcon, iconPosition: usedIconPosition, onClick: loading ? undefined : onClick, className: finalClassName, contentClassName: 'font-semibold text-blue-500 text-md', disabled: disabled })));
|
|
46
|
-
});
|
|
47
|
-
ButtonAction.displayName = 'ButtonAction';
|
|
48
|
-
export default ButtonAction;
|
|
49
|
-
//# sourceMappingURL=ButtonAction.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonAction.js","sourceRoot":"","sources":["../../../src/ButtonAction/ButtonAction.tsx"],"names":[],"mappings":";;;;;;;;;;;AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,MAAM,YAAY,CAAA;AAM3B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAA;AAG/C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAA;AAErE,MAAM,OAAO,GAAG,CAAC,EACf,QAAQ,EACR,IAAI,EACJ,YAAY,GAKb,EAAE,EAAE;IACH,IAAI,CAAC,IAAI,EAAE;QACT,OAAO,IAAI,CAAA;KACZ;IAED,MAAM,cAAc,GAAG,oBAAoB,CAAC;QAC1C,YAAY,EAAE,QAAQ,IAAI,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS;KAClE,CAAC,CAAA;IAEF,OAAO,KAAK,CAAC,YAAY,CAAC,IAAI,EAAE;QAC9B,SAAS,EAAE,EAAE,CAAC,cAAc,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC;KACpD,CAAC,CAAA;AACJ,CAAC,CAAA;AAyBD,MAAM,UAAU,GAAG,oBAAC,MAAM,IAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAC,SAAS,GAAG,CAAA;AAE5D,MAAM,CAAC,MAAM,YAAY,GAAgC,UAAU,CAGjE,SAAS,YAAY,CAAC,EAAmC,EAAE,GAAG;QAAxC,EAAE,YAAY,GAAG,MAAM,OAAY,EAAP,KAAK,cAAjC,gBAAmC,CAAF;IACvD,MAAM;IACJ,sDAAsD;IACtD,8CAA8C;IAC9C,MAAM,EACN,OAAO,EACP,OAAO;IACP,qDAAqD;IACrD,SAAS,EACT,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,OAAO,KAEL,KAAK,EADJ,IAAI,UACL,KAAK,EAbH,uFAaL,CAAQ,CAAA;IAET,MAAM,QAAQ,GAAG,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAA;IAC5C,MAAM,gBAAgB,GAAG,IAAI,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,OAAO,CAAA;IAEtD,MAAM,cAAc,GAAG,EAAE,CAAC,oBAAoB,CAAC,KAAK,CAAC,EAAE,SAAS,CAAC,CAAA;IACjE,MAAM,SAAS,GAAG,OAAO,CAAC;QACxB,QAAQ,EAAE,IAAI,CAAC,QAAQ;QACvB,IAAI,EAAE,QAAQ;QACd,YAAY,EAAE,gBAAgB;KAC/B,CAAC,CAAA;IAEF,OAAO,CACL,oBAAC,UAAU,oBACL,IAAI,IACR,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,SAAS,EACf,YAAY,EAAE,gBAAgB,EAC9B,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,EACtC,SAAS,EAAE,cAAc,EACzB,gBAAgB,EAAC,qCAAqC,EACtD,QAAQ,EAAE,QAAQ,IAClB,CACH,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,YAAY,CAAC,WAAW,GAAG,cAAc,CAAA;AAEzC,eAAe,YAAY,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ButtonAction/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAA;AAE3C,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAA;AACxD,oBAAY,iBAAiB,GAAG,KAAK,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ButtonAction/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAA"}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import type { IconPositionType } from '../ButtonBase';
|
|
2
|
-
export declare const createRootClassNames: ({ disabled, focused, hovered, active, loading, }: {
|
|
3
|
-
disabled?: boolean | undefined;
|
|
4
|
-
focused?: boolean | undefined;
|
|
5
|
-
hovered?: boolean | undefined;
|
|
6
|
-
active?: boolean | undefined;
|
|
7
|
-
loading?: boolean | undefined;
|
|
8
|
-
}) => string[];
|
|
9
|
-
export declare const createIconClassNames: ({ iconPosition, }: {
|
|
10
|
-
iconPosition?: IconPositionType | undefined;
|
|
11
|
-
}) => string[];
|
|
12
|
-
//# sourceMappingURL=styles.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/ButtonAction/styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAErD,eAAO,MAAM,oBAAoB;;;;;;cAyChC,CAAA;AAED,eAAO,MAAM,oBAAoB;;MAI7B,MAAM,EAQT,CAAA"}
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
export const createRootClassNames = ({ disabled, focused, hovered, active, loading, }) => {
|
|
2
|
-
const classNames = ['border-none', 'px-0', 'bg-transparent', 'h-[1.5em]'];
|
|
3
|
-
if (disabled) {
|
|
4
|
-
classNames.push('opacity-[.48]');
|
|
5
|
-
}
|
|
6
|
-
else if (loading) {
|
|
7
|
-
classNames.push('no-underline');
|
|
8
|
-
classNames.push('!cursor-default');
|
|
9
|
-
}
|
|
10
|
-
else {
|
|
11
|
-
classNames.push('hover:text-blue-500');
|
|
12
|
-
classNames.push('hover:underline');
|
|
13
|
-
classNames.push('active:text-blue-500');
|
|
14
|
-
classNames.push('active:underline');
|
|
15
|
-
if (hovered || active) {
|
|
16
|
-
classNames.push('text-blue-500');
|
|
17
|
-
classNames.push('underline');
|
|
18
|
-
}
|
|
19
|
-
classNames.push('focus-visible:shadow-[0_0_0_3px_rgba(32,78,207,0.48)]');
|
|
20
|
-
classNames.push('focus-visible:rounded-sm');
|
|
21
|
-
if (focused) {
|
|
22
|
-
classNames.push('shadow-[0_0_0_3px_rgba(32,78,207,0.48)]');
|
|
23
|
-
classNames.push('rounded-sm');
|
|
24
|
-
}
|
|
25
|
-
}
|
|
26
|
-
return classNames;
|
|
27
|
-
};
|
|
28
|
-
export const createIconClassNames = ({ iconPosition, }) => {
|
|
29
|
-
return [
|
|
30
|
-
'w-4',
|
|
31
|
-
'h-4',
|
|
32
|
-
'text-graphite-700',
|
|
33
|
-
iconPosition === 'left' ? 'mr-[0.5rem]' : '',
|
|
34
|
-
iconPosition === 'right' ? 'ml-[0.5rem]' : '',
|
|
35
|
-
];
|
|
36
|
-
};
|
|
37
|
-
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/ButtonAction/styles.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,EACnC,QAAQ,EACR,OAAO,EACP,OAAO,EACP,MAAM,EACN,OAAO,GAOR,EAAE,EAAE;IACH,MAAM,UAAU,GAAG,CAAC,aAAa,EAAE,MAAM,EAAE,gBAAgB,EAAE,WAAW,CAAC,CAAA;IAEzE,IAAI,QAAQ,EAAE;QACZ,UAAU,CAAC,IAAI,CAAC,eAAe,CAAC,CAAA;KACjC;SAAM,IAAI,OAAO,EAAE;QAClB,UAAU,CAAC,IAAI,CAAC,cAAc,CAAC,CAAA;QAC/B,UAAU,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAA;KACnC;SAAM;QACL,UAAU,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAA;QACtC,UAAU,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAA;QAClC,UAAU,CAAC,IAAI,CAAC,sBAAsB,CAAC,CAAA;QACvC,UAAU,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAA;QAEnC,IAAI,OAAO,IAAI,MAAM,EAAE;YACrB,UAAU,CAAC,IAAI,CAAC,eAAe,CAAC,CAAA;YAChC,UAAU,CAAC,IAAI,CAAC,WAAW,CAAC,CAAA;SAC7B;QAED,UAAU,CAAC,IAAI,CAAC,uDAAuD,CAAC,CAAA;QACxE,UAAU,CAAC,IAAI,CAAC,0BAA0B,CAAC,CAAA;QAE3C,IAAI,OAAO,EAAE;YACX,UAAU,CAAC,IAAI,CAAC,yCAAyC,CAAC,CAAA;YAC1D,UAAU,CAAC,IAAI,CAAC,YAAY,CAAC,CAAA;SAC9B;KACF;IAED,OAAO,UAAU,CAAA;AACnB,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,EACnC,YAAY,GAGb,EAAY,EAAE;IACb,OAAO;QACL,KAAK;QACL,KAAK;QACL,mBAAmB;QACnB,YAAY,KAAK,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE;QAC5C,YAAY,KAAK,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE;KAC9C,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
import type { ReactNode, ReactElement, MouseEvent, ElementType } from 'react';
|
|
2
|
-
import type { StandardProps, ButtonOrAnchorProps, OverridableComponent, TextLabelProps } from '@toptal/picasso-shared';
|
|
3
|
-
export declare type IconPositionType = 'left' | 'right';
|
|
4
|
-
export interface Props extends StandardProps, TextLabelProps, ButtonOrAnchorProps {
|
|
5
|
-
as?: ElementType;
|
|
6
|
-
/** Disables button */
|
|
7
|
-
disabled?: boolean;
|
|
8
|
-
/** Content of Button component */
|
|
9
|
-
children?: ReactNode;
|
|
10
|
-
/** ClassName for the content */
|
|
11
|
-
contentClassName?: string;
|
|
12
|
-
/** Add an `<Icon />` along Button's children */
|
|
13
|
-
icon?: ReactElement;
|
|
14
|
-
/** Icon can be positioned on the left or right */
|
|
15
|
-
iconPosition?: IconPositionType;
|
|
16
|
-
/** Shows a loading indicator and disables click events */
|
|
17
|
-
loading?: boolean;
|
|
18
|
-
/** Callback invoked when component is clicked */
|
|
19
|
-
onClick?: (event: MouseEvent<HTMLButtonElement & HTMLAnchorElement>) => void;
|
|
20
|
-
/** HTML Value of Button component */
|
|
21
|
-
value?: string | number;
|
|
22
|
-
/** HTML title of Button component */
|
|
23
|
-
title?: string;
|
|
24
|
-
/** HTML type of Button component */
|
|
25
|
-
type?: 'button' | 'reset' | 'submit';
|
|
26
|
-
}
|
|
27
|
-
export declare const ButtonBase: OverridableComponent<Props>;
|
|
28
|
-
export default ButtonBase;
|
|
29
|
-
//# sourceMappingURL=ButtonBase.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonBase.d.ts","sourceRoot":"","sources":["../../../src/ButtonBase/ButtonBase.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AAG7E,OAAO,KAAK,EACV,aAAa,EACb,mBAAmB,EACnB,oBAAoB,EACpB,cAAc,EACf,MAAM,wBAAwB,CAAA;AAU/B,oBAAY,gBAAgB,GAAG,MAAM,GAAG,OAAO,CAAA;AAE/C,MAAM,WAAW,KACf,SAAQ,aAAa,EACnB,cAAc,EACd,mBAAmB;IACrB,EAAE,CAAC,EAAE,WAAW,CAAA;IAChB,sBAAsB;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,kCAAkC;IAClC,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,gCAAgC;IAChC,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,gDAAgD;IAChD,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,kDAAkD;IAClD,YAAY,CAAC,EAAE,gBAAgB,CAAA;IAC/B,0DAA0D;IAC1D,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,iDAAiD;IACjD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,iBAAiB,GAAG,iBAAiB,CAAC,KAAK,IAAI,CAAA;IAC5E,qCAAqC;IACrC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,qCAAqC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,oCAAoC;IACpC,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAA;CACrC;AAyBD,eAAO,MAAM,UAAU,EAAE,oBAAoB,CAAC,KAAK,CAoFjD,CAAA;AAIF,eAAe,UAAU,CAAA"}
|
|
@@ -1,60 +0,0 @@
|
|
|
1
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
2
|
-
var t = {};
|
|
3
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
4
|
-
t[p] = s[p];
|
|
5
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
6
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
7
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
8
|
-
t[p[i]] = s[p[i]];
|
|
9
|
-
}
|
|
10
|
-
return t;
|
|
11
|
-
};
|
|
12
|
-
import React, { forwardRef } from 'react';
|
|
13
|
-
import { twMerge } from '@toptal/picasso-tailwind-merge';
|
|
14
|
-
import { useTitleCase } from '@toptal/picasso-shared';
|
|
15
|
-
import { Button as MUIButtonBase } from '@mui/base/Button';
|
|
16
|
-
import { Loader } from '@toptal/picasso-loader';
|
|
17
|
-
import { Container } from '@toptal/picasso-container';
|
|
18
|
-
import { noop, toTitleCase } from '@toptal/picasso-utils';
|
|
19
|
-
import { createCoreClassNames } from './styles';
|
|
20
|
-
const getClickHandler = (loading, handler) => loading ? noop : handler;
|
|
21
|
-
const getIcon = ({ icon }) => {
|
|
22
|
-
if (!icon) {
|
|
23
|
-
return null;
|
|
24
|
-
}
|
|
25
|
-
return React.cloneElement(icon, {
|
|
26
|
-
className: twMerge('text-[1.2em] flex-1', icon.props.className),
|
|
27
|
-
key: 'button-icon',
|
|
28
|
-
});
|
|
29
|
-
};
|
|
30
|
-
const RootElement = forwardRef((props, ref) => {
|
|
31
|
-
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
32
|
-
const { ownerState, as: Root } = props, rest = __rest(props, ["ownerState", "as"]);
|
|
33
|
-
return React.createElement(Root, Object.assign({}, rest, { ref: ref }));
|
|
34
|
-
});
|
|
35
|
-
export const ButtonBase = forwardRef(function ButtonBase(_a, ref) {
|
|
36
|
-
var _b, _c;
|
|
37
|
-
var { as = 'button', children = null, disabled = false, iconPosition = 'left', loading = false, onClick = noop, type = 'button' } = _a, props = __rest(_a, ["as", "children", "disabled", "iconPosition", "loading", "onClick", "type"]);
|
|
38
|
-
const { icon, className, contentClassName, style, title, value, titleCase: propsTitleCase } = props, rest = __rest(props, ["icon", "className", "contentClassName", "style", "title", "value", "titleCase"]);
|
|
39
|
-
const titleCase = useTitleCase(propsTitleCase);
|
|
40
|
-
const finalChildren = [titleCase ? toTitleCase(children) : children];
|
|
41
|
-
const finalRootElementName = typeof as === 'string' ? as : 'a';
|
|
42
|
-
if (icon) {
|
|
43
|
-
const iconComponent = getIcon({ icon });
|
|
44
|
-
if (iconPosition === 'left') {
|
|
45
|
-
finalChildren.unshift(iconComponent);
|
|
46
|
-
}
|
|
47
|
-
else {
|
|
48
|
-
finalChildren.push(iconComponent);
|
|
49
|
-
}
|
|
50
|
-
}
|
|
51
|
-
const finalClassName = twMerge(createCoreClassNames({ disabled }), className);
|
|
52
|
-
return (React.createElement(MUIButtonBase, Object.assign({}, rest, { ref: ref, onClick: getClickHandler(loading, onClick), className: finalClassName, style: style, "aria-disabled": disabled, disabled: disabled, title: title, value: value, type: type, "data-component-type": 'button', tabIndex: ((_b = rest.tabIndex) !== null && _b !== void 0 ? _b : disabled) ? -1 : 0, role: (_c = rest.role) !== null && _c !== void 0 ? _c : 'button', rootElementName: finalRootElementName, slots: { root: RootElement },
|
|
53
|
-
// @ts-ignore
|
|
54
|
-
slotProps: { root: { as } } }),
|
|
55
|
-
React.createElement(Container, { as: 'span', inline: true, flex: true, direction: 'row', alignItems: 'center', className: contentClassName }, finalChildren),
|
|
56
|
-
loading && (React.createElement(Loader, { variant: 'inherit', className: 'absolute top-1/2 left-1/2 translate-x-[-50%] translate-y-[-50%]', inline: true, size: 'small' }))));
|
|
57
|
-
});
|
|
58
|
-
ButtonBase.displayName = 'ButtonBase';
|
|
59
|
-
export default ButtonBase;
|
|
60
|
-
//# sourceMappingURL=ButtonBase.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonBase.js","sourceRoot":"","sources":["../../../src/ButtonBase/ButtonBase.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ButtonBase/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,cAAc,CAAA;AAEzC,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAA;AACpD,YAAY,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAA;AACpD,oBAAY,eAAe,GAAG,KAAK,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ButtonBase/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/ButtonBase/styles.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,oBAAoB;;;;MAO7B,MAAM,EA4BT,CAAA"}
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
export const createCoreClassNames = ({ disabled, loading, }) => {
|
|
2
|
-
const classNames = [
|
|
3
|
-
'text-lg',
|
|
4
|
-
'inline-flex',
|
|
5
|
-
'items-center',
|
|
6
|
-
'justify-center',
|
|
7
|
-
'select-none',
|
|
8
|
-
'appearance-none',
|
|
9
|
-
'm-0',
|
|
10
|
-
'relative',
|
|
11
|
-
'normal-case',
|
|
12
|
-
'align-middle',
|
|
13
|
-
'transition-colors',
|
|
14
|
-
'duration-350',
|
|
15
|
-
'ease-out',
|
|
16
|
-
'shrink-0',
|
|
17
|
-
'outline-none',
|
|
18
|
-
'[[data-component-type="button"]+&]:ml-4',
|
|
19
|
-
];
|
|
20
|
-
if (!disabled && !loading) {
|
|
21
|
-
classNames.push('cursor-pointer');
|
|
22
|
-
}
|
|
23
|
-
else {
|
|
24
|
-
classNames.push('cursor-default');
|
|
25
|
-
classNames.push('pointer-events-none');
|
|
26
|
-
}
|
|
27
|
-
return classNames;
|
|
28
|
-
};
|
|
29
|
-
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/ButtonBase/styles.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,EACnC,QAAQ,EACR,OAAO,GAKR,EAAY,EAAE;IACb,MAAM,UAAU,GAAG;QACjB,SAAS;QACT,aAAa;QACb,cAAc;QACd,gBAAgB;QAChB,aAAa;QACb,iBAAiB;QACjB,KAAK;QACL,UAAU;QACV,aAAa;QACb,cAAc;QACd,mBAAmB;QACnB,cAAc;QACd,UAAU;QACV,UAAU;QACV,cAAc;QACd,yCAAyC;KAC1C,CAAA;IAED,IAAI,CAAC,QAAQ,IAAI,CAAC,OAAO,EAAE;QACzB,UAAU,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAA;KAClC;SAAM;QACL,UAAU,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAA;QACjC,UAAU,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAA;KACvC;IAED,OAAO,UAAU,CAAA;AACnB,CAAC,CAAA"}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import type { ButtonControlLabelProps } from '../ButtonControlLabel';
|
|
3
|
-
export interface Props extends Omit<ButtonControlLabelProps, 'control'> {
|
|
4
|
-
testIds?: {
|
|
5
|
-
checkbox?: string;
|
|
6
|
-
};
|
|
7
|
-
}
|
|
8
|
-
declare const ButtonCheckbox: ({ testIds, ...props }: Props) => JSX.Element;
|
|
9
|
-
export default ButtonCheckbox;
|
|
10
|
-
//# sourceMappingURL=ButtonCheckbox.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonCheckbox.d.ts","sourceRoot":"","sources":["../../../src/ButtonCheckbox/ButtonCheckbox.tsx"],"names":[],"mappings":";AAGA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,uBAAuB,CAAA;AAGpE,MAAM,WAAW,KAAM,SAAQ,IAAI,CAAC,uBAAuB,EAAE,SAAS,CAAC;IACrE,OAAO,CAAC,EAAE;QACR,QAAQ,CAAC,EAAE,MAAM,CAAA;KAClB,CAAA;CACF;AAED,QAAA,MAAM,cAAc,0BAA2B,KAAK,gBAOnD,CAAA;AAED,eAAe,cAAc,CAAA"}
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
2
|
-
var t = {};
|
|
3
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
4
|
-
t[p] = s[p];
|
|
5
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
6
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
7
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
8
|
-
t[p[i]] = s[p[i]];
|
|
9
|
-
}
|
|
10
|
-
return t;
|
|
11
|
-
};
|
|
12
|
-
import React from 'react';
|
|
13
|
-
import { Checkbox } from '@toptal/picasso-checkbox';
|
|
14
|
-
import { ButtonControlLabel } from '../ButtonControlLabel';
|
|
15
|
-
const ButtonCheckbox = (_a) => {
|
|
16
|
-
var { testIds } = _a, props = __rest(_a, ["testIds"]);
|
|
17
|
-
return (React.createElement(ButtonControlLabel, Object.assign({}, props, { control: React.createElement(Checkbox, { "data-testid": testIds === null || testIds === void 0 ? void 0 : testIds.checkbox }) })));
|
|
18
|
-
};
|
|
19
|
-
export default ButtonCheckbox;
|
|
20
|
-
//# sourceMappingURL=ButtonCheckbox.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonCheckbox.js","sourceRoot":"","sources":["../../../src/ButtonCheckbox/ButtonCheckbox.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAA;AAGnD,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAA;AAQ1D,MAAM,cAAc,GAAG,CAAC,EAA4B,EAAE,EAAE;QAAhC,EAAE,OAAO,OAAmB,EAAd,KAAK,cAAnB,WAAqB,CAAF;IACzC,OAAO,CACL,oBAAC,kBAAkB,oBACb,KAAK,IACT,OAAO,EAAE,oBAAC,QAAQ,mBAAc,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,QAAQ,GAAI,IACrD,CACH,CAAA;AACH,CAAC,CAAA;AAED,eAAe,cAAc,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ButtonCheckbox/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAA;AAE7C,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAC5D,oBAAY,mBAAmB,GAAG,KAAK,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ButtonCheckbox/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAA"}
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
import type { ReactElement, MouseEvent, ElementType } from 'react';
|
|
2
|
-
import type { BaseProps, ButtonOrAnchorProps, OverridableComponent } from '@toptal/picasso-shared';
|
|
3
|
-
export declare type VariantType = 'primary' | 'flat' | 'transparent';
|
|
4
|
-
export interface Props extends BaseProps, ButtonOrAnchorProps {
|
|
5
|
-
/** Show button in the active state (left mouse button down) */
|
|
6
|
-
active?: boolean;
|
|
7
|
-
/** The component used for the root node. Either a string to use a DOM element or a component. */
|
|
8
|
-
as?: ElementType;
|
|
9
|
-
/** Disables button */
|
|
10
|
-
disabled?: boolean;
|
|
11
|
-
/** Set focused style for the button */
|
|
12
|
-
focused?: boolean;
|
|
13
|
-
/** Set hovered style for the button */
|
|
14
|
-
hovered?: boolean;
|
|
15
|
-
/** Add an `<Icon />` along Button's children */
|
|
16
|
-
icon?: ReactElement;
|
|
17
|
-
/** Shows a loading indicator and disables click events */
|
|
18
|
-
loading?: boolean;
|
|
19
|
-
/** Callback invoked when component is clicked */
|
|
20
|
-
onClick?: (event: MouseEvent<HTMLButtonElement & HTMLAnchorElement>) => void;
|
|
21
|
-
/** The variant to use */
|
|
22
|
-
variant?: VariantType;
|
|
23
|
-
/** HTML Value of Button component */
|
|
24
|
-
value?: string | number;
|
|
25
|
-
/** Adjust button size to be bigger on screens under xl */
|
|
26
|
-
responsive?: boolean;
|
|
27
|
-
}
|
|
28
|
-
export declare const ButtonCircular: OverridableComponent<Props>;
|
|
29
|
-
export default ButtonCircular;
|
|
30
|
-
//# sourceMappingURL=ButtonCircular.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonCircular.d.ts","sourceRoot":"","sources":["../../../src/ButtonCircular/ButtonCircular.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AAGlE,OAAO,KAAK,EACV,SAAS,EACT,mBAAmB,EACnB,oBAAoB,EACrB,MAAM,wBAAwB,CAAA;AAK/B,oBAAY,WAAW,GAAG,SAAS,GAAG,MAAM,GAAG,aAAa,CAAA;AAE5D,MAAM,WAAW,KAAM,SAAQ,SAAS,EAAE,mBAAmB;IAC3D,+DAA+D;IAC/D,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,iGAAiG;IACjG,EAAE,CAAC,EAAE,WAAW,CAAA;IAChB,sBAAsB;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,uCAAuC;IACvC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,uCAAuC;IACvC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,gDAAgD;IAChD,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,0DAA0D;IAC1D,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,iDAAiD;IACjD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,iBAAiB,GAAG,iBAAiB,CAAC,KAAK,IAAI,CAAA;IAC5E,yBAAyB;IACzB,OAAO,CAAC,EAAE,WAAW,CAAA;IACrB,qCAAqC;IACrC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,2DAA2D;IAC3D,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB;AAED,eAAO,MAAM,cAAc,EAAE,oBAAoB,CAAC,KAAK,CA4CrD,CAAA;AAIF,eAAe,cAAc,CAAA"}
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
2
|
-
var t = {};
|
|
3
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
4
|
-
t[p] = s[p];
|
|
5
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
6
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
7
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
8
|
-
t[p[i]] = s[p[i]];
|
|
9
|
-
}
|
|
10
|
-
return t;
|
|
11
|
-
};
|
|
12
|
-
import React, { forwardRef } from 'react';
|
|
13
|
-
import cx from 'classnames';
|
|
14
|
-
import { ButtonBase } from '../ButtonBase';
|
|
15
|
-
import { createRootClassNames, createVariantClassNames } from './styles';
|
|
16
|
-
export const ButtonCircular = forwardRef(function ButtonCircular(_a, ref) {
|
|
17
|
-
var { variant = 'primary' } = _a, props = __rest(_a, ["variant"]);
|
|
18
|
-
const { className, active, focused, hovered, disabled, responsive, loading } = props, rest = __rest(props, ["className", "active", "focused", "hovered", "disabled", "responsive", "loading"]);
|
|
19
|
-
const variantClassNames = createVariantClassNames(variant, {
|
|
20
|
-
disabled,
|
|
21
|
-
focused,
|
|
22
|
-
hovered,
|
|
23
|
-
active,
|
|
24
|
-
loading,
|
|
25
|
-
});
|
|
26
|
-
const finalClassName = cx(createRootClassNames({ responsive, active, disabled, focused, hovered }), variantClassNames, className);
|
|
27
|
-
const contentClassName = cx('font-semibold whitespace-nowrap', 'text-button-small', loading ? 'opacity-0' : '');
|
|
28
|
-
return (React.createElement(ButtonBase, Object.assign({}, rest, { ref: ref, loading: loading, className: finalClassName, contentClassName: contentClassName, disabled: disabled })));
|
|
29
|
-
});
|
|
30
|
-
ButtonCircular.displayName = 'ButtonCircular';
|
|
31
|
-
export default ButtonCircular;
|
|
32
|
-
//# sourceMappingURL=ButtonCircular.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonCircular.js","sourceRoot":"","sources":["../../../src/ButtonCircular/ButtonCircular.tsx"],"names":[],"mappings":";;;;;;;;;;;AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,MAAM,YAAY,CAAA;AAO3B,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,EAAE,oBAAoB,EAAE,uBAAuB,EAAE,MAAM,UAAU,CAAA;AA6BxE,MAAM,CAAC,MAAM,cAAc,GAAgC,UAAU,CAGnE,SAAS,cAAc,CAAC,EAAiC,EAAE,GAAG;QAAtC,EAAE,OAAO,GAAG,SAAS,OAAY,EAAP,KAAK,cAA/B,WAAiC,CAAF;IACvD,MAAM,EACJ,SAAS,EACT,MAAM,EACN,OAAO,EACP,OAAO,EACP,QAAQ,EACR,UAAU,EACV,OAAO,KAEL,KAAK,EADJ,IAAI,UACL,KAAK,EATH,kFASL,CAAQ,CAAA;IACT,MAAM,iBAAiB,GAAG,uBAAuB,CAAC,OAAO,EAAE;QACzD,QAAQ;QACR,OAAO;QACP,OAAO;QACP,MAAM;QACN,OAAO;KACR,CAAC,CAAA;IAEF,MAAM,cAAc,GAAG,EAAE,CACvB,oBAAoB,CAAC,EAAE,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC,EACxE,iBAAiB,EACjB,SAAS,CACV,CAAA;IAED,MAAM,gBAAgB,GAAG,EAAE,CACzB,iCAAiC,EACjC,mBAAmB,EACnB,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,CAC3B,CAAA;IAED,OAAO,CACL,oBAAC,UAAU,oBACL,IAAI,IACR,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,cAAc,EACzB,gBAAgB,EAAE,gBAAgB,EAClC,QAAQ,EAAE,QAAQ,IAClB,CACH,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAA;AAE7C,eAAe,cAAc,CAAA"}
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import type { Props } from './ButtonCircular';
|
|
2
|
-
export { default as ButtonCircular } from './ButtonCircular';
|
|
3
|
-
export declare type ButtonCircularProps = Props;
|
|
4
|
-
export type { VariantType as ButtonCircularVariantType } from './ButtonCircular';
|
|
5
|
-
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ButtonCircular/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAA;AAE7C,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAC5D,oBAAY,mBAAmB,GAAG,KAAK,CAAA;AACvC,YAAY,EAAE,WAAW,IAAI,yBAAyB,EAAE,MAAM,kBAAkB,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ButtonCircular/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAA"}
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import type { VariantType } from './ButtonCircular';
|
|
2
|
-
export declare const createRootClassNames: ({ responsive, }: {
|
|
3
|
-
disabled?: boolean | undefined;
|
|
4
|
-
focused?: boolean | undefined;
|
|
5
|
-
hovered?: boolean | undefined;
|
|
6
|
-
active?: boolean | undefined;
|
|
7
|
-
loading?: boolean | undefined;
|
|
8
|
-
responsive?: boolean | undefined;
|
|
9
|
-
}) => string[];
|
|
10
|
-
export declare const createVariantClassNames: (variant: VariantType, { disabled, focused, hovered, active, loading, }: {
|
|
11
|
-
disabled?: boolean | undefined;
|
|
12
|
-
focused?: boolean | undefined;
|
|
13
|
-
hovered?: boolean | undefined;
|
|
14
|
-
active?: boolean | undefined;
|
|
15
|
-
loading?: boolean | undefined;
|
|
16
|
-
}) => string[];
|
|
17
|
-
//# sourceMappingURL=styles.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/ButtonCircular/styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAEnD,eAAO,MAAM,oBAAoB;;;;;;;cAmBhC,CAAA;AAED,eAAO,MAAM,uBAAuB,YACzB,WAAW;;;;;;MAcnB,MAAM,EA0FR,CAAA"}
|
|
@@ -1,93 +0,0 @@
|
|
|
1
|
-
export const createRootClassNames = ({ responsive, }) => {
|
|
2
|
-
const classNames = ['rounded-full', 'p-0'];
|
|
3
|
-
if (responsive) {
|
|
4
|
-
classNames.push('w-[2.5em] h-[2.5em] xl:w-[1.5em] xl:h-[1.5em]');
|
|
5
|
-
}
|
|
6
|
-
else {
|
|
7
|
-
classNames.push('w-[1.5em] h-[1.5em]');
|
|
8
|
-
}
|
|
9
|
-
return classNames;
|
|
10
|
-
};
|
|
11
|
-
export const createVariantClassNames = (variant, { disabled, focused, hovered, active, loading, }) => {
|
|
12
|
-
const variantClassNames = [];
|
|
13
|
-
switch (variant) {
|
|
14
|
-
case 'primary':
|
|
15
|
-
variantClassNames.push('border-none');
|
|
16
|
-
variantClassNames.push('text-white');
|
|
17
|
-
variantClassNames.push('visited:text-white');
|
|
18
|
-
if (disabled && !loading) {
|
|
19
|
-
variantClassNames.push('bg-gray-400');
|
|
20
|
-
}
|
|
21
|
-
else {
|
|
22
|
-
variantClassNames.push('hover:bg-[#4269D6]');
|
|
23
|
-
variantClassNames.push('active:bg-[#1A41AB]');
|
|
24
|
-
variantClassNames.push('focus-visible:shadow-[0_0_0_3px_rgba(32,78,207,0.48)]');
|
|
25
|
-
if (focused) {
|
|
26
|
-
variantClassNames.push('shadow-[0_0_0_3px_rgba(32,78,207,0.48)]');
|
|
27
|
-
}
|
|
28
|
-
if (hovered) {
|
|
29
|
-
variantClassNames.push('bg-[#4269D6]');
|
|
30
|
-
}
|
|
31
|
-
else if (active) {
|
|
32
|
-
variantClassNames.push('bg-[#1A41AB]');
|
|
33
|
-
}
|
|
34
|
-
else {
|
|
35
|
-
variantClassNames.push('bg-blue-500');
|
|
36
|
-
}
|
|
37
|
-
}
|
|
38
|
-
break;
|
|
39
|
-
case 'flat':
|
|
40
|
-
variantClassNames.push('border-none');
|
|
41
|
-
variantClassNames.push('text-graphite-700');
|
|
42
|
-
if (disabled && !loading) {
|
|
43
|
-
variantClassNames.push('text-graphite-700');
|
|
44
|
-
variantClassNames.push('opacity-[0.48]');
|
|
45
|
-
variantClassNames.push('bg-transparent');
|
|
46
|
-
}
|
|
47
|
-
else {
|
|
48
|
-
variantClassNames.push('hover:bg-gray-200');
|
|
49
|
-
variantClassNames.push('active:bg-gray-400');
|
|
50
|
-
variantClassNames.push('focus-visible:shadow-[0_0_0_3px_rgba(32,78,207,0.48)]');
|
|
51
|
-
if (focused) {
|
|
52
|
-
variantClassNames.push('shadow-[0_0_0_3px_rgba(32,78,207,0.48)]');
|
|
53
|
-
}
|
|
54
|
-
if (hovered) {
|
|
55
|
-
variantClassNames.push('bg-gray-200');
|
|
56
|
-
}
|
|
57
|
-
else if (active) {
|
|
58
|
-
variantClassNames.push('bg-gray-400');
|
|
59
|
-
}
|
|
60
|
-
else {
|
|
61
|
-
variantClassNames.push('bg-transparent');
|
|
62
|
-
}
|
|
63
|
-
}
|
|
64
|
-
break;
|
|
65
|
-
case 'transparent':
|
|
66
|
-
variantClassNames.push('border-none');
|
|
67
|
-
variantClassNames.push('text-white');
|
|
68
|
-
if (disabled && !loading) {
|
|
69
|
-
variantClassNames.push('text-white/[0.48]');
|
|
70
|
-
variantClassNames.push('bg-transparent');
|
|
71
|
-
}
|
|
72
|
-
else {
|
|
73
|
-
variantClassNames.push('hover:bg-white/[0.08]');
|
|
74
|
-
variantClassNames.push('active:bg-white/[0.16]');
|
|
75
|
-
variantClassNames.push('focus-visible:shadow-[0_0_0_3px_rgba(255,255,255,0.48)]');
|
|
76
|
-
if (focused) {
|
|
77
|
-
variantClassNames.push('shadow-[0_0_0_3px_rgba(255,255,255,0.48)]');
|
|
78
|
-
}
|
|
79
|
-
if (hovered) {
|
|
80
|
-
variantClassNames.push('bg-white/[0.08]');
|
|
81
|
-
}
|
|
82
|
-
else if (active) {
|
|
83
|
-
variantClassNames.push('bg-white/[0.16]');
|
|
84
|
-
}
|
|
85
|
-
else {
|
|
86
|
-
variantClassNames.push('bg-transparent');
|
|
87
|
-
}
|
|
88
|
-
}
|
|
89
|
-
break;
|
|
90
|
-
}
|
|
91
|
-
return variantClassNames;
|
|
92
|
-
};
|
|
93
|
-
//# sourceMappingURL=styles.js.map
|