@toptal/picasso 18.7.0 → 18.10.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/AccordionDetails/AccordionDetails.d.ts +2 -2
- package/AccordionDetails/AccordionDetails.js +1 -1
- package/AccordionDetails/AccordionDetails.js.map +1 -1
- package/Avatar/Avatar.d.ts +17 -3
- package/Avatar/Avatar.js.map +1 -1
- package/Avatar/AvatarWrapper/AvatarWrapper.d.ts +2 -2
- package/Avatar/AvatarWrapper/AvatarWrapper.js +1 -1
- package/Avatar/AvatarWrapper/AvatarWrapper.js.map +1 -1
- package/BreadcrumbsItem/BreadcrumbsItem.js +1 -1
- package/BreadcrumbsItem/BreadcrumbsItem.js.map +1 -1
- package/Button/styles.d.ts +1 -1
- package/ButtonGroupItem/styles.d.ts +1 -1
- package/ButtonLoader/ButtonLoader.d.ts +4 -2
- package/ButtonLoader/ButtonLoader.js.map +1 -1
- package/ButtonSplit/ButtonSplit.js.map +1 -1
- package/Calendar/styles.d.ts +1 -1
- package/Checkbox/Checkbox.d.ts +6 -1
- package/CheckboxGroup/CheckboxGroup.d.ts +6 -2
- package/CheckboxGroup/CheckboxGroup.js +1 -1
- package/CheckboxGroup/CheckboxGroup.js.map +1 -1
- package/CircularProgress/CircularProgress.d.ts +5 -2
- package/CircularProgress/CircularProgress.js +1 -1
- package/CircularProgress/CircularProgress.js.map +1 -1
- package/DatePicker/index.js.map +1 -1
- package/Drawer/Drawer.d.ts +11 -2
- package/Drawer/Drawer.js +1 -1
- package/Drawer/Drawer.js.map +1 -1
- package/FormControlLabel/styles.js +1 -1
- package/FormControlLabel/styles.js.map +1 -1
- package/HeaderLoader/HeaderLoader.d.ts +4 -2
- package/HeaderLoader/HeaderLoader.js +4 -2
- package/HeaderLoader/HeaderLoader.js.map +1 -1
- package/InputAdornment/InputAdornment.d.ts +2 -2
- package/InputAdornment/InputAdornment.js +1 -1
- package/InputAdornment/InputAdornment.js.map +1 -1
- package/InputLabel/InputLabel.d.ts +2 -2
- package/InputLabel/InputLabel.js +1 -1
- package/InputLabel/InputLabel.js.map +1 -1
- package/NumberInput/NumberInput.js +3 -76
- package/NumberInput/NumberInput.js.map +1 -1
- package/NumberInput/styles.d.ts +1 -2
- package/NumberInput/styles.js +1 -41
- package/NumberInput/styles.js.map +1 -1
- package/NumberInputEndAdornment/NumberInputEndAdornment.d.ts +31 -0
- package/NumberInputEndAdornment/NumberInputEndAdornment.js +93 -0
- package/NumberInputEndAdornment/NumberInputEndAdornment.js.map +1 -0
- package/NumberInputEndAdornment/index.d.ts +2 -0
- package/NumberInputEndAdornment/index.js +3 -0
- package/NumberInputEndAdornment/index.js.map +1 -0
- package/NumberInputEndAdornment/styles.d.ts +3 -0
- package/NumberInputEndAdornment/styles.js +45 -0
- package/NumberInputEndAdornment/styles.js.map +1 -0
- package/OverviewBlock/OverviewBlock.d.ts +15 -5
- package/OverviewBlockGroup/OverviewBlockGroup.d.ts +9 -2
- package/OverviewBlockGroup/OverviewBlockGroup.js +1 -1
- package/OverviewBlockGroup/OverviewBlockGroup.js.map +1 -1
- package/OverviewBlockRow/OverviewBlockRow.d.ts +5 -2
- package/OverviewBlockRow/OverviewBlockRow.js +1 -1
- package/OverviewBlockRow/OverviewBlockRow.js.map +1 -1
- package/PageHead/PageHead.d.ts +10 -4
- package/PageHead/PageHead.js +10 -4
- package/PageHead/PageHead.js.map +1 -1
- package/PasswordInput/PasswordInput.d.ts +20 -0
- package/PasswordInput/PasswordInput.js +44 -0
- package/PasswordInput/PasswordInput.js.map +1 -0
- package/PasswordInput/index.d.ts +5 -0
- package/PasswordInput/index.js +3 -0
- package/PasswordInput/index.js.map +1 -0
- package/PasswordInput/styles.d.ts +3 -0
- package/PasswordInput/styles.js +18 -0
- package/PasswordInput/styles.js.map +1 -0
- package/Radio/Radio.d.ts +6 -1
- package/RadioGroup/RadioGroup.d.ts +6 -2
- package/RadioGroup/RadioGroup.js +1 -1
- package/RadioGroup/RadioGroup.js.map +1 -1
- package/ScrollMenu/ScrollMenu.d.ts +9 -2
- package/ScrollMenu/ScrollMenu.js +1 -1
- package/ScrollMenu/ScrollMenu.js.map +1 -1
- package/SelectOptions/SelectOptions.d.ts +7 -2
- package/SelectOptions/SelectOptions.js +1 -1
- package/SelectOptions/SelectOptions.js.map +1 -1
- package/Sidebar/Sidebar.js.map +1 -1
- package/SkeletonLoader/SkeletonLoader.d.ts +8 -2
- package/Slider/Slider.d.ts +1 -1
- package/Step/Step.d.ts +4 -2
- package/Step/Step.js +1 -1
- package/Step/Step.js.map +1 -1
- package/StepConnector/StepConnector.d.ts +4 -2
- package/StepConnector/StepConnector.js.map +1 -1
- package/StepIcon/StepIcon.d.ts +5 -2
- package/StepIcon/StepIcon.js +1 -1
- package/StepIcon/StepIcon.js.map +1 -1
- package/StepLabel/StepLabel.d.ts +8 -2
- package/StepLabel/StepLabel.js +1 -1
- package/StepLabel/StepLabel.js.map +1 -1
- package/StepLabel/styles.d.ts +1 -1
- package/StepLabel/styles.js +6 -2
- package/StepLabel/styles.js.map +1 -1
- package/TableCell/styles.d.ts +1 -1
- package/Tooltip/styles.d.ts +1 -1
- package/TreeView/PointLink/PointLink.d.ts +4 -2
- package/TreeView/PointLink/PointLink.js +1 -1
- package/TreeView/PointLink/PointLink.js.map +1 -1
- package/TreeView/PointNode/NodeContent.d.ts +2 -3
- package/TreeView/PointNode/NodeContent.js +4 -2
- package/TreeView/PointNode/NodeContent.js.map +1 -1
- package/TreeView/PointNode/TreeNodeAvatar.d.ts +8 -2
- package/TreeView/PointNode/TreeNodeAvatar.js +1 -1
- package/TreeView/PointNode/TreeNodeAvatar.js.map +1 -1
- package/TreeView/TreeViewContainer.d.ts +4 -2
- package/TreeView/TreeViewContainer.js.map +1 -1
- package/TreeView/Zoom/Zoom.d.ts +1 -2
- package/TreeView/Zoom/Zoom.js.map +1 -1
- package/index.d.ts +2 -0
- package/index.js +1 -0
- package/index.js.map +1 -1
- package/package.json +3 -3
- package/test-utils/TestingPicasso.d.ts +4 -2
- package/test-utils/TestingPicasso.js +3 -1
- package/test-utils/TestingPicasso.js.map +1 -1
- package/utils/Notifications/NotificationsProvider.d.ts +3 -2
- package/utils/Notifications/NotificationsProvider.js.map +1 -1
- package/utils/index.d.ts +0 -1
- package/utils/index.js +0 -1
- package/utils/index.js.map +1 -1
- package/utils/dash-to-camel-case/dash-to-camel-case.d.ts +0 -1
- package/utils/dash-to-camel-case/dash-to-camel-case.js +0 -2
- package/utils/dash-to-camel-case/dash-to-camel-case.js.map +0 -1
- package/utils/dash-to-camel-case/index.d.ts +0 -1
- package/utils/dash-to-camel-case/index.js +0 -2
- package/utils/dash-to-camel-case/index.js.map +0 -1
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { ReactNode, HTMLAttributes } from 'react';
|
|
2
2
|
import { StandardProps } from '@toptal/picasso-shared';
|
|
3
3
|
export interface Props extends StandardProps, HTMLAttributes<HTMLDivElement> {
|
|
4
4
|
children?: ReactNode;
|
|
5
5
|
}
|
|
6
|
-
declare const AccordionDetails:
|
|
6
|
+
declare const AccordionDetails: (props: Props) => JSX.Element;
|
|
7
7
|
export default AccordionDetails;
|
|
@@ -16,7 +16,7 @@ import styles from './styles';
|
|
|
16
16
|
const useStyles = makeStyles(styles, {
|
|
17
17
|
name: 'PicassoAccordionDetails'
|
|
18
18
|
});
|
|
19
|
-
const AccordionDetails = props => {
|
|
19
|
+
const AccordionDetails = (props) => {
|
|
20
20
|
const { children,
|
|
21
21
|
// Avoid passing external classes inside the rest props
|
|
22
22
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AccordionDetails.js","sourceRoot":"","sources":["../../src/AccordionDetails/AccordionDetails.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"AccordionDetails.js","sourceRoot":"","sources":["../../src/AccordionDetails/AccordionDetails.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAoC,MAAM,OAAO,CAAA;AACxD,OAAO,EAAE,UAAU,EAAS,MAAM,0BAA0B,CAAA;AAC5D,OAAO,mBAAmB,MAAM,oCAAoC,CAAA;AAGpE,OAAO,MAAM,MAAM,UAAU,CAAA;AAM7B,MAAM,SAAS,GAAG,UAAU,CAAe,MAAM,EAAE;IACjD,IAAI,EAAE,yBAAyB;CAChC,CAAC,CAAA;AAEF,MAAM,gBAAgB,GAAG,CAAC,KAAY,EAAE,EAAE;IACxC,MAAM,EACJ,QAAQ;IACR,uDAAuD;IACvD,6DAA6D;IAC7D,OAAO,EAAE,eAAe,KAEtB,KAAK,EADJ,IAAI,UACL,KAAK,EANH,uBAML,CAAQ,CAAA;IAET,MAAM,OAAO,GAAG,SAAS,CAAC,KAAK,CAAC,CAAA;IAEhC,OAAO,CACL,oBAAC,mBAAmB,oBAAK,IAAI,IAAE,OAAO,EAAE,OAAO,KAC5C,QAAQ,CACW,CACvB,CAAA;AACH,CAAC,CAAA;AAED,eAAe,gBAAgB,CAAA"}
|
package/Avatar/Avatar.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { HTMLAttributes } from 'react';
|
|
2
2
|
import { StandardProps, SizeType } from '@toptal/picasso-shared';
|
|
3
3
|
export declare type VariantType = 'square' | 'portrait' | 'landscape';
|
|
4
4
|
export declare type AvatarSizeType = SizeType<'xxsmall' | 'xsmall' | 'small' | 'medium' | 'large'>;
|
|
@@ -20,8 +20,22 @@ export interface Props extends StandardProps, HTMLAttributes<HTMLDivElement> {
|
|
|
20
20
|
text?: string;
|
|
21
21
|
};
|
|
22
22
|
}
|
|
23
|
-
export declare const Avatar:
|
|
24
|
-
|
|
23
|
+
export declare const Avatar: {
|
|
24
|
+
({ alt, src, className, name, size, style, variant, testIds, ...rest }: Props): JSX.Element;
|
|
25
|
+
defaultProps: {
|
|
26
|
+
size: string;
|
|
27
|
+
variant: string;
|
|
28
|
+
};
|
|
29
|
+
displayName: string;
|
|
30
|
+
};
|
|
31
|
+
declare const _default: {
|
|
32
|
+
({ alt, src, className, name, size, style, variant, testIds, ...rest }: Props): JSX.Element;
|
|
33
|
+
defaultProps: {
|
|
34
|
+
size: string;
|
|
35
|
+
variant: string;
|
|
36
|
+
};
|
|
37
|
+
displayName: string;
|
|
38
|
+
} & {
|
|
25
39
|
Group: {
|
|
26
40
|
({ className, style, testIds, items, limit, size }: import("./AvatarGroup/AvatarGroup").Props): JSX.Element | null;
|
|
27
41
|
defaultProps: {
|
package/Avatar/Avatar.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../../src/Avatar/Avatar.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../../src/Avatar/Avatar.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAkB,WAAW,EAAE,MAAM,OAAO,CAAA;AAG1D,OAAO,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAA;AAC1D,OAAO,eAAe,MAAM,4BAA4B,CAAA;AACxD,OAAO,WAAW,MAAM,2BAA2B,CAAA;AACnD,OAAO,UAAU,MAAM,yBAAyB,CAAA;AAChD,OAAO,UAAU,MAAM,yBAAyB,CAAA;AAChD,OAAO,WAAW,MAAM,2BAA2B,CAAA;AACnD,OAAO,aAAa,MAAM,+BAA+B,CAAA;AA0BzD,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EAUf,EAAE,EAAE;QAVW,EACrB,GAAG,EACH,GAAG,EACH,SAAS,EACT,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,OAAO,EACP,OAAO,OAED,EADH,IAAI,cATc,0EAUtB,CADQ;IAEP,MAAM,YAAY,GAAG,WAAW,CAAC,GAAG,EAAE;QACpC,IAAI,GAAG,EAAE;YACP,OAAO,CACL,oBAAC,WAAW,IACV,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,IAAI;gBACV,uEAAuE;gBACvE,IAAI,EAAE,IAAK,EACX,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,iBACC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,GAC3B,CACH,CAAA;SACF;QAED,IAAI,IAAI,EAAE;YACR,MAAM,QAAQ,GAAG,eAAe,CAAC,IAAI,CAAC,CAAA;YACtC,MAAM,UAAU,GAAG,QAAQ,CAAC,MAAM,IAAI,qBAAqB,CAAA;YAE3D,OAAO,CACL,oBAAC,UAAU,IACT,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO;gBACxC,uEAAuE;gBACvE,IAAI,EAAE,IAAK,iBACE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,IAEzB,QAAQ,CACE,CACd,CAAA;SACF;QAED,OAAO,CACL,oBAAC,UAAU,mBACI,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,EAC1B,SAAS,EAAE,SAAS;YACpB,uEAAuE;YACvE,IAAI,EAAE,IAAK,GACX,CACH,CAAA;IACH,CAAC,EAAE;QACD,IAAI;QACJ,GAAG;QACH,SAAS;QACT,GAAG;QACH,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI;QACb,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK;QACd,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI;QACb,IAAI;QACJ,KAAK;KACN,CAAC,CAAA;IAEF,OAAO,CACL,oBAAC,aAAa;IACZ,uEAAuE;;QAAvE,uEAAuE;QACvE,OAAO,EAAE,OAAQ;QACjB,uEAAuE;QACvE,IAAI,EAAE,IAAK,iBACE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO,IACzB,IAAI,GAEP,YAAY,EAAE,CACD,CACjB,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,YAAY,GAAG;IACpB,IAAI,EAAE,QAAQ;IACd,OAAO,EAAE,QAAQ;CAClB,CAAA;AAED,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAA;AAE7B,eAAe,MAAM,CAAC,MAAM,CAAC,MAAM,EAAE;IACnC,KAAK,EAAE,WAAW;CACnB,CAAC,CAAA"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
2
|
import { BaseProps } from '@toptal/picasso-shared';
|
|
3
3
|
import { AvatarSizeType, VariantType } from '../Avatar';
|
|
4
4
|
export interface Props extends BaseProps {
|
|
@@ -6,5 +6,5 @@ export interface Props extends BaseProps {
|
|
|
6
6
|
size: AvatarSizeType;
|
|
7
7
|
variant: VariantType;
|
|
8
8
|
}
|
|
9
|
-
declare const AvatarWrapper:
|
|
9
|
+
declare const AvatarWrapper: (props: Props) => JSX.Element;
|
|
10
10
|
export default AvatarWrapper;
|
|
@@ -5,7 +5,7 @@ import styles from './styles';
|
|
|
5
5
|
const useStyles = makeStyles(styles, {
|
|
6
6
|
name: 'PicassoAvatarWrapper'
|
|
7
7
|
});
|
|
8
|
-
const AvatarWrapper = props => {
|
|
8
|
+
const AvatarWrapper = (props) => {
|
|
9
9
|
const { children, className, style, 'data-testid': dataTestId } = props;
|
|
10
10
|
const classes = useStyles(props);
|
|
11
11
|
return (React.createElement("div", { style: style, "data-testid": dataTestId, className: cx(className, classes.root, classes.size, classes.corner) }, children));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AvatarWrapper.js","sourceRoot":"","sources":["../../../src/Avatar/AvatarWrapper/AvatarWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"AvatarWrapper.js","sourceRoot":"","sources":["../../../src/Avatar/AvatarWrapper/AvatarWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAA;AACxC,OAAO,EAAE,UAAU,EAAS,MAAM,0BAA0B,CAAA;AAE5D,OAAO,EAAE,MAAM,YAAY,CAAA;AAE3B,OAAO,MAAM,MAAM,UAAU,CAAA;AAS7B,MAAM,SAAS,GAAG,UAAU,CAAe,MAAM,EAAE;IACjD,IAAI,EAAE,sBAAsB;CAC7B,CAAC,CAAA;AAEF,MAAM,aAAa,GAAG,CAAC,KAAY,EAAE,EAAE;IACrC,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,GAAG,KAAK,CAAA;IACvE,MAAM,OAAO,GAAG,SAAS,CAAC,KAAK,CAAC,CAAA;IAEhC,OAAO,CACL,6BACE,KAAK,EAAE,KAAK,iBACC,UAAU,EACvB,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC,MAAM,CAAC,IAEnE,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,aAAa,CAAA"}
|
|
@@ -19,7 +19,7 @@ import styles from './styles';
|
|
|
19
19
|
const useStyles = makeStyles(styles, {
|
|
20
20
|
name: 'PicassoBreadcrumbs'
|
|
21
21
|
});
|
|
22
|
-
const Active = props => {
|
|
22
|
+
const Active = (props) => {
|
|
23
23
|
return React.createElement(Typography, Object.assign({ weight: 'semibold', color: 'black' }, props));
|
|
24
24
|
};
|
|
25
25
|
export const BreadcrumbsItem = forwardRef(function BreadcrumbsItem(props, ref) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BreadcrumbsItem.js","sourceRoot":"","sources":["../../src/BreadcrumbsItem/BreadcrumbsItem.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EACZ,UAAU,EAIX,MAAM,OAAO,CAAA;AACd,OAAO,EAIL,YAAY,EACb,MAAM,wBAAwB,CAAA;AAC/B,OAAO,EAAS,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAC5D,OAAO,EAAE,MAAM,YAAY,CAAA;AAE3B,OAAO,UAAU,MAAM,eAAe,CAAA;AACtC,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AACtC,OAAO,MAAM,MAAM,UAAU,CAAA;AAY7B,MAAM,SAAS,GAAG,UAAU,CAAQ,MAAM,EAAE;IAC1C,IAAI,EAAE,oBAAoB;CAC3B,CAAC,CAAA;AAEF,MAAM,MAAM,
|
|
1
|
+
{"version":3,"file":"BreadcrumbsItem.js","sourceRoot":"","sources":["../../src/BreadcrumbsItem/BreadcrumbsItem.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EACZ,UAAU,EAIX,MAAM,OAAO,CAAA;AACd,OAAO,EAIL,YAAY,EACb,MAAM,wBAAwB,CAAA;AAC/B,OAAO,EAAS,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAC5D,OAAO,EAAE,MAAM,YAAY,CAAA;AAE3B,OAAO,UAAU,MAAM,eAAe,CAAA;AACtC,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AACtC,OAAO,MAAM,MAAM,UAAU,CAAA;AAY7B,MAAM,SAAS,GAAG,UAAU,CAAQ,MAAM,EAAE;IAC1C,IAAI,EAAE,oBAAoB;CAC3B,CAAC,CAAA;AAEF,MAAM,MAAM,GAAG,CAAC,KAA8B,EAAE,EAAE;IAChD,OAAO,oBAAC,UAAU,kBAAC,MAAM,EAAC,UAAU,EAAC,KAAK,EAAC,OAAO,IAAK,KAAK,EAAI,CAAA;AAClE,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,eAAe,GAAgC,UAAU,CAGpE,SAAS,eAAe,CAAC,KAAK,EAAE,GAAG;IACnC,MAAM,EACJ,EAAE,EACF,MAAM,EACN,QAAQ,EACR,SAAS,EACT,SAAS,EAAE,cAAc,KAEvB,KAAK,EADJ,IAAI,UACL,KAAK,EAPH,sDAOL,CAAQ,CAAA;IACT,MAAM,SAAS,GAAG,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,IAAI,MAAM,CAAA;IAChD,MAAM,OAAO,GAAG,SAAS,EAAE,CAAA;IAE3B,MAAM,SAAS,GAAG,YAAY,CAAC,cAAc,CAAC,CAAA;IAE9C,OAAO,CACL,oBAAC,SAAS,kBAAC,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,SAAS,CAAC,IAAM,IAAI,GAClE,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CACnC,CACb,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,CAAC,YAAY,GAAG;IAC7B,EAAE,EAAE,MAAM;CACX,CAAA;AAED,eAAe,CAAC,WAAW,GAAG,iBAAiB,CAAA;AAE/C,eAAe,eAAe,CAAA"}
|
package/Button/styles.d.ts
CHANGED
|
@@ -36,5 +36,5 @@ export declare const createVariant: (mainColor: string, { palette }: Theme) => {
|
|
|
36
36
|
backgroundColor: string | undefined;
|
|
37
37
|
};
|
|
38
38
|
};
|
|
39
|
-
declare const _default: (theme: Theme) => import("@material-ui/styles").StyleRules<{}, "content" | "
|
|
39
|
+
declare const _default: (theme: Theme) => import("@material-ui/styles").StyleRules<{}, "content" | "transparent" | "hidden" | "medium" | "large" | "small" | "icon" | "active" | "disabled" | "root" | "focusVisible" | "focused" | "fullWidth" | "primary" | "secondary" | "loader" | "negative" | "positive" | "hovered" | "iconLeft" | "iconRight">;
|
|
40
40
|
export default _default;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { Theme } from '@material-ui/core/styles';
|
|
2
|
-
declare const _default: (theme: Theme) => import("@material-ui/styles").StyleRules<{}, "active" | "disabled" | "root" | "
|
|
2
|
+
declare const _default: (theme: Theme) => import("@material-ui/styles").StyleRules<{}, "active" | "disabled" | "root" | "group" | "focused" | "hovered">;
|
|
3
3
|
export default _default;
|
|
@@ -1,8 +1,10 @@
|
|
|
1
|
-
import { FC } from 'react';
|
|
2
1
|
import { BaseProps } from '@toptal/picasso-shared';
|
|
3
2
|
import { ButtonProps } from '../Button';
|
|
4
3
|
export interface Props extends BaseProps, Pick<ButtonProps, 'size'> {
|
|
5
4
|
circular?: boolean;
|
|
6
5
|
}
|
|
7
|
-
export declare const ButtonLoader:
|
|
6
|
+
export declare const ButtonLoader: {
|
|
7
|
+
({ style, className, size, circular }: Props): JSX.Element;
|
|
8
|
+
displayName: string;
|
|
9
|
+
};
|
|
8
10
|
export default ButtonLoader;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonLoader.js","sourceRoot":"","sources":["../../src/ButtonLoader/ButtonLoader.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"ButtonLoader.js","sourceRoot":"","sources":["../../src/ButtonLoader/ButtonLoader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,aAAa,MAAM,sBAAsB,CAAA;AAEhD,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAA;AAOlC,MAAM,aAAa,GAAG,CAAC,CAAA;AAEvB,+FAA+F;AAC/F,MAAM,YAAY,GAAG;IACnB,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;IACV,KAAK,EAAE,EAAE;CACV,CAAA;AAED,MAAM,0BAA0B,GAAG;IACjC,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;IACV,KAAK,EAAE,EAAE;CACV,CAAA;AAED,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAC3B,KAAK,EACL,SAAS,EACT,IAAI,GAAG,QAAQ,EACf,QAAQ,GAAG,KAAK,EACV,EAAE,EAAE;IACV,MAAM,YAAY,GAAG,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,aAAa,CAAA;IACrD,MAAM,MAAM,GAAG,YAAY,CAAC,IAAI,CAAC,CAAA;IACjC,MAAM,KAAK,GAAG,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,GAAG,0BAA0B,CAAC,IAAI,CAAC,CAAA;IAE3E,OAAO,CACL,oBAAC,aAAa,IACZ,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,KAAK,IAAI,MAAM,EAAE,EACjC,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,KAAK,EACzB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK;QAEZ,8BACE,CAAC,EAAC,GAAG,EACL,CAAC,EAAC,GAAG,EACL,EAAE,EAAE,YAAY,EAChB,EAAE,EAAE,YAAY,EAChB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,GACd,CACY,CACjB,CAAA;AACH,CAAC,CAAA;AAED,YAAY,CAAC,WAAW,GAAG,cAAc,CAAA;AAEzC,eAAe,YAAY,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonSplit.js","sourceRoot":"","sources":["../../src/ButtonSplit/ButtonSplit.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"ButtonSplit.js","sourceRoot":"","sources":["../../src/ButtonSplit/ButtonSplit.tsx"],"names":[],"mappings":"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"}
|
package/Calendar/styles.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { Theme } from '@material-ui/core/styles';
|
|
2
|
-
declare const _default: ({ palette, shadows }: Theme) => import("@material-ui/styles").StyleRules<{}, "disabled" | "root" | "
|
|
2
|
+
declare const _default: ({ palette, shadows }: Theme) => import("@material-ui/styles").StyleRules<{}, "disabled" | "root" | "month" | "week" | "selected" | "day" | "weekDays" | "weekDay" | "actions" | "selectable" | "startSelection" | "endSelection" | "today" | "grayed">;
|
|
3
3
|
export default _default;
|
package/Checkbox/Checkbox.d.ts
CHANGED
|
@@ -21,6 +21,11 @@ export interface Props extends BaseProps, TextLabelProps, Omit<ButtonOrAnchorPro
|
|
|
21
21
|
}
|
|
22
22
|
export declare const Checkbox: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLButtonElement | HTMLLabelElement>>;
|
|
23
23
|
declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLButtonElement | HTMLLabelElement>> & {
|
|
24
|
-
Group:
|
|
24
|
+
Group: {
|
|
25
|
+
(props: import("../CheckboxGroup/CheckboxGroup").Props): JSX.Element;
|
|
26
|
+
defaultProps: {
|
|
27
|
+
horizontal: boolean;
|
|
28
|
+
};
|
|
29
|
+
};
|
|
25
30
|
};
|
|
26
31
|
export default _default;
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import { FunctionComponent } from 'react';
|
|
2
1
|
import { FormGroupProps } from '@material-ui/core/FormGroup';
|
|
3
2
|
import { GridSize } from '@material-ui/core/Grid';
|
|
4
3
|
import { GridProps } from '../Grid';
|
|
@@ -15,5 +14,10 @@ export interface Props extends FormGroupProps {
|
|
|
15
14
|
/** Defines the number of grids the component is going to use. It's applied for the large breakpoint and wider screens */
|
|
16
15
|
large?: boolean | GridSize;
|
|
17
16
|
}
|
|
18
|
-
declare const CheckboxGroup:
|
|
17
|
+
declare const CheckboxGroup: {
|
|
18
|
+
(props: Props): JSX.Element;
|
|
19
|
+
defaultProps: {
|
|
20
|
+
horizontal: boolean;
|
|
21
|
+
};
|
|
22
|
+
};
|
|
19
23
|
export default CheckboxGroup;
|
|
@@ -18,7 +18,7 @@ import styles from './styles';
|
|
|
18
18
|
const useStyles = makeStyles(styles, {
|
|
19
19
|
name: 'PicassoCheckboxGroup'
|
|
20
20
|
});
|
|
21
|
-
const CheckboxGroup = props => {
|
|
21
|
+
const CheckboxGroup = (props) => {
|
|
22
22
|
const { horizontal, spacing, small, medium, large, className } = props, rest = __rest(props, ["horizontal", "spacing", "small", "medium", "large", "className"]);
|
|
23
23
|
const _a = useStyles(), { grid: gridClass, gridItem: gridItemClass } = _a, classes = __rest(_a, ["grid", "gridItem"]);
|
|
24
24
|
const { spacing: themeSpacing } = useTheme();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CheckboxGroup.js","sourceRoot":"","sources":["../../src/CheckboxGroup/CheckboxGroup.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"CheckboxGroup.js","sourceRoot":"","sources":["../../src/CheckboxGroup/CheckboxGroup.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,SAA6B,MAAM,6BAA6B,CAAA;AAEvE,OAAO,EAAE,UAAU,EAAS,QAAQ,EAAE,MAAM,0BAA0B,CAAA;AACtE,OAAO,EAAE,MAAM,YAAY,CAAA;AAE3B,OAAO,IAAmB,MAAM,SAAS,CAAA;AACzC,OAAO,MAAM,MAAM,UAAU,CAAA;AAiB7B,MAAM,SAAS,GAAG,UAAU,CAAQ,MAAM,EAAE;IAC1C,IAAI,EAAE,sBAAsB;CAC7B,CAAC,CAAA;AAEF,MAAM,aAAa,GAAG,CAAC,KAAY,EAAE,EAAE;IACrC,MAAM,EACJ,UAAU,EACV,OAAO,EACP,KAAK,EACL,MAAM,EACN,KAAK,EACL,SAAS,KAEP,KAAK,EADJ,IAAI,UACL,KAAK,EARH,kEAQL,CAAQ,CAAA;IAET,MAAM,KAA2D,SAAS,EAAE,EAAtE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,aAAa,OAA4B,EAAvB,OAAO,cAAtD,oBAAwD,CAAc,CAAA;IAC5E,MAAM,EAAE,OAAO,EAAE,YAAY,EAAE,GAAG,QAAQ,EAAE,CAAA;IAE5C,MAAM,SAAS,GAAG,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAA;IAC/C,MAAM,WAAW,GAAG,CAAA,OAAO,aAAP,OAAO,cAAP,OAAO,GAAI,UAAU,EAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;IAE/D,MAAM,QAAQ,GAAG,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAA;IAEtD,OAAO,CACL,oBAAC,SAAS,oBACJ,IAAI,IACR,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,SAAS,CAAC;QAEtC,oBAAC,IAAI,IACH,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,WAA0B,EACnC,SAAS,EAAE,SAAS,IAEnB,QAAQ,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAC9B,oBAAC,IAAI,CAAC,IAAI,IACR,GAAG,EAAE,MAAM,CAAC,KAAK,CAAC,EAClB,SAAS,EAAE,aAAa,EACxB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,IAEX,KAAK,CACI,CACb,CAAC,CACG,CACG,CACb,CAAA;AACH,CAAC,CAAA;AAED,aAAa,CAAC,YAAY,GAAG;IAC3B,UAAU,EAAE,KAAK;CAClB,CAAA;AAED,eAAe,aAAa,CAAA"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { HTMLAttributes } from 'react';
|
|
2
2
|
import { StandardProps } from '@toptal/picasso-shared';
|
|
3
3
|
declare type VariantType = 'determinate' | 'indeterminate' | 'static';
|
|
4
4
|
export interface Props extends StandardProps, Omit<HTMLAttributes<HTMLDivElement>, 'color'> {
|
|
@@ -9,5 +9,8 @@ export interface Props extends StandardProps, Omit<HTMLAttributes<HTMLDivElement
|
|
|
9
9
|
/** Variant of the `Loader` */
|
|
10
10
|
variant?: VariantType;
|
|
11
11
|
}
|
|
12
|
-
declare const CircularProgress:
|
|
12
|
+
declare const CircularProgress: {
|
|
13
|
+
(props: Props): JSX.Element;
|
|
14
|
+
displayName: string;
|
|
15
|
+
};
|
|
13
16
|
export default CircularProgress;
|
|
@@ -16,7 +16,7 @@ import styles from './styles';
|
|
|
16
16
|
const useStyles = makeStyles(styles, {
|
|
17
17
|
name: 'PicassoCircularProgress'
|
|
18
18
|
});
|
|
19
|
-
const CircularProgress = props => {
|
|
19
|
+
const CircularProgress = (props) => {
|
|
20
20
|
const { className, style, size, value, variant } = props, rest = __rest(props, ["className", "style", "size", "value", "variant"]);
|
|
21
21
|
const classes = useStyles(props);
|
|
22
22
|
return (React.createElement(MUICircularProgress, Object.assign({}, rest, { classes: classes, className: className, style: style, size: size, value: value, variant: variant })));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CircularProgress.js","sourceRoot":"","sources":["../../src/CircularProgress/CircularProgress.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"CircularProgress.js","sourceRoot":"","sources":["../../src/CircularProgress/CircularProgress.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAyB,MAAM,OAAO,CAAA;AAC7C,OAAO,EAAE,UAAU,EAAS,MAAM,0BAA0B,CAAA;AAC5D,OAAO,mBAAmB,MAAM,oCAAoC,CAAA;AAGpE,OAAO,MAAM,MAAM,UAAU,CAAA;AAe7B,MAAM,SAAS,GAAG,UAAU,CAAe,MAAM,EAAE;IACjD,IAAI,EAAE,yBAAyB;CAChC,CAAC,CAAA;AAEF,MAAM,gBAAgB,GAAG,CAAC,KAAY,EAAE,EAAE;IACxC,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAA3D,kDAAmD,CAAQ,CAAA;IACjE,MAAM,OAAO,GAAG,SAAS,CAAC,KAAK,CAAC,CAAA;IAEhC,OAAO,CACL,oBAAC,mBAAmB,oBACd,IAAI,IACR,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,IAChB,CACH,CAAA;AACH,CAAC,CAAA;AAED,gBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAA;AAEjD,eAAe,gBAAgB,CAAA"}
|
package/DatePicker/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/DatePicker/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/DatePicker/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AAOtC,OAAO,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAA;AACnD,OAAO,EACL,oCAAoC,EACpC,uCAAuC,EACxC,MAAM,aAAa,CAAA"}
|
package/Drawer/Drawer.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { BaseProps } from '@toptal/picasso-shared';
|
|
2
|
-
import {
|
|
2
|
+
import { ReactNode } from 'react';
|
|
3
3
|
declare type AnchorType = 'bottom' | 'left' | 'right' | 'top';
|
|
4
4
|
declare type WidthType = 'narrow' | 'regular' | 'medium' | 'wide' | 'ultra-wide';
|
|
5
5
|
export interface Props extends BaseProps {
|
|
@@ -18,5 +18,14 @@ export interface Props extends BaseProps {
|
|
|
18
18
|
/** Width of Drawer */
|
|
19
19
|
width?: WidthType;
|
|
20
20
|
}
|
|
21
|
-
export declare const Drawer:
|
|
21
|
+
export declare const Drawer: {
|
|
22
|
+
(props: Props): JSX.Element;
|
|
23
|
+
displayName: string;
|
|
24
|
+
defaultProps: {
|
|
25
|
+
anchor: string;
|
|
26
|
+
disablePortal: boolean;
|
|
27
|
+
onClose: () => void;
|
|
28
|
+
width: string;
|
|
29
|
+
};
|
|
30
|
+
};
|
|
22
31
|
export default Drawer;
|
package/Drawer/Drawer.js
CHANGED
|
@@ -20,7 +20,7 @@ import Button from '../Button';
|
|
|
20
20
|
import Container from '../Container';
|
|
21
21
|
import DrawerTitle from '../DrawerTitle';
|
|
22
22
|
const useStyles = makeStyles(styles, { name: 'PicassoDrawer' });
|
|
23
|
-
export const Drawer = props => {
|
|
23
|
+
export const Drawer = (props) => {
|
|
24
24
|
const { children, disablePortal, open, onClose, title, width = 'regular' } = props, rest = __rest(props, ["children", "disablePortal", "open", "onClose", "title", "width"]);
|
|
25
25
|
const classes = useStyles();
|
|
26
26
|
const { setHasDrawer } = useDrawer();
|
package/Drawer/Drawer.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Drawer.js","sourceRoot":"","sources":["../../src/Drawer/Drawer.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,SAAS,MAAM,0BAA0B,CAAA;AAChD,OAAO,EAAE,UAAU,EAAS,QAAQ,EAAE,MAAM,0BAA0B,CAAA;AACtE,OAAO,EAAE,MAAM,YAAY,CAAA;AAE3B,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAA;AACpE,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"Drawer.js","sourceRoot":"","sources":["../../src/Drawer/Drawer.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,SAAS,MAAM,0BAA0B,CAAA;AAChD,OAAO,EAAE,UAAU,EAAS,QAAQ,EAAE,MAAM,0BAA0B,CAAA;AACtE,OAAO,EAAE,MAAM,YAAY,CAAA;AAE3B,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAA;AACpE,OAAO,KAAK,EAAE,EAAa,eAAe,EAAE,MAAM,OAAO,CAAA;AAEzD,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AACtC,OAAO,MAAM,MAAM,UAAU,CAAA;AAC7B,OAAO,MAAM,MAAM,WAAW,CAAA;AAC9B,OAAO,SAAS,MAAM,cAAc,CAAA;AACpC,OAAO,WAAW,MAAM,gBAAgB,CAAA;AAuBxC,MAAM,SAAS,GAAG,UAAU,CAAQ,MAAM,EAAE,EAAE,IAAI,EAAE,eAAe,EAAE,CAAC,CAAA;AAEtE,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,KAAY,EAAE,EAAE;IACrC,MAAM,EACJ,QAAQ,EACR,aAAa,EACb,IAAI,EACJ,OAAO,EACP,KAAK,EACL,KAAK,GAAG,SAAS,KAEf,KAAK,EADJ,IAAI,UACL,KAAK,EARH,kEAQL,CAAQ,CAAA;IACT,MAAM,OAAO,GAAG,SAAS,EAAE,CAAA;IAC3B,MAAM,EAAE,YAAY,EAAE,GAAG,SAAS,EAAE,CAAA;IACpC,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,SAAS,GAAG,cAAc,EAAE,CAAA;IAElC,eAAe,CAAC,GAAG,EAAE;QACnB,YAAY,CAAC,IAAI,CAAC,CAAA;QAElB,MAAM,OAAO,GAAG,GAAG,EAAE;YACnB,YAAY,CAAC,KAAK,CAAC,CAAA;QACrB,CAAC,CAAA;QAED,OAAO,OAAO,CAAA;IAChB,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,CAAC,CAAC,CAAA;IAExB,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,IAAI,OAAO,EAAE;YACX,OAAO,EAAE,CAAA;SACV;IACH,CAAC,CAAA;IAED,OAAO,CACL,oBAAC,SAAS,oBACJ,IAAI,IACR,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,aAAa,EACtB,aAAa,EAAE,aAAa,EAC5B,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,EAAE,KAAK,EAAE,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,EAAE;QAEtD,oBAAC,SAAS,IACR,IAAI,QACJ,SAAS,EAAC,QAAQ,EAClB,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,SAAS,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;YAEhD,oBAAC,WAAW,IAAC,KAAK,EAAE,KAAK,GAAI;YAC7B,oBAAC,SAAS,IAAC,IAAI,QAAC,SAAS,EAAE,OAAO,CAAC,OAAO,IACvC,QAAQ,CACC;YACZ,oBAAC,MAAM,CAAC,QAAQ,IACd,OAAO,EAAC,MAAM,EACd,IAAI,EAAE,oBAAC,YAAY,OAAG,EACtB,OAAO,EAAE,aAAa,EACtB,SAAS,EAAE,OAAO,CAAC,WAAW,GAC9B,CACQ,CACF,CACb,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAA;AAE7B,MAAM,CAAC,YAAY,GAAG;IACpB,MAAM,EAAE,OAAO;IACf,aAAa,EAAE,KAAK;IACpB,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC;IACjB,KAAK,EAAE,SAAS;CACjB,CAAA;AAED,eAAe,MAAM,CAAA"}
|
|
@@ -12,7 +12,7 @@ PicassoProvider.override(({ palette, typography }) => ({
|
|
|
12
12
|
fontSize: '1em',
|
|
13
13
|
color: palette.text.primary,
|
|
14
14
|
lineHeight: '1.5em',
|
|
15
|
-
fontWeight: typography.
|
|
15
|
+
fontWeight: typography.fontWeights.regular,
|
|
16
16
|
cursor: 'pointer',
|
|
17
17
|
userSelect: 'none',
|
|
18
18
|
'&$disabled': {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/FormControlLabel/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAS,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAC9D,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAA;AAE1D,eAAe,CAAC,QAAQ,CAAC,CAAC,EAAE,OAAO,EAAE,UAAU,EAAS,EAAE,EAAE,CAAC,CAAC;IAC5D,mBAAmB,EAAE;QACnB,IAAI,EAAE;YACJ,UAAU,EAAE,CAAC;YACb,WAAW,EAAE,CAAC;SACf;QACD,KAAK,EAAE;YACL,OAAO,EAAE,aAAa;YACtB,UAAU,EAAE,QAAQ;YAEpB,QAAQ,EAAE,KAAK;YACf,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,OAAO;YAC3B,UAAU,EAAE,OAAO;YACnB,UAAU,EAAE,UAAU,CAAC,
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/FormControlLabel/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAS,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAC9D,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAA;AAE1D,eAAe,CAAC,QAAQ,CAAC,CAAC,EAAE,OAAO,EAAE,UAAU,EAAS,EAAE,EAAE,CAAC,CAAC;IAC5D,mBAAmB,EAAE;QACnB,IAAI,EAAE;YACJ,UAAU,EAAE,CAAC;YACb,WAAW,EAAE,CAAC;SACf;QACD,KAAK,EAAE;YACL,OAAO,EAAE,aAAa;YACtB,UAAU,EAAE,QAAQ;YAEpB,QAAQ,EAAE,KAAK;YACf,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,OAAO;YAC3B,UAAU,EAAE,OAAO;YACnB,UAAU,EAAE,UAAU,CAAC,WAAW,CAAC,OAAO;YAC1C,MAAM,EAAE,SAAS;YACjB,UAAU,EAAE,MAAM;YAElB,YAAY,EAAE;gBACZ,aAAa,EAAE,MAAM;aACtB;SACF;KACF;CACF,CAAC,CAAC,CAAA;AAEH,eAAe,GAAG,EAAE,CAClB,YAAY,CAAC;IACX,IAAI,EAAE;QACJ,OAAO,EAAE,aAAa;QACtB,UAAU,EAAE,QAAQ;QACpB,MAAM,EAAE,SAAS;QACjB,eAAe;QACf,QAAQ,EAAE,MAAM;QAChB,uCAAuC;QACvC,aAAa,EAAE,QAAQ;QACvB,uBAAuB,EAAE,aAAa;QACtC,YAAY,EAAE;YACZ,MAAM,EAAE,SAAS;SAClB;QACD,UAAU,EAAE,CAAC;QACb,WAAW,EAAE,CAAC;KACf;IACD,KAAK,EAAE;QACL,YAAY,EAAE;YACZ,aAAa,EAAE,MAAM;SACtB;KACF;IACD,QAAQ,EAAE,EAAE;CACb,CAAC,CAAA"}
|
|
@@ -1,5 +1,7 @@
|
|
|
1
|
-
import { FC } from 'react';
|
|
2
1
|
import { BaseProps } from '@toptal/picasso-shared';
|
|
3
2
|
export declare type Props = BaseProps;
|
|
4
|
-
export declare const HeaderLoader:
|
|
3
|
+
export declare const HeaderLoader: {
|
|
4
|
+
({ className, style }: Props): JSX.Element;
|
|
5
|
+
displayName: string;
|
|
6
|
+
};
|
|
5
7
|
export default HeaderLoader;
|
|
@@ -6,8 +6,10 @@ const WIDTH = 200;
|
|
|
6
6
|
const CONTAINER_HEIGHT = HEIGHT * 2;
|
|
7
7
|
const VERTICAL_OFFSET = HEIGHT / 2;
|
|
8
8
|
const BORDER_RADIUS = HEIGHT / 2;
|
|
9
|
-
export const HeaderLoader = ({ className, style }) =>
|
|
10
|
-
React.createElement(
|
|
9
|
+
export const HeaderLoader = ({ className, style }) => {
|
|
10
|
+
return (React.createElement(ContentLoader, { className: className, color: palette.grey.main2, width: WIDTH, height: CONTAINER_HEIGHT, style: style },
|
|
11
|
+
React.createElement("rect", { x: '0', y: VERTICAL_OFFSET, rx: BORDER_RADIUS, ry: BORDER_RADIUS, width: '100%', height: HEIGHT })));
|
|
12
|
+
};
|
|
11
13
|
HeaderLoader.displayName = 'HeaderLoader';
|
|
12
14
|
export default HeaderLoader;
|
|
13
15
|
//# sourceMappingURL=HeaderLoader.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HeaderLoader.js","sourceRoot":"","sources":["../../src/HeaderLoader/HeaderLoader.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"HeaderLoader.js","sourceRoot":"","sources":["../../src/HeaderLoader/HeaderLoader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,aAAa,MAAM,sBAAsB,CAAA;AAEhD,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAA;AAElC,MAAM,MAAM,GAAG,EAAE,CAAA;AACjB,MAAM,KAAK,GAAG,GAAG,CAAA;AACjB,MAAM,gBAAgB,GAAG,MAAM,GAAG,CAAC,CAAA;AACnC,MAAM,eAAe,GAAG,MAAM,GAAG,CAAC,CAAA;AAClC,MAAM,aAAa,GAAG,MAAM,GAAG,CAAC,CAAA;AAIhC,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAAE,SAAS,EAAE,KAAK,EAAS,EAAE,EAAE;IAC1D,OAAO,CACL,oBAAC,aAAa,IACZ,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,KAAK,EACzB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,gBAAgB,EACxB,KAAK,EAAE,KAAK;QAEZ,8BACE,CAAC,EAAC,GAAG,EACL,CAAC,EAAE,eAAe,EAClB,EAAE,EAAE,aAAa,EACjB,EAAE,EAAE,aAAa,EACjB,KAAK,EAAC,MAAM,EACZ,MAAM,EAAE,MAAM,GACd,CACY,CACjB,CAAA;AACH,CAAC,CAAA;AAED,YAAY,CAAC,WAAW,GAAG,cAAc,CAAA;AAEzC,eAAe,YAAY,CAAA"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ReactNode,
|
|
1
|
+
import { ReactNode, HTMLAttributes } from 'react';
|
|
2
2
|
import { BaseProps } from '@toptal/picasso-shared';
|
|
3
3
|
declare type PositionType = 'start' | 'end';
|
|
4
4
|
export interface Props extends BaseProps, HTMLAttributes<HTMLDivElement> {
|
|
@@ -9,5 +9,5 @@ export interface Props extends BaseProps, HTMLAttributes<HTMLDivElement> {
|
|
|
9
9
|
stopPropagation?: boolean;
|
|
10
10
|
'data-testid'?: string;
|
|
11
11
|
}
|
|
12
|
-
declare const InputAdornment:
|
|
12
|
+
declare const InputAdornment: (props: Props) => JSX.Element;
|
|
13
13
|
export default InputAdornment;
|
|
@@ -18,7 +18,7 @@ import noop from '../utils/noop';
|
|
|
18
18
|
const useStyles = makeStyles(styles, {
|
|
19
19
|
name: 'PicassoInputAdornment'
|
|
20
20
|
});
|
|
21
|
-
const InputAdornment = props => {
|
|
21
|
+
const InputAdornment = (props) => {
|
|
22
22
|
const { className, style, children, position, disabled, disablePointerEvents, stopPropagation, 'data-testid': dataTestId, onClick = noop } = props, rest = __rest(props, ["className", "style", "children", "position", "disabled", "disablePointerEvents", "stopPropagation", 'data-testid', "onClick"]);
|
|
23
23
|
const classes = useStyles();
|
|
24
24
|
const handleClick = useCallback((event) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputAdornment.js","sourceRoot":"","sources":["../../src/InputAdornment/InputAdornment.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"InputAdornment.js","sourceRoot":"","sources":["../../src/InputAdornment/InputAdornment.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAIZ,WAAW,EACZ,MAAM,OAAO,CAAA;AACd,OAAO,EAAE,UAAU,EAAS,MAAM,0BAA0B,CAAA;AAC5D,OAAO,iBAAiB,MAAM,kCAAkC,CAAA;AAChE,OAAO,EAAE,MAAM,YAAY,CAAA;AAG3B,OAAO,MAAM,MAAM,UAAU,CAAA;AAC7B,OAAO,IAAI,MAAM,eAAe,CAAA;AAahC,MAAM,SAAS,GAAG,UAAU,CAAQ,MAAM,EAAE;IAC1C,IAAI,EAAE,uBAAuB;CAC9B,CAAC,CAAA;AAEF,MAAM,cAAc,GAAG,CAAC,KAAY,EAAE,EAAE;IACtC,MAAM,EACJ,SAAS,EACT,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,oBAAoB,EACpB,eAAe,EACf,aAAa,EAAE,UAAU,EACzB,OAAO,GAAG,IAAI,KAEZ,KAAK,EADJ,IAAI,UACL,KAAK,EAXH,+HAWL,CAAQ,CAAA;IAET,MAAM,OAAO,GAAG,SAAS,EAAE,CAAA;IAC3B,MAAM,WAAW,GAAG,WAAW,CAC7B,CAAC,KAAiC,EAAE,EAAE;QACpC,IAAI,eAAe,EAAE;YACnB,KAAK,CAAC,eAAe,EAAE,CAAA;SACxB;QAED,OAAO,CAAC,KAAK,CAAC,CAAA;IAChB,CAAC,EACD,CAAC,OAAO,EAAE,eAAe,CAAC,CAC3B,CAAA;IAED,OAAO,CACL,oBAAC,iBAAiB,oBACZ,IAAI,IACR,OAAO,EAAE;YACP,IAAI,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE;gBACrB,CAAC,OAAO,CAAC,YAAY,CAAC,EAAE,QAAQ;aACjC,CAAC;SACH,EACD,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,oBAAoB,EAAE,oBAAoB,EAC1C,OAAO,EAAE,WAAW,iBACP,UAAU,KAEtB,QAAQ,CACS,CACrB,CAAA;AACH,CAAC,CAAA;AAED,eAAe,cAAc,CAAA"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ReactNode,
|
|
1
|
+
import { ReactNode, LabelHTMLAttributes } from 'react';
|
|
2
2
|
import { BaseProps } from '@toptal/picasso-shared';
|
|
3
3
|
declare type VariantType = 'standard' | 'outlined' | 'filled';
|
|
4
4
|
export interface Props extends BaseProps, Omit<LabelHTMLAttributes<HTMLLabelElement>, 'color'> {
|
|
@@ -7,5 +7,5 @@ export interface Props extends BaseProps, Omit<LabelHTMLAttributes<HTMLLabelElem
|
|
|
7
7
|
/** Label content */
|
|
8
8
|
children?: ReactNode;
|
|
9
9
|
}
|
|
10
|
-
declare const InputLabel:
|
|
10
|
+
declare const InputLabel: (props: Props) => JSX.Element;
|
|
11
11
|
export default InputLabel;
|
package/InputLabel/InputLabel.js
CHANGED
|
@@ -14,7 +14,7 @@ import { makeStyles } from '@material-ui/core/styles';
|
|
|
14
14
|
import MUIInputLabel from '@material-ui/core/InputLabel';
|
|
15
15
|
import styles from './styles';
|
|
16
16
|
const useStyles = makeStyles(styles, { name: 'PicassoInputLabel' });
|
|
17
|
-
const InputLabel = props => {
|
|
17
|
+
const InputLabel = (props) => {
|
|
18
18
|
const { variant, htmlFor, className, style, children } = props, rest = __rest(props, ["variant", "htmlFor", "className", "style", "children"]);
|
|
19
19
|
const classes = useStyles();
|
|
20
20
|
return (React.createElement(MUIInputLabel, Object.assign({}, rest, { variant: variant, htmlFor: htmlFor, classes: classes, className: className, style: style }), children));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputLabel.js","sourceRoot":"","sources":["../../src/InputLabel/InputLabel.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"InputLabel.js","sourceRoot":"","sources":["../../src/InputLabel/InputLabel.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAyC,MAAM,OAAO,CAAA;AAC7D,OAAO,EAAE,UAAU,EAAS,MAAM,0BAA0B,CAAA;AAC5D,OAAO,aAAa,MAAM,8BAA8B,CAAA;AAGxD,OAAO,MAAM,MAAM,UAAU,CAAA;AAa7B,MAAM,SAAS,GAAG,UAAU,CAAQ,MAAM,EAAE,EAAE,IAAI,EAAE,mBAAmB,EAAE,CAAC,CAAA;AAE1E,MAAM,UAAU,GAAG,CAAC,KAAY,EAAE,EAAE;IAClC,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAAjE,wDAAyD,CAAQ,CAAA;IAEvE,MAAM,OAAO,GAAG,SAAS,EAAE,CAAA;IAE3B,OAAO,CACL,oBAAC,aAAa,oBACR,IAAI,IACR,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,KAEX,QAAQ,CACK,CACjB,CAAA;AACH,CAAC,CAAA;AAED,eAAe,UAAU,CAAA"}
|
|
@@ -11,92 +11,19 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
11
11
|
};
|
|
12
12
|
import React, { forwardRef, useRef } from 'react';
|
|
13
13
|
import { makeStyles } from '@material-ui/core/styles';
|
|
14
|
-
import ButtonBase from '@material-ui/core/ButtonBase';
|
|
15
|
-
import cx from 'classnames';
|
|
16
14
|
import OutlinedInput from '../OutlinedInput';
|
|
17
15
|
import InputAdornment from '../InputAdornment';
|
|
18
|
-
import Container from '../Container';
|
|
19
16
|
import { useCombinedRefs } from '../utils';
|
|
20
|
-
import { ArrowDownMinor16, ArrowUpMinor16 } from '../Icon';
|
|
21
17
|
import styles from './styles';
|
|
22
|
-
import
|
|
23
|
-
// eslint-disable-next-line @typescript-eslint/no-non-null-assertion
|
|
24
|
-
const nativeInputValueSetter = isBrowser()
|
|
25
|
-
? Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype, 'value').set
|
|
26
|
-
: undefined;
|
|
27
|
-
const NumberAdornment = (props) => {
|
|
28
|
-
const { step, min, max, value, inputRef, classes, disabled, size = 'medium' } = props;
|
|
29
|
-
const normalizedStep = Number(step);
|
|
30
|
-
const normalizedValue = Number(value);
|
|
31
|
-
const normalizedMin = Number(min);
|
|
32
|
-
const normalizedMax = Number(max);
|
|
33
|
-
const fireEvent = (nextValue) => {
|
|
34
|
-
if (!nativeInputValueSetter) {
|
|
35
|
-
return;
|
|
36
|
-
}
|
|
37
|
-
const input = inputRef.current;
|
|
38
|
-
nativeInputValueSetter.call(input, nextValue);
|
|
39
|
-
const event = new Event('input', {
|
|
40
|
-
bubbles: true,
|
|
41
|
-
cancelable: true
|
|
42
|
-
});
|
|
43
|
-
if (input) {
|
|
44
|
-
input.dispatchEvent(event);
|
|
45
|
-
}
|
|
46
|
-
};
|
|
47
|
-
const handleUpClick = () => {
|
|
48
|
-
if (typeof value === 'undefined') {
|
|
49
|
-
return;
|
|
50
|
-
}
|
|
51
|
-
let nextValue = normalizedValue + normalizedStep;
|
|
52
|
-
if (nextValue <= max) {
|
|
53
|
-
if (normalizedValue < normalizedMin + normalizedStep) {
|
|
54
|
-
nextValue = normalizedMin + normalizedStep;
|
|
55
|
-
}
|
|
56
|
-
fireEvent(nextValue);
|
|
57
|
-
}
|
|
58
|
-
else if (normalizedValue !== normalizedMax) {
|
|
59
|
-
nextValue = normalizedMax;
|
|
60
|
-
fireEvent(nextValue);
|
|
61
|
-
}
|
|
62
|
-
};
|
|
63
|
-
const handleDownClick = () => {
|
|
64
|
-
if (typeof value === 'undefined') {
|
|
65
|
-
return;
|
|
66
|
-
}
|
|
67
|
-
let nextValue = normalizedValue - normalizedStep;
|
|
68
|
-
if (nextValue >= min) {
|
|
69
|
-
if (normalizedValue > normalizedMax - normalizedStep) {
|
|
70
|
-
nextValue = normalizedMax - normalizedStep;
|
|
71
|
-
}
|
|
72
|
-
fireEvent(nextValue);
|
|
73
|
-
}
|
|
74
|
-
else if (normalizedValue !== normalizedMin) {
|
|
75
|
-
nextValue = normalizedMin;
|
|
76
|
-
fireEvent(nextValue);
|
|
77
|
-
}
|
|
78
|
-
};
|
|
79
|
-
return (React.createElement(InputAdornment, { position: 'end' },
|
|
80
|
-
React.createElement(Container, { flex: true, direction: 'column', inline: true },
|
|
81
|
-
React.createElement(ButtonBase, { disabled: disabled, classes: {
|
|
82
|
-
root: cx(classes.control, classes[size]),
|
|
83
|
-
disabled: classes.controlDisabled
|
|
84
|
-
}, onClick: handleUpClick },
|
|
85
|
-
React.createElement(ArrowUpMinor16, null)),
|
|
86
|
-
React.createElement(ButtonBase, { disabled: disabled, classes: {
|
|
87
|
-
root: cx(classes.control, classes[size]),
|
|
88
|
-
disabled: classes.controlDisabled
|
|
89
|
-
}, onClick: handleDownClick },
|
|
90
|
-
React.createElement(ArrowDownMinor16, null)))));
|
|
91
|
-
};
|
|
18
|
+
import { NumberInputEndAdornment } from '../NumberInputEndAdornment';
|
|
92
19
|
const useStyles = makeStyles(styles, {
|
|
93
20
|
name: 'PicassoNumberInput'
|
|
94
21
|
});
|
|
95
22
|
export const NumberInput = forwardRef(function NumberInput(props, ref) {
|
|
96
23
|
const { step = 1, min = -Infinity, max = Infinity, hideControls, value, onChange, disabled, error, onResetClick, enableReset, width, icon, size } = props, rest = __rest(props, ["step", "min", "max", "hideControls", "value", "onChange", "disabled", "error", "onResetClick", "enableReset", "width", "icon", "size"]);
|
|
97
|
-
const classes = useStyles();
|
|
24
|
+
const classes = useStyles(props);
|
|
98
25
|
const inputRef = useCombinedRefs(ref, useRef(null));
|
|
99
|
-
const endAdornment = hideControls ? null : (React.createElement(
|
|
26
|
+
const endAdornment = hideControls ? null : (React.createElement(NumberInputEndAdornment, { step: step, min: min, max: max, value: value, disabled: disabled, size: size, inputRef: inputRef }));
|
|
100
27
|
const startAdornment = icon ? (React.createElement(InputAdornment, { position: 'start', disablePointerEvents: true }, icon)) : null;
|
|
101
28
|
return (React.createElement(OutlinedInput, { classes: {
|
|
102
29
|
root: classes.root,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NumberInput.js","sourceRoot":"","sources":["../../src/NumberInput/NumberInput.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"NumberInput.js","sourceRoot":"","sources":["../../src/NumberInput/NumberInput.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,EAAa,MAAM,OAAO,CAAA;AAC5D,OAAO,EAAE,UAAU,EAAS,MAAM,0BAA0B,CAAA;AAG5D,OAAO,aAA8C,MAAM,kBAAkB,CAAA;AAC7E,OAAO,cAAc,MAAM,mBAAmB,CAAA;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAC1C,OAAO,MAAM,MAAM,UAAU,CAAA;AAC7B,OAAO,EAAE,uBAAuB,EAAE,MAAM,4BAA4B,CAAA;AA4BpE,MAAM,SAAS,GAAG,UAAU,CAAe,MAAM,EAAE;IACjD,IAAI,EAAE,oBAAoB;CAC3B,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,UAAU,CACnC,SAAS,WAAW,CAAC,KAAK,EAAE,GAAG;IAC7B,MAAM,EACJ,IAAI,GAAG,CAAC,EACR,GAAG,GAAG,CAAC,QAAQ,EACf,GAAG,GAAG,QAAQ,EACd,YAAY,EACZ,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,YAAY,EACZ,WAAW,EACX,KAAK,EACL,IAAI,EACJ,IAAI,KAEF,KAAK,EADJ,IAAI,UACL,KAAK,EAfH,wIAeL,CAAQ,CAAA;IAET,MAAM,OAAO,GAAG,SAAS,CAAC,KAAK,CAAC,CAAA;IAEhC,MAAM,QAAQ,GAAG,eAAe,CAC9B,GAAG,EACH,MAAM,CAAmB,IAAI,CAAC,CAC/B,CAAA;IAED,MAAM,YAAY,GAAG,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACzC,oBAAC,uBAAuB,IACtB,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,GAClB,CACH,CAAA;IAED,MAAM,cAAc,GAAG,IAAI,CAAC,CAAC,CAAC,CAC5B,oBAAC,cAAc,IAAC,QAAQ,EAAC,OAAO,EAAC,oBAAoB,UAClD,IAAI,CACU,CAClB,CAAC,CAAC,CAAC,IAAI,CAAA;IAER,OAAO,CACL,oBAAC,aAAa,IACZ,OAAO,EAAE;YACP,IAAI,EAAE,OAAO,CAAC,IAAI;YAClB,KAAK,EAAE,OAAO,CAAC,KAAK;SACrB,EACD,UAAU,kCACL,IAAI,KACP,IAAI;YACJ,GAAG;YACH,GAAG,KAEL,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,YAAY,EAC1B,cAAc,EAAE,cAAc,EAC9B,IAAI,EAAE,IAAI,GACV,CACH,CAAA;AACH,CAAC,CACF,CAAA;AAED,WAAW,CAAC,YAAY,GAAG;IACzB,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC;IAClB,KAAK,EAAE,CAAC;IACR,IAAI,EAAE,CAAC;IACP,GAAG,EAAE,CAAC,QAAQ;IACd,GAAG,EAAE,QAAQ;IACb,YAAY,EAAE,KAAK;IACnB,IAAI,EAAE,QAAQ;CACf,CAAA;AAED,WAAW,CAAC,WAAW,GAAG,aAAa,CAAA;AAEvC,eAAe,WAAW,CAAA"}
|
package/NumberInput/styles.d.ts
CHANGED
|
@@ -1,3 +1,2 @@
|
|
|
1
|
-
|
|
2
|
-
declare const _default: ({ palette, transitions, sizes: { borderRadius } }: Theme) => import("@material-ui/styles").StyleRules<{}, "medium" | "large" | "small" | "input" | "root" | "control" | "controlDisabled">;
|
|
1
|
+
declare const _default: () => import("@material-ui/styles").StyleRules<{}, "input" | "root">;
|
|
3
2
|
export default _default;
|