@toptal/picasso 20.0.1 → 21.1.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/Button/styles.d.ts +1 -1
- package/ButtonGroupItem/styles.d.ts +1 -1
- package/Calendar/styles.d.ts +1 -1
- package/DatePicker/DatePicker.d.ts +4 -0
- package/DatePicker/DatePicker.js +2 -2
- package/DatePicker/DatePicker.js.map +1 -1
- package/Dropzone/styles.d.ts +1 -1
- package/FileInput/FileInput.d.ts +5 -1
- package/FileInput/FileInput.js +2 -2
- package/FileInput/FileInput.js.map +1 -1
- package/MenuItem/styles.d.ts +1 -1
- package/ModalContent/styles.d.ts +1 -1
- package/OutlinedInput/styles.d.ts +1 -1
- package/PageContent/styles.d.ts +1 -1
- package/PageTopBar/styles.d.ts +1 -1
- package/PageTopBarMenu/styles.d.ts +1 -1
- package/Section/styles.d.ts +1 -1
- package/Sidebar/styles.d.ts +1 -1
- package/SidebarItem/styles.d.ts +1 -1
- package/TableRow/styles.d.ts +1 -1
- package/Tag/styles.d.ts +1 -1
- package/TimelineRow/styles.d.ts +1 -1
- package/Typography/styles.d.ts +1 -1
- package/UserBadge/styles.d.ts +1 -1
- package/package.json +6 -5
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" | "transparent" | "hidden" | "medium" | "large" | "small" | "icon" | "active" | "disabled" | "root" | "focusVisible" | "
|
|
39
|
+
declare const _default: (theme: Theme) => import("@material-ui/styles").StyleRules<{}, "content" | "transparent" | "hidden" | "medium" | "large" | "small" | "icon" | "active" | "disabled" | "root" | "focusVisible" | "fullWidth" | "focused" | "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" | "focused" | "group" | "hovered">;
|
|
3
3
|
export default _default;
|
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" | "selected" | "actions" | "month" | "week" | "day" | "weekDays" | "weekDay" | "selectable" | "startSelection" | "endSelection" | "today" | "grayed">;
|
|
3
3
|
export default _default;
|
|
@@ -48,6 +48,10 @@ export interface Props extends BaseProps, Omit<InputProps, 'value' | 'onSelect'
|
|
|
48
48
|
timezone?: string;
|
|
49
49
|
/** Custom parser for `DatePicker`'s input value to process custom input value, like, human-readable dates */
|
|
50
50
|
parseInputValue?: DatePickerInputCustomValueParser;
|
|
51
|
+
/** Additional data-* attrs for the inner Popper */
|
|
52
|
+
popperProps?: {
|
|
53
|
+
[key: `data-${string}`]: unknown;
|
|
54
|
+
};
|
|
51
55
|
testIds?: InputProps['testIds'] & {
|
|
52
56
|
calendar?: string;
|
|
53
57
|
input?: string;
|
package/DatePicker/DatePicker.js
CHANGED
|
@@ -30,7 +30,7 @@ const useStyles = makeStyles(styles, {
|
|
|
30
30
|
name: 'PicassoDatePicker'
|
|
31
31
|
});
|
|
32
32
|
export const DatePicker = (props) => {
|
|
33
|
-
const { range, hideOnSelect, displayDateFormat = DEFAULT_DATE_PICKER_DISPLAY_DATE_FORMAT, editDateFormat = DEFAULT_DATE_PICKER_EDIT_DATE_FORMAT, onBlur = noop, onChange, onResetClick, value, width, icon, minDate, maxDate, disabledIntervals, popperContainer, renderDay, weekStartsOn, timezone, size, parseInputValue, testIds, error, status } = props, rest = __rest(props, ["range", "hideOnSelect", "displayDateFormat", "editDateFormat", "onBlur", "onChange", "onResetClick", "value", "width", "icon", "minDate", "maxDate", "disabledIntervals", "popperContainer", "renderDay", "weekStartsOn", "timezone", "size", "parseInputValue", "testIds", "error", "status"]);
|
|
33
|
+
const { range, hideOnSelect, displayDateFormat = DEFAULT_DATE_PICKER_DISPLAY_DATE_FORMAT, editDateFormat = DEFAULT_DATE_PICKER_EDIT_DATE_FORMAT, onBlur = noop, onChange, onResetClick, value, width, icon, minDate, maxDate, disabledIntervals, popperContainer, renderDay, weekStartsOn, timezone, size, parseInputValue, testIds, error, status, popperProps } = props, rest = __rest(props, ["range", "hideOnSelect", "displayDateFormat", "editDateFormat", "onBlur", "onChange", "onResetClick", "value", "width", "icon", "minDate", "maxDate", "disabledIntervals", "popperContainer", "renderDay", "weekStartsOn", "timezone", "size", "parseInputValue", "testIds", "error", "status", "popperProps"]);
|
|
34
34
|
const classes = useStyles();
|
|
35
35
|
usePropDeprecationWarning({
|
|
36
36
|
props,
|
|
@@ -189,7 +189,7 @@ export const DatePicker = (props) => {
|
|
|
189
189
|
return (React.createElement(React.Fragment, null,
|
|
190
190
|
React.createElement(Container, { inline: width !== 'full', ref: inputWrapperRef },
|
|
191
191
|
React.createElement(Input, Object.assign({}, inputProps, { status: error ? 'error' : status, ref: inputRef, onKeyDown: handleInputKeydown, onClick: handleFocusOrClick, onFocus: handleFocusOrClick, onBlur: handleBlur, onResetClick: handleResetClick, value: inputValue, onChange: handleInputChange, size: size, startAdornment: startAdornment, width: width, testIds: testIds, "data-testid": testIds === null || testIds === void 0 ? void 0 : testIds.input }))),
|
|
192
|
-
inputWrapperRef.current && (React.createElement(Popper, { placement: 'bottom-start', open: calendarIsShown, anchorEl: inputWrapperRef.current, autoWidth: false, enableCompactMode: true, container: popperContainer, popperOptions: DEFAULT_POPPER_OPTIONS, ref: popperRef },
|
|
192
|
+
inputWrapperRef.current && (React.createElement(Popper, Object.assign({ placement: 'bottom-start', open: calendarIsShown, anchorEl: inputWrapperRef.current, autoWidth: false, enableCompactMode: true, container: popperContainer, popperOptions: DEFAULT_POPPER_OPTIONS, ref: popperRef }, popperProps),
|
|
193
193
|
React.createElement(Calendar, { activeMonth: activeMonth, "data-testid": testIds === null || testIds === void 0 ? void 0 : testIds.calendar, ref: calendarRef, range: range, value: calendarValue !== null && calendarValue !== void 0 ? calendarValue : undefined, minDate: normalizedMinDate, maxDate: normalizedMaxDate, disabledIntervals: disabledIntervals, renderDay: renderDay, onChange: handleCalendarChange, onBlur: handleBlur, className: classes.calendar, weekStartsOn: weekStartsOn })))));
|
|
194
194
|
};
|
|
195
195
|
DatePicker.defaultProps = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../src/DatePicker/DatePicker.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,sDAAsD;AACtD,+CAA+C,CAAC,mDAAmD;AACnG,OAAO,EAAE,UAAU,EAAS,MAAM,0BAA0B,CAAA;AAE5D,OAAO,UAAU,MAAM,iBAAiB,CAAA;AAExC,OAAO,KAAK,EAAE,EAGZ,WAAW,EACX,SAAS,EACT,OAAO,EACP,MAAM,EACN,QAAQ,EACT,MAAM,OAAO,CAAA;AAEd,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AACpC,OAAO,MAAM,MAAM,WAAW,CAAA;AAC9B,OAAO,SAAS,MAAM,cAAc,CAAA;AACpC,OAAO,KAAqB,MAAM,UAAU,CAAA;AAC5C,OAAO,cAAc,MAAM,mBAAmB,CAAA;AAC9C,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAA;AAC/B,OAAO,QAIN,MAAM,aAAa,CAAA;AACpB,OAAO,EACL,uCAAuC,EACvC,oCAAoC,EACpC,sBAAsB,EACvB,MAAM,aAAa,CAAA;AACpB,OAAO,MAAM,MAAM,UAAU,CAAA;AAE7B,OAAO,EACL,eAAe,EACf,yBAAyB,EACzB,eAAe,EACf,cAAc,EACd,oBAAoB,EACrB,MAAM,SAAS,CAAA;AAChB,OAAO,EAAE,yBAAyB,EAAE,MAAM,mCAAmC,CAAA;AAG7E,MAAM,iBAAiB,GAAG,EAAE,CAAA;AAE5B,MAAM,SAAS,GAAG,UAAU,CAAQ,MAAM,EAAE;IAC1C,IAAI,EAAE,mBAAmB;CAC1B,CAAC,CAAA;
|
|
1
|
+
{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../src/DatePicker/DatePicker.tsx"],"names":[],"mappings":"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"}
|
package/Dropzone/styles.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { Theme } from '@material-ui/core/styles';
|
|
2
|
-
declare const _default: ({ palette, sizes, transitions }: Theme) => import("@material-ui/styles").StyleRules<{}, "disabled" | "error" | "root" | "focused" | "
|
|
2
|
+
declare const _default: ({ palette, sizes, transitions }: Theme) => import("@material-ui/styles").StyleRules<{}, "disabled" | "error" | "root" | "focused" | "completed" | "hovered" | "hint" | "dragActive">;
|
|
3
3
|
export default _default;
|
package/FileInput/FileInput.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React from 'react';
|
|
1
|
+
import React, { FocusEventHandler } from 'react';
|
|
2
2
|
import { BaseProps } from '@toptal/picasso-shared';
|
|
3
3
|
import { FileUpload } from './types';
|
|
4
4
|
export interface Props extends BaseProps {
|
|
@@ -16,6 +16,10 @@ export interface Props extends BaseProps {
|
|
|
16
16
|
onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
|
|
17
17
|
/** Callback invoked when a file item is removed */
|
|
18
18
|
onRemove?: (fileName: string, index: number) => void;
|
|
19
|
+
/** Focus event handler */
|
|
20
|
+
onFocus?: FocusEventHandler<HTMLDivElement>;
|
|
21
|
+
/** Blur event handler */
|
|
22
|
+
onBlur?: FocusEventHandler<HTMLDivElement>;
|
|
19
23
|
}
|
|
20
24
|
export declare const FileInput: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLInputElement>>;
|
|
21
25
|
export default FileInput;
|
package/FileInput/FileInput.js
CHANGED
|
@@ -8,14 +8,14 @@ import { useCombinedRefs } from '../utils';
|
|
|
8
8
|
import styles from './styles';
|
|
9
9
|
const useStyles = makeStyles(styles, { name: 'FileInputContent' });
|
|
10
10
|
export const FileInput = forwardRef(function FileInput(props, ref) {
|
|
11
|
-
const { accept, disabled, value, hint, maxFiles = 1, onChange, onRemove } = props;
|
|
11
|
+
const { accept, disabled, value, hint, maxFiles = 1, onChange, onRemove, onFocus, onBlur } = props;
|
|
12
12
|
const classes = useStyles();
|
|
13
13
|
const isUnlimitedFiles = maxFiles === null;
|
|
14
14
|
const preventAddingNewFiles = !isUnlimitedFiles && value && value.length === maxFiles;
|
|
15
15
|
// if `ref` is null then we need a ref to control the input
|
|
16
16
|
// so we create another ref manually if needed and merge both of them
|
|
17
17
|
const inputRef = useCombinedRefs(ref, useRef(null));
|
|
18
|
-
return (React.createElement(Container, { className: classes.root },
|
|
18
|
+
return (React.createElement(Container, { onFocus: onFocus, onBlur: onBlur, className: classes.root },
|
|
19
19
|
React.createElement(Button, { size: 'small', variant: 'secondary', disabled: Boolean(disabled || preventAddingNewFiles), onClick: () => inputRef.current && inputRef.current.click() }, "Choose File"),
|
|
20
20
|
React.createElement("input", { type: 'file', className: classes.nativeInput, ref: inputRef, accept: accept, onChange: onChange, multiple: isUnlimitedFiles }),
|
|
21
21
|
hint && React.createElement(FormHint, { className: classes.hint }, hint),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FileInput.js","sourceRoot":"","sources":["../../src/FileInput/FileInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"FileInput.js","sourceRoot":"","sources":["../../src/FileInput/FileInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,EAAqB,MAAM,OAAO,CAAA;AACpE,OAAO,EAAE,UAAU,EAAS,MAAM,0BAA0B,CAAA;AAG5D,OAAO,QAAQ,MAAM,aAAa,CAAA;AAClC,OAAO,SAAS,MAAM,cAAc,CAAA;AACpC,OAAO,MAAM,MAAM,WAAW,CAAA;AAC9B,OAAO,QAAQ,MAAM,aAAa,CAAA;AAClC,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAE1C,OAAO,MAAM,MAAM,UAAU,CAAA;AAuB7B,MAAM,SAAS,GAAG,UAAU,CAAQ,MAAM,EAAE,EAAE,IAAI,EAAE,kBAAkB,EAAE,CAAC,CAAA;AAEzE,MAAM,CAAC,MAAM,SAAS,GAAG,UAAU,CAA0B,SAAS,SAAS,CAC7E,KAAK,EACL,GAAG;IAEH,MAAM,EACJ,MAAM,EACN,QAAQ,EACR,KAAK,EACL,IAAI,EACJ,QAAQ,GAAG,CAAC,EACZ,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,MAAM,EACP,GAAG,KAAK,CAAA;IAET,MAAM,OAAO,GAAG,SAAS,EAAE,CAAA;IAC3B,MAAM,gBAAgB,GAAG,QAAQ,KAAK,IAAI,CAAA;IAC1C,MAAM,qBAAqB,GACzB,CAAC,gBAAgB,IAAI,KAAK,IAAI,KAAK,CAAC,MAAM,KAAK,QAAQ,CAAA;IAEzD,2DAA2D;IAC3D,qEAAqE;IACrE,MAAM,QAAQ,GAAG,eAAe,CAC9B,GAAG,EACH,MAAM,CAAmB,IAAI,CAAC,CAC/B,CAAA;IAED,OAAO,CACL,oBAAC,SAAS,IAAC,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,CAAC,IAAI;QAClE,oBAAC,MAAM,IACL,IAAI,EAAC,OAAO,EACZ,OAAO,EAAC,WAAW,EACnB,QAAQ,EAAE,OAAO,CAAC,QAAQ,IAAI,qBAAqB,CAAC,EACpD,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,OAAO,IAAI,QAAQ,CAAC,OAAO,CAAC,KAAK,EAAE,kBAGpD;QAET,+BACE,IAAI,EAAC,MAAM,EACX,SAAS,EAAE,OAAO,CAAC,WAAW,EAC9B,GAAG,EAAE,QAAQ,EACb,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,gBAAgB,GAC1B;QACD,IAAI,IAAI,oBAAC,QAAQ,IAAC,SAAS,EAAE,OAAO,CAAC,IAAI,IAAG,IAAI,CAAY;QAC5D,KAAK,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,CAC5B,oBAAC,SAAS,IAAC,GAAG,EAAC,QAAQ;YACrB,oBAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,YAAY,EAAE,QAAQ,GAAI,CAC5D,CACb,CACS,CACb,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,SAAS,CAAC,YAAY,GAAG;IACvB,QAAQ,EAAE,CAAC;CACZ,CAAA;AAED,SAAS,CAAC,WAAW,GAAG,WAAW,CAAA;AAEnC,eAAe,SAAS,CAAA"}
|
package/MenuItem/styles.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { Theme } from '@material-ui/core/styles';
|
|
2
|
-
declare const _default: ({ typography, palette, shadows }: Theme) => import("@material-ui/styles").StyleRules<{}, "content" | "dark" | "light" | "disabled" | "root" | "selected" | "paper" | "nonSelectable" | "stringContent" | "stringContentSmall" | "stringContentMedium" | "stringContentSemibold" | "guttersSmall" | "guttersMedium" | "
|
|
2
|
+
declare const _default: ({ typography, palette, shadows }: Theme) => import("@material-ui/styles").StyleRules<{}, "content" | "dark" | "light" | "disabled" | "root" | "selected" | "paper" | "iconContainer" | "nonSelectable" | "stringContent" | "stringContentSmall" | "stringContentMedium" | "stringContentSemibold" | "guttersSmall" | "guttersMedium" | "description">;
|
|
3
3
|
export default _default;
|
package/ModalContent/styles.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { Theme } from '@material-ui/core';
|
|
2
|
-
declare const _default: ({ palette }: Theme) => import("@material-ui/styles").StyleRules<{}, "
|
|
2
|
+
declare const _default: ({ palette }: Theme) => import("@material-ui/styles").StyleRules<{}, "wrapper" | "modalContent" | "topShade" | "bottomShade">;
|
|
3
3
|
export default _default;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { Theme } from '@material-ui/core/styles';
|
|
2
|
-
declare const _default: ({ palette, sizes: { input } }: Theme) => import("@material-ui/styles").StyleRules<{}, "hidden" | "input" | "root" | "focused" | "
|
|
2
|
+
declare const _default: ({ palette, sizes: { input } }: Theme) => import("@material-ui/styles").StyleRules<{}, "hidden" | "input" | "root" | "focused" | "inputMultiline" | "notchedOutline" | "rootSmall" | "rootMedium" | "rootLarge" | "rootFull" | "rootShrink" | "rootAuto" | "inputSmall" | "inputMedium" | "inputLarge" | "resetButton" | "resetButtonDirty" | "rootDark" | "notchedOutlineDark" | "inputDark">;
|
|
3
3
|
export default _default;
|
package/PageContent/styles.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { Theme } from '@material-ui/core/styles';
|
|
2
|
-
declare const _default: ({ layout, palette }: Theme) => import("@material-ui/styles").StyleRules<{}, "content" | "flex" | "
|
|
2
|
+
declare const _default: ({ layout, palette }: Theme) => import("@material-ui/styles").StyleRules<{}, "content" | "flex" | "hasSidebar" | "root" | "fullWidth" | "wide">;
|
|
3
3
|
export default _default;
|
package/PageTopBar/styles.d.ts
CHANGED
|
@@ -3,5 +3,5 @@ export declare const headerHeight: {
|
|
|
3
3
|
default: string;
|
|
4
4
|
smallAndMedium: string;
|
|
5
5
|
};
|
|
6
|
-
declare const _default: ({ palette, layout, zIndex, screens }: Theme) => import("@material-ui/styles").StyleRules<{}, "content" | "left" | "right" | "dark" | "light" | "root" | "
|
|
6
|
+
declare const _default: ({ palette, layout, zIndex, screens }: Theme) => import("@material-ui/styles").StyleRules<{}, "content" | "left" | "right" | "dark" | "light" | "root" | "wrapper" | "fullWidth" | "divider" | "logoContainer" | "logo" | "wide" | "dividerBlue">;
|
|
7
7
|
export default _default;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { Theme } from '@material-ui/core/styles';
|
|
2
|
-
declare const _default: ({ screens }: Theme) => import("@material-ui/styles").StyleRules<{}, "content" | "name" | "
|
|
2
|
+
declare const _default: ({ screens }: Theme) => import("@material-ui/styles").StyleRules<{}, "content" | "name" | "avatar" | "paper" | "arrow" | "xsmall" | "contentUserBadge" | "truncateText">;
|
|
3
3
|
export default _default;
|
package/Section/styles.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { Theme } from '@material-ui/core';
|
|
2
|
-
declare const _default: ({ sizes, palette }: Theme) => import("@material-ui/styles").StyleRules<{}, "default" | "title" | "root" | "
|
|
2
|
+
declare const _default: ({ sizes, palette }: Theme) => import("@material-ui/styles").StyleRules<{}, "default" | "title" | "root" | "subtitle" | "actions" | "bordered" | "collapsed" | "withHeaderBar" | "defaultHeader" | "borderedHeader" | "withHeaderBarHeader" | "defaultCollapsedHeader" | "borderedCollapsedHeader" | "withHeaderBarCollapsedHeader">;
|
|
3
3
|
export default _default;
|
package/Sidebar/styles.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { Theme } from '@material-ui/core/styles';
|
|
2
|
-
declare const _default: ({ palette, screens, zIndex }: Theme) => import("@material-ui/styles").StyleRules<{}, "dark" | "light" | "root" | "
|
|
2
|
+
declare const _default: ({ palette, screens, zIndex }: Theme) => import("@material-ui/styles").StyleRules<{}, "dark" | "light" | "root" | "spacer" | "responsiveWrapper" | "responsiveWrapperContent">;
|
|
3
3
|
export default _default;
|
package/SidebarItem/styles.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { Theme } from '@material-ui/core/styles';
|
|
2
|
-
declare const _default: ({ palette, sizes }: Theme) => import("@material-ui/styles").StyleRules<{}, "content" | "dark" | "light" | "label" | "root" | "
|
|
2
|
+
declare const _default: ({ palette, sizes }: Theme) => import("@material-ui/styles").StyleRules<{}, "content" | "dark" | "light" | "label" | "root" | "selected" | "expandIcon" | "noWrap" | "roundedBorder" | "withIcon" | "collapsibleWrapper" | "nestedMenu" | "nestedMenuWithIcon" | "lightExpandIcon" | "darkExpandIcon" | "expandIconDisabled" | "collapsible">;
|
|
3
3
|
export default _default;
|
package/TableRow/styles.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { Theme } from '@material-ui/core/styles';
|
|
2
|
-
declare const _default: ({ palette, sizes, transitions }: Theme) => import("@material-ui/styles").StyleRules<{}, "root" | "
|
|
2
|
+
declare const _default: ({ palette, sizes, transitions }: Theme) => import("@material-ui/styles").StyleRules<{}, "root" | "selected" | "hover" | "bordered" | "stripeEven">;
|
|
3
3
|
export default _default;
|
package/Tag/styles.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { Theme } from '@material-ui/core/styles';
|
|
2
2
|
import '../Chip/styles';
|
|
3
|
-
declare const _default: ({ palette, transitions }: Theme) => import("@material-ui/styles").StyleRules<{}, "blue" | "green" | "red" | "yellow" | "disabled" | "label" | "root" | "
|
|
3
|
+
declare const _default: ({ palette, transitions }: Theme) => import("@material-ui/styles").StyleRules<{}, "blue" | "green" | "red" | "yellow" | "disabled" | "label" | "root" | "clickable" | "deleteIcon" | "hovered" | "innerLabel" | "connection" | "checkable">;
|
|
4
4
|
export default _default;
|
package/TimelineRow/styles.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { Theme } from '@material-ui/core/styles';
|
|
2
|
-
declare const _default: ({ palette }: Theme) => import("@material-ui/styles").StyleRules<{}, "content" | "dot" | "icon" | "root" | "date" | "
|
|
2
|
+
declare const _default: ({ palette }: Theme) => import("@material-ui/styles").StyleRules<{}, "content" | "dot" | "icon" | "root" | "date" | "connector" | "dateText">;
|
|
3
3
|
export default _default;
|
package/Typography/styles.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { Theme } from '@material-ui/core/styles';
|
|
2
|
-
declare const _default: (theme: Theme) => import("@material-ui/styles").StyleRules<{}, "inherit" | "black" | "green" | "grey" | "red" | "yellow" | "dashed" | "solid" | "invert" | "lightGrey" | "darkGrey" | "bodyXxsmall" | "bodyXsmall" | "bodySmall" | "bodyMedium" | "bodyLarge" | "bodyInherit" | "headingMedium" | "
|
|
2
|
+
declare const _default: (theme: Theme) => import("@material-ui/styles").StyleRules<{}, "inherit" | "black" | "green" | "grey" | "red" | "yellow" | "dashed" | "solid" | "invert" | "regular" | "lightGrey" | "darkGrey" | "bodyXxsmall" | "bodyXsmall" | "bodySmall" | "bodyMedium" | "bodyLarge" | "bodyInherit" | "headingMedium" | "semibold" | "inheritWeight" | "lineThrough">;
|
|
3
3
|
export default _default;
|
package/UserBadge/styles.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const _default: () => import("@material-ui/styles").StyleRules<{}, "name" | "title" | "root" | "
|
|
1
|
+
declare const _default: () => import("@material-ui/styles").StyleRules<{}, "name" | "title" | "root" | "avatar" | "infoContainer">;
|
|
2
2
|
export default _default;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@toptal/picasso",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "21.1.0",
|
|
4
4
|
"description": "Toptal UI components library",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"access": "public",
|
|
@@ -25,13 +25,14 @@
|
|
|
25
25
|
"peerDependencies": {
|
|
26
26
|
"@material-ui/core": "4.11.0",
|
|
27
27
|
"notistack": "1.0.5",
|
|
28
|
+
"typescript": "4.6.x",
|
|
28
29
|
"react": "^16.12.0",
|
|
29
30
|
"react-dom": "^16.12.0",
|
|
30
31
|
"react-helmet": "6.1.0"
|
|
31
32
|
},
|
|
32
33
|
"dependencies": {
|
|
33
|
-
"@toptal/picasso-provider": "^0.
|
|
34
|
-
"@toptal/picasso-shared": "^
|
|
34
|
+
"@toptal/picasso-provider": "^1.0.0",
|
|
35
|
+
"@toptal/picasso-shared": "^8.0.0",
|
|
35
36
|
"ap-style-title-case": "^1.1.2",
|
|
36
37
|
"classnames": "^2.3.1",
|
|
37
38
|
"d3": "^6.6.2",
|
|
@@ -53,8 +54,7 @@
|
|
|
53
54
|
"react-input-mask": "^3.0.0-alpha.2",
|
|
54
55
|
"react-router-dom": "^5.2.0",
|
|
55
56
|
"react-truncate": "^2.4.0",
|
|
56
|
-
"simple-react-calendar": "^2.2.8"
|
|
57
|
-
"storybook-readme": "^5.0.9"
|
|
57
|
+
"simple-react-calendar": "^2.2.8"
|
|
58
58
|
},
|
|
59
59
|
"devDependencies": {
|
|
60
60
|
"@babel/types": "^7.15.0",
|
|
@@ -70,6 +70,7 @@
|
|
|
70
70
|
"@types/react-router-dom": "^5.1.3",
|
|
71
71
|
"@types/styled-components": "^5.1.13",
|
|
72
72
|
"popper.js": "^1.16.1",
|
|
73
|
+
"storybook-readme": "^5.0.9",
|
|
73
74
|
"styled-components": "^5.3.1"
|
|
74
75
|
},
|
|
75
76
|
"resolutions": {
|