@toptal/picasso 37.8.0 → 37.9.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.
|
@@ -22,6 +22,8 @@ export interface Props extends BaseProps, ButtonOrAnchorProps {
|
|
|
22
22
|
variant?: VariantType;
|
|
23
23
|
/** HTML Value of Button component */
|
|
24
24
|
value?: string | number;
|
|
25
|
+
/** Adjust button size to be bigger on screens under xl */
|
|
26
|
+
responsive?: boolean;
|
|
25
27
|
}
|
|
26
28
|
export declare const ButtonCircular: OverridableComponent<Props>;
|
|
27
29
|
export default ButtonCircular;
|
|
@@ -23,7 +23,7 @@ const useStyles = makeStyles(styles, {
|
|
|
23
23
|
index: -1,
|
|
24
24
|
});
|
|
25
25
|
export const ButtonCircular = forwardRef(function ButtonCircular(props, ref) {
|
|
26
|
-
const { className, variant = 'primary', active, focused, hovered, disabled } = props, rest = __rest(props, ["className", "variant", "active", "focused", "hovered", "disabled"]);
|
|
26
|
+
const { className, variant = 'primary', active, focused, hovered, disabled, responsive } = props, rest = __rest(props, ["className", "variant", "active", "focused", "hovered", "disabled", "responsive"]);
|
|
27
27
|
const classes = useStyles();
|
|
28
28
|
const { root: rootClass, focusVisible: focusVisibleClass } = classes;
|
|
29
29
|
const variantClassName = classes[kebabToCamelCase(variant)];
|
|
@@ -32,6 +32,7 @@ export const ButtonCircular = forwardRef(function ButtonCircular(props, ref) {
|
|
|
32
32
|
[classes.focused]: focused,
|
|
33
33
|
[classes.hovered]: hovered,
|
|
34
34
|
[classes.disabled]: disabled,
|
|
35
|
+
[classes.responsive]: responsive,
|
|
35
36
|
}, variantClassName, rootClass);
|
|
36
37
|
return (React.createElement(Button, Object.assign({}, rest, { ref: ref, classes: {
|
|
37
38
|
root: rootClassName,
|
|
@@ -1 +1 @@
|
|
|
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;AAE3B,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAOrD,OAAO,MAAM,MAAM,WAAW,CAAA;AAC9B,OAAO,gBAAgB,MAAM,8BAA8B,CAAA;AAC3D,OAAO,MAAM,MAAM,UAAU,CAAA;
|
|
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;AAE3B,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAOrD,OAAO,MAAM,MAAM,WAAW,CAAA;AAC9B,OAAO,gBAAgB,MAAM,8BAA8B,CAAA;AAC3D,OAAO,MAAM,MAAM,UAAU,CAAA;AA6B7B,mEAAmE;AACnE,wEAAwE;AACxE,uEAAuE;AACvE,MAAM,SAAS,GAAG,UAAU,CAAQ,MAAM,EAAE;IAC1C,IAAI,EAAE,uBAAuB;IAC7B,KAAK,EAAE,CAAC,CAAC;CACV,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,cAAc,GAAgC,UAAU,CAGnE,SAAS,cAAc,CAAC,KAAK,EAAE,GAAG;IAClC,MAAM,EACJ,SAAS,EACT,OAAO,GAAG,SAAS,EACnB,MAAM,EACN,OAAO,EACP,OAAO,EACP,QAAQ,EACR,UAAU,KAER,KAAK,EADJ,IAAI,UACL,KAAK,EATH,kFASL,CAAQ,CAAA;IACT,MAAM,OAAO,GAAG,SAAS,EAAE,CAAA;IAE3B,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,YAAY,EAAE,iBAAiB,EAAE,GAAG,OAAO,CAAA;IAEpE,MAAM,gBAAgB,GAAG,OAAO,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,CAAA;IAE3D,MAAM,aAAa,GAAG,EAAE,CACtB;QACE,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,MAAM;QACxB,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,OAAO;QAC1B,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,OAAO;QAC1B,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,QAAQ;QAC5B,CAAC,OAAO,CAAC,UAAU,CAAC,EAAE,UAAU;KACjC,EACD,gBAAgB,EAChB,SAAS,CACV,CAAA;IAED,OAAO,CACL,oBAAC,MAAM,oBACD,IAAI,IACR,GAAG,EAAE,GAAG,EACR,OAAO,EAAE;YACP,IAAI,EAAE,aAAa;YACnB,YAAY,EAAE,iBAAiB;SAChC,EACD,SAAS,EAAE,SAAS,EACpB,IAAI,EAAC,OAAO,EACZ,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,IAClB,CACH,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,cAAc,CAAC,YAAY,GAAG;IAC5B,OAAO,EAAE,SAAS;CACnB,CAAA;AAED,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAA;AAE7C,eAAe,cAAc,CAAA"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import type { Theme } from '@material-ui/core/styles';
|
|
2
|
-
declare const _default: ({ palette }: Theme) => import("@material-ui/styles").StyleRules<{}, "transparent" | "flat" | "active" | "disabled" | "root" | "focusVisible" | "focused" | "primary" | "hovered">;
|
|
2
|
+
declare const _default: ({ palette }: Theme) => import("@material-ui/styles").StyleRules<{}, "transparent" | "flat" | "active" | "disabled" | "root" | "focusVisible" | "focused" | "primary" | "responsive" | "hovered">;
|
|
3
3
|
export default _default;
|
package/ButtonCircular/styles.js
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { createStyles } from '@material-ui/core/styles';
|
|
2
2
|
import { alpha, outline } from '@toptal/picasso-shared';
|
|
3
|
+
import { screens } from '@toptal/picasso-provider';
|
|
3
4
|
export default ({ palette }) => createStyles({
|
|
4
5
|
root: {
|
|
5
6
|
borderRadius: '50%',
|
|
@@ -8,6 +9,14 @@ export default ({ palette }) => createStyles({
|
|
|
8
9
|
width: '1.5em',
|
|
9
10
|
},
|
|
10
11
|
primary: {},
|
|
12
|
+
responsive: {
|
|
13
|
+
width: '2.5em',
|
|
14
|
+
height: '2.5em',
|
|
15
|
+
[screens('xl')]: {
|
|
16
|
+
width: '1.5em',
|
|
17
|
+
height: '1.5em',
|
|
18
|
+
},
|
|
19
|
+
},
|
|
11
20
|
flat: {
|
|
12
21
|
color: palette.grey.dark,
|
|
13
22
|
backgroundColor: 'initial',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/ButtonCircular/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AACvD,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAA;
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/ButtonCircular/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AACvD,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAA;AACvD,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAA;AAElD,eAAe,CAAC,EAAE,OAAO,EAAS,EAAE,EAAE,CACpC,YAAY,CAAC;IACX,IAAI,EAAE;QACJ,YAAY,EAAE,KAAK;QACnB,OAAO,EAAE,CAAC;QACV,QAAQ,EAAE,SAAS;QACnB,KAAK,EAAE,OAAO;KACf;IAED,OAAO,EAAE,EAAE;IAEX,UAAU,EAAE;QACV,KAAK,EAAE,OAAO;QACd,MAAM,EAAE,OAAO;QACf,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,EAAE;YACf,KAAK,EAAE,OAAO;YACd,MAAM,EAAE,OAAO;SAChB;KACF;IAED,IAAI,EAAE;QACJ,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,IAAI;QACxB,eAAe,EAAE,SAAS;QAE1B,oBAAoB,EAAE;YACpB,eAAe,EAAE,OAAO,CAAC,IAAI,CAAC,QAAQ;SACvC;QAED,oBAAoB,EAAE;YACpB,eAAe,EAAE,OAAO,CAAC,IAAI,CAAC,MAAM;SACrC;QAED,YAAY,EAAE;YACZ,OAAO,EAAE,IAAI;YACb,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,IAAI;YACxB,eAAe,EAAE,SAAS;SAC3B;QAED,MAAM,EAAE,MAAM;KACf;IAED,WAAW,EAAE;QACX,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,OAAO,CAAC,MAAM,CAAC,KAAK;QAC3B,eAAe,EAAE,SAAS;QAE1B,2BAA2B,oBACtB,OAAO,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,CACjC;QAED,oBAAoB,EAAE;YACpB,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC;SACnD;QAED,oBAAoB,EAAE;YACpB,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC;SACnD;QAED,YAAY,EAAE;YACZ,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC;YACxC,eAAe,EAAE,SAAS;SAC3B;KACF;IAED,QAAQ,EAAE,EAAE;IACZ,OAAO,EAAE,EAAE;IACX,OAAO,EAAE,EAAE;IACX,MAAM,EAAE,EAAE;IACV,YAAY,EAAE,EAAE;CACjB,CAAC,CAAA"}
|