@toptal/picasso 37.3.2 → 37.3.4

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 (28) hide show
  1. package/Dropdown/styles.js +3 -6
  2. package/Dropdown/styles.js.map +1 -1
  3. package/PageContent/styles.js +2 -2
  4. package/PageContent/styles.js.map +1 -1
  5. package/Popper/Popper.js +1 -1
  6. package/Popper/Popper.js.map +1 -1
  7. package/ScrollMenu/styles.js +3 -6
  8. package/ScrollMenu/styles.js.map +1 -1
  9. package/package.json +1 -1
  10. package/test-utils/get-happo-targets/get-checkpoints.js.map +1 -0
  11. package/test-utils/get-happo-targets/get-checkpoints.test.d.ts +1 -0
  12. package/test-utils/get-happo-targets/get-checkpoints.test.js +18 -0
  13. package/test-utils/get-happo-targets/get-checkpoints.test.js.map +1 -0
  14. package/test-utils/get-happo-targets/get-happo-targets.d.ts +14 -0
  15. package/test-utils/get-happo-targets/get-happo-targets.js +13 -0
  16. package/test-utils/get-happo-targets/get-happo-targets.js.map +1 -0
  17. package/test-utils/get-happo-targets/get-happo-targets.test.d.ts +1 -0
  18. package/test-utils/get-happo-targets/get-happo-targets.test.js +14 -0
  19. package/test-utils/get-happo-targets/get-happo-targets.test.js.map +1 -0
  20. package/test-utils/get-happo-targets/index.d.ts +8 -0
  21. package/test-utils/get-happo-targets/index.js +6 -0
  22. package/test-utils/get-happo-targets/index.js.map +1 -0
  23. package/test-utils/index.d.ts +1 -1
  24. package/test-utils/index.js +1 -1
  25. package/test-utils/index.js.map +1 -1
  26. package/test-utils/get-checkpoints.js.map +0 -1
  27. /package/test-utils/{get-checkpoints.d.ts → get-happo-targets/get-checkpoints.d.ts} +0 -0
  28. /package/test-utils/{get-checkpoints.js → get-happo-targets/get-checkpoints.js} +0 -0
package/Dropdown/styles.js CHANGED
@@ -16,15 +16,12 @@ export default ({ screens, shadows, palette }) => createStyles({
16
16
  maxHeight: '14.75rem',
17
17
  overflowY: 'auto',
18
18
  boxShadow: shadows[0],
19
- [screens('xs', 'sm')]: {
20
- maxHeight: '14.75rem', // 6.5 lines of menu to show
21
- },
22
19
  // height under which maxHeight menu starts to overflow
23
20
  // and needs to reduce height dynamically to avoid overflow
24
21
  '@media screen and (max-height: 585px)': {
25
- maxHeight: 'calc(50vh - 3.5rem)',
26
- [screens('xs', 'sm')]: {
27
- maxHeight: 'calc(50vh - 3rem)', // half of viewport minus header and anchor
22
+ maxHeight: 'calc(50vh - 3rem)',
23
+ [screens('md', 'lg', 'xl')]: {
24
+ maxHeight: 'calc(50vh - 3.5rem)', // half of screen minus header and anchor
28
25
  },
29
26
  },
30
27
  },
package/Dropdown/styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/Dropdown/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AACvD,OAAO,mBAAmB,CAAA;AAU1B,eAAe,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAS,EAAE,EAAE,CACtD,YAAY,CAAC;IACX,IAAI,EAAE;QACJ,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,QAAQ;KACrB;IACD,MAAM,EAAE;QACN,OAAO,EAAE,aAAa;QACtB,UAAU,EAAE,QAAQ;QACpB,MAAM,EAAE,SAAS;KAClB;IACD,OAAO,EAAE;QACP,QAAQ,EAAE,SAAS;QACnB,UAAU,EAAE,OAAO,CAAC,MAAM,CAAC,KAAK;QAEhC,SAAS,EAAE,UAAU;QACrB,SAAS,EAAE,MAAM;QACjB,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC;QACrB,CAAC,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,EAAE;YACrB,SAAS,EAAE,UAAU,EAAE,4BAA4B;SACpD;QAED,uDAAuD;QACvD,2DAA2D;QAC3D,uCAAuC,EAAE;YACvC,SAAS,EAAE,qBAAqB;YAEhC,CAAC,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,EAAE;gBACrB,SAAS,EAAE,mBAAmB,EAAE,2CAA2C;aAC5E;SACF;KACF;IACD,MAAM,EAAE;QACN,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC;KACtB;IACD,cAAc,EAAE;QACd,yGAAyG;QACzG,SAAS,EAAE,MAAM;QAEjB,6FAA6F;QAC7F,+FAA+F;QAC/F,CAAC,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,EAAE;YACrB,SAAS,EAAE,QAAQ;YACnB,SAAS,EAAE,OAAO;SACnB;QACD,uCAAuC,EAAE;YACvC,SAAS,EAAE,QAAQ;YACnB,SAAS,EAAE,OAAO;SACnB;KACF;CACF,CAAC,CAAA"}
1
+ {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/Dropdown/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AACvD,OAAO,mBAAmB,CAAA;AAU1B,eAAe,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAS,EAAE,EAAE,CACtD,YAAY,CAAC;IACX,IAAI,EAAE;QACJ,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,QAAQ;KACrB;IACD,MAAM,EAAE;QACN,OAAO,EAAE,aAAa;QACtB,UAAU,EAAE,QAAQ;QACpB,MAAM,EAAE,SAAS;KAClB;IACD,OAAO,EAAE;QACP,QAAQ,EAAE,SAAS;QACnB,UAAU,EAAE,OAAO,CAAC,MAAM,CAAC,KAAK;QAEhC,SAAS,EAAE,UAAU;QACrB,SAAS,EAAE,MAAM;QACjB,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC;QAErB,uDAAuD;QACvD,2DAA2D;QAC3D,uCAAuC,EAAE;YACvC,SAAS,EAAE,mBAAmB;YAE9B,CAAC,OAAO,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,EAAE;gBAC3B,SAAS,EAAE,qBAAqB,EAAE,yCAAyC;aAC5E;SACF;KACF;IACD,MAAM,EAAE;QACN,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC;KACtB;IACD,cAAc,EAAE;QACd,yGAAyG;QACzG,SAAS,EAAE,MAAM;QAEjB,6FAA6F;QAC7F,+FAA+F;QAC/F,CAAC,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,EAAE;YACrB,SAAS,EAAE,QAAQ;YACnB,SAAS,EAAE,OAAO;SACnB;QACD,uCAAuC,EAAE;YACvC,SAAS,EAAE,QAAQ;YACnB,SAAS,EAAE,OAAO;SACnB;KACF;CACF,CAAC,CAAA"}
package/PageContent/styles.js CHANGED
@@ -10,11 +10,11 @@ export default ({ layout, palette }) => createStyles({
10
10
  height: '100%',
11
11
  flexGrow: 1,
12
12
  maxWidth: layout.contentWidth,
13
- backgroundColor: palette.common.white,
13
+ backgroundColor: palette.grey.lightest,
14
14
  backgroundClip: 'content-box',
15
15
  },
16
16
  hasSidebar: {
17
- background: `linear-gradient(90deg, ${palette.grey.lighter} 50%, ${palette.common.white} 50%)`,
17
+ background: `linear-gradient(90deg, ${palette.grey.lighter} 50%, ${palette.grey.lightest} 50%)`,
18
18
  },
19
19
  wide: {
20
20
  maxWidth: layout.contentWidthWide,
package/PageContent/styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/PageContent/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAEvD,eAAe,CAAC,EAAE,MAAM,EAAE,OAAO,EAAS,EAAE,EAAE,CAC5C,YAAY,CAAC;IACX,IAAI,EAAE;QACJ,IAAI,EAAE,CAAC;QACP,KAAK,EAAE,MAAM;QACb,OAAO,EAAE,MAAM;QACf,cAAc,EAAE,QAAQ;KACzB;IACD,OAAO,EAAE;QACP,MAAM,EAAE,MAAM;QACd,QAAQ,EAAE,CAAC;QACX,QAAQ,EAAE,MAAM,CAAC,YAAY;QAC7B,eAAe,EAAE,OAAO,CAAC,MAAM,CAAC,KAAK;QACrC,cAAc,EAAE,aAAa;KAC9B;IACD,UAAU,EAAE;QACV,UAAU,EAAE,0BAA0B,OAAO,CAAC,IAAI,CAAC,OAAO,SAAS,OAAO,CAAC,MAAM,CAAC,KAAK,OAAO;KAC/F;IACD,IAAI,EAAE;QACJ,QAAQ,EAAE,MAAM,CAAC,gBAAgB;KAClC;IACD,SAAS,EAAE;QACT,QAAQ,EAAE,MAAM;KACjB;IACD,IAAI,EAAE;QACJ,OAAO,EAAE,MAAM;KAChB;CACF,CAAC,CAAA"}
1
+ {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/PageContent/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAEvD,eAAe,CAAC,EAAE,MAAM,EAAE,OAAO,EAAS,EAAE,EAAE,CAC5C,YAAY,CAAC;IACX,IAAI,EAAE;QACJ,IAAI,EAAE,CAAC;QACP,KAAK,EAAE,MAAM;QACb,OAAO,EAAE,MAAM;QACf,cAAc,EAAE,QAAQ;KACzB;IACD,OAAO,EAAE;QACP,MAAM,EAAE,MAAM;QACd,QAAQ,EAAE,CAAC;QACX,QAAQ,EAAE,MAAM,CAAC,YAAY;QAC7B,eAAe,EAAE,OAAO,CAAC,IAAI,CAAC,QAAQ;QACtC,cAAc,EAAE,aAAa;KAC9B;IACD,UAAU,EAAE;QACV,UAAU,EAAE,0BAA0B,OAAO,CAAC,IAAI,CAAC,OAAO,SAAS,OAAO,CAAC,IAAI,CAAC,QAAQ,OAAO;KAChG;IACD,IAAI,EAAE;QACJ,QAAQ,EAAE,MAAM,CAAC,gBAAgB;KAClC;IACD,SAAS,EAAE;QACT,QAAQ,EAAE,MAAM;KACjB;IACD,IAAI,EAAE;QACJ,OAAO,EAAE,MAAM;KAChB;CACF,CAAC,CAAA"}
package/Popper/Popper.js CHANGED
@@ -52,7 +52,7 @@ export const Popper = forwardRef(function Popper(props, ref) {
52
52
  const picassoRootContainer = usePicassoRoot();
53
53
  const isInsideModal = useContext(ModalContext);
54
54
  const classes = useStyles();
55
- const isCompactLayoutResolution = useBreakpoint(['sm', 'md']);
55
+ const isCompactLayoutResolution = useBreakpoint(['xs', 'sm', 'md']);
56
56
  const isCompactLayout = enableCompactMode && isCompactLayoutResolution;
57
57
  const widthStyle = useWidthStyle({ autoWidth, width, anchorEl });
58
58
  const anchorElWidthStyle = !isCompactLayout && widthStyle;
package/Popper/Popper.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Popper.js","sourceRoot":"","sources":["../../src/Popper/Popper.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Popper.js","sourceRoot":"","sources":["../../src/Popper/Popper.tsx"],"names":[],"mappings":"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"}
package/ScrollMenu/styles.js CHANGED
@@ -6,15 +6,12 @@ export default ({ palette, screens }) => createStyles({
6
6
  scrollView: {
7
7
  maxHeight: '26.875rem',
8
8
  overflowY: 'auto',
9
- [screens('xs', 'sm')]: {
10
- maxHeight: '26.875rem', // ~8.5 lines of menu to show
11
- },
12
9
  // height under which maxHeight menu starts to overflow
13
10
  // and needs to reduce height dynamically to avoid overflow
14
11
  '@media screen and (max-height: 585px)': {
15
- maxHeight: 'calc(50vh - 4.8125rem)',
16
- [screens('xs', 'sm')]: {
17
- maxHeight: 'calc(50vh - 4.3125rem)', // half of viewport minus header and anchor
12
+ maxHeight: 'calc(50vh - 4.3125rem)',
13
+ [screens('md', 'lg', 'xl')]: {
14
+ maxHeight: 'calc(50vh - 4.8125rem)', // half of viewport minus header and anchor
18
15
  },
19
16
  },
20
17
  },
package/ScrollMenu/styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/ScrollMenu/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAEvD,eAAe,CAAC,EAAE,OAAO,EAAE,OAAO,EAAS,EAAE,EAAE,CAC7C,YAAY,CAAC;IACX,IAAI,EAAE;QACJ,eAAe,EAAE,OAAO,CAAC,MAAM,CAAC,KAAK;KACtC;IACD,UAAU,EAAE;QACV,SAAS,EAAE,WAAW;QACtB,SAAS,EAAE,MAAM;QAEjB,CAAC,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,EAAE;YACrB,SAAS,EAAE,WAAW,EAAE,6BAA6B;SACtD;QAED,uDAAuD;QACvD,2DAA2D;QAC3D,uCAAuC,EAAE;YACvC,SAAS,EAAE,wBAAwB;YAEnC,CAAC,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,EAAE;gBACrB,SAAS,EAAE,wBAAwB,EAAE,2CAA2C;aACjF;SACF;KACF;CACF,CAAC,CAAA"}
1
+ {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/ScrollMenu/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAEvD,eAAe,CAAC,EAAE,OAAO,EAAE,OAAO,EAAS,EAAE,EAAE,CAC7C,YAAY,CAAC;IACX,IAAI,EAAE;QACJ,eAAe,EAAE,OAAO,CAAC,MAAM,CAAC,KAAK;KACtC;IACD,UAAU,EAAE;QACV,SAAS,EAAE,WAAW;QACtB,SAAS,EAAE,MAAM;QAEjB,uDAAuD;QACvD,2DAA2D;QAC3D,uCAAuC,EAAE;YACvC,SAAS,EAAE,wBAAwB;YAEnC,CAAC,OAAO,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,EAAE;gBAC3B,SAAS,EAAE,wBAAwB,EAAE,2CAA2C;aACjF;SACF;KACF;CACF,CAAC,CAAA"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@toptal/picasso",
3
- "version": "37.3.2",
3
+ "version": "37.3.4",
4
4
  "description": "Toptal UI components library",
5
5
  "publishConfig": {
6
6
  "access": "public",
package/test-utils/get-happo-targets/get-checkpoints.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"get-checkpoints.js","sourceRoot":"","sources":["../../../src/test-utils/get-happo-targets/get-checkpoints.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAA;AAE7D;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,EAAE;IACjC,MAAM,MAAM,GAAG,CAAC,CAAA;IAChB,MAAM,gBAAgB,GAAG,MAAM,CAAC,MAAM,CACpC,kBAAkB,CAAC,WAAW,CAAC,MAAM,CACtC,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,MAAM,EAAE,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,CAAA;IAE3C,OAAO;QACL,GAAG,gBAAgB;YACjB,8CAA8C;aAC7C,KAAK,CAAC,CAAC,CAAC;YACT,oEAAoE;aACnE,GAAG,CAAC,eAAe,CAAC,EAAE,CAAC,eAAe,GAAG,MAAM,CAAC;QACnD,6EAA6E;QAC7E,gBAAgB,CAAC,gBAAgB,CAAC,MAAM,GAAG,CAAC,CAAC,GAAG,MAAM;KACvD,CAAA;AACH,CAAC,CAAA"}
package/test-utils/get-happo-targets/get-checkpoints.test.js ADDED
@@ -0,0 +1,18 @@
1
+ import { getCheckpoints } from './get-checkpoints';
2
+ jest.mock('@toptal/picasso-provider', () => ({
3
+ PicassoBreakpoints: {
4
+ breakpoints: {
5
+ values: {
6
+ first: 0,
7
+ second: 100,
8
+ third: 200,
9
+ },
10
+ },
11
+ },
12
+ }));
13
+ describe('getCheckpoints', () => {
14
+ it('returns correct checkpoints (skips first breakpoint and generates two checkpoints for the last breakpoint)', () => {
15
+ expect(getCheckpoints()).toEqual([99, 199, 201]);
16
+ });
17
+ });
18
+ //# sourceMappingURL=get-checkpoints.test.js.map
package/test-utils/get-happo-targets/get-checkpoints.test.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"get-checkpoints.test.js","sourceRoot":"","sources":["../../../src/test-utils/get-happo-targets/get-checkpoints.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAElD,IAAI,CAAC,IAAI,CAAC,0BAA0B,EAAE,GAAG,EAAE,CAAC,CAAC;IAC3C,kBAAkB,EAAE;QAClB,WAAW,EAAE;YACX,MAAM,EAAE;gBACN,KAAK,EAAE,CAAC;gBACR,MAAM,EAAE,GAAG;gBACX,KAAK,EAAE,GAAG;aACX;SACF;KACF;CACF,CAAC,CAAC,CAAA;AAEH,QAAQ,CAAC,gBAAgB,EAAE,GAAG,EAAE;IAC9B,EAAE,CAAC,4GAA4G,EAAE,GAAG,EAAE;QACpH,MAAM,CAAC,cAAc,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,EAAE,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC,CAAA;IAClD,CAAC,CAAC,CAAA;AACJ,CAAC,CAAC,CAAA"}
package/test-utils/get-happo-targets/get-happo-targets.d.ts ADDED
@@ -0,0 +1,14 @@
1
+ declare type HappoTarget = {
2
+ name: string;
3
+ browser: string;
4
+ viewport: string;
5
+ width: number;
6
+ };
7
+ /**
8
+ * Generates Happo targets for responsive visual tests
9
+ *
10
+ * @param screenWidths Screen widths to generate targets for
11
+ * @returns {Result} Object with Happo targets
12
+ */
13
+ export declare const getHappoTargets: (checkpoints: number[]) => HappoTarget[];
14
+ export {};
package/test-utils/get-happo-targets/get-happo-targets.js ADDED
@@ -0,0 +1,13 @@
1
+ /**
2
+ * Generates Happo targets for responsive visual tests
3
+ *
4
+ * @param screenWidths Screen widths to generate targets for
5
+ * @returns {Result} Object with Happo targets
6
+ */
7
+ export const getHappoTargets = (checkpoints) => checkpoints.map((width) => ({
8
+ width,
9
+ name: `chrome-desktop-width-${width}`,
10
+ browser: 'chrome',
11
+ viewport: `${width}x1024`,
12
+ }));
13
+ //# sourceMappingURL=get-happo-targets.js.map
package/test-utils/get-happo-targets/get-happo-targets.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"get-happo-targets.js","sourceRoot":"","sources":["../../../src/test-utils/get-happo-targets/get-happo-targets.ts"],"names":[],"mappings":"AAOA;;;;;GAKG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,WAAqB,EAAiB,EAAE,CACtE,WAAW,CAAC,GAAG,CAAC,CAAC,KAAa,EAAE,EAAE,CAAC,CAAC;IAClC,KAAK;IACL,IAAI,EAAE,wBAAwB,KAAK,EAAE;IACrC,OAAO,EAAE,QAAQ;IACjB,QAAQ,EAAE,GAAG,KAAK,OAAO;CAC1B,CAAC,CAAC,CAAA"}
package/test-utils/get-happo-targets/get-happo-targets.test.js ADDED
@@ -0,0 +1,14 @@
1
+ import { getHappoTargets } from './get-happo-targets';
2
+ describe('getHappoTargets', () => {
3
+ it('returns correct Happo responsive testing targets', () => {
4
+ expect(getHappoTargets([1000])).toEqual([
5
+ {
6
+ browser: 'chrome',
7
+ name: 'chrome-desktop-width-1000',
8
+ viewport: '1000x1024',
9
+ width: 1000,
10
+ },
11
+ ]);
12
+ });
13
+ });
14
+ //# sourceMappingURL=get-happo-targets.test.js.map
package/test-utils/get-happo-targets/get-happo-targets.test.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"get-happo-targets.test.js","sourceRoot":"","sources":["../../../src/test-utils/get-happo-targets/get-happo-targets.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAA;AAErD,QAAQ,CAAC,iBAAiB,EAAE,GAAG,EAAE;IAC/B,EAAE,CAAC,kDAAkD,EAAE,GAAG,EAAE;QAC1D,MAAM,CAAC,eAAe,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;YACtC;gBACE,OAAO,EAAE,QAAQ;gBACjB,IAAI,EAAE,2BAA2B;gBACjC,QAAQ,EAAE,WAAW;gBACrB,KAAK,EAAE,IAAI;aACZ;SACF,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;AACJ,CAAC,CAAC,CAAA"}
package/test-utils/get-happo-targets/index.d.ts ADDED
@@ -0,0 +1,8 @@
1
+ import { getHappoTargets } from './get-happo-targets';
2
+ export { getHappoTargets };
3
+ export declare const HAPPO_TARGETS: {
4
+ name: string;
5
+ browser: string;
6
+ viewport: string;
7
+ width: number;
8
+ }[];
package/test-utils/get-happo-targets/index.js ADDED
@@ -0,0 +1,6 @@
1
+ import { getCheckpoints } from './get-checkpoints';
2
+ import { getHappoTargets } from './get-happo-targets';
3
+ const checkpoints = getCheckpoints();
4
+ export { getHappoTargets };
5
+ export const HAPPO_TARGETS = getHappoTargets(checkpoints);
6
+ //# sourceMappingURL=index.js.map
package/test-utils/get-happo-targets/index.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/test-utils/get-happo-targets/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAA;AAErD,MAAM,WAAW,GAAG,cAAc,EAAE,CAAA;AAEpC,OAAO,EAAE,eAAe,EAAE,CAAA;AAE1B,MAAM,CAAC,MAAM,aAAa,GAAG,eAAe,CAAC,WAAW,CAAC,CAAA"}
package/test-utils/index.d.ts CHANGED
@@ -7,4 +7,4 @@ export declare type PicassoConfig = {
7
7
  declare const customRender: (ui: ReactElement, options?: Omit<RenderOptions, 'queries'>, picassoConfig?: PicassoConfig) => RenderResult;
8
8
  export * from '@testing-library/react';
9
9
  export { customRender as render, TestingPicasso };
10
- export { getCheckpoints } from './get-checkpoints';
10
+ export { HAPPO_TARGETS, getHappoTargets } from './get-happo-targets';
package/test-utils/index.js CHANGED
@@ -19,5 +19,5 @@ const customRender = (ui, options, picassoConfig) => {
19
19
  };
20
20
  export * from '@testing-library/react';
21
21
  export { customRender as render, TestingPicasso };
22
- export { getCheckpoints } from './get-checkpoints';
22
+ export { HAPPO_TARGETS, getHappoTargets } from './get-happo-targets';
23
23
  //# sourceMappingURL=index.js.map
package/test-utils/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/test-utils/index.tsx"],"names":[],"mappings":";;;;;;;;;;;AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAA;AAE/C,OAAO,cAAc,MAAM,kBAAkB,CAAA;AAM7C,MAAM,YAAY,GAAG,CACnB,EAAgB,EAChB,OAAwC,EACxC,aAA6B,EACf,EAAE;IAChB,MAAM,KAAwB,MAAM,CAClC,oBAAC,cAAc,IAAC,SAAS,EAAE,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,SAAS,IAAG,EAAE,CAAkB,EAC1E,OAAO,CACR,EAHK,EAAE,QAAQ,OAGf,EAHoB,IAAI,cAAnB,YAAqB,CAG1B,CAAA;IAED,MAAM,cAAc,GAAoB,KAAK,CAAC,EAAE,CAC9C,QAAQ,CACN,oBAAC,cAAc,IAAC,SAAS,EAAE,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,SAAS,IAChD,KAAK,CACS,CAClB,CAAA;IAEH,uBAAS,QAAQ,EAAE,cAAc,IAAK,IAAI,EAAE;AAC9C,CAAC,CAAA;AAED,cAAc,wBAAwB,CAAA;AACtC,OAAO,EAAE,YAAY,IAAI,MAAM,EAAE,cAAc,EAAE,CAAA;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/test-utils/index.tsx"],"names":[],"mappings":";;;;;;;;;;;AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAA;AAE/C,OAAO,cAAc,MAAM,kBAAkB,CAAA;AAM7C,MAAM,YAAY,GAAG,CACnB,EAAgB,EAChB,OAAwC,EACxC,aAA6B,EACf,EAAE;IAChB,MAAM,KAAwB,MAAM,CAClC,oBAAC,cAAc,IAAC,SAAS,EAAE,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,SAAS,IAAG,EAAE,CAAkB,EAC1E,OAAO,CACR,EAHK,EAAE,QAAQ,OAGf,EAHoB,IAAI,cAAnB,YAAqB,CAG1B,CAAA;IAED,MAAM,cAAc,GAAoB,KAAK,CAAC,EAAE,CAC9C,QAAQ,CACN,oBAAC,cAAc,IAAC,SAAS,EAAE,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,SAAS,IAChD,KAAK,CACS,CAClB,CAAA;IAEH,uBAAS,QAAQ,EAAE,cAAc,IAAK,IAAI,EAAE;AAC9C,CAAC,CAAA;AAED,cAAc,wBAAwB,CAAA;AACtC,OAAO,EAAE,YAAY,IAAI,MAAM,EAAE,cAAc,EAAE,CAAA;AACjD,OAAO,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAA"}
package/test-utils/get-checkpoints.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"get-checkpoints.js","sourceRoot":"","sources":["../../src/test-utils/get-checkpoints.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAA;AAE7D;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,EAAE;IACjC,MAAM,MAAM,GAAG,CAAC,CAAA;IAChB,MAAM,gBAAgB,GAAG,MAAM,CAAC,MAAM,CACpC,kBAAkB,CAAC,WAAW,CAAC,MAAM,CACtC,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,MAAM,EAAE,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,CAAA;IAE3C,OAAO;QACL,GAAG,gBAAgB;YACjB,8CAA8C;aAC7C,KAAK,CAAC,CAAC,CAAC;YACT,oEAAoE;aACnE,GAAG,CAAC,eAAe,CAAC,EAAE,CAAC,eAAe,GAAG,MAAM,CAAC;QACnD,6EAA6E;QAC7E,gBAAgB,CAAC,gBAAgB,CAAC,MAAM,GAAG,CAAC,CAAC,GAAG,MAAM;KACvD,CAAA;AACH,CAAC,CAAA"}