@toptal/picasso 32.0.0 → 32.0.2

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 (8) hide show
  1. package/PageHamburger/PageHamburgerPortal.js +2 -2
  2. package/PageHamburger/PageHamburgerPortal.js.map +1 -1
  3. package/StepLabel/StepLabel.js +1 -0
  4. package/StepLabel/StepLabel.js.map +1 -1
  5. package/StepLabel/styles.d.ts +1 -1
  6. package/StepLabel/styles.js +5 -3
  7. package/StepLabel/styles.js.map +1 -1
  8. package/package.json +1 -1
package/PageHamburger/PageHamburgerPortal.js CHANGED
@@ -3,8 +3,8 @@ import Portal from '@material-ui/core/Portal';
3
3
  import { getElementById } from '@toptal/picasso-shared';
4
4
  import { useHamburgerContext } from './PageHamburgerContext';
5
5
  const PageHamburgerPortal = ({ children }) => {
6
- const { hamburgerId } = useHamburgerContext();
7
- const container = useCallback(() => getElementById(hamburgerId), [hamburgerId]);
6
+ const { hamburgerId, isHamburgerVisible } = useHamburgerContext();
7
+ const container = useCallback(() => isHamburgerVisible ? getElementById(hamburgerId) : null, [hamburgerId, isHamburgerVisible]);
8
8
  return React.createElement(Portal, { container: container }, children);
9
9
  };
10
10
  export default PageHamburgerPortal;
package/PageHamburger/PageHamburgerPortal.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"PageHamburgerPortal.js","sourceRoot":"","sources":["../../src/PageHamburger/PageHamburgerPortal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AAC1C,OAAO,MAAM,MAAM,0BAA0B,CAAA;AAC7C,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AAEvD,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAA;AAM5D,MAAM,mBAAmB,GAAG,CAAC,EAAE,QAAQ,EAAS,EAAE,EAAE;IAClD,MAAM,EAAE,WAAW,EAAE,GAAG,mBAAmB,EAAE,CAAA;IAE7C,MAAM,SAAS,GAAG,WAAW,CAC3B,GAAG,EAAE,CAAC,cAAc,CAAC,WAAW,CAAC,EACjC,CAAC,WAAW,CAAC,CACd,CAAA;IAED,OAAO,oBAAC,MAAM,IAAC,SAAS,EAAE,SAAS,IAAG,QAAQ,CAAU,CAAA;AAC1D,CAAC,CAAA;AAED,eAAe,mBAAmB,CAAA"}
1
+ {"version":3,"file":"PageHamburgerPortal.js","sourceRoot":"","sources":["../../src/PageHamburger/PageHamburgerPortal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AAC1C,OAAO,MAAM,MAAM,0BAA0B,CAAA;AAC7C,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AAEvD,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAA;AAM5D,MAAM,mBAAmB,GAAG,CAAC,EAAE,QAAQ,EAAS,EAAE,EAAE;IAClD,MAAM,EAAE,WAAW,EAAE,kBAAkB,EAAE,GAAG,mBAAmB,EAAE,CAAA;IAEjE,MAAM,SAAS,GAAG,WAAW,CAC3B,GAAG,EAAE,CAAC,kBAAkB,CAAC,CAAC,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,IAAI,EAC7D,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAClC,CAAA;IAED,OAAO,oBAAC,MAAM,IAAC,SAAS,EAAE,SAAS,IAAG,QAAQ,CAAU,CAAA;AAC1D,CAAC,CAAA;AAED,eAAe,mBAAmB,CAAA"}
package/StepLabel/StepLabel.js CHANGED
@@ -32,6 +32,7 @@ export const StepLabel = (props) => {
32
32
  }),
33
33
  label: cx({
34
34
  [classes.hidden]: hideLabel && !active,
35
+ [classes.hiddenOnMobile]: !active,
35
36
  [classes.labelOverflowEllipsis]: withOverflowEllipsis,
36
37
  }),
37
38
  }, className: className, icon: React.createElement(StepIcon, { active: active, completed: completed }), style: style }), withOverflowEllipsis ? (React.createElement(TypographyOverflow, null, labelElement)) : (labelElement)));
package/StepLabel/StepLabel.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"StepLabel.js","sourceRoot":"","sources":["../../src/StepLabel/StepLabel.tsx"],"names":[],"mappings":";;;;;;;;;;;AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,MAAM,YAAY,CAAA;AAE3B,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AACrD,OAAO,YAAY,MAAM,6BAA6B,CAAA;AAEtD,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AAErD,OAAO,QAAQ,MAAM,aAAa,CAAA;AAClC,OAAO,MAAM,MAAM,UAAU,CAAA;AAC7B,OAAO,WAAW,MAAM,wBAAwB,CAAA;AAChD,OAAO,kBAAkB,MAAM,uBAAuB,CAAA;AAatD,MAAM,SAAS,GAAG,UAAU,CAAQ,MAAM,EAAE,EAAE,IAAI,EAAE,kBAAkB,EAAE,CAAC,CAAA;AAEzE,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,KAAY,EAAE,EAAE;IACxC,MAAM,EACJ,MAAM,EACN,SAAS,EACT,QAAQ,EACR,SAAS,EACT,SAAS,EACT,gBAAgB,EAChB,KAAK,EACL,SAAS,EAAE,cAAc,KAEvB,KAAK,EADJ,IAAI,UACL,KAAK,EAVH,uGAUL,CAAQ,CAAA;IACT,MAAM,SAAS,GAAG,YAAY,CAAC,cAAc,CAAC,CAAA;IAC9C,MAAM,OAAO,GAAG,SAAS,EAAE,CAAA;IAE3B,MAAM,oBAAoB,GAAG,CAAC,SAAS,IAAI,gBAAgB,CAAA;IAC3D,MAAM,YAAY,GAAG,CACnB,8BAAM,SAAS,EAAE,OAAO,CAAC,KAAK,IAC3B,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CACxC,CACR,CAAA;IAED,OAAO,CACL,oBAAC,YAAY,oBACP,IAAI,IACR,OAAO,EAAE;YACP,cAAc,EAAE,EAAE,CAAC;gBACjB,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,SAAS,IAAI,MAAM;gBACpC,CAAC,OAAO,CAAC,8BAA8B,CAAC,EAAE,oBAAoB;aAC/D,CAAC;YACF,KAAK,EAAE,EAAE,CAAC;gBACR,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,SAAS,IAAI,CAAC,MAAM;gBACtC,CAAC,OAAO,CAAC,qBAAqB,CAAC,EAAE,oBAAoB;aACtD,CAAC;SACH,EACD,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,oBAAC,QAAQ,IAAC,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,GAAI,EACxD,KAAK,EAAE,KAAK,KAEX,oBAAoB,CAAC,CAAC,CAAC,CACtB,oBAAC,kBAAkB,QAAE,YAAY,CAAsB,CACxD,CAAC,CAAC,CAAC,CACF,YAAY,CACb,CACY,CAChB,CAAA;AACH,CAAC,CAAA;AAED,SAAS,CAAC,YAAY,GAAG;IACvB,SAAS,EAAE,KAAK;CACjB,CAAA;AAED,SAAS,CAAC,WAAW,GAAG,WAAW,CAAA;AAEnC,eAAe,SAAS,CAAA"}
1
+ {"version":3,"file":"StepLabel.js","sourceRoot":"","sources":["../../src/StepLabel/StepLabel.tsx"],"names":[],"mappings":";;;;;;;;;;;AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,MAAM,YAAY,CAAA;AAE3B,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AACrD,OAAO,YAAY,MAAM,6BAA6B,CAAA;AAEtD,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AAErD,OAAO,QAAQ,MAAM,aAAa,CAAA;AAClC,OAAO,MAAM,MAAM,UAAU,CAAA;AAC7B,OAAO,WAAW,MAAM,wBAAwB,CAAA;AAChD,OAAO,kBAAkB,MAAM,uBAAuB,CAAA;AAatD,MAAM,SAAS,GAAG,UAAU,CAAQ,MAAM,EAAE,EAAE,IAAI,EAAE,kBAAkB,EAAE,CAAC,CAAA;AAEzE,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,KAAY,EAAE,EAAE;IACxC,MAAM,EACJ,MAAM,EACN,SAAS,EACT,QAAQ,EACR,SAAS,EACT,SAAS,EACT,gBAAgB,EAChB,KAAK,EACL,SAAS,EAAE,cAAc,KAEvB,KAAK,EADJ,IAAI,UACL,KAAK,EAVH,uGAUL,CAAQ,CAAA;IACT,MAAM,SAAS,GAAG,YAAY,CAAC,cAAc,CAAC,CAAA;IAC9C,MAAM,OAAO,GAAG,SAAS,EAAE,CAAA;IAE3B,MAAM,oBAAoB,GAAG,CAAC,SAAS,IAAI,gBAAgB,CAAA;IAC3D,MAAM,YAAY,GAAG,CACnB,8BAAM,SAAS,EAAE,OAAO,CAAC,KAAK,IAC3B,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CACxC,CACR,CAAA;IAED,OAAO,CACL,oBAAC,YAAY,oBACP,IAAI,IACR,OAAO,EAAE;YACP,cAAc,EAAE,EAAE,CAAC;gBACjB,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,SAAS,IAAI,MAAM;gBACpC,CAAC,OAAO,CAAC,8BAA8B,CAAC,EAAE,oBAAoB;aAC/D,CAAC;YACF,KAAK,EAAE,EAAE,CAAC;gBACR,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,SAAS,IAAI,CAAC,MAAM;gBACtC,CAAC,OAAO,CAAC,cAAc,CAAC,EAAE,CAAC,MAAM;gBACjC,CAAC,OAAO,CAAC,qBAAqB,CAAC,EAAE,oBAAoB;aACtD,CAAC;SACH,EACD,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,oBAAC,QAAQ,IAAC,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,GAAI,EACxD,KAAK,EAAE,KAAK,KAEX,oBAAoB,CAAC,CAAC,CAAC,CACtB,oBAAC,kBAAkB,QAAE,YAAY,CAAsB,CACxD,CAAC,CAAC,CAAC,CACF,YAAY,CACb,CACY,CAChB,CAAA;AACH,CAAC,CAAA;AAED,SAAS,CAAC,YAAY,GAAG;IACvB,SAAS,EAAE,KAAK;CACjB,CAAA;AAED,SAAS,CAAC,WAAW,GAAG,WAAW,CAAA;AAEnC,eAAe,SAAS,CAAA"}
package/StepLabel/styles.d.ts CHANGED
@@ -1,3 +1,3 @@
1
1
  import type { Theme } from '@material-ui/core/styles';
2
- declare const _default: ({ palette, breakpoints: { down } }: Theme) => import("@material-ui/styles").StyleRules<{}, "hidden" | "label" | "root" | "labelContainerOverflowEllipsis" | "labelOverflowEllipsis">;
2
+ declare const _default: ({ palette, breakpoints: { down } }: Theme) => import("@material-ui/styles").StyleRules<{}, "hidden" | "label" | "root" | "hiddenOnMobile" | "labelContainerOverflowEllipsis" | "labelOverflowEllipsis">;
3
3
  export default _default;
package/StepLabel/styles.js CHANGED
@@ -18,6 +18,11 @@ export default ({ palette, breakpoints: { down } }) => createStyles({
18
18
  hidden: {
19
19
  display: 'none',
20
20
  },
21
+ hiddenOnMobile: {
22
+ [down(breakpoints.small)]: {
23
+ display: 'none',
24
+ },
25
+ },
21
26
  labelContainerOverflowEllipsis: {
22
27
  display: 'grid',
23
28
  },
@@ -32,9 +37,6 @@ export default ({ palette, breakpoints: { down } }) => createStyles({
32
37
  fontWeight: 600,
33
38
  lineHeight: '1em',
34
39
  color: palette.grey.dark,
35
- [down(breakpoints.small)]: {
36
- display: 'none',
37
- },
38
40
  },
39
41
  });
40
42
  //# sourceMappingURL=styles.js.map
package/StepLabel/styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/StepLabel/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AACvD,OAAO,EAAE,GAAG,EAAE,MAAM,wBAAwB,CAAA;AAC5C,OAAO,EACL,eAAe,EACf,eAAe,IAAI,WAAW,GAC/B,MAAM,0BAA0B,CAAA;AAEjC,eAAe,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC,CAAC;IAC9B,YAAY,EAAE;QACZ,KAAK,EAAE;YACL,OAAO,EAAE,MAAM;YAEf,UAAU,EAAE;gBACV,OAAO,EAAE,MAAM;aAChB;SACF;QACD,aAAa,EAAE;YACb,YAAY,EAAE,CAAC;SAChB;KACF;CACF,CAAC,CAAC,CAAA;AAEH,eAAe,CAAC,EAAE,OAAO,EAAE,WAAW,EAAE,EAAE,IAAI,EAAE,EAAS,EAAE,EAAE,CAC3D,YAAY,CAAC;IACX,MAAM,EAAE;QACN,OAAO,EAAE,MAAM;KAChB;IACD,8BAA8B,EAAE;QAC9B,OAAO,EAAE,MAAM;KAChB;IACD,qBAAqB,EAAE;QACrB,QAAQ,EAAE,QAAQ;KACnB;IACD,IAAI,EAAE;QACJ,UAAU,EAAE,OAAO;KACpB;IACD,KAAK,EAAE;QACL,QAAQ,EAAE,GAAG,CAAC,MAAM,CAAC;QACrB,UAAU,EAAE,GAAG;QACf,UAAU,EAAE,KAAK;QACjB,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,IAAI;QACxB,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,EAAE;YACzB,OAAO,EAAE,MAAM;SAChB;KACF;CACF,CAAC,CAAA"}
1
+ {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/StepLabel/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AACvD,OAAO,EAAE,GAAG,EAAE,MAAM,wBAAwB,CAAA;AAC5C,OAAO,EACL,eAAe,EACf,eAAe,IAAI,WAAW,GAC/B,MAAM,0BAA0B,CAAA;AAEjC,eAAe,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC,CAAC;IAC9B,YAAY,EAAE;QACZ,KAAK,EAAE;YACL,OAAO,EAAE,MAAM;YAEf,UAAU,EAAE;gBACV,OAAO,EAAE,MAAM;aAChB;SACF;QACD,aAAa,EAAE;YACb,YAAY,EAAE,CAAC;SAChB;KACF;CACF,CAAC,CAAC,CAAA;AAEH,eAAe,CAAC,EAAE,OAAO,EAAE,WAAW,EAAE,EAAE,IAAI,EAAE,EAAS,EAAE,EAAE,CAC3D,YAAY,CAAC;IACX,MAAM,EAAE;QACN,OAAO,EAAE,MAAM;KAChB;IACD,cAAc,EAAE;QACd,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,EAAE;YACzB,OAAO,EAAE,MAAM;SAChB;KACF;IACD,8BAA8B,EAAE;QAC9B,OAAO,EAAE,MAAM;KAChB;IACD,qBAAqB,EAAE;QACrB,QAAQ,EAAE,QAAQ;KACnB;IACD,IAAI,EAAE;QACJ,UAAU,EAAE,OAAO;KACpB;IACD,KAAK,EAAE;QACL,QAAQ,EAAE,GAAG,CAAC,MAAM,CAAC;QACrB,UAAU,EAAE,GAAG;QACf,UAAU,EAAE,KAAK;QACjB,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,IAAI;KACzB;CACF,CAAC,CAAA"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@toptal/picasso",
3
- "version": "32.0.0",
3
+ "version": "32.0.2",
4
4
  "description": "Toptal UI components library",
5
5
  "publishConfig": {
6
6
  "access": "public",