@toptal/picasso 12.2.0 → 12.3.1

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.
Files changed (43) hide show
  1. package/Autocomplete/index.d.ts +1 -1
  2. package/FormError/FormError.js +1 -1
  3. package/FormError/FormError.js.map +1 -1
  4. package/FormError/styles.d.ts +1 -2
  5. package/FormError/styles.js +1 -3
  6. package/FormError/styles.js.map +1 -1
  7. package/FormHint/FormHint.js +1 -1
  8. package/FormHint/FormHint.js.map +1 -1
  9. package/FormHint/styles.d.ts +1 -1
  10. package/FormHint/styles.js +0 -3
  11. package/FormHint/styles.js.map +1 -1
  12. package/NativeSelect/NativeSelect.js +1 -1
  13. package/NativeSelect/NativeSelect.js.map +1 -1
  14. package/NativeSelectOptions/NativeSelectOptions.d.ts +6 -5
  15. package/NativeSelectOptions/NativeSelectOptions.js +14 -6
  16. package/NativeSelectOptions/NativeSelectOptions.js.map +1 -1
  17. package/NonNativeSelect/NonNativeSelect.js +1 -1
  18. package/NonNativeSelect/NonNativeSelect.js.map +1 -1
  19. package/NonNativeSelectOption/NonNativeSelectOption.d.ts +3 -6
  20. package/NonNativeSelectOption/NonNativeSelectOption.js +14 -2
  21. package/NonNativeSelectOption/NonNativeSelectOption.js.map +1 -1
  22. package/NonNativeSelectOptions/NonNativeSelectOptions.js +58 -26
  23. package/NonNativeSelectOptions/NonNativeSelectOptions.js.map +1 -1
  24. package/Notification/Notification.js +1 -1
  25. package/Notification/Notification.js.map +1 -1
  26. package/README.md +0 -2
  27. package/ScrollMenu/ScrollMenu.d.ts +1 -0
  28. package/ScrollMenu/ScrollMenu.js +2 -2
  29. package/ScrollMenu/ScrollMenu.js.map +1 -1
  30. package/Select/hooks/use-select-props/use-arrows-keydown-handler/use-arrows-keydown-handler.js +1 -1
  31. package/Select/hooks/use-select-props/use-arrows-keydown-handler/use-arrows-keydown-handler.js.map +1 -1
  32. package/Select/hooks/use-select-props/use-select-props.js +0 -3
  33. package/Select/hooks/use-select-props/use-select-props.js.map +1 -1
  34. package/Select/types.d.ts +0 -2
  35. package/Typography/Typography.d.ts +1 -1
  36. package/Typography/Typography.js.map +1 -1
  37. package/Typography/styles.d.ts +1 -1
  38. package/Typography/styles.js +6 -0
  39. package/Typography/styles.js.map +1 -1
  40. package/Typography/utils/to-mui-variant/to-mui-variant.d.ts +5 -1
  41. package/Typography/utils/to-mui-variant/to-mui-variant.js +2 -0
  42. package/Typography/utils/to-mui-variant/to-mui-variant.js.map +1 -1
  43. package/package.json +2 -2
@@ -2,6 +2,6 @@ import { OmitInternalProps } from '@toptal/picasso-shared';
2
2
  import { Props as OuterProps } from './Autocomplete';
3
3
  export { default } from './Autocomplete';
4
4
  export * from './types';
5
- export declare type AutocompleteProps = OmitInternalProps<OuterProps, 'inputProps'>;
5
+ export declare type AutocompleteProps = OmitInternalProps<OuterProps>;
6
6
  /** @deprecated Use AutocompleteProps instead */
7
7
  export declare type Props = AutocompleteProps;
@@ -19,7 +19,7 @@ export const FormError = forwardRef(function FormError(props, ref) {
19
19
  const { children, className, style } = props, rest = __rest(props, ["children", "className", "style"]);
20
20
  const classes = useStyles();
21
21
  return (React.createElement("div", Object.assign({}, rest, { ref: ref, className: cx(classes.root, className), style: style }),
22
- React.createElement(Typography, { className: classes.error }, children)));
22
+ React.createElement(Typography, { color: 'red', size: 'xsmall', className: classes.error }, children)));
23
23
  });
24
24
  FormError.displayName = 'FormError';
25
25
  export default FormError;
@@ -1 +1 @@
1
- {"version":3,"file":"FormError.js","sourceRoot":"","sources":["../../src/FormError/FormError.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAA6B,MAAM,OAAO,CAAA;AACpE,OAAO,EAAE,UAAU,EAAS,MAAM,0BAA0B,CAAA;AAC5D,OAAO,EAAE,MAAM,YAAY,CAAA;AAG3B,OAAO,MAAM,MAAM,UAAU,CAAA;AAC7B,OAAO,UAAU,MAAM,eAAe,CAAA;AAOtC,MAAM,SAAS,GAAG,UAAU,CAAQ,MAAM,EAAE,EAAE,IAAI,EAAE,kBAAkB,EAAE,CAAC,CAAA;AAEzE,MAAM,CAAC,MAAM,SAAS,GAAG,UAAU,CAAwB,SAAS,SAAS,CAC3E,KAAK,EACL,GAAG;IAEH,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAA/C,kCAAuC,CAAQ,CAAA;IAErD,MAAM,OAAO,GAAG,SAAS,EAAE,CAAA;IAE3B,OAAO,CACL,6CACM,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,SAAS,CAAC,EACtC,KAAK,EAAE,KAAK;QAEZ,oBAAC,UAAU,IAAC,SAAS,EAAE,OAAO,CAAC,KAAK,IAAG,QAAQ,CAAc,CACzD,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,SAAS,CAAC,WAAW,GAAG,WAAW,CAAA;AAEnC,eAAe,SAAS,CAAA"}
1
+ {"version":3,"file":"FormError.js","sourceRoot":"","sources":["../../src/FormError/FormError.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAA6B,MAAM,OAAO,CAAA;AACpE,OAAO,EAAE,UAAU,EAAS,MAAM,0BAA0B,CAAA;AAC5D,OAAO,EAAE,MAAM,YAAY,CAAA;AAG3B,OAAO,MAAM,MAAM,UAAU,CAAA;AAC7B,OAAO,UAAU,MAAM,eAAe,CAAA;AAOtC,MAAM,SAAS,GAAG,UAAU,CAAQ,MAAM,EAAE,EAAE,IAAI,EAAE,kBAAkB,EAAE,CAAC,CAAA;AAEzE,MAAM,CAAC,MAAM,SAAS,GAAG,UAAU,CAAwB,SAAS,SAAS,CAC3E,KAAK,EACL,GAAG;IAEH,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAA/C,kCAAuC,CAAQ,CAAA;IAErD,MAAM,OAAO,GAAG,SAAS,EAAE,CAAA;IAE3B,OAAO,CACL,6CACM,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,SAAS,CAAC,EACtC,KAAK,EAAE,KAAK;QAEZ,oBAAC,UAAU,IAAC,KAAK,EAAC,KAAK,EAAC,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAE,OAAO,CAAC,KAAK,IAC3D,QAAQ,CACE,CACT,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,SAAS,CAAC,WAAW,GAAG,WAAW,CAAA;AAEnC,eAAe,SAAS,CAAA"}
@@ -1,3 +1,2 @@
1
- import { Theme } from '@material-ui/core/styles';
2
- declare const _default: ({ palette }: Theme) => import("@material-ui/styles").StyleRules<{}, "error" | "root">;
1
+ declare const _default: () => import("@material-ui/styles").StyleRules<{}, "error" | "root">;
3
2
  export default _default;
@@ -1,11 +1,9 @@
1
1
  import { createStyles } from '@material-ui/core/styles';
2
- export default ({ palette }) => createStyles({
2
+ export default () => createStyles({
3
3
  root: {
4
4
  marginTop: '0.25em'
5
5
  },
6
6
  error: {
7
- color: palette.red.main,
8
- fontSize: '0.6875em',
9
7
  cursor: 'default'
10
8
  }
11
9
  });
@@ -1 +1 @@
1
- {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/FormError/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAS,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAE9D,eAAe,CAAC,EAAE,OAAO,EAAS,EAAE,EAAE,CACpC,YAAY,CAAC;IACX,IAAI,EAAE;QACJ,SAAS,EAAE,QAAQ;KACpB;IACD,KAAK,EAAE;QACL,KAAK,EAAE,OAAO,CAAC,GAAG,CAAC,IAAI;QACvB,QAAQ,EAAE,UAAU;QACpB,MAAM,EAAE,SAAS;KAClB;CACF,CAAC,CAAA"}
1
+ {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/FormError/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAEvD,eAAe,GAAG,EAAE,CAClB,YAAY,CAAC;IACX,IAAI,EAAE;QACJ,SAAS,EAAE,QAAQ;KACpB;IACD,KAAK,EAAE;QACL,MAAM,EAAE,SAAS;KAClB;CACF,CAAC,CAAA"}
@@ -19,7 +19,7 @@ export const FormHint = forwardRef(function FormHint(props, ref) {
19
19
  const { children, className, style } = props, rest = __rest(props, ["children", "className", "style"]);
20
20
  const classes = useStyles();
21
21
  return (React.createElement("div", Object.assign({}, rest, { ref: ref, className: cx(classes.root, className), style: style }),
22
- React.createElement(Typography, { className: classes.hint }, children)));
22
+ React.createElement(Typography, { size: 'xsmall' }, children)));
23
23
  });
24
24
  FormHint.defaultProps = {};
25
25
  FormHint.displayName = 'FormHint';
@@ -1 +1 @@
1
- {"version":3,"file":"FormHint.js","sourceRoot":"","sources":["../../src/FormHint/FormHint.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAA6B,MAAM,OAAO,CAAA;AACpE,OAAO,EAAE,UAAU,EAAS,MAAM,0BAA0B,CAAA;AAC5D,OAAO,EAAE,MAAM,YAAY,CAAA;AAG3B,OAAO,UAAU,MAAM,eAAe,CAAA;AACtC,OAAO,MAAM,MAAM,UAAU,CAAA;AAO7B,MAAM,SAAS,GAAG,UAAU,CAAQ,MAAM,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,CAAA;AAEjE,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAAwB,SAAS,QAAQ,CACzE,KAAK,EACL,GAAG;IAEH,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAA/C,kCAAuC,CAAQ,CAAA;IAErD,MAAM,OAAO,GAAG,SAAS,EAAE,CAAA;IAE3B,OAAO,CACL,6CACM,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,SAAS,CAAC,EACtC,KAAK,EAAE,KAAK;QAEZ,oBAAC,UAAU,IAAC,SAAS,EAAE,OAAO,CAAC,IAAI,IAAG,QAAQ,CAAc,CACxD,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,QAAQ,CAAC,YAAY,GAAG,EAAE,CAAA;AAE1B,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAA;AAEjC,eAAe,QAAQ,CAAA"}
1
+ {"version":3,"file":"FormHint.js","sourceRoot":"","sources":["../../src/FormHint/FormHint.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAA6B,MAAM,OAAO,CAAA;AACpE,OAAO,EAAE,UAAU,EAAS,MAAM,0BAA0B,CAAA;AAC5D,OAAO,EAAE,MAAM,YAAY,CAAA;AAG3B,OAAO,UAAU,MAAM,eAAe,CAAA;AACtC,OAAO,MAAM,MAAM,UAAU,CAAA;AAO7B,MAAM,SAAS,GAAG,UAAU,CAAQ,MAAM,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,CAAA;AAEjE,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAAwB,SAAS,QAAQ,CACzE,KAAK,EACL,GAAG;IAEH,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAA/C,kCAAuC,CAAQ,CAAA;IAErD,MAAM,OAAO,GAAG,SAAS,EAAE,CAAA;IAE3B,OAAO,CACL,6CACM,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,SAAS,CAAC,EACtC,KAAK,EAAE,KAAK;QAEZ,oBAAC,UAAU,IAAC,IAAI,EAAC,QAAQ,IAAE,QAAQ,CAAc,CAC7C,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,QAAQ,CAAC,YAAY,GAAG,EAAE,CAAA;AAE1B,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAA;AAEjC,eAAe,QAAQ,CAAA"}
@@ -1,2 +1,2 @@
1
- declare const _default: () => import("@material-ui/styles").StyleRules<{}, "root" | "hint">;
1
+ declare const _default: () => import("@material-ui/styles").StyleRules<{}, "root">;
2
2
  export default _default;
@@ -2,9 +2,6 @@ import { createStyles } from '@material-ui/core/styles';
2
2
  export default () => createStyles({
3
3
  root: {
4
4
  marginTop: '0.25em'
5
- },
6
- hint: {
7
- fontSize: '0.6875em'
8
5
  }
9
6
  });
10
7
  //# sourceMappingURL=styles.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/FormHint/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAEvD,eAAe,GAAG,EAAE,CAClB,YAAY,CAAC;IACX,IAAI,EAAE;QACJ,SAAS,EAAE,QAAQ;KACpB;IACD,IAAI,EAAE;QACJ,QAAQ,EAAE,UAAU;KACrB;CACF,CAAC,CAAA"}
1
+ {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/FormHint/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAEvD,eAAe,GAAG,EAAE,CAClB,YAAY,CAAC;IACX,IAAI,EAAE;QACJ,SAAS,EAAE,QAAQ;KACpB;CACF,CAAC,CAAA"}
@@ -65,7 +65,7 @@ export const NativeSelect = documentable(forwardRef((props, ref) => {
65
65
  })
66
66
  } }),
67
67
  React.createElement(NativeSelectPlaceholder, { emptySelectValue: emptySelectValue, disabled: !enableReset }, placeholder),
68
- React.createElement(NativeSelectOptions, { options: options, renderOption: renderOption, getItemProps: getItemProps })));
68
+ React.createElement(NativeSelectOptions, { options: options, value: value, renderOption: renderOption, getItemProps: getItemProps })));
69
69
  return (React.createElement("div", { className: cx(classes.root, className, classes[`root${capitalize(width)}`], {
70
70
  [classes.rootDisabled]: disabled
71
71
  }), style: style, ref: inputWrapperRef }, nativeSelectComponent));
@@ -1 +1 @@
1
- {"version":3,"file":"NativeSelect.js","sourceRoot":"","sources":["../../src/NativeSelect/NativeSelect.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"NativeSelect.js","sourceRoot":"","sources":["../../src/NativeSelect/NativeSelect.tsx"],"names":[],"mappings":"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"}
@@ -1,12 +1,13 @@
1
1
  import { ReactNode } from 'react';
2
2
  import { Option, OptionGroups, ItemProps, ValueType } from '../Select/types';
3
- export interface Props<T extends ValueType> {
4
- options: Option<T>[] | OptionGroups<T>;
5
- renderOption: (option: Option<T>, index: number) => ReactNode;
6
- getItemProps: (option: Option<T>, index: number) => ItemProps;
3
+ export interface Props {
4
+ options: Option[] | OptionGroups;
5
+ value?: ValueType | ValueType[];
6
+ renderOption: (option: Option, index: number) => ReactNode;
7
+ getItemProps: (option: Option, index: number) => ItemProps;
7
8
  }
8
9
  declare const NativeSelectOptions: {
9
- <T extends ValueType>({ options, renderOption, getItemProps }: Props<T>): JSX.Element;
10
+ ({ options, renderOption, getItemProps, value }: Props): JSX.Element;
10
11
  displayName: string;
11
12
  };
12
13
  export default NativeSelectOptions;
@@ -1,14 +1,22 @@
1
1
  import React from 'react';
2
- import { isOptionsType } from '../Select';
3
- const NativeSelectOptions = ({ options, renderOption, getItemProps }) => {
4
- const renderOptions = (optionsList) => (React.createElement(React.Fragment, null, optionsList.map((option, index) => {
2
+ import { getSelection, isOptionsType } from '../Select';
3
+ const renderOptions = ({ options, getItemProps, renderOption, value }) => {
4
+ const selection = getSelection(options, value);
5
+ return (React.createElement(React.Fragment, null, options.map((option, index) => {
5
6
  var _a;
6
- return (React.createElement("option", Object.assign({ key: ((_a = option === null || option === void 0 ? void 0 : option.key) !== null && _a !== void 0 ? _a : option.value).toString(), value: option.value.toString() }, getItemProps(option, index)), renderOption(option, index)));
7
+ return (React.createElement("option", Object.assign({ key: ((_a = option === null || option === void 0 ? void 0 : option.key) !== null && _a !== void 0 ? _a : option.value).toString(), value: option.value.toString(), "aria-selected": selection.isOptionSelected(option) }, getItemProps(option, index)), renderOption(option, index)));
7
8
  })));
9
+ };
10
+ const NativeSelectOptions = ({ options, renderOption, getItemProps, value }) => {
8
11
  if (isOptionsType(options)) {
9
- return renderOptions(options);
12
+ return renderOptions({ options, getItemProps, renderOption, value });
10
13
  }
11
- return (React.createElement(React.Fragment, null, Object.keys(options).map((group) => (React.createElement("optgroup", { key: group, label: group }, renderOptions(options[group]))))));
14
+ return (React.createElement(React.Fragment, null, Object.keys(options).map(group => (React.createElement("optgroup", { key: group, label: group }, renderOptions({
15
+ options: options[group],
16
+ getItemProps,
17
+ renderOption,
18
+ value
19
+ }))))));
12
20
  };
13
21
  NativeSelectOptions.displayName = 'NativeSelectOptions';
14
22
  export default NativeSelectOptions;
@@ -1 +1 @@
1
- {"version":3,"file":"NativeSelectOptions.js","sourceRoot":"","sources":["../../src/NativeSelectOptions/NativeSelectOptions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAA;AAExC,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAA;AASzC,MAAM,mBAAmB,GAAG,CAAsB,EAChD,OAAO,EACP,YAAY,EACZ,YAAY,EACH,EAAE,EAAE;IACb,MAAM,aAAa,GAAG,CAAC,WAAwB,EAAE,EAAE,CAAC,CAClD,0CACG,WAAW,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;;QAAC,OAAA,CAClC,8CACE,GAAG,EAAE,CAAC,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,GAAG,mCAAI,MAAM,CAAC,KAAK,CAAC,CAAC,QAAQ,EAAE,EAC7C,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,QAAQ,EAAE,IAE1B,YAAY,CAAC,MAAM,EAAE,KAAK,CAAC,GAE9B,YAAY,CAAC,MAAM,EAAE,KAAK,CAAC,CACrB,CACV,CAAA;KAAA,CAAC,CACD,CACJ,CAAA;IAED,IAAI,aAAa,CAAC,OAAO,CAAC,EAAE;QAC1B,OAAO,aAAa,CAAC,OAAO,CAAC,CAAA;KAC9B;IAED,OAAO,CACL,0CACG,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CACnC,kCAAU,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,IAC/B,aAAa,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CACrB,CACZ,CAAC,CACD,CACJ,CAAA;AACH,CAAC,CAAA;AAED,mBAAmB,CAAC,WAAW,GAAG,qBAAqB,CAAA;AAEvD,eAAe,mBAAmB,CAAA"}
1
+ {"version":3,"file":"NativeSelectOptions.js","sourceRoot":"","sources":["../../src/NativeSelectOptions/NativeSelectOptions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAA;AAExC,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,WAAW,CAAA;AAUvD,MAAM,aAAa,GAAG,CAAC,EACrB,OAAO,EACP,YAAY,EACZ,YAAY,EACZ,KAAK,EAGN,EAAE,EAAE;IACH,MAAM,SAAS,GAAG,YAAY,CAAC,OAAO,EAAE,KAAK,CAAC,CAAA;IAE9C,OAAO,CACL,0CACG,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;;QAAC,OAAA,CAC9B,8CACE,GAAG,EAAE,CAAC,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,GAAG,mCAAI,MAAM,CAAC,KAAK,CAAC,CAAC,QAAQ,EAAE,EAC7C,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,QAAQ,EAAE,mBACf,SAAS,CAAC,gBAAgB,CAAC,MAAM,CAAC,IAC7C,YAAY,CAAC,MAAM,EAAE,KAAK,CAAC,GAE9B,YAAY,CAAC,MAAM,EAAE,KAAK,CAAC,CACrB,CACV,CAAA;KAAA,CAAC,CACD,CACJ,CAAA;AACH,CAAC,CAAA;AAED,MAAM,mBAAmB,GAAG,CAAC,EAC3B,OAAO,EACP,YAAY,EACZ,YAAY,EACZ,KAAK,EACC,EAAE,EAAE;IACV,IAAI,aAAa,CAAC,OAAO,CAAC,EAAE;QAC1B,OAAO,aAAa,CAAC,EAAE,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,KAAK,EAAE,CAAC,CAAA;KACrE;IAED,OAAO,CACL,0CACG,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,CACjC,kCAAU,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,IAC/B,aAAa,CAAC;QACb,OAAO,EAAE,OAAO,CAAC,KAAK,CAAC;QACvB,YAAY;QACZ,YAAY;QACZ,KAAK;KACN,CAAC,CACO,CACZ,CAAC,CACD,CACJ,CAAA;AACH,CAAC,CAAA;AAED,mBAAmB,CAAC,WAAW,GAAG,qBAAqB,CAAA;AAEvD,eAAe,mBAAmB,CAAA"}
@@ -52,7 +52,7 @@ export const NonNativeSelect = documentable(forwardRef((props, ref) => {
52
52
  selectState
53
53
  });
54
54
  const searchInput = showSearch ? (React.createElement(MenuItem, { as: 'div', size: size, nonSelectable: true },
55
- React.createElement(OutlinedInput, Object.assign({ inputRef: searchInputRef, className: classes.searchOutlinedInput, startAdornment: React.createElement(Search16, { className: classes.searchInputIcon }), placeholder: searchPlaceholder, size: size, value: filterOptionsValue }, getSearchInputProps())))) : null;
55
+ React.createElement(OutlinedInput, Object.assign({ inputRef: searchInputRef, className: classes.searchOutlinedInput, startAdornment: React.createElement(Search16, { className: classes.searchInputIcon }), placeholder: searchPlaceholder, size: size, value: filterOptionsValue, "aria-autocomplete": 'list' }, getSearchInputProps())))) : null;
56
56
  const rootProps = getRootProps();
57
57
  const [startAdornment, endAdornment] = useAdornments({
58
58
  position: iconPosition,
@@ -1 +1 @@
1
- {"version":3,"file":"NonNativeSelect.js","sourceRoot":"","sources":["../../src/NonNativeSelect/NonNativeSelect.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"NonNativeSelect.js","sourceRoot":"","sources":["../../src/NonNativeSelect/NonNativeSelect.tsx"],"names":[],"mappings":"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"}
@@ -1,16 +1,13 @@
1
1
  import React, { ReactNode } from 'react';
2
2
  import { SizeType } from '@toptal/picasso-shared';
3
- import { Option, ValueType } from '../Select';
4
- export interface Props<T extends ValueType> {
3
+ import { ItemProps, Option, ValueType } from '../Select';
4
+ export interface Props<T extends ValueType> extends ItemProps {
5
5
  children?: ReactNode;
6
6
  description?: ReactNode;
7
- onMouseDown: (event: React.MouseEvent) => void;
8
- onMouseEnter: () => void;
9
7
  selected: boolean;
10
8
  highlighted: boolean;
11
9
  size?: SizeType<'small' | 'medium'>;
12
- onClick: (event: React.MouseEvent) => void;
13
10
  option: Option<T>;
14
11
  }
15
- declare const NonNativeSelectOption: React.MemoExoticComponent<(<T extends ValueType>({ option, size, onMouseDown, onMouseEnter, selected, highlighted, onClick, description, children }: Props<T>) => JSX.Element)>;
12
+ declare const NonNativeSelectOption: React.MemoExoticComponent<(<T extends ValueType>({ option, size, selected, highlighted, description, children, ...itemProps }: Props<T>) => JSX.Element)>;
16
13
  export default NonNativeSelectOption;
@@ -1,7 +1,19 @@
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
+ };
1
12
  import React from 'react';
2
13
  import MenuItem from '../MenuItem';
3
- const NonNativeSelectOption = React.memo(({ option, size, onMouseDown, onMouseEnter, selected, highlighted, onClick, description, children }) => {
4
- return (React.createElement(MenuItem, { role: 'option', "aria-selected": highlighted, value: option.value, size: size, selected: highlighted, checkmarked: selected, onMouseDown: onMouseDown, onMouseEnter: onMouseEnter, onClick: onClick, titleCase: false, description: description }, children));
14
+ const NonNativeSelectOption = React.memo((_a) => {
15
+ var { option, size, selected, highlighted, description, children } = _a, itemProps = __rest(_a, ["option", "size", "selected", "highlighted", "description", "children"]);
16
+ return (React.createElement(MenuItem, Object.assign({ value: option.value, size: size, selected: highlighted, checkmarked: selected, titleCase: false, description: description, role: 'option', "aria-selected": selected, "data-highlighted": highlighted }, itemProps), children));
5
17
  });
6
18
  NonNativeSelectOption.displayName = 'NonNativeSelectOption';
7
19
  export default NonNativeSelectOption;
@@ -1 +1 @@
1
- {"version":3,"file":"NonNativeSelectOption.js","sourceRoot":"","sources":["../../src/NonNativeSelectOption/NonNativeSelectOption.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAA;AAGxC,OAAO,QAAQ,MAAM,aAAa,CAAA;AAelC,MAAM,qBAAqB,GAAG,KAAK,CAAC,IAAI,CACtC,CAAsB,EACpB,MAAM,EACN,IAAI,EACJ,WAAW,EACX,YAAY,EACZ,QAAQ,EACR,WAAW,EACX,OAAO,EACP,WAAW,EACX,QAAQ,EACC,EAAE,EAAE;IACb,OAAO,CACL,oBAAC,QAAQ,IACP,IAAI,EAAC,QAAQ,mBACE,WAAW,EAC1B,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,WAAW,EACrB,WAAW,EAAE,QAAQ,EACrB,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,EAC1B,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,KAAK,EAChB,WAAW,EAAE,WAAW,IAEvB,QAAQ,CACA,CACZ,CAAA;AACH,CAAC,CACF,CAAA;AAED,qBAAqB,CAAC,WAAW,GAAG,uBAAuB,CAAA;AAE3D,eAAe,qBAAqB,CAAA"}
1
+ {"version":3,"file":"NonNativeSelectOption.js","sourceRoot":"","sources":["../../src/NonNativeSelectOption/NonNativeSelectOption.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAoB,MAAM,OAAO,CAAA;AAGxC,OAAO,QAAQ,MAAM,aAAa,CAAA;AAYlC,MAAM,qBAAqB,GAAG,KAAK,CAAC,IAAI,CACtC,CAAsB,EAQX,EAAE,EAAE;QARO,EACpB,MAAM,EACN,IAAI,EACJ,QAAQ,EACR,WAAW,EACX,WAAW,EACX,QAAQ,OAEC,EADN,SAAS,cAPQ,wEAQrB,CADa;IAEZ,OAAO,CACL,oBAAC,QAAQ,kBACP,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,WAAW,EACrB,WAAW,EAAE,QAAQ,EACrB,SAAS,EAAE,KAAK,EAChB,WAAW,EAAE,WAAW,EACxB,IAAI,EAAC,QAAQ,mBACE,QAAQ,sBACL,WAAW,IACzB,SAAS,GAEZ,QAAQ,CACA,CACZ,CAAA;AACH,CAAC,CACF,CAAA;AAED,qBAAqB,CAAC,WAAW,GAAG,uBAAuB,CAAA;AAE3D,eAAe,qBAAqB,CAAA"}
@@ -26,46 +26,78 @@ const MenuGroup = (props) => {
26
26
  React.createElement(Typography, { size: 'small', weight: 'semibold', color: 'dark-grey' }, group)),
27
27
  children));
28
28
  };
29
+ const renderOptions = ({ options, getItemProps, value, size, highlightedIndex, limit, offset = 0, renderOption }) => {
30
+ const limitedOptions = limit ? options.slice(0, limit) : options;
31
+ return limitedOptions.map((option, index) => {
32
+ const selection = getSelection(options, value);
33
+ return (React.createElement(NonNativeSelectOption, Object.assign({ key: option.key || option.value, option: option, size: size, selected: selection.isOptionSelected(option), highlighted: highlightedIndex === index + offset, description: option.description }, getItemProps(option, index + offset)), renderOption === null || renderOption === void 0 ? void 0 : renderOption(option)));
34
+ });
35
+ };
36
+ const renderGroups = ({ groups, getItemProps, value, size, highlightedIndex, limit, renderOption }) => {
37
+ let optionsCount = 0;
38
+ return Object.keys(groups).map(group => {
39
+ const menuGroups = (React.createElement(MenuGroup, { key: group, group: group }, renderOptions({
40
+ options: groups[group],
41
+ getItemProps,
42
+ value,
43
+ size,
44
+ highlightedIndex,
45
+ limit: limit - optionsCount,
46
+ offset: optionsCount,
47
+ renderOption
48
+ })));
49
+ optionsCount += groups[group].length;
50
+ return menuGroups;
51
+ });
52
+ };
53
+ const addOffsetToHighlightedIndex = (groups, highlightedIndex) => {
54
+ if (!highlightedIndex) {
55
+ return highlightedIndex;
56
+ }
57
+ let optionsCount = 0;
58
+ const offset = Object.values(groups).findIndex(group => {
59
+ optionsCount += group.length;
60
+ const isHighlightedOptionInGroup = highlightedIndex < optionsCount;
61
+ return isHighlightedOptionInGroup;
62
+ }) + 1;
63
+ return highlightedIndex + offset;
64
+ };
29
65
  const NonNativeSelectOptions = ({ options, renderOption = () => null, highlightedIndex, getItemProps, onBlur, value, size, filterOptionsValue, noOptionsText, fixedHeader, limit = DEFAULT_LIMIT }) => {
30
66
  const classes = useStyles();
31
67
  const flatOptions = useMemo(() => flattenOptions(options), [
32
68
  options
33
69
  ]);
34
70
  if (!flatOptions.length && filterOptionsValue) {
35
- return (React.createElement(ScrollMenu, { "data-testid": 'no-options', fixedHeader: fixedHeader },
71
+ return (React.createElement(ScrollMenu, { "data-testid": 'no-options', role: 'listbox', fixedHeader: fixedHeader },
36
72
  React.createElement(MenuItem, { titleCase: false, disabled: true }, noOptionsText)));
37
73
  }
38
- const flatOptionComponents = (optionsList, limit, offset = 0) => {
39
- const limitedOptions = limit ? optionsList.slice(0, limit) : optionsList;
40
- return limitedOptions.map((option, currentIndex) => {
41
- const { onMouseDown, onMouseEnter, onClick } = getItemProps(option, currentIndex + offset);
42
- const selection = getSelection(flatOptions, value);
43
- return (React.createElement(NonNativeSelectOption, { key: option.key || option.value, option: option, size: size, onMouseDown: onMouseDown, onMouseEnter: onMouseEnter, selected: selection.isOptionSelected(option), highlighted: highlightedIndex === currentIndex + offset, onClick: onClick, description: option.description }, renderOption(option)));
44
- });
45
- };
46
- const groupedOptionComponents = (optionGroups, limit) => {
47
- let cursor = 0;
48
- return Object.keys(optionGroups).reduce((rendered, group) => {
49
- const remainingLimit = limit - cursor;
50
- cursor += 1; // for the group item itself
51
- const offset = cursor;
52
- if (remainingLimit > 0) {
53
- rendered.push(React.createElement(MenuGroup, { key: group, group: group }, flatOptionComponents(optionGroups[group], remainingLimit, offset)));
54
- cursor += optionGroups[group].length;
55
- }
56
- return rendered;
57
- }, []);
58
- };
59
- const optionComponents = isOptionsType(options)
60
- ? flatOptionComponents(options, limit)
61
- : groupedOptionComponents(options, limit);
62
74
  const fixedFooter = limit && flatOptions.length > limit ? (React.createElement(MenuItem, { titleCase: false, className: classes.fixedFooter, disabled: true },
63
75
  "Showing only first ",
64
76
  limit,
65
77
  " of ",
66
78
  flatOptions.length,
67
79
  " items")) : null;
68
- return (React.createElement(ScrollMenu, { fixedHeader: fixedHeader, onBlur: onBlur, selectedIndex: highlightedIndex, fixedFooter: fixedFooter }, optionComponents));
80
+ return (React.createElement(ScrollMenu, { fixedHeader: fixedHeader, onBlur: onBlur, selectedIndex: isOptionsType(options)
81
+ ? highlightedIndex
82
+ : addOffsetToHighlightedIndex(options, highlightedIndex), fixedFooter: fixedFooter, role: 'listbox' }, isOptionsType(options)
83
+ ? renderOptions({
84
+ options,
85
+ getItemProps,
86
+ value,
87
+ size,
88
+ highlightedIndex,
89
+ limit,
90
+ renderOption
91
+ })
92
+ : renderGroups({
93
+ groups: options,
94
+ getItemProps,
95
+ value,
96
+ size,
97
+ highlightedIndex,
98
+ limit,
99
+ renderOption
100
+ })));
69
101
  };
70
102
  NonNativeSelectOptions.displayName = 'NonNativeSelectOptions';
71
103
  export default NonNativeSelectOptions;
@@ -1 +1 @@
1
- {"version":3,"file":"NonNativeSelectOptions.js","sourceRoot":"","sources":["../../src/NonNativeSelectOptions/NonNativeSelectOptions.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"NonNativeSelectOptions.js","sourceRoot":"","sources":["../../src/NonNativeSelectOptions/NonNativeSelectOptions.tsx"],"names":[],"mappings":"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"}
@@ -20,7 +20,7 @@ import Button from '../Button';
20
20
  import styles from './styles';
21
21
  import Typography from '../Typography';
22
22
  import NotificationActions from '../NotificationActions';
23
- const renderNotificationCloseButton = ({ onClose, classes }) => (React.createElement(Button.Circular, { onClick: onClose, className: classes === null || classes === void 0 ? void 0 : classes.close, title: 'Close Notification', icon: React.createElement(CloseMinor16, { className: classes === null || classes === void 0 ? void 0 : classes.closeIcon }) }));
23
+ const renderNotificationCloseButton = ({ onClose, classes }) => (React.createElement(Button.Circular, { onClick: onClose, className: classes === null || classes === void 0 ? void 0 : classes.close, icon: React.createElement(CloseMinor16, { className: classes === null || classes === void 0 ? void 0 : classes.closeIcon }) }));
24
24
  const renderNotificationIcon = ({ icon, variant, classes }) => {
25
25
  const iconProps = {
26
26
  className: classes === null || classes === void 0 ? void 0 : classes.icon
@@ -1 +1 @@
1
- {"version":3,"file":"Notification.js","sourceRoot":"","sources":["../../src/Notification/Notification.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Notification.js","sourceRoot":"","sources":["../../src/Notification/Notification.tsx"],"names":[],"mappings":"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"}
package/README.md CHANGED
@@ -1,7 +1,5 @@
1
1
  # @toptal/picasso
2
2
 
3
- foo
4
-
5
3
  [![Picasso NPM package](https://img.shields.io/npm/v/@toptal/picasso?color=green&logo=toptal)](https://www.npmjs.com/package/@toptal/picasso)
6
4
 
7
5
  ![Picasso](https://user-images.githubusercontent.com/437214/54037817-b4da1800-41c7-11e9-81f5-59ed43e38500.png)
@@ -5,6 +5,7 @@ export interface Props extends BaseProps {
5
5
  onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
6
6
  fixedHeader?: ReactNode;
7
7
  fixedFooter?: ReactNode;
8
+ role?: 'listbox' | 'menu';
8
9
  }
9
10
  export declare const scrollToSelection: (menuRef: RefObject<HTMLDivElement>, selectedIndex?: number | null | undefined) => void;
10
11
  declare const ScrollMenu: FunctionComponent<Props>;
@@ -38,13 +38,13 @@ export const scrollToSelection = (menuRef, selectedIndex) => {
38
38
  }
39
39
  };
40
40
  const ScrollMenu = props => {
41
- const { selectedIndex, onBlur, children, style, fixedHeader, fixedFooter } = props, rest = __rest(props, ["selectedIndex", "onBlur", "children", "style", "fixedHeader", "fixedFooter"]);
41
+ const { selectedIndex, onBlur, children, style, fixedHeader, fixedFooter, role = 'menu' } = props, rest = __rest(props, ["selectedIndex", "onBlur", "children", "style", "fixedHeader", "fixedFooter", "role"]);
42
42
  const classes = useStyles();
43
43
  const menuRef = useRef(null);
44
44
  useLayoutEffect(() => scrollToSelection(menuRef, selectedIndex), [
45
45
  selectedIndex
46
46
  ]);
47
- return (React.createElement(Menu, Object.assign({ className: classes.menu, style: style }, rest),
47
+ return (React.createElement(Menu, Object.assign({ className: classes.menu, style: style, role: role }, rest),
48
48
  fixedHeader,
49
49
  React.createElement("div", { ref: menuRef, className: classes.scrollView, onBlur: onBlur }, children),
50
50
  fixedFooter));
@@ -1 +1 @@
1
- {"version":3,"file":"ScrollMenu.js","sourceRoot":"","sources":["../../src/ScrollMenu/ScrollMenu.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAIZ,eAAe,EACf,MAAM,EACP,MAAM,OAAO,CAAA;AACd,OAAO,EAAE,UAAU,EAAS,MAAM,0BAA0B,CAAA;AAG5D,OAAO,IAAI,MAAM,SAAS,CAAA;AAC1B,OAAO,MAAM,MAAM,UAAU,CAAA;AAS7B,MAAM,SAAS,GAAG,UAAU,CAAQ,MAAM,EAAE;IAC1C,IAAI,EAAE,mBAAmB;CAC1B,CAAC,CAAA;AAEF,MAAM,mBAAmB,GAAG,CAC1B,OAAkC,EAClC,aAA6B,EAC7B,EAAE;;IACF,OAAA,OAAO,aAAa,KAAK,QAAQ;QAC/B,CAAC,CAAC,MAAA,OAAO,CAAC,OAAO,0CAAE,QAAQ,CAAC,aAAa,CAAC;QAC1C,CAAC,CAAC,SAAS,CAAA;CAAA,CAAA;AAEf,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAC/B,OAAkC,EAClC,aAA6B,EAC7B,EAAE;IACF,MAAM,QAAQ,GAAG,OAAO,CAAC,OAAO,CAAA;IAChC,MAAM,YAAY,GAAG,mBAAmB,CAAC,OAAO,EAAE,aAAa,CAAC,CAAA;IAEhE,IAAI,CAAC,QAAQ,IAAI,CAAC,YAAY,EAAE;QAC9B,OAAM;KACP;IAED,MAAM,QAAQ,GAAG,QAAQ,CAAC,qBAAqB,EAAE,CAAA;IACjD,MAAM,YAAY,GAAG,YAAY,CAAC,qBAAqB,EAAE,CAAA;IAEzD,IAAI,YAAY,CAAC,GAAG,GAAG,QAAQ,CAAC,GAAG,EAAE;QACnC,QAAQ,CAAC,SAAS,IAAI,QAAQ,CAAC,GAAG,GAAG,YAAY,CAAC,GAAG,CAAA;KACtD;SAAM,IAAI,YAAY,CAAC,MAAM,GAAG,QAAQ,CAAC,MAAM,EAAE;QAChD,QAAQ,CAAC,SAAS,IAAI,YAAY,CAAC,MAAM,GAAG,QAAQ,CAAC,MAAM,CAAA;KAC5D;AACH,CAAC,CAAA;AAED,MAAM,UAAU,GAA6B,KAAK,CAAC,EAAE;IACnD,MAAM,EACJ,aAAa,EACb,MAAM,EACN,QAAQ,EACR,KAAK,EACL,WAAW,EACX,WAAW,KAET,KAAK,EADJ,IAAI,UACL,KAAK,EARH,8EAQL,CAAQ,CAAA;IACT,MAAM,OAAO,GAAG,SAAS,EAAE,CAAA;IAC3B,MAAM,OAAO,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IAE5C,eAAe,CAAC,GAAG,EAAE,CAAC,iBAAiB,CAAC,OAAO,EAAE,aAAa,CAAC,EAAE;QAC/D,aAAa;KACd,CAAC,CAAA;IAEF,OAAO,CACL,oBAAC,IAAI,kBACH,SAAS,EAAE,OAAO,CAAC,IAAI,EACvB,KAAK,EAAE,KAAK,IAER,IAAI;QAEP,WAAW;QACZ,6BAAK,GAAG,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,CAAC,UAAU,EAAE,MAAM,EAAE,MAAM,IAC7D,QAAQ,CACL;QACL,WAAW,CACP,CACR,CAAA;AACH,CAAC,CAAA;AAED,eAAe,UAAU,CAAA"}
1
+ {"version":3,"file":"ScrollMenu.js","sourceRoot":"","sources":["../../src/ScrollMenu/ScrollMenu.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAIZ,eAAe,EACf,MAAM,EACP,MAAM,OAAO,CAAA;AACd,OAAO,EAAE,UAAU,EAAS,MAAM,0BAA0B,CAAA;AAG5D,OAAO,IAAI,MAAM,SAAS,CAAA;AAC1B,OAAO,MAAM,MAAM,UAAU,CAAA;AAU7B,MAAM,SAAS,GAAG,UAAU,CAAQ,MAAM,EAAE;IAC1C,IAAI,EAAE,mBAAmB;CAC1B,CAAC,CAAA;AAEF,MAAM,mBAAmB,GAAG,CAC1B,OAAkC,EAClC,aAA6B,EAC7B,EAAE;;IACF,OAAA,OAAO,aAAa,KAAK,QAAQ;QAC/B,CAAC,CAAC,MAAA,OAAO,CAAC,OAAO,0CAAE,QAAQ,CAAC,aAAa,CAAC;QAC1C,CAAC,CAAC,SAAS,CAAA;CAAA,CAAA;AAEf,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAC/B,OAAkC,EAClC,aAA6B,EAC7B,EAAE;IACF,MAAM,QAAQ,GAAG,OAAO,CAAC,OAAO,CAAA;IAChC,MAAM,YAAY,GAAG,mBAAmB,CAAC,OAAO,EAAE,aAAa,CAAC,CAAA;IAEhE,IAAI,CAAC,QAAQ,IAAI,CAAC,YAAY,EAAE;QAC9B,OAAM;KACP;IAED,MAAM,QAAQ,GAAG,QAAQ,CAAC,qBAAqB,EAAE,CAAA;IACjD,MAAM,YAAY,GAAG,YAAY,CAAC,qBAAqB,EAAE,CAAA;IAEzD,IAAI,YAAY,CAAC,GAAG,GAAG,QAAQ,CAAC,GAAG,EAAE;QACnC,QAAQ,CAAC,SAAS,IAAI,QAAQ,CAAC,GAAG,GAAG,YAAY,CAAC,GAAG,CAAA;KACtD;SAAM,IAAI,YAAY,CAAC,MAAM,GAAG,QAAQ,CAAC,MAAM,EAAE;QAChD,QAAQ,CAAC,SAAS,IAAI,YAAY,CAAC,MAAM,GAAG,QAAQ,CAAC,MAAM,CAAA;KAC5D;AACH,CAAC,CAAA;AAED,MAAM,UAAU,GAA6B,KAAK,CAAC,EAAE;IACnD,MAAM,EACJ,aAAa,EACb,MAAM,EACN,QAAQ,EACR,KAAK,EACL,WAAW,EACX,WAAW,EACX,IAAI,GAAG,MAAM,KAEX,KAAK,EADJ,IAAI,UACL,KAAK,EATH,sFASL,CAAQ,CAAA;IACT,MAAM,OAAO,GAAG,SAAS,EAAE,CAAA;IAC3B,MAAM,OAAO,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IAE5C,eAAe,CAAC,GAAG,EAAE,CAAC,iBAAiB,CAAC,OAAO,EAAE,aAAa,CAAC,EAAE;QAC/D,aAAa;KACd,CAAC,CAAA;IAEF,OAAO,CACL,oBAAC,IAAI,kBACH,SAAS,EAAE,OAAO,CAAC,IAAI,EACvB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,IAEN,IAAI;QAEP,WAAW;QACZ,6BAAK,GAAG,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,CAAC,UAAU,EAAE,MAAM,EAAE,MAAM,IAC7D,QAAQ,CACL;QACL,WAAW,CACP,CACR,CAAA;AACH,CAAC,CAAA;AAED,eAAe,UAAU,CAAA"}
@@ -1,5 +1,5 @@
1
- import { flattenOptions, getNextWrappingIndex } from '@toptal/picasso/Select/utils';
2
1
  import { useCallback } from 'react';
2
+ import { flattenOptions, getNextWrappingIndex } from '../../../utils';
3
3
  const useArrowsKeyDownHandler = ({ selectState: { isOpen, highlightedIndex, filteredOptions, setHighlightedIndex, open } }) => useCallback((key, event) => {
4
4
  event.preventDefault();
5
5
  if (isOpen) {
@@ -1 +1 @@
1
- {"version":3,"file":"use-arrows-keydown-handler.js","sourceRoot":"","sources":["../../../../../src/Select/hooks/use-select-props/use-arrows-keydown-handler/use-arrows-keydown-handler.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAA;AACnF,OAAO,EAAiB,WAAW,EAAE,MAAM,OAAO,CAAA;AAIlD,MAAM,uBAAuB,GAAG,CAG9B,EACA,WAAW,EAAE,EACX,MAAM,EACN,gBAAgB,EAChB,eAAe,EACf,mBAAmB,EACnB,IAAI,EACL,EACoB,EAAE,EAAE,CACzB,WAAW,CACT,CAAC,GAAW,EAAE,KAAsC,EAAE,EAAE;IACtD,KAAK,CAAC,cAAc,EAAE,CAAA;IAEtB,IAAI,MAAM,EAAE;QACV,mBAAmB,CACjB,oBAAoB,CAClB,GAAG,KAAK,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAC5B,gBAAgB,EAChB,cAAc,CAAC,eAAe,CAAC,CAAC,MAAM,CACvC,CACF,CAAA;KACF;SAAM;QACL,IAAI,EAAE,CAAA;KACP;AACH,CAAC,EACD,CAAC,MAAM,EAAE,gBAAgB,EAAE,eAAe,EAAE,mBAAmB,EAAE,IAAI,CAAC,CACvE,CAAA;AAEH,eAAe,uBAAuB,CAAA"}
1
+ {"version":3,"file":"use-arrows-keydown-handler.js","sourceRoot":"","sources":["../../../../../src/Select/hooks/use-select-props/use-arrows-keydown-handler/use-arrows-keydown-handler.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,WAAW,EAAE,MAAM,OAAO,CAAA;AAElD,OAAO,EAAE,cAAc,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAA;AAGrE,MAAM,uBAAuB,GAAG,CAG9B,EACA,WAAW,EAAE,EACX,MAAM,EACN,gBAAgB,EAChB,eAAe,EACf,mBAAmB,EACnB,IAAI,EACL,EACoB,EAAE,EAAE,CACzB,WAAW,CACT,CAAC,GAAW,EAAE,KAAsC,EAAE,EAAE;IACtD,KAAK,CAAC,cAAc,EAAE,CAAA;IAEtB,IAAI,MAAM,EAAE;QACV,mBAAmB,CACjB,oBAAoB,CAClB,GAAG,KAAK,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAC5B,gBAAgB,EAChB,cAAc,CAAC,eAAe,CAAC,CAAC,MAAM,CACvC,CACF,CAAA;KACF;SAAM;QACL,IAAI,EAAE,CAAA;KACP;AACH,CAAC,EACD,CAAC,MAAM,EAAE,gBAAgB,EAAE,eAAe,EAAE,mBAAmB,EAAE,IAAI,CAAC,CACvE,CAAA;AAEH,eAAe,uBAAuB,CAAA"}
@@ -34,8 +34,6 @@ const useSelectProps = (props) => {
34
34
  handleEnterOrSpaceKeyDown,
35
35
  handleEscapeKeyDown }));
36
36
  const getItemProps = (item, index) => ({
37
- role: 'option',
38
- 'aria-selected': props.selectState.highlightedIndex === index,
39
37
  onMouseEnter: () => handleItemOnMouseEnter(index),
40
38
  onMouseDown: handleItemOnMouseDown,
41
39
  onClick: (event) => handleItemOnClick(event, item)
@@ -50,7 +48,6 @@ const useSelectProps = (props) => {
50
48
  onResetClick: handleResetClick
51
49
  });
52
50
  const getSearchInputProps = () => ({
53
- 'aria-autocomplete': 'list',
54
51
  onChange: handleSearchChange,
55
52
  onKeyDown: handleSearchKeyDown,
56
53
  onBlur: handleSearchBlur
@@ -1 +1 @@
1
- {"version":3,"file":"use-select-props.js","sourceRoot":"","sources":["../../../../src/Select/hooks/use-select-props/use-select-props.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"use-select-props.js","sourceRoot":"","sources":["../../../../src/Select/hooks/use-select-props/use-select-props.ts"],"names":[],"mappings":"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"}
package/Select/types.d.ts CHANGED
@@ -85,8 +85,6 @@ export declare type OptionGroups<T extends string | number = string | number> =
85
85
  [group: string]: Option<T>[];
86
86
  };
87
87
  export declare type ItemProps = {
88
- role: string;
89
- 'aria-selected': boolean;
90
88
  onMouseEnter: () => void;
91
89
  onMouseDown: (event: React.MouseEvent) => void;
92
90
  onClick: (event: React.MouseEvent) => void;
@@ -11,7 +11,7 @@ export interface Props extends StandardProps, TextLabelProps, HTMLAttributes<HTM
11
11
  /** Text align of the inner text */
12
12
  align?: PropTypes.Alignment;
13
13
  /** Size of the inner text */
14
- size?: SizeType<'small' | 'medium' | 'large' | 'xlarge'> | 'inherit';
14
+ size?: SizeType<'xsmall' | 'small' | 'medium' | 'large' | 'xlarge'> | 'inherit';
15
15
  /** Font weight of the inner text */
16
16
  weight?: 'regular' | 'semibold' | 'inherit';
17
17
  /** Invert color */
@@ -1 +1 @@
1
- {"version":3,"file":"Typography.js","sourceRoot":"","sources":["../../src/Typography/Typography.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAA6B,MAAM,OAAO,CAAA;AACpE,OAAO,EAAE,UAAU,EAAS,MAAM,0BAA0B,CAAA;AAE5D,OAAO,aAAa,MAAM,8BAA8B,CAAA;AACxD,OAAO,EAAE,MAAM,YAAY,CAAA;AAQ3B,OAAO,gBAAgB,MAAM,8BAA8B,CAAA;AAC3D,OAAO,MAAM,MAAM,UAAU,CAAA;AAC7B,OAAO,WAAW,MAAM,wBAAwB,CAAA;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAgCtC,MAAM,SAAS,GAAG,UAAU,CAAe,MAAM,EAAE;IACjD,IAAI,EAAE,mBAAmB;CAC1B,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,UAAU,CAAqB,SAAS,UAAU,CAC1E,KAAK,EACL,GAAG;IAEH,MAAM,EACJ,KAAK,EACL,EAAE,EACF,QAAQ,EACR,SAAS,EACT,KAAK,EACL,MAAM,EACN,MAAM,EACN,WAAW,EACX,MAAM,EACN,IAAI,GAAG,SAAS,EAChB,KAAK,EACL,SAAS,EACT,SAAS,EACT,OAAO,GAAG,MAAM,EAChB,MAAM,KAEJ,KAAK,EADJ,IAAI,UACL,KAAK,EAjBH,8JAiBL,CAAQ,CAAA;IACT,MAAM,OAAO,GAAG,SAAS,CAAC,KAAK,CAAC,CAAA;IAEhC,MAAM,gBAAgB,GAAG,gBAAgB,CAAC,GAAG,OAAO,IAAI,IAAI,EAAE,CAAC,CAAA;IAC/D,MAAM,cAAc,GAAG,gBAAgB,CAAC,GAAG,KAAK,EAAE,CAAC,CAAA;IAEnD,MAAM,kBAAkB,GAAG,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;IAC/D,MAAM,WAAW,GACf,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC,kBAAkB,CAAA;IAEnE,MAAM,cAAc,GAAG,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;IAEjE,MAAM,SAAS,GAAG,EAAE,CAClB,OAAO,CAAC,gBAAgB,CAAC,EACzB,OAAO,CAAC,cAAc,CAAC,EACvB,WAAW,EACX,cAAc,EACd;QACE,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,MAAM;QACxB,CAAC,OAAO,CAAC,WAAW,CAAC,EAAE,WAAW;KACnC,CACF,CAAA;IAED,OAAO,CACL,oBAAC,aAAa,oBACR,IAAI,IACR,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE;YACP,IAAI,EAAE,SAAS;SAChB,EACD,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,YAAY,CAAC,OAAO,EAAE,IAAI,CAAC,EACpC,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS;QACtC,oEAAoE;QACpE,SAAS,EAAE,EAAG,EACd,MAAM,EAAE,MAAM,KAEb,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAC/B,CACjB,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,UAAU,CAAC,YAAY,GAAG;IACxB,MAAM,EAAE,KAAK;IACb,MAAM,EAAE,KAAK;IACb,IAAI,EAAE,SAAS;IACf,OAAO,EAAE,MAAM;CAChB,CAAA;AAED,UAAU,CAAC,WAAW,GAAG,YAAY,CAAA;AAErC,eAAe,UAAU,CAAA"}
1
+ {"version":3,"file":"Typography.js","sourceRoot":"","sources":["../../src/Typography/Typography.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAA6B,MAAM,OAAO,CAAA;AACpE,OAAO,EAAE,UAAU,EAAS,MAAM,0BAA0B,CAAA;AAE5D,OAAO,aAAa,MAAM,8BAA8B,CAAA;AACxD,OAAO,EAAE,MAAM,YAAY,CAAA;AAQ3B,OAAO,gBAAgB,MAAM,8BAA8B,CAAA;AAC3D,OAAO,MAAM,MAAM,UAAU,CAAA;AAC7B,OAAO,WAAW,MAAM,wBAAwB,CAAA;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAkCtC,MAAM,SAAS,GAAG,UAAU,CAAe,MAAM,EAAE;IACjD,IAAI,EAAE,mBAAmB;CAC1B,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,UAAU,CAAqB,SAAS,UAAU,CAC1E,KAAK,EACL,GAAG;IAEH,MAAM,EACJ,KAAK,EACL,EAAE,EACF,QAAQ,EACR,SAAS,EACT,KAAK,EACL,MAAM,EACN,MAAM,EACN,WAAW,EACX,MAAM,EACN,IAAI,GAAG,SAAS,EAChB,KAAK,EACL,SAAS,EACT,SAAS,EACT,OAAO,GAAG,MAAM,EAChB,MAAM,KAEJ,KAAK,EADJ,IAAI,UACL,KAAK,EAjBH,8JAiBL,CAAQ,CAAA;IACT,MAAM,OAAO,GAAG,SAAS,CAAC,KAAK,CAAC,CAAA;IAEhC,MAAM,gBAAgB,GAAG,gBAAgB,CAAC,GAAG,OAAO,IAAI,IAAI,EAAE,CAAC,CAAA;IAC/D,MAAM,cAAc,GAAG,gBAAgB,CAAC,GAAG,KAAK,EAAE,CAAC,CAAA;IAEnD,MAAM,kBAAkB,GAAG,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;IAC/D,MAAM,WAAW,GACf,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC,kBAAkB,CAAA;IAEnE,MAAM,cAAc,GAAG,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;IAEjE,MAAM,SAAS,GAAG,EAAE,CAClB,OAAO,CAAC,gBAAgB,CAAC,EACzB,OAAO,CAAC,cAAc,CAAC,EACvB,WAAW,EACX,cAAc,EACd;QACE,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,MAAM;QACxB,CAAC,OAAO,CAAC,WAAW,CAAC,EAAE,WAAW;KACnC,CACF,CAAA;IAED,OAAO,CACL,oBAAC,aAAa,oBACR,IAAI,IACR,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE;YACP,IAAI,EAAE,SAAS;SAChB,EACD,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,YAAY,CAAC,OAAO,EAAE,IAAI,CAAC,EACpC,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS;QACtC,oEAAoE;QACpE,SAAS,EAAE,EAAG,EACd,MAAM,EAAE,MAAM,KAEb,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAC/B,CACjB,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,UAAU,CAAC,YAAY,GAAG;IACxB,MAAM,EAAE,KAAK;IACb,MAAM,EAAE,KAAK;IACb,IAAI,EAAE,SAAS;IACf,OAAO,EAAE,MAAM;CAChB,CAAA;AAED,UAAU,CAAC,WAAW,GAAG,YAAY,CAAA;AAErC,eAAe,UAAU,CAAA"}
@@ -1,3 +1,3 @@
1
1
  import { Theme } from '@material-ui/core/styles';
2
- declare const _default: ({ palette, typography }: Theme) => import("@material-ui/styles").StyleRules<{}, "inherit" | "black" | "green" | "grey" | "red" | "yellow" | "dashed" | "solid" | "invert" | "lightGrey" | "darkGrey" | "bodySmall" | "bodyMedium" | "bodyLarge" | "bodyInherit" | "regular" | "semibold" | "inheritWeight" | "lineThrough">;
2
+ declare const _default: ({ palette, typography }: Theme) => import("@material-ui/styles").StyleRules<{}, "inherit" | "black" | "green" | "grey" | "red" | "yellow" | "dashed" | "solid" | "invert" | "lightGrey" | "darkGrey" | "bodyXsmall" | "bodySmall" | "bodyMedium" | "bodyLarge" | "bodyInherit" | "regular" | "semibold" | "inheritWeight" | "lineThrough">;
3
3
  export default _default;
@@ -41,6 +41,12 @@ PicassoProvider.override(({ palette, typography }) => ({
41
41
  export default ({ palette, typography }) =>
42
42
  // All the body variants are mapped to the same MUI variant (body1) -> declaring styles via custom class names
43
43
  createStyles({
44
+ bodyXsmall: {
45
+ color: palette.text.primary,
46
+ fontWeight: typography.fontWeights.regular,
47
+ fontSize: '11px',
48
+ lineHeight: '16px'
49
+ },
44
50
  bodySmall: {
45
51
  color: palette.text.primary,
46
52
  fontWeight: typography.fontWeights.regular,
@@ -1 +1 @@
1
- {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/Typography/styles.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/Typography/styles.ts"],"names":[],"mappings":"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"}
@@ -1,5 +1,6 @@
1
1
  declare const variantsMapping: {
2
2
  heading: {
3
+ xsmall: undefined;
3
4
  small: "h4";
4
5
  medium: "h3";
5
6
  large: "h2";
@@ -7,6 +8,7 @@ declare const variantsMapping: {
7
8
  inherit: undefined;
8
9
  };
9
10
  body: {
11
+ xsmall: "body1";
10
12
  small: "body1";
11
13
  medium: "body1";
12
14
  large: "body1";
@@ -14,8 +16,9 @@ declare const variantsMapping: {
14
16
  inherit: "body1";
15
17
  };
16
18
  };
17
- declare const toMuiVariant: <V extends "body" | "heading", S extends "inherit" | "medium" | "large" | "small" | "xlarge">(variant: V, size: S) => {
19
+ declare const toMuiVariant: <V extends "body" | "heading", S extends "inherit" | "medium" | "large" | "small" | "xsmall" | "xlarge">(variant: V, size: S) => {
18
20
  heading: {
21
+ xsmall: undefined;
19
22
  small: "h4";
20
23
  medium: "h3";
21
24
  large: "h2";
@@ -23,6 +26,7 @@ declare const toMuiVariant: <V extends "body" | "heading", S extends "inherit" |
23
26
  inherit: undefined;
24
27
  };
25
28
  body: {
29
+ xsmall: "body1";
26
30
  small: "body1";
27
31
  medium: "body1";
28
32
  large: "body1";
@@ -1,5 +1,6 @@
1
1
  const variantsMapping = {
2
2
  heading: {
3
+ xsmall: undefined,
3
4
  small: 'h4',
4
5
  medium: 'h3',
5
6
  large: 'h2',
@@ -7,6 +8,7 @@ const variantsMapping = {
7
8
  inherit: undefined
8
9
  },
9
10
  body: {
11
+ xsmall: 'body1',
10
12
  small: 'body1',
11
13
  medium: 'body1',
12
14
  large: 'body1',
@@ -1 +1 @@
1
- {"version":3,"file":"to-mui-variant.js","sourceRoot":"","sources":["../../../../src/Typography/utils/to-mui-variant/to-mui-variant.ts"],"names":[],"mappings":"AAEA,MAAM,eAAe,GAAG;IACtB,OAAO,EAAE;QACP,KAAK,EAAE,IAAa;QACpB,MAAM,EAAE,IAAa;QACrB,KAAK,EAAE,IAAa;QACpB,MAAM,EAAE,IAAa;QACrB,OAAO,EAAE,SAAS;KACnB;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,OAAgB;QACvB,MAAM,EAAE,OAAgB;QACxB,KAAK,EAAE,OAAgB;QACvB,MAAM,EAAE,SAAS;QACjB,OAAO,EAAE,OAAgB;KAC1B;CACF,CAAA;AAED,MAAM,YAAY,GAAG,CAInB,OAAU,EACV,IAAO,EACuB,EAAE,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,CAAA;AAEjE,eAAe,YAAY,CAAA"}
1
+ {"version":3,"file":"to-mui-variant.js","sourceRoot":"","sources":["../../../../src/Typography/utils/to-mui-variant/to-mui-variant.ts"],"names":[],"mappings":"AAEA,MAAM,eAAe,GAAG;IACtB,OAAO,EAAE;QACP,MAAM,EAAE,SAAS;QACjB,KAAK,EAAE,IAAa;QACpB,MAAM,EAAE,IAAa;QACrB,KAAK,EAAE,IAAa;QACpB,MAAM,EAAE,IAAa;QACrB,OAAO,EAAE,SAAS;KACnB;IACD,IAAI,EAAE;QACJ,MAAM,EAAE,OAAgB;QACxB,KAAK,EAAE,OAAgB;QACvB,MAAM,EAAE,OAAgB;QACxB,KAAK,EAAE,OAAgB;QACvB,MAAM,EAAE,SAAS;QACjB,OAAO,EAAE,OAAgB;KAC1B;CACF,CAAA;AAED,MAAM,YAAY,GAAG,CAMnB,OAAU,EACV,IAAO,EACuB,EAAE,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,CAAA;AAEjE,eAAe,YAAY,CAAA"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@toptal/picasso",
3
- "version": "12.2.0",
3
+ "version": "12.3.1",
4
4
  "description": "Toptal UI components library",
5
5
  "publishConfig": {
6
6
  "access": "public"
@@ -69,5 +69,5 @@
69
69
  "**/styles.ts",
70
70
  "**/styles.js"
71
71
  ],
72
- "gitHead": "eb9e78dc15abf17ffd3b9e5a194fdf644e86a8f9"
72
+ "gitHead": "a1bf5af15989fa3fad18df0b83e7070def26f9ca"
73
73
  }