@proprioo/salatim 18.6.2 → 19.3.1

package/lib/ui/src/autocomplete/Autocomplete.test.js

@@ -1,15 +1,4 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
@@ -38,46 +27,19 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
-var test_utils_1 = require("react-dom/test-utils");
-var react_2 = require("@testing-library/react");
-var user_event_1 = __importDefault(require("@testing-library/user-event"));
-var test_utils_2 = require("../../../utils/src/test-utils");
-var Autocomplete_1 = __importStar(require("./Autocomplete"));
-var Autocomplete_stories_1 = require("./Autocomplete.stories");
-var mockOnSelect = jest.fn();
-var defaultProps = {
+const react_1 = __importDefault(require("react"));
+const test_utils_1 = require("react-dom/test-utils");
+const react_2 = require("@testing-library/react");
+const user_event_1 = __importDefault(require("@testing-library/user-event"));
+const test_utils_2 = require("../../../utils/src/test-utils");
+const Autocomplete_1 = __importStar(require("./Autocomplete"));
+const Autocomplete_stories_1 = require("./Autocomplete.stories");
+const mockOnSelect = jest.fn();
+const defaultProps = {
     list: Autocomplete_stories_1.DEFAULT_LIST,
     option: null,
     onSelect: mockOnSelect,
@@ -85,127 +47,65 @@ var defaultProps = {
     error: false,
     disabled: false
 };
-describe('AutoComplete', function () {
-    afterEach(function () { return jest.clearAllMocks(); });
-    afterAll(function () { return jest.resetAllMocks(); });
-    it('should render list', function () { return __awaiter(void 0, void 0, void 0, function () {
-        return __generator(this, function (_a) {
-            return [2 /*return*/, test_utils_1.act(function () { return __awaiter(void 0, void 0, void 0, function () {
-                    return __generator(this, function (_a) {
-                        switch (_a.label) {
-                            case 0:
-                                react_2.render(react_1.default.createElement(Autocomplete_1.default, __assign({}, defaultProps)));
-                                expect(react_2.screen.getByRole('textbox')).toBeInTheDocument();
-                                user_event_1.default.click(react_2.screen.getByRole('textbox'));
-                                return [4 /*yield*/, react_2.waitFor(function () {
-                                        return expect(react_2.screen.getAllByTestId('option-layout')).toHaveLength(6);
-                                    })];
-                            case 1:
-                                _a.sent();
-                                return [2 /*return*/];
-                        }
-                    });
-                }); })];
-        });
-    }); });
-    it('should return only 1 element with default value prefilled', function () { return __awaiter(void 0, void 0, void 0, function () {
-        return __generator(this, function (_a) {
-            return [2 /*return*/, test_utils_1.act(function () { return __awaiter(void 0, void 0, void 0, function () {
-                    return __generator(this, function (_a) {
-                        switch (_a.label) {
-                            case 0:
-                                react_2.render(react_1.default.createElement(Autocomplete_1.default, __assign({}, defaultProps, { option: Autocomplete_stories_1.DEFAULT_LIST[0] })));
-                                user_event_1.default.click(react_2.screen.getByRole('textbox'));
-                                return [4 /*yield*/, react_2.waitFor(function () {
-                                        expect(react_2.screen.getByTestId('option-layout')).toBeInTheDocument();
-                                        expect(react_2.screen.getByRole('textbox')).toHaveAttribute('value', 'Rodolphe');
-                                    })];
-                            case 1:
-                                _a.sent();
-                                return [2 /*return*/];
-                        }
-                    });
-                }); })];
-        });
-    }); });
-    it('should have clean input', function () { return __awaiter(void 0, void 0, void 0, function () {
-        return __generator(this, function (_a) {
-            return [2 /*return*/, test_utils_1.act(function () { return __awaiter(void 0, void 0, void 0, function () {
-                    return __generator(this, function (_a) {
-                        switch (_a.label) {
-                            case 0:
-                                react_2.render(react_1.default.createElement(Autocomplete_1.default, __assign({}, defaultProps, { option: null })));
-                                return [4 /*yield*/, test_utils_2.flushPromises()];
-                            case 1:
-                                _a.sent();
-                                user_event_1.default.click(react_2.screen.getByRole('textbox'));
-                                return [4 /*yield*/, react_2.waitFor(function () {
-                                        expect(react_2.screen.getByRole('textbox')).toHaveAttribute('value', '');
-                                    })];
-                            case 2:
-                                _a.sent();
-                                return [2 /*return*/];
-                        }
-                    });
-                }); })];
-        });
-    }); });
-    it('should return filter list when typing', function () { return __awaiter(void 0, void 0, void 0, function () {
-        return __generator(this, function (_a) {
-            return [2 /*return*/, test_utils_1.act(function () { return __awaiter(void 0, void 0, void 0, function () {
-                    return __generator(this, function (_a) {
-                        switch (_a.label) {
-                            case 0:
-                                react_2.render(react_1.default.createElement(Autocomplete_1.default, __assign({}, defaultProps)));
-                                return [4 /*yield*/, test_utils_2.flushPromises()];
-                            case 1:
-                                _a.sent();
-                                user_event_1.default.type(react_2.screen.getByRole('textbox'), 'ro');
-                                return [4 /*yield*/, react_2.waitFor(function () {
-                                        return expect(react_2.screen.getAllByTestId('option-layout')).toHaveLength(1);
-                                    })];
-                            case 2:
-                                _a.sent();
-                                return [2 /*return*/];
-                        }
-                    });
-                }); })];
-        });
-    }); });
-    it('should call onSelect when click on select option', function () { return __awaiter(void 0, void 0, void 0, function () {
-        return __generator(this, function (_a) {
-            return [2 /*return*/, test_utils_1.act(function () { return __awaiter(void 0, void 0, void 0, function () {
-                    return __generator(this, function (_a) {
-                        switch (_a.label) {
-                            case 0:
-                                react_2.render(react_1.default.createElement(Autocomplete_1.default, __assign({}, defaultProps)));
-                                return [4 /*yield*/, test_utils_2.flushPromises()];
-                            case 1:
-                                _a.sent();
-                                user_event_1.default.click(react_2.screen.getByRole('textbox'));
-                                user_event_1.default.click(react_2.screen.getAllByTestId('option-layout')[0]);
-                                return [4 /*yield*/, react_2.waitFor(function () {
-                                        return expect(mockOnSelect).toHaveBeenCalledWith({
-                                            label: 'Rodolphe',
-                                            value: '1'
-                                        });
-                                    })];
-                            case 2:
-                                _a.sent();
-                                return [2 /*return*/];
-                        }
-                    });
-                }); })];
-        });
-    }); });
+describe('AutoComplete', () => {
+    afterEach(() => jest.clearAllMocks());
+    afterAll(() => jest.resetAllMocks());
+    it('should render list', () => __awaiter(void 0, void 0, void 0, function* () {
+        return (0, test_utils_1.act)(() => __awaiter(void 0, void 0, void 0, function* () {
+            (0, react_2.render)(react_1.default.createElement(Autocomplete_1.default, Object.assign({}, defaultProps)));
+            expect(react_2.screen.getByRole('textbox')).toBeInTheDocument();
+            user_event_1.default.click(react_2.screen.getByRole('textbox'));
+            yield (0, react_2.waitFor)(() => expect(react_2.screen.getAllByTestId('option-layout')).toHaveLength(6));
+        }));
+    }));
+    it('should return only 1 element with default value prefilled', () => __awaiter(void 0, void 0, void 0, function* () {
+        return (0, test_utils_1.act)(() => __awaiter(void 0, void 0, void 0, function* () {
+            (0, react_2.render)(react_1.default.createElement(Autocomplete_1.default, Object.assign({}, defaultProps, { option: Autocomplete_stories_1.DEFAULT_LIST[0] })));
+            user_event_1.default.click(react_2.screen.getByRole('textbox'));
+            yield (0, react_2.waitFor)(() => {
+                expect(react_2.screen.getByTestId('option-layout')).toBeInTheDocument();
+                expect(react_2.screen.getByRole('textbox')).toHaveAttribute('value', 'Rodolphe');
+            });
+        }));
+    }));
+    it('should have clean input', () => __awaiter(void 0, void 0, void 0, function* () {
+        return (0, test_utils_1.act)(() => __awaiter(void 0, void 0, void 0, function* () {
+            (0, react_2.render)(react_1.default.createElement(Autocomplete_1.default, Object.assign({}, defaultProps, { option: null })));
+            yield (0, test_utils_2.flushPromises)();
+            user_event_1.default.click(react_2.screen.getByRole('textbox'));
+            yield (0, react_2.waitFor)(() => {
+                expect(react_2.screen.getByRole('textbox')).toHaveAttribute('value', '');
+            });
+        }));
+    }));
+    it('should return filter list when typing', () => __awaiter(void 0, void 0, void 0, function* () {
+        return (0, test_utils_1.act)(() => __awaiter(void 0, void 0, void 0, function* () {
+            (0, react_2.render)(react_1.default.createElement(Autocomplete_1.default, Object.assign({}, defaultProps)));
+            yield (0, test_utils_2.flushPromises)();
+            user_event_1.default.type(react_2.screen.getByRole('textbox'), 'ro');
+            yield (0, react_2.waitFor)(() => expect(react_2.screen.getAllByTestId('option-layout')).toHaveLength(1));
+        }));
+    }));
+    it('should call onSelect when click on select option', () => __awaiter(void 0, void 0, void 0, function* () {
+        return (0, test_utils_1.act)(() => __awaiter(void 0, void 0, void 0, function* () {
+            (0, react_2.render)(react_1.default.createElement(Autocomplete_1.default, Object.assign({}, defaultProps)));
+            yield (0, test_utils_2.flushPromises)();
+            user_event_1.default.click(react_2.screen.getByRole('textbox'));
+            user_event_1.default.click(react_2.screen.getAllByTestId('option-layout')[0]);
+            yield (0, react_2.waitFor)(() => expect(mockOnSelect).toHaveBeenCalledWith({
+                label: 'Rodolphe',
+                value: '1'
+            }));
+        }));
+    }));
 });
-describe('isDifferentLabel', function () {
-    it('should return boolean', function () {
-        expect(Autocomplete_1.isDifferentLabel(null, 'A')).toEqual(false);
-        expect(Autocomplete_1.isDifferentLabel({ value: 'a', label: 'B' }, 'A')).toEqual(true);
-        expect(Autocomplete_1.isDifferentLabel({ value: 'a', label: 'a' }, 'A')).toEqual(false);
-        expect(Autocomplete_1.isDifferentLabel({ value: 'a', label: 'A' }, 'A')).toEqual(false);
-        expect(Autocomplete_1.isDifferentLabel({ value: 'a', label: 'A' }, 'a')).toEqual(false);
+describe('isDifferentLabel', () => {
+    it('should return boolean', () => {
+        expect((0, Autocomplete_1.isDifferentLabel)(null, 'A')).toEqual(false);
+        expect((0, Autocomplete_1.isDifferentLabel)({ value: 'a', label: 'B' }, 'A')).toEqual(true);
+        expect((0, Autocomplete_1.isDifferentLabel)({ value: 'a', label: 'a' }, 'A')).toEqual(false);
+        expect((0, Autocomplete_1.isDifferentLabel)({ value: 'a', label: 'A' }, 'A')).toEqual(false);
+        expect((0, Autocomplete_1.isDifferentLabel)({ value: 'a', label: 'A' }, 'a')).toEqual(false);
     });
 });
 //# sourceMappingURL=Autocomplete.test.js.map

package/lib/ui/src/autocomplete/Autocomplete.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"Autocomplete.test.js","sourceRoot":"","sources":["../../../../packages/ui/src/autocomplete/Autocomplete.test.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Autocomplete.test.js","sourceRoot":"","sources":["../../../../packages/ui/src/autocomplete/Autocomplete.test.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,qDAA2C;AAE3C,kDAAiE;AACjE,6EAAoD;AAEpD,8DAA8D;AAC9D,+DAGwB;AACxB,iEAAsD;AAEtD,MAAM,YAAY,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;AAC/B,MAAM,YAAY,GAAsB;IACtC,IAAI,EAAE,mCAAY;IAClB,MAAM,EAAE,IAAI;IACZ,QAAQ,EAAE,YAAY;IACtB,KAAK,EAAE,MAAM;IACb,KAAK,EAAE,KAAK;IACZ,QAAQ,EAAE,KAAK;CAChB,CAAC;AAEF,QAAQ,CAAC,cAAc,EAAE,GAAG,EAAE;IAC5B,SAAS,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC,CAAC;IACtC,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC,CAAC;IAErC,EAAE,CAAC,oBAAoB,EAAE,GAAS,EAAE;QAClC,OAAA,IAAA,gBAAG,EAAC,GAAS,EAAE;YACb,IAAA,cAAM,EAAC,8BAAC,sBAAY,oBAAK,YAAY,EAAI,CAAC,CAAC;YAE3C,MAAM,CAAC,cAAM,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;YAExD,oBAAS,CAAC,KAAK,CAAC,cAAM,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC;YAC7C,MAAM,IAAA,eAAO,EAAC,GAAG,EAAE,CACjB,MAAM,CAAC,cAAM,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAC/D,CAAC;QACJ,CAAC,CAAA,CAAC,CAAA;MAAA,CAAC,CAAC;IAEN,EAAE,CAAC,2DAA2D,EAAE,GAAS,EAAE;QACzE,OAAA,IAAA,gBAAG,EAAC,GAAS,EAAE;YACb,IAAA,cAAM,EAAC,8BAAC,sBAAY,oBAAK,YAAY,IAAE,MAAM,EAAE,mCAAY,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;YAEpE,oBAAS,CAAC,KAAK,CAAC,cAAM,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC;YAC7C,MAAM,IAAA,eAAO,EAAC,GAAG,EAAE;gBACjB,MAAM,CAAC,cAAM,CAAC,WAAW,CAAC,eAAe,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;gBAChE,MAAM,CAAC,cAAM,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,eAAe,CACjD,OAAO,EACP,UAAU,CACX,CAAC;YACJ,CAAC,CAAC,CAAC;QACL,CAAC,CAAA,CAAC,CAAA;MAAA,CAAC,CAAC;IAEN,EAAE,CAAC,yBAAyB,EAAE,GAAS,EAAE;QACvC,OAAA,IAAA,gBAAG,EAAC,GAAS,EAAE;YACb,IAAA,cAAM,EAAC,8BAAC,sBAAY,oBAAK,YAAY,IAAE,MAAM,EAAE,IAAI,IAAI,CAAC,CAAC;YACzD,MAAM,IAAA,0BAAa,GAAE,CAAC;YAEtB,oBAAS,CAAC,KAAK,CAAC,cAAM,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC;YAC7C,MAAM,IAAA,eAAO,EAAC,GAAG,EAAE;gBACjB,MAAM,CAAC,cAAM,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,eAAe,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;YACnE,CAAC,CAAC,CAAC;QACL,CAAC,CAAA,CAAC,CAAA;MAAA,CAAC,CAAC;IAEN,EAAE,CAAC,uCAAuC,EAAE,GAAS,EAAE;QACrD,OAAA,IAAA,gBAAG,EAAC,GAAS,EAAE;YACb,IAAA,cAAM,EAAC,8BAAC,sBAAY,oBAAK,YAAY,EAAI,CAAC,CAAC;YAC3C,MAAM,IAAA,0BAAa,GAAE,CAAC;YAEtB,oBAAS,CAAC,IAAI,CAAC,cAAM,CAAC,SAAS,CAAC,SAAS,CAAC,EAAE,IAAI,CAAC,CAAC;YAClD,MAAM,IAAA,eAAO,EAAC,GAAG,EAAE,CACjB,MAAM,CAAC,cAAM,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAC/D,CAAC;QACJ,CAAC,CAAA,CAAC,CAAA;MAAA,CAAC,CAAC;IAEN,EAAE,CAAC,kDAAkD,EAAE,GAAS,EAAE;QAChE,OAAA,IAAA,gBAAG,EAAC,GAAS,EAAE;YACb,IAAA,cAAM,EAAC,8BAAC,sBAAY,oBAAK,YAAY,EAAI,CAAC,CAAC;YAC3C,MAAM,IAAA,0BAAa,GAAE,CAAC;YAEtB,oBAAS,CAAC,KAAK,CAAC,cAAM,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC;YAC7C,oBAAS,CAAC,KAAK,CAAC,cAAM,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YAE3D,MAAM,IAAA,eAAO,EAAC,GAAG,EAAE,CACjB,MAAM,CAAC,YAAY,CAAC,CAAC,oBAAoB,CAAC;gBACxC,KAAK,EAAE,UAAU;gBACjB,KAAK,EAAE,GAAG;aACX,CAAC,CACH,CAAC;QACJ,CAAC,CAAA,CAAC,CAAA;MAAA,CAAC,CAAC;AACR,CAAC,CAAC,CAAC;AAEH,QAAQ,CAAC,kBAAkB,EAAE,GAAG,EAAE;IAChC,EAAE,CAAC,uBAAuB,EAAE,GAAG,EAAE;QAC/B,MAAM,CAAC,IAAA,+BAAgB,EAAC,IAAI,EAAE,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;QACnD,MAAM,CAAC,IAAA,+BAAgB,EAAC,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,EAAE,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;QACxE,MAAM,CAAC,IAAA,+BAAgB,EAAC,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,EAAE,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;QACzE,MAAM,CAAC,IAAA,+BAAgB,EAAC,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,EAAE,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;QACzE,MAAM,CAAC,IAAA,+BAAgB,EAAC,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,EAAE,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;IAC3E,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/lib/ui/src/background/Background.styles.js

@@ -1,8 +1,4 @@
 "use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
@@ -24,21 +20,48 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.BackgroundLayout = void 0;
-var polished_1 = require("polished");
-var styled_components_1 = __importStar(require("styled-components"));
-var utils_1 = require("../../../utils");
-var Modal_reducer_1 = require("../modal/Modal.reducer");
-var backgroundFadeIn = styled_components_1.keyframes(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  from {\n    background: ", ";\n  }\n  to {\n    background: ", ";\n  }\n"], ["\n  from {\n    background: ", ";\n  }\n  to {\n    background: ", ";\n  }\n"])), polished_1.transparentize(1, utils_1.colors.dark.base), polished_1.transparentize(0.2, utils_1.colors.dark.base));
-var backgroundFadeOut = styled_components_1.keyframes(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  from {\n    background: ", ";\n  }\n  to {\n    background: ", ";\n  }\n"], ["\n  from {\n    background: ", ";\n  }\n  to {\n    background: ", ";\n  }\n"])), polished_1.transparentize(0.2, utils_1.colors.dark.base), polished_1.transparentize(1, utils_1.colors.dark.base));
-exports.BackgroundLayout = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  position: fixed;\n  z-index: 1000;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  cursor: pointer;\n  background: ", ";\n\n  ", "\n"], ["\n  position: fixed;\n  z-index: 1000;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  cursor: pointer;\n  background: ", ";\n\n  ",
-    "\n"])), polished_1.transparentize(0.2, utils_1.colors.dark.base), function (_a) {
-    var fade = _a.fade;
+const polished_1 = require("polished");
+const styled_components_1 = __importStar(require("styled-components"));
+const utils_1 = require("../../../utils");
+const Modal_reducer_1 = require("../modal/Modal.reducer");
+const backgroundFadeIn = (0, styled_components_1.keyframes) `
+  from {
+    background: ${(0, polished_1.transparentize)(1, utils_1.colors.dark.base)};
+  }
+  to {
+    background: ${(0, polished_1.transparentize)(0.2, utils_1.colors.dark.base)};
+  }
+`;
+const backgroundFadeOut = (0, styled_components_1.keyframes) `
+  from {
+    background: ${(0, polished_1.transparentize)(0.2, utils_1.colors.dark.base)};
+  }
+  to {
+    background: ${(0, polished_1.transparentize)(1, utils_1.colors.dark.base)};
+  }
+`;
+exports.BackgroundLayout = styled_components_1.default.div `
+  position: fixed;
+  z-index: 1000;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  cursor: pointer;
+  background: ${(0, polished_1.transparentize)(0.2, utils_1.colors.dark.base)};
+
+  ${({ fade }) => {
     if (fade === Modal_reducer_1.ModalFade.IN) {
-        return styled_components_1.css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n        animation: ", " 0.2s linear;\n      "], ["\n        animation: ", " 0.2s linear;\n      "])), backgroundFadeIn);
+        return (0, styled_components_1.css) `
+        animation: ${backgroundFadeIn} 0.2s linear;
+      `;
     }
     else if (fade === Modal_reducer_1.ModalFade.OUT) {
-        return styled_components_1.css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n        background: ", ";\n        animation: ", " 0.2s linear;\n      "], ["\n        background: ", ";\n        animation: ", " 0.2s linear;\n      "])), polished_1.transparentize(1, utils_1.colors.dark.base), backgroundFadeOut);
+        return (0, styled_components_1.css) `
+        background: ${(0, polished_1.transparentize)(1, utils_1.colors.dark.base)};
+        animation: ${backgroundFadeOut} 0.2s linear;
+      `;
     }
-});
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
+}}
+`;
 //# sourceMappingURL=Background.styles.js.map

package/lib/ui/src/background/Background.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Background.styles.js","sourceRoot":"","sources":["../../../../packages/ui/src/background/Background.styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qCAA0C;AAC1C,qEAA2D;AAE3D,wCAAwC;AACxC,wDAAmD;AAEnD,IAAM,gBAAgB,GAAG,6BAAS,iJAAA,8BAEhB,EAAmC,kCAGnC,EAAqC,UAEtD,KALiB,yBAAc,CAAC,CAAC,EAAE,cAAM,CAAC,IAAI,CAAC,IAAI,CAAC,EAGnC,yBAAc,CAAC,GAAG,EAAE,cAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAEtD,CAAC;AAEF,IAAM,iBAAiB,GAAG,6BAAS,iJAAA,8BAEjB,EAAqC,kCAGrC,EAAmC,UAEpD,KALiB,yBAAc,CAAC,GAAG,EAAE,cAAM,CAAC,IAAI,CAAC,IAAI,CAAC,EAGrC,yBAAc,CAAC,CAAC,EAAE,cAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAEpD,CAAC;AAEW,QAAA,gBAAgB,GAAG,2BAAM,CAAC,GAAG,kNAAsB,8HAQhD,EAAqC,SAEjD;IAWD,IACF,KAde,yBAAc,CAAC,GAAG,EAAE,cAAM,CAAC,IAAI,CAAC,IAAI,CAAC,EAEjD,UAAC,EAAQ;QAAN,IAAI,UAAA;IACP,IAAI,IAAI,KAAK,yBAAS,CAAC,EAAE,EAAE;QACzB,OAAO,uBAAG,mHAAA,uBACK,EAAgB,uBAC9B,KADc,gBAAgB,EAC7B;KACH;SAAM,IAAI,IAAI,KAAK,yBAAS,CAAC,GAAG,EAAE;QACjC,OAAO,uBAAG,8IAAA,wBACM,EAAmC,wBACpC,EAAiB,uBAC/B,KAFe,yBAAc,CAAC,CAAC,EAAE,cAAM,CAAC,IAAI,CAAC,IAAI,CAAC,EACpC,iBAAiB,EAC9B;KACH;AACH,CAAC,EACD"}
+{"version":3,"file":"Background.styles.js","sourceRoot":"","sources":["../../../../packages/ui/src/background/Background.styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,uCAA0C;AAC1C,uEAA2D;AAE3D,0CAAwC;AACxC,0DAAmD;AAEnD,MAAM,gBAAgB,GAAG,IAAA,6BAAS,EAAA;;kBAEhB,IAAA,yBAAc,EAAC,CAAC,EAAE,cAAM,CAAC,IAAI,CAAC,IAAI,CAAC;;;kBAGnC,IAAA,yBAAc,EAAC,GAAG,EAAE,cAAM,CAAC,IAAI,CAAC,IAAI,CAAC;;CAEtD,CAAC;AAEF,MAAM,iBAAiB,GAAG,IAAA,6BAAS,EAAA;;kBAEjB,IAAA,yBAAc,EAAC,GAAG,EAAE,cAAM,CAAC,IAAI,CAAC,IAAI,CAAC;;;kBAGrC,IAAA,yBAAc,EAAC,CAAC,EAAE,cAAM,CAAC,IAAI,CAAC,IAAI,CAAC;;CAEpD,CAAC;AAEW,QAAA,gBAAgB,GAAG,2BAAM,CAAC,GAAG,CAAsB;;;;;;;;gBAQhD,IAAA,yBAAc,EAAC,GAAG,EAAE,cAAM,CAAC,IAAI,CAAC,IAAI,CAAC;;IAEjD,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE;IACb,IAAI,IAAI,KAAK,yBAAS,CAAC,EAAE,EAAE;QACzB,OAAO,IAAA,uBAAG,EAAA;qBACK,gBAAgB;OAC9B,CAAC;KACH;SAAM,IAAI,IAAI,KAAK,yBAAS,CAAC,GAAG,EAAE;QACjC,OAAO,IAAA,uBAAG,EAAA;sBACM,IAAA,yBAAc,EAAC,CAAC,EAAE,cAAM,CAAC,IAAI,CAAC,IAAI,CAAC;qBACpC,iBAAiB;OAC/B,CAAC;KACH;AACH,CAAC;CACF,CAAC"}

package/lib/ui/src/block/Block.js

@@ -3,13 +3,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
-var Block_styles_1 = require("./Block.styles");
-var Block = function (_a) {
-    var children = _a.children, picture = _a.picture, isCompact = _a.isCompact, isRounded = _a.isRounded;
-    return (react_1.default.createElement(Block_styles_1.Layout, { isRounded: isRounded, "data-test": "block" },
-        picture && react_1.default.createElement(Block_styles_1.Picture, { picture: picture, "data-test": "picture" }),
-        react_1.default.createElement(Block_styles_1.Content, { isCompact: isCompact }, children)));
-};
+const react_1 = __importDefault(require("react"));
+const Block_styles_1 = require("./Block.styles");
+const Block = ({ children, picture, isCompact, isRounded }) => (react_1.default.createElement(Block_styles_1.Layout, { isRounded: isRounded, "data-test": "block" },
+    picture && react_1.default.createElement(Block_styles_1.Picture, { picture: picture, "data-test": "picture" }),
+    react_1.default.createElement(Block_styles_1.Content, { isCompact: isCompact }, children)));
 exports.default = Block;
 //# sourceMappingURL=Block.js.map

package/lib/ui/src/block/Block.js.map

@@ -1 +1 @@
-{"version":3,"file":"Block.js","sourceRoot":"","sources":["../../../../packages/ui/src/block/Block.tsx"],"names":[],"mappings":";;;;;AAAA,gDAAkC;AAElC,+CAA0D;AAQ1D,IAAM,KAAK,GAAmB,UAAC,EAA2C;QAAzC,QAAQ,cAAA,EAAE,OAAO,aAAA,EAAE,SAAS,eAAA,EAAE,SAAS,eAAA;IAAO,OAAA,CAC7E,8BAAC,qBAAM,IAAC,SAAS,EAAE,SAAS,eAAY,OAAO;QAC5C,OAAO,IAAI,8BAAC,sBAAO,IAAC,OAAO,EAAE,OAAO,eAAY,SAAS,GAAG;QAC7D,8BAAC,sBAAO,IAAC,SAAS,EAAE,SAAS,IAAG,QAAQ,CAAW,CAC5C,CACV;AAL8E,CAK9E,CAAC;AAEF,kBAAe,KAAK,CAAC"}
+{"version":3,"file":"Block.js","sourceRoot":"","sources":["../../../../packages/ui/src/block/Block.tsx"],"names":[],"mappings":";;;;;AAAA,kDAAkC;AAElC,iDAA0D;AAQ1D,MAAM,KAAK,GAAmB,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,CAC7E,8BAAC,qBAAM,IAAC,SAAS,EAAE,SAAS,eAAY,OAAO;IAC5C,OAAO,IAAI,8BAAC,sBAAO,IAAC,OAAO,EAAE,OAAO,eAAY,SAAS,GAAG;IAC7D,8BAAC,sBAAO,IAAC,SAAS,EAAE,SAAS,IAAG,QAAQ,CAAW,CAC5C,CACV,CAAC;AAEF,kBAAe,KAAK,CAAC"}

package/lib/ui/src/block/Block.stories.js

@@ -22,24 +22,24 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importStar(require("react"));
-var addon_knobs_1 = require("@storybook/addon-knobs");
-var react_2 = require("@storybook/react");
-var Block_1 = __importDefault(require("./Block"));
-react_2.storiesOf('Block', module)
-    .add('Simple block', function () {
-    var isRounded = addon_knobs_1.boolean('Rounded', false);
+const react_1 = __importStar(require("react"));
+const addon_knobs_1 = require("@storybook/addon-knobs");
+const react_2 = require("@storybook/react");
+const Block_1 = __importDefault(require("./Block"));
+(0, react_2.storiesOf)('Block', module)
+    .add('Simple block', () => {
+    const isRounded = (0, addon_knobs_1.boolean)('Rounded', false);
     return (react_1.default.createElement(Block_1.default, { isRounded: isRounded },
         react_1.default.createElement("span", null, "Contenu du block")));
 })
-    .add('Double block', function () {
+    .add('Double block', () => {
     return (react_1.default.createElement(react_1.Fragment, null,
         react_1.default.createElement(Block_1.default, null,
             react_1.default.createElement("span", null, "Contenu du block 1")),
         react_1.default.createElement(Block_1.default, null,
             react_1.default.createElement("span", null, "Contenu du block 2"))));
 })
-    .add('Block with picture', function () {
+    .add('Block with picture', () => {
     return (react_1.default.createElement(Block_1.default, { picture: 'https://cdn.pixabay.com/photo/2014/03/09/17/12/zebra-283869_960_720.jpg' },
         react_1.default.createElement("span", null,
             "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer elementum et velit sed gravida. Curabitur condimentum suscipit fringilla. Sed et vehicula est, luctus venenatis erat. Ut quis luctus libero. In hac habitasse platea dictumst. Fusce porttitor mi eget tincidunt aliquam. Aenean efficitur iaculis diam, sit amet molestie tortor commodo eget. Donec aliquet id enim in egestas. Vestibulum sit amet metus sapien. Suspendisse id ipsum quis est gravida efficitur in ut tellus. Donec lectus odio, consequat eget mauris in, molestie condimentum lectus. Donec non ornare odio. Proin convallis laoreet sem, non cursus odio lacinia id. In ornare, urna sed tincidunt feugiat, metus ligula suscipit leo, a ornare nisl sem eu mauris. Nulla bibendum fringilla commodo. Nulla eget iaculis nunc. Duis vestibulum nibh ut dui auctor tempor. Cras nec mi magna. Quisque eget ornare massa. Suspendisse venenatis aliquet nisl non mollis. Quisque id purus sem. Nunc faucibus nisl quis metus varius, sed sagittis est feugiat. Morbi quis erat commodo velit lacinia rutrum sed non lacus. Aenean vehicula a elit tincidunt viverra. Duis ac ultricies lectus, non malesuada velit. Pellentesque condimentum quis odio non blandit. Fusce vitae sodales odio, sit amet molestie leo. Donec quis ligula dapibus nisi dignissim lacinia in congue ipsum.",
@@ -47,7 +47,7 @@ react_2.storiesOf('Block', module)
             react_1.default.createElement("br", null),
             "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer elementum et velit sed gravida. Curabitur condimentum suscipit fringilla. Sed et vehicula est, luctus venenatis erat. Ut quis luctus libero. In hac habitasse platea dictumst. Fusce porttitor mi eget tincidunt aliquam. Aenean efficitur iaculis diam, sit amet molestie tortor commodo eget. Donec aliquet id enim in egestas. Vestibulum sit amet metus sapien. Suspendisse id ipsum quis est gravida efficitur in ut tellus. Donec lectus odio, consequat eget mauris in, molestie condimentum lectus. Donec non ornare odio. Proin convallis laoreet sem, non cursus odio lacinia id. In ornare, urna sed tincidunt feugiat, metus ligula suscipit leo, a ornare nisl sem eu mauris. Nulla bibendum fringilla commodo. Nulla eget iaculis nunc. Duis vestibulum nibh ut dui auctor tempor. Cras nec mi magna. Quisque eget ornare massa. Suspendisse venenatis aliquet nisl non mollis. Quisque id purus sem. Nunc faucibus nisl quis metus varius, sed sagittis est feugiat. Morbi quis erat commodo velit lacinia rutrum sed non lacus. Aenean vehicula a elit tincidunt viverra. Duis ac ultricies lectus, non malesuada velit. Pellentesque condimentum quis odio non blandit. Fusce vitae sodales odio, sit amet molestie leo. Donec quis ligula dapibus nisi dignissim lacinia in congue ipsum.")));
 })
-    .add('Compact block', function () {
+    .add('Compact block', () => {
     return (react_1.default.createElement(Block_1.default, { isCompact: true },
         react_1.default.createElement("span", null, "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer elementum et velit sed gravida. Curabitur condimentum suscipit fringilla. Sed et vehicula est, luctus venenatis erat. Ut quis luctus libero. In hac habitasse platea dictumst. Fusce porttitor mi eget tincidunt aliquam. Aenean efficitur iaculis diam, sit amet molestie tortor commodo eget. Donec aliquet id enim in egestas. Vestibulum sit amet metus sapien. Suspendisse id ipsum quis est gravida efficitur in ut tellus. Donec lectus odio, consequat eget mauris in, molestie condimentum lectus. Donec non ornare odio. Proin convallis laoreet sem, non cursus odio lacinia id. In ornare, urna sed tincidunt feugiat, metus ligula suscipit leo, a ornare nisl sem eu mauris. Nulla bibendum fringilla commodo. Nulla eget iaculis nunc. Duis vestibulum nibh ut dui auctor tempor. Cras nec mi magna. Quisque eget ornare massa. Suspendisse venenatis aliquet nisl non mollis. Quisque id purus sem. Nunc faucibus nisl quis metus varius, sed sagittis est feugiat. Morbi quis erat commodo velit lacinia rutrum sed non lacus. Aenean vehicula a elit tincidunt viverra. Duis ac ultricies lectus, non malesuada velit. Pellentesque condimentum quis odio non blandit. Fusce vitae sodales odio, sit amet molestie leo. Donec quis ligula dapibus nisi dignissim lacinia in congue ipsum.")));
 });

package/lib/ui/src/block/Block.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"Block.stories.js","sourceRoot":"","sources":["../../../../packages/ui/src/block/Block.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAwC;AAExC,sDAAiD;AACjD,0CAA6C;AAE7C,kDAA4B;AAE5B,iBAAS,CAAC,OAAO,EAAE,MAAM,CAAC;KACvB,GAAG,CAAC,cAAc,EAAE;IACnB,IAAM,SAAS,GAAG,qBAAO,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;IAC5C,OAAO,CACL,8BAAC,eAAK,IAAC,SAAS,EAAE,SAAS;QACzB,+DAA6B,CACvB,CACT,CAAC;AACJ,CAAC,CAAC;KACD,GAAG,CAAC,cAAc,EAAE;IACnB,OAAO,CACL,8BAAC,gBAAQ;QACP,8BAAC,eAAK;YACJ,iEAA+B,CACzB;QACR,8BAAC,eAAK;YACJ,iEAA+B,CACzB,CACC,CACZ,CAAC;AACJ,CAAC,CAAC;KACD,GAAG,CAAC,oBAAoB,EAAE;IACzB,OAAO,CACL,8BAAC,eAAK,IACJ,OAAO,EACL,yEAAyE;QAG3E;;YAqBE,yCAAM;YACN,yCAAM;2zCAqBD,CACD,CACT,CAAC;AACJ,CAAC,CAAC;KACD,GAAG,CAAC,eAAe,EAAE;IACpB,OAAO,CACL,8BAAC,eAAK,IAAC,SAAS;QACd,21CAqBO,CACD,CACT,CAAC;AACJ,CAAC,CAAC,CAAC"}
+{"version":3,"file":"Block.stories.js","sourceRoot":"","sources":["../../../../packages/ui/src/block/Block.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAwC;AAExC,wDAAiD;AACjD,4CAA6C;AAE7C,oDAA4B;AAE5B,IAAA,iBAAS,EAAC,OAAO,EAAE,MAAM,CAAC;KACvB,GAAG,CAAC,cAAc,EAAE,GAAG,EAAE;IACxB,MAAM,SAAS,GAAG,IAAA,qBAAO,EAAC,SAAS,EAAE,KAAK,CAAC,CAAC;IAC5C,OAAO,CACL,8BAAC,eAAK,IAAC,SAAS,EAAE,SAAS;QACzB,+DAA6B,CACvB,CACT,CAAC;AACJ,CAAC,CAAC;KACD,GAAG,CAAC,cAAc,EAAE,GAAG,EAAE;IACxB,OAAO,CACL,8BAAC,gBAAQ;QACP,8BAAC,eAAK;YACJ,iEAA+B,CACzB;QACR,8BAAC,eAAK;YACJ,iEAA+B,CACzB,CACC,CACZ,CAAC;AACJ,CAAC,CAAC;KACD,GAAG,CAAC,oBAAoB,EAAE,GAAG,EAAE;IAC9B,OAAO,CACL,8BAAC,eAAK,IACJ,OAAO,EACL,yEAAyE;QAG3E;;YAqBE,yCAAM;YACN,yCAAM;2zCAqBD,CACD,CACT,CAAC;AACJ,CAAC,CAAC;KACD,GAAG,CAAC,eAAe,EAAE,GAAG,EAAE;IACzB,OAAO,CACL,8BAAC,eAAK,IAAC,SAAS;QACd,21CAqBO,CACD,CACT,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/lib/ui/src/block/Block.styles.js

@@ -1,8 +1,4 @@
 "use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
@@ -24,24 +20,63 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Layout = exports.Picture = exports.Content = void 0;
-var styled_components_1 = __importStar(require("styled-components"));
-var utils_1 = require("../../../utils");
-exports.Content = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  padding: ", " ", ";\n  width: 100%;\n\n  @media (min-width: ", "px) {\n    ", "\n  }\n"], ["\n  padding: ", " ", ";\n  width: 100%;\n\n  @media (min-width: ", "px) {\n    ",
-    "\n  }\n"])), utils_1.convertPxToRem(24), utils_1.convertPxToRem(16), utils_1.breakpoints.small, function (_a) {
-    var isCompact = _a.isCompact;
-    return isCompact
-        ? styled_components_1.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n            padding: ", ";\n          "], ["\n            padding: ", ";\n          "])), utils_1.convertPxToRem(32)) : styled_components_1.css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n            padding: ", ";\n          "], ["\n            padding: ", ";\n          "])), utils_1.convertPxToRem(56));
-});
-exports.Picture = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  ", "\n"], ["\n  ",
-    "\n"])), function (_a) {
-    var picture = _a.picture;
-    return picture && styled_components_1.css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n      background-image: unset;\n      border-radius: 0 ", " ", " 0;\n\n      @media (min-width: ", "px) {\n        background-image: url(", ");\n        background-size: cover;\n        background-repeat: no-repeat;\n        background-position: center;\n        min-height: unset;\n        min-width: ", ";\n        margin-left: ", ";\n      }\n    "], ["\n      background-image: unset;\n      border-radius: 0 ", " ", " 0;\n\n      @media (min-width: ", "px) {\n        background-image: url(", ");\n        background-size: cover;\n        background-repeat: no-repeat;\n        background-position: center;\n        min-height: unset;\n        min-width: ", ";\n        margin-left: ", ";\n      }\n    "])), utils_1.radius.big, utils_1.radius.big, utils_1.breakpoints.small, picture, utils_1.convertPxToRem(280), utils_1.convertPxToRem(32));
-});
-exports.Layout = styled_components_1.default.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  background: white;\n  box-shadow: ", ";\n  display: flex;\n  width: 100%;\n  flex-direction: row-reverse;\n\n  ", ";\n\n  &:not(:last-child) {\n    border-radius: ", ";\n    margin-bottom: ", ";\n  }\n\n  @media (min-width: ", "px) {\n    ", " + ", " {\n      padding-right: 0;\n    }\n  }\n"], ["\n  background: white;\n  box-shadow: ", ";\n  display: flex;\n  width: 100%;\n  flex-direction: row-reverse;\n\n  ",
-    ";\n\n  &:not(:last-child) {\n    border-radius: ", ";\n    margin-bottom: ", ";\n  }\n\n  @media (min-width: ", "px) {\n    ", " + ", " {\n      padding-right: 0;\n    }\n  }\n"])), utils_1.shadows.level5, function (_a) {
-    var isRounded = _a.isRounded;
-    return isRounded
-        ? styled_components_1.css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n          border-radius: ", ";\n        "], ["\n          border-radius: ", ";\n        "])), utils_1.radius.big) : styled_components_1.css(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n          border-radius: ", " ", " 0 0;\n        "], ["\n          border-radius: ", " ", " 0 0;\n        "])), utils_1.radius.big, utils_1.radius.big);
-}, utils_1.radius.big, utils_1.convertPxToRem(8), utils_1.breakpoints.medium, exports.Picture, exports.Content);
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8;
+const styled_components_1 = __importStar(require("styled-components"));
+const utils_1 = require("../../../utils");
+exports.Content = styled_components_1.default.div `
+  padding: ${(0, utils_1.convertPxToRem)(24)} ${(0, utils_1.convertPxToRem)(16)};
+  width: 100%;
+
+  @media (min-width: ${utils_1.breakpoints.small}px) {
+    ${({ isCompact }) => isCompact
+    ? (0, styled_components_1.css) `
+            padding: ${(0, utils_1.convertPxToRem)(32)};
+          `
+    : (0, styled_components_1.css) `
+            padding: ${(0, utils_1.convertPxToRem)(56)};
+          `}
+  }
+`;
+exports.Picture = styled_components_1.default.div `
+  ${({ picture }) => picture &&
+    (0, styled_components_1.css) `
+      background-image: unset;
+      border-radius: 0 ${utils_1.radius.big} ${utils_1.radius.big} 0;
+
+      @media (min-width: ${utils_1.breakpoints.small}px) {
+        background-image: url(${picture});
+        background-size: cover;
+        background-repeat: no-repeat;
+        background-position: center;
+        min-height: unset;
+        min-width: ${(0, utils_1.convertPxToRem)(280)};
+        margin-left: ${(0, utils_1.convertPxToRem)(32)};
+      }
+    `}
+`;
+exports.Layout = styled_components_1.default.div `
+  background: white;
+  box-shadow: ${utils_1.shadows.level5};
+  display: flex;
+  width: 100%;
+  flex-direction: row-reverse;
+
+  ${({ isRounded }) => isRounded
+    ? (0, styled_components_1.css) `
+          border-radius: ${utils_1.radius.big};
+        `
+    : (0, styled_components_1.css) `
+          border-radius: ${utils_1.radius.big} ${utils_1.radius.big} 0 0;
+        `};
+
+  &:not(:last-child) {
+    border-radius: ${utils_1.radius.big};
+    margin-bottom: ${(0, utils_1.convertPxToRem)(8)};
+  }
+
+  @media (min-width: ${utils_1.breakpoints.medium}px) {
+    ${exports.Picture} + ${exports.Content} {
+      padding-right: 0;
+    }
+  }
+`;
 //# sourceMappingURL=Block.styles.js.map

package/lib/ui/src/block/Block.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Block.styles.js","sourceRoot":"","sources":["../../../../packages/ui/src/block/Block.styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qEAAgD;AAEhD,wCAA8E;AAGjE,QAAA,OAAO,GAAG,2BAAM,CAAC,GAAG,+JAAY,eAChC,EAAkB,GAAI,EAAkB,4CAG9B,EAAiB,aAClC;IAOK,SAEV,KAbY,sBAAc,CAAC,EAAE,CAAC,EAAI,sBAAc,CAAC,EAAE,CAAC,EAG9B,mBAAW,CAAC,KAAK,EAClC,UAAC,EAAa;QAAX,SAAS,eAAA;IACZ,OAAA,SAAS;QACP,CAAC,CAAC,uBAAG,6GAAA,yBACU,EAAkB,eAC9B,KADY,sBAAc,CAAC,EAAE,CAAC,EAEjC,CAAC,CAAC,uBAAG,6GAAA,yBACU,EAAkB,eAC9B,KADY,sBAAc,CAAC,EAAE,CAAC,CAC9B;AANL,CAMK,EAET;AAEW,QAAA,OAAO,GAAG,2BAAM,CAAC,GAAG,+EAAY,MACzC;IAeC,IACJ,KAhBG,UAAC,EAAW;QAAT,OAAO,aAAA;IACV,OAAA,OAAO,IACP,uBAAG,qaAAA,2DAEkB,EAAU,GAAI,EAAU,kCAEtB,EAAiB,uCACZ,EAAO,mKAKlB,EAAmB,0BACjB,EAAkB,kBAEpC,KAXoB,cAAM,CAAC,GAAG,EAAI,cAAM,CAAC,GAAG,EAEtB,mBAAW,CAAC,KAAK,EACZ,OAAO,EAKlB,sBAAc,CAAC,GAAG,CAAC,EACjB,sBAAc,CAAC,EAAE,CAAC,CAEpC;AAdD,CAcC,EACH;AAEW,QAAA,MAAM,GAAG,2BAAM,CAAC,GAAG,4WAAY,wCAE5B,EAAc,2EAK1B;IAOK,kDAGY,EAAU,wBACV,EAAiB,iCAGf,EAAkB,aACnC,EAAO,KAAM,EAAO,2CAIzB,KAxBe,eAAO,CAAC,MAAM,EAK1B,UAAC,EAAa;QAAX,SAAS,eAAA;IACZ,OAAA,SAAS;QACP,CAAC,CAAC,uBAAG,+GAAA,6BACgB,EAAU,aAC5B,KADkB,cAAM,CAAC,GAAG,EAE/B,CAAC,CAAC,uBAAG,wHAAA,6BACgB,EAAU,GAAI,EAAU,iBAC1C,KADkB,cAAM,CAAC,GAAG,EAAI,cAAM,CAAC,GAAG,CAC1C;AANL,CAMK,EAGY,cAAM,CAAC,GAAG,EACV,sBAAc,CAAC,CAAC,CAAC,EAGf,mBAAW,CAAC,MAAM,EACnC,eAAO,EAAM,eAAO,EAIxB"}
+{"version":3,"file":"Block.styles.js","sourceRoot":"","sources":["../../../../packages/ui/src/block/Block.styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,uEAAgD;AAEhD,0CAA8E;AAGjE,QAAA,OAAO,GAAG,2BAAM,CAAC,GAAG,CAAY;aAChC,IAAA,sBAAc,EAAC,EAAE,CAAC,IAAI,IAAA,sBAAc,EAAC,EAAE,CAAC;;;uBAG9B,mBAAW,CAAC,KAAK;MAClC,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CAClB,SAAS;IACP,CAAC,CAAC,IAAA,uBAAG,EAAA;uBACU,IAAA,sBAAc,EAAC,EAAE,CAAC;WAC9B;IACH,CAAC,CAAC,IAAA,uBAAG,EAAA;uBACU,IAAA,sBAAc,EAAC,EAAE,CAAC;WAC9B;;CAEV,CAAC;AAEW,QAAA,OAAO,GAAG,2BAAM,CAAC,GAAG,CAAY;IACzC,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAChB,OAAO;IACP,IAAA,uBAAG,EAAA;;yBAEkB,cAAM,CAAC,GAAG,IAAI,cAAM,CAAC,GAAG;;2BAEtB,mBAAW,CAAC,KAAK;gCACZ,OAAO;;;;;qBAKlB,IAAA,sBAAc,EAAC,GAAG,CAAC;uBACjB,IAAA,sBAAc,EAAC,EAAE,CAAC;;KAEpC;CACJ,CAAC;AAEW,QAAA,MAAM,GAAG,2BAAM,CAAC,GAAG,CAAY;;gBAE5B,eAAO,CAAC,MAAM;;;;;IAK1B,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CAClB,SAAS;IACP,CAAC,CAAC,IAAA,uBAAG,EAAA;2BACgB,cAAM,CAAC,GAAG;SAC5B;IACH,CAAC,CAAC,IAAA,uBAAG,EAAA;2BACgB,cAAM,CAAC,GAAG,IAAI,cAAM,CAAC,GAAG;SAC1C;;;qBAGY,cAAM,CAAC,GAAG;qBACV,IAAA,sBAAc,EAAC,CAAC,CAAC;;;uBAGf,mBAAW,CAAC,MAAM;MACnC,eAAO,MAAM,eAAO;;;;CAIzB,CAAC"}

package/lib/ui/src/block/Block.test.js

@@ -3,28 +3,28 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
-var react_test_renderer_1 = __importDefault(require("react-test-renderer"));
-var react_2 = require("@testing-library/react");
-var Block_1 = __importDefault(require("./Block"));
-describe('Block component', function () {
-    it('should render an element without picture', function () {
-        var tree = react_test_renderer_1.default
+const react_1 = __importDefault(require("react"));
+const react_test_renderer_1 = __importDefault(require("react-test-renderer"));
+const react_2 = require("@testing-library/react");
+const Block_1 = __importDefault(require("./Block"));
+describe('Block component', () => {
+    it('should render an element without picture', () => {
+        const tree = react_test_renderer_1.default
             .create(react_1.default.createElement(Block_1.default, null,
             react_1.default.createElement("div", null)))
             .toJSON();
-        react_2.render(react_1.default.createElement(Block_1.default, null,
+        (0, react_2.render)(react_1.default.createElement(Block_1.default, null,
             react_1.default.createElement("div", null)));
         expect(react_2.screen.getByTestId('block')).toBeInTheDocument();
         expect(react_2.screen.queryByTestId('picture')).not.toBeInTheDocument();
         expect(tree).toMatchSnapshot();
     });
-    it('should render an element with picture', function () {
-        var tree = react_test_renderer_1.default
+    it('should render an element with picture', () => {
+        const tree = react_test_renderer_1.default
             .create(react_1.default.createElement(Block_1.default, { picture: "picture" },
             react_1.default.createElement("div", null)))
             .toJSON();
-        react_2.render(react_1.default.createElement(Block_1.default, { picture: "picture" },
+        (0, react_2.render)(react_1.default.createElement(Block_1.default, { picture: "picture" },
             react_1.default.createElement("div", null)));
         expect(react_2.screen.getByTestId('picture')).toBeInTheDocument();
         expect(tree).toMatchSnapshot();