@toptal/picasso 37.3.3 → 37.3.4

package/PageContent/styles.js

@@ -10,11 +10,11 @@ export default ({ layout, palette }) => createStyles({
         height: '100%',
         flexGrow: 1,
         maxWidth: layout.contentWidth,
-        backgroundColor: palette.common.white,
+        backgroundColor: palette.grey.lightest,
         backgroundClip: 'content-box',
     },
     hasSidebar: {
-        background: `linear-gradient(90deg, ${palette.grey.lighter} 50%, ${palette.common.white} 50%)`,
+        background: `linear-gradient(90deg, ${palette.grey.lighter} 50%, ${palette.grey.lightest} 50%)`,
     },
     wide: {
         maxWidth: layout.contentWidthWide,

package/PageContent/styles.js.map

@@ -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"}
+{"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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@toptal/picasso",
-  "version": "37.3.3",
+  "version": "37.3.4",
   "description": "Toptal UI components library",
   "publishConfig": {
     "access": "public",

package/test-utils/get-happo-targets/get-checkpoints.test.d.ts

@@ -0,0 +1 @@
+export {};

package/test-utils/get-happo-targets/get-checkpoints.test.js

@@ -0,0 +1,18 @@
+import { getCheckpoints } from './get-checkpoints';
+jest.mock('@toptal/picasso-provider', () => ({
+    PicassoBreakpoints: {
+        breakpoints: {
+            values: {
+                first: 0,
+                second: 100,
+                third: 200,
+            },
+        },
+    },
+}));
+describe('getCheckpoints', () => {
+    it('returns correct checkpoints (skips first breakpoint and generates two checkpoints for the last breakpoint)', () => {
+        expect(getCheckpoints()).toEqual([99, 199, 201]);
+    });
+});
+//# sourceMappingURL=get-checkpoints.test.js.map

package/test-utils/get-happo-targets/get-checkpoints.test.js.map

@@ -0,0 +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.test.d.ts

@@ -0,0 +1 @@
+export {};

package/test-utils/get-happo-targets/get-happo-targets.test.js

@@ -0,0 +1,14 @@
+import { getHappoTargets } from './get-happo-targets';
+describe('getHappoTargets', () => {
+    it('returns correct Happo responsive testing targets', () => {
+        expect(getHappoTargets([1000])).toEqual([
+            {
+                browser: 'chrome',
+                name: 'chrome-desktop-width-1000',
+                viewport: '1000x1024',
+                width: 1000,
+            },
+        ]);
+    });
+});
+//# sourceMappingURL=get-happo-targets.test.js.map

package/test-utils/get-happo-targets/get-happo-targets.test.js.map

@@ -0,0 +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"}