@proprioo/salatim 18.5.0 → 19.1.0

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

@@ -1 +1 @@
-{"version":3,"file":"Block.test.js","sourceRoot":"","sources":["../../../../packages/ui/src/block/Block.test.tsx"],"names":[],"mappings":";;;;;AAAA,gDAA0B;AAC1B,4EAA2C;AAE3C,gDAAwD;AAExD,kDAA4B;AAE5B,QAAQ,CAAC,iBAAiB,EAAE;IAC1B,EAAE,CAAC,0CAA0C,EAAE;QAC7C,IAAM,IAAI,GAAG,6BAAQ;aAClB,MAAM,CACL,8BAAC,eAAK;YACJ,0CAAO,CACD,CACT;aACA,MAAM,EAAE,CAAC;QAEZ,cAAM,CACJ,8BAAC,eAAK;YACJ,0CAAO,CACD,CACT,CAAC;QAEF,MAAM,CAAC,cAAM,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QACxD,MAAM,CAAC,cAAM,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC,iBAAiB,EAAE,CAAC;QAChE,MAAM,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;IACjC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,uCAAuC,EAAE;QAC1C,IAAM,IAAI,GAAG,6BAAQ;aAClB,MAAM,CACL,8BAAC,eAAK,IAAC,OAAO,EAAC,SAAS;YACtB,0CAAO,CACD,CACT;aACA,MAAM,EAAE,CAAC;QAEZ,cAAM,CACJ,8BAAC,eAAK,IAAC,OAAO,EAAC,SAAS;YACtB,0CAAO,CACD,CACT,CAAC;QAEF,MAAM,CAAC,cAAM,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QAC1D,MAAM,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;IACjC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
+{"version":3,"file":"Block.test.js","sourceRoot":"","sources":["../../../../packages/ui/src/block/Block.test.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,8EAA2C;AAE3C,kDAAwD;AAExD,oDAA4B;AAE5B,QAAQ,CAAC,iBAAiB,EAAE,GAAG,EAAE;IAC/B,EAAE,CAAC,0CAA0C,EAAE,GAAG,EAAE;QAClD,MAAM,IAAI,GAAG,6BAAQ;aAClB,MAAM,CACL,8BAAC,eAAK;YACJ,0CAAO,CACD,CACT;aACA,MAAM,EAAE,CAAC;QAEZ,IAAA,cAAM,EACJ,8BAAC,eAAK;YACJ,0CAAO,CACD,CACT,CAAC;QAEF,MAAM,CAAC,cAAM,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QACxD,MAAM,CAAC,cAAM,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC,iBAAiB,EAAE,CAAC;QAChE,MAAM,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;IACjC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,uCAAuC,EAAE,GAAG,EAAE;QAC/C,MAAM,IAAI,GAAG,6BAAQ;aAClB,MAAM,CACL,8BAAC,eAAK,IAAC,OAAO,EAAC,SAAS;YACtB,0CAAO,CACD,CACT;aACA,MAAM,EAAE,CAAC;QAEZ,IAAA,cAAM,EACJ,8BAAC,eAAK,IAAC,OAAO,EAAC,SAAS;YACtB,0CAAO,CACD,CACT,CAAC;QAEF,MAAM,CAAC,cAAM,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QAC1D,MAAM,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;IACjC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/lib/ui/src/blockIcon/BlockIcon.js

@@ -3,12 +3,11 @@ 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 BlockIcon_styles_1 = require("./BlockIcon.styles");
-function BlockIcon(_a) {
-    var onClick = _a.onClick, image = _a.image, text = _a.text, selectedValue = _a.selectedValue, dataTest = _a.dataTest, value = _a.value;
-    var isDisabled = selectedValue !== value;
-    return (react_1.default.createElement(BlockIcon_styles_1.Layout, { "data-test": dataTest, onClick: function () { return onClick(value); }, disabled: isDisabled, "aria-disabled": isDisabled },
+const react_1 = __importDefault(require("react"));
+const BlockIcon_styles_1 = require("./BlockIcon.styles");
+function BlockIcon({ onClick, image, text, selectedValue, dataTest, value }) {
+    const isDisabled = selectedValue !== value;
+    return (react_1.default.createElement(BlockIcon_styles_1.Layout, { "data-test": dataTest, onClick: () => onClick(value), disabled: isDisabled, "aria-disabled": isDisabled },
         react_1.default.createElement(BlockIcon_styles_1.TextContainer, null,
             react_1.default.createElement("span", { "data-test": "text-block" }, text)),
         react_1.default.createElement(BlockIcon_styles_1.ImageContainer, null,

package/lib/ui/src/blockIcon/BlockIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"BlockIcon.js","sourceRoot":"","sources":["../../../../packages/ui/src/blockIcon/BlockIcon.tsx"],"names":[],"mappings":";;;;;AAAA,gDAA4C;AAE5C,uDAA2E;AAW3E,SAAS,SAAS,CAAI,EAOR;QANZ,OAAO,aAAA,EACP,KAAK,WAAA,EACL,IAAI,UAAA,EACJ,aAAa,mBAAA,EACb,QAAQ,cAAA,EACR,KAAK,WAAA;IAEL,IAAM,UAAU,GAAG,aAAa,KAAK,KAAK,CAAC;IAE3C,OAAO,CACL,8BAAC,yBAAM,iBACM,QAAQ,EACnB,OAAO,EAAE,cAAM,OAAA,OAAO,CAAC,KAAK,CAAC,EAAd,CAAc,EAC7B,QAAQ,EAAE,UAAU,mBACL,UAAU;QAEzB,8BAAC,gCAAa;YACZ,qDAAgB,YAAY,IAAE,IAAI,CAAQ,CAC5B;QAChB,8BAAC,iCAAc;YACb,qDAAgB,aAAa,IAAE,KAAK,CAAQ,CAC7B,CACV,CACV,CAAC;AACJ,CAAC;AAED,kBAAe,SAAS,CAAC"}
+{"version":3,"file":"BlockIcon.js","sourceRoot":"","sources":["../../../../packages/ui/src/blockIcon/BlockIcon.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA4C;AAE5C,yDAA2E;AAW3E,SAAS,SAAS,CAAI,EACpB,OAAO,EACP,KAAK,EACL,IAAI,EACJ,aAAa,EACb,QAAQ,EACR,KAAK,EACO;IACZ,MAAM,UAAU,GAAG,aAAa,KAAK,KAAK,CAAC;IAE3C,OAAO,CACL,8BAAC,yBAAM,iBACM,QAAQ,EACnB,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAC7B,QAAQ,EAAE,UAAU,mBACL,UAAU;QAEzB,8BAAC,gCAAa;YACZ,qDAAgB,YAAY,IAAE,IAAI,CAAQ,CAC5B;QAChB,8BAAC,iCAAc;YACb,qDAAgB,aAAa,IAAE,KAAK,CAAQ,CAC7B,CACV,CACV,CAAC;AACJ,CAAC;AAED,kBAAe,SAAS,CAAC"}

package/lib/ui/src/blockIcon/BlockIcon.stories.js

@@ -3,24 +3,24 @@ 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 hokkaido_1 = require("@proprioo/hokkaido");
-var storybook_state_1 = require("@sambego/storybook-state");
-var react_2 = require("@storybook/react");
-var utils_1 = require("../../../utils");
-var icons_1 = __importDefault(require("../icons"));
-var BlockIcon_1 = __importDefault(require("./BlockIcon"));
-var propertyState = new storybook_state_1.Store({
+const react_1 = __importDefault(require("react"));
+const hokkaido_1 = require("@proprioo/hokkaido");
+const storybook_state_1 = require("@sambego/storybook-state");
+const react_2 = require("@storybook/react");
+const utils_1 = require("../../../utils");
+const icons_1 = __importDefault(require("../icons"));
+const BlockIcon_1 = __importDefault(require("./BlockIcon"));
+const propertyState = new storybook_state_1.Store({
     property: hokkaido_1.PropertyEnum.FLAT
 });
-var Arrow = icons_1.default.Arrow;
-react_2.storiesOf('BlockIcon', module).add('BlockIcon', function () {
-    var updateProperty = function (property) {
-        propertyState.set({ property: property });
+const { Arrow } = icons_1.default;
+(0, react_2.storiesOf)('BlockIcon', module).add('BlockIcon', () => {
+    const updateProperty = (property) => {
+        propertyState.set({ property });
     };
-    return (react_1.default.createElement(storybook_state_1.State, { store: propertyState }, function (state) { return (react_1.default.createElement(utils_1.Line, null,
+    return (react_1.default.createElement(storybook_state_1.State, { store: propertyState }, state => (react_1.default.createElement(utils_1.Line, null,
         react_1.default.createElement(utils_1.Row, null,
-            react_1.default.createElement(BlockIcon_1.default, { dataTest: "data-test", key: "block-flat", image: react_1.default.createElement(Arrow, null), text: 'Appartement', value: hokkaido_1.PropertyEnum.FLAT, selectedValue: state.property, onClick: updateProperty }),
-            react_1.default.createElement(BlockIcon_1.default, { dataTest: "data-test", key: "block-house", image: react_1.default.createElement(Arrow, null), text: 'Maison', value: hokkaido_1.PropertyEnum.HOUSE, selectedValue: state.property, onClick: updateProperty })))); }));
+            react_1.default.createElement(BlockIcon_1.default, { dataTest: `data-test`, key: `block-flat`, image: react_1.default.createElement(Arrow, null), text: 'Appartement', value: hokkaido_1.PropertyEnum.FLAT, selectedValue: state.property, onClick: updateProperty }),
+            react_1.default.createElement(BlockIcon_1.default, { dataTest: `data-test`, key: `block-house`, image: react_1.default.createElement(Arrow, null), text: 'Maison', value: hokkaido_1.PropertyEnum.HOUSE, selectedValue: state.property, onClick: updateProperty }))))));
 });
 //# sourceMappingURL=BlockIcon.stories.js.map

package/lib/ui/src/blockIcon/BlockIcon.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"BlockIcon.stories.js","sourceRoot":"","sources":["../../../../packages/ui/src/blockIcon/BlockIcon.stories.tsx"],"names":[],"mappings":";;;;;AAAA,gDAA0B;AAE1B,+CAAkD;AAClD,4DAAwD;AACxD,0CAA6C;AAE7C,wCAA2C;AAC3C,mDAA6B;AAC7B,0DAAoC;AAEpC,IAAM,aAAa,GAAG,IAAI,uBAAK,CAAC;IAC9B,QAAQ,EAAE,uBAAY,CAAC,IAAI;CAC5B,CAAC,CAAC;AAEK,IAAA,KAAK,GAAK,eAAK,MAAV,CAAW;AAExB,iBAAS,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,WAAW,EAAE;IAC9C,IAAM,cAAc,GAAG,UAAC,QAAsB;QAC5C,aAAa,CAAC,GAAG,CAAC,EAAE,QAAQ,UAAA,EAAE,CAAC,CAAC;IAClC,CAAC,CAAC;IAEF,OAAO,CACL,8BAAC,uBAAK,IAAC,KAAK,EAAE,aAAa,IACxB,UAAA,KAAK,IAAI,OAAA,CACR,8BAAC,YAAI;QACH,8BAAC,WAAG;YACF,8BAAC,mBAAS,IACR,QAAQ,EAAE,WAAW,EACrB,GAAG,EAAE,YAAY,EACjB,KAAK,EAAE,8BAAC,KAAK,OAAG,EAChB,IAAI,EAAE,aAAa,EACnB,KAAK,EAAE,uBAAY,CAAC,IAAI,EACxB,aAAa,EAAE,KAAK,CAAC,QAAQ,EAC7B,OAAO,EAAE,cAAc,GACvB;YACF,8BAAC,mBAAS,IACR,QAAQ,EAAE,WAAW,EACrB,GAAG,EAAE,aAAa,EAClB,KAAK,EAAE,8BAAC,KAAK,OAAG,EAChB,IAAI,EAAE,QAAQ,EACd,KAAK,EAAE,uBAAY,CAAC,KAAK,EACzB,aAAa,EAAE,KAAK,CAAC,QAAQ,EAC7B,OAAO,EAAE,cAAc,GACvB,CACE,CACD,CACR,EAvBS,CAuBT,CACK,CACT,CAAC;AACJ,CAAC,CAAC,CAAC"}
+{"version":3,"file":"BlockIcon.stories.js","sourceRoot":"","sources":["../../../../packages/ui/src/blockIcon/BlockIcon.stories.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAE1B,iDAAkD;AAClD,8DAAwD;AACxD,4CAA6C;AAE7C,0CAA2C;AAC3C,qDAA6B;AAC7B,4DAAoC;AAEpC,MAAM,aAAa,GAAG,IAAI,uBAAK,CAAC;IAC9B,QAAQ,EAAE,uBAAY,CAAC,IAAI;CAC5B,CAAC,CAAC;AAEH,MAAM,EAAE,KAAK,EAAE,GAAG,eAAK,CAAC;AAExB,IAAA,iBAAS,EAAC,WAAW,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,WAAW,EAAE,GAAG,EAAE;IACnD,MAAM,cAAc,GAAG,CAAC,QAAsB,EAAE,EAAE;QAChD,aAAa,CAAC,GAAG,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC;IAClC,CAAC,CAAC;IAEF,OAAO,CACL,8BAAC,uBAAK,IAAC,KAAK,EAAE,aAAa,IACxB,KAAK,CAAC,EAAE,CAAC,CACR,8BAAC,YAAI;QACH,8BAAC,WAAG;YACF,8BAAC,mBAAS,IACR,QAAQ,EAAE,WAAW,EACrB,GAAG,EAAE,YAAY,EACjB,KAAK,EAAE,8BAAC,KAAK,OAAG,EAChB,IAAI,EAAE,aAAa,EACnB,KAAK,EAAE,uBAAY,CAAC,IAAI,EACxB,aAAa,EAAE,KAAK,CAAC,QAAQ,EAC7B,OAAO,EAAE,cAAc,GACvB;YACF,8BAAC,mBAAS,IACR,QAAQ,EAAE,WAAW,EACrB,GAAG,EAAE,aAAa,EAClB,KAAK,EAAE,8BAAC,KAAK,OAAG,EAChB,IAAI,EAAE,QAAQ,EACd,KAAK,EAAE,uBAAY,CAAC,KAAK,EACzB,aAAa,EAAE,KAAK,CAAC,QAAQ,EAC7B,OAAO,EAAE,cAAc,GACvB,CACE,CACD,CACR,CACK,CACT,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/lib/ui/src/blockIcon/BlockIcon.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,14 +20,57 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Layout = exports.TextContainer = exports.ImageContainer = void 0;
-var styled_components_1 = __importStar(require("styled-components"));
-var utils_1 = require("../../../utils");
-exports.ImageContainer = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  margin-left: auto;\n\n  span {\n    display: block;\n    height: ", ";\n    width: ", ";\n\n    svg {\n      height: 100%;\n      width: 100%;\n    }\n  }\n"], ["\n  margin-left: auto;\n\n  span {\n    display: block;\n    height: ", ";\n    width: ", ";\n\n    svg {\n      height: 100%;\n      width: 100%;\n    }\n  }\n"])), utils_1.convertPxToRem(28), utils_1.convertPxToRem(28));
-exports.TextContainer = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  ", ";\n"], ["\n  ", ";\n"])), utils_1.paragraphs.label);
-exports.Layout = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  width: 50%;\n  border: ", " solid ", ";\n  border-radius: ", ";\n  transition: border 0.1s ease-in, background 0.2s ease-in;\n  height: ", ";\n  padding: ", ";\n  color: ", ";\n  background-color: ", ";\n  box-shadow: ", ";\n\n  & + & {\n    margin-left: ", ";\n  }\n\n  @media (max-width: ", "px) {\n    width: 100%;\n\n    & + & {\n      margin: ", " 0 0;\n    }\n  }\n\n  ", ";\n"], ["\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  width: 50%;\n  border: ", " solid ", ";\n  border-radius: ", ";\n  transition: border 0.1s ease-in, background 0.2s ease-in;\n  height: ", ";\n  padding: ", ";\n  color: ", ";\n  background-color: ", ";\n  box-shadow: ", ";\n\n  & + & {\n    margin-left: ", ";\n  }\n\n  @media (max-width: ", "px) {\n    width: 100%;\n\n    & + & {\n      margin: ", " 0 0;\n    }\n  }\n\n  ",
-    ";\n"])), utils_1.convertPxToRem(1), utils_1.colors.red.base10, utils_1.radius.biggest, utils_1.convertPxToRem(48), utils_1.convertPxToRem(16), utils_1.colors.orange.base, utils_1.colors.orange.base10, utils_1.shadows.level5, utils_1.convertPxToRem(16), utils_1.breakpoints.xsmall, utils_1.convertPxToRem(12), function (_a) {
-    var disabled = _a.disabled;
-    return disabled && styled_components_1.css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n      background-color: white;\n      border-color: ", ";\n      color: ", ";\n      box-shadow: none;\n    "], ["\n      background-color: white;\n      border-color: ", ";\n      color: ", ";\n      box-shadow: none;\n    "])), utils_1.colors.grey.base80, utils_1.colors.dark.base80);
-});
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
+const styled_components_1 = __importStar(require("styled-components"));
+const utils_1 = require("../../../utils");
+exports.ImageContainer = styled_components_1.default.div `
+  margin-left: auto;
+
+  span {
+    display: block;
+    height: ${(0, utils_1.convertPxToRem)(28)};
+    width: ${(0, utils_1.convertPxToRem)(28)};
+
+    svg {
+      height: 100%;
+      width: 100%;
+    }
+  }
+`;
+exports.TextContainer = styled_components_1.default.div `
+  ${utils_1.paragraphs.label};
+`;
+exports.Layout = styled_components_1.default.div `
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+  width: 50%;
+  border: ${(0, utils_1.convertPxToRem)(1)} solid ${utils_1.colors.red.base10};
+  border-radius: ${utils_1.radius.biggest};
+  transition: border 0.1s ease-in, background 0.2s ease-in;
+  height: ${(0, utils_1.convertPxToRem)(48)};
+  padding: ${(0, utils_1.convertPxToRem)(16)};
+  color: ${utils_1.colors.orange.base};
+  background-color: ${utils_1.colors.orange.base10};
+  box-shadow: ${utils_1.shadows.level5};
+
+  & + & {
+    margin-left: ${(0, utils_1.convertPxToRem)(16)};
+  }
+
+  @media (max-width: ${utils_1.breakpoints.xsmall}px) {
+    width: 100%;
+
+    & + & {
+      margin: ${(0, utils_1.convertPxToRem)(12)} 0 0;
+    }
+  }
+
+  ${({ disabled }) => disabled &&
+    (0, styled_components_1.css) `
+      background-color: white;
+      border-color: ${utils_1.colors.grey.base80};
+      color: ${utils_1.colors.dark.base80};
+      box-shadow: none;
+    `};
+`;
 //# sourceMappingURL=BlockIcon.styles.js.map

package/lib/ui/src/blockIcon/BlockIcon.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"BlockIcon.styles.js","sourceRoot":"","sources":["../../../../packages/ui/src/blockIcon/BlockIcon.styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qEAAgD;AAEhD,wCAOwB;AAEX,QAAA,cAAc,GAAG,2BAAM,CAAC,GAAG,qOAAA,uEAK1B,EAAkB,gBACnB,EAAkB,uEAO9B,KARa,sBAAc,CAAC,EAAE,CAAC,EACnB,sBAAc,CAAC,EAAE,CAAC,EAO7B;AAEW,QAAA,aAAa,GAAG,2BAAM,CAAC,GAAG,gFAAA,MACnC,EAAgB,KACnB,KADG,kBAAU,CAAC,KAAK,EAClB;AAEW,QAAA,MAAM,GAAG,2BAAM,CAAC,GAAG,qgBAAuB,2FAK3C,EAAiB,SAAU,EAAiB,sBACrC,EAAc,4EAErB,EAAkB,gBACjB,EAAkB,cACpB,EAAkB,yBACP,EAAoB,mBAC1B,EAAc,mCAGX,EAAkB,iCAGd,EAAkB,wDAIzB,EAAkB,yBAI9B;IAOC,KACJ,KA7BW,sBAAc,CAAC,CAAC,CAAC,EAAU,cAAM,CAAC,GAAG,CAAC,MAAM,EACrC,cAAM,CAAC,OAAO,EAErB,sBAAc,CAAC,EAAE,CAAC,EACjB,sBAAc,CAAC,EAAE,CAAC,EACpB,cAAM,CAAC,MAAM,CAAC,IAAI,EACP,cAAM,CAAC,MAAM,CAAC,MAAM,EAC1B,eAAO,CAAC,MAAM,EAGX,sBAAc,CAAC,EAAE,CAAC,EAGd,mBAAW,CAAC,MAAM,EAIzB,sBAAc,CAAC,EAAE,CAAC,EAI9B,UAAC,EAAY;QAAV,QAAQ,cAAA;IACX,OAAA,QAAQ,IACR,uBAAG,mLAAA,wDAEe,EAAkB,kBACzB,EAAkB,kCAE5B,KAHiB,cAAM,CAAC,IAAI,CAAC,MAAM,EACzB,cAAM,CAAC,IAAI,CAAC,MAAM,CAE5B;AAND,CAMC,EACH"}
+{"version":3,"file":"BlockIcon.styles.js","sourceRoot":"","sources":["../../../../packages/ui/src/blockIcon/BlockIcon.styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,uEAAgD;AAEhD,0CAOwB;AAEX,QAAA,cAAc,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;cAK1B,IAAA,sBAAc,EAAC,EAAE,CAAC;aACnB,IAAA,sBAAc,EAAC,EAAE,CAAC;;;;;;;CAO9B,CAAC;AAEW,QAAA,aAAa,GAAG,2BAAM,CAAC,GAAG,CAAA;IACnC,kBAAU,CAAC,KAAK;CACnB,CAAC;AAEW,QAAA,MAAM,GAAG,2BAAM,CAAC,GAAG,CAAuB;;;;;YAK3C,IAAA,sBAAc,EAAC,CAAC,CAAC,UAAU,cAAM,CAAC,GAAG,CAAC,MAAM;mBACrC,cAAM,CAAC,OAAO;;YAErB,IAAA,sBAAc,EAAC,EAAE,CAAC;aACjB,IAAA,sBAAc,EAAC,EAAE,CAAC;WACpB,cAAM,CAAC,MAAM,CAAC,IAAI;sBACP,cAAM,CAAC,MAAM,CAAC,MAAM;gBAC1B,eAAO,CAAC,MAAM;;;mBAGX,IAAA,sBAAc,EAAC,EAAE,CAAC;;;uBAGd,mBAAW,CAAC,MAAM;;;;gBAIzB,IAAA,sBAAc,EAAC,EAAE,CAAC;;;;IAI9B,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CACjB,QAAQ;IACR,IAAA,uBAAG,EAAA;;sBAEe,cAAM,CAAC,IAAI,CAAC,MAAM;eACzB,cAAM,CAAC,IAAI,CAAC,MAAM;;KAE5B;CACJ,CAAC"}

package/lib/ui/src/blockIcon/BlockIcon.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 __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
@@ -19,45 +8,18 @@ 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 react_test_renderer_1 = __importDefault(require("react-test-renderer"));
-var hokkaido_1 = require("@proprioo/hokkaido");
-var react_2 = require("@testing-library/react");
-var user_event_1 = __importDefault(require("@testing-library/user-event"));
-var BlockIcon_1 = __importDefault(require("./BlockIcon"));
-var mockOnChange = jest.fn();
-var defaultProps = {
+const react_1 = __importDefault(require("react"));
+const react_test_renderer_1 = __importDefault(require("react-test-renderer"));
+const hokkaido_1 = require("@proprioo/hokkaido");
+const react_2 = require("@testing-library/react");
+const user_event_1 = __importDefault(require("@testing-library/user-event"));
+const BlockIcon_1 = __importDefault(require("./BlockIcon"));
+const mockOnChange = jest.fn();
+const defaultProps = {
     image: react_1.default.createElement("div", null),
     text: 'text',
     dataTest: 'test',
@@ -65,34 +27,26 @@ var defaultProps = {
     selectedValue: hokkaido_1.PropertyEnum.HOUSE,
     onClick: mockOnChange
 };
-describe('BlockIcon', function () {
-    it('should equal snapshot rendering', function () {
-        var tree = react_test_renderer_1.default.create(react_1.default.createElement(BlockIcon_1.default, __assign({}, defaultProps))).toJSON();
+describe('BlockIcon', () => {
+    it('should equal snapshot rendering', () => {
+        const tree = react_test_renderer_1.default.create(react_1.default.createElement(BlockIcon_1.default, Object.assign({}, defaultProps))).toJSON();
         expect(tree).toMatchSnapshot();
     });
-    it('should render', function () {
-        react_2.render(react_1.default.createElement(BlockIcon_1.default, __assign({}, defaultProps)));
+    it('should render', () => {
+        (0, react_2.render)(react_1.default.createElement(BlockIcon_1.default, Object.assign({}, defaultProps)));
         expect(react_2.screen.getByTestId('test')).toBeInTheDocument();
         expect(react_2.screen.getByTestId('image-block')).toBeInTheDocument();
         expect(react_2.screen.getByTestId('text-block')).toBeInTheDocument();
         expect(react_2.screen.getByTestId('test')).toHaveAttribute('aria-disabled', 'true');
     });
-    it('should trigger onChange', 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(BlockIcon_1.default, __assign({}, defaultProps)));
-                    user_event_1.default.click(react_2.screen.getByTestId('test'));
-                    return [4 /*yield*/, react_2.waitFor(function () { return expect(mockOnChange).toHaveBeenCalled(); })];
-                case 1:
-                    _a.sent();
-                    return [2 /*return*/];
-            }
-        });
-    }); });
-    it('should not be disabled', function () {
-        var props = __assign(__assign({}, defaultProps), { selectedValue: hokkaido_1.PropertyEnum.FLAT });
-        react_2.render(react_1.default.createElement(BlockIcon_1.default, __assign({}, props)));
+    it('should trigger onChange', () => __awaiter(void 0, void 0, void 0, function* () {
+        (0, react_2.render)(react_1.default.createElement(BlockIcon_1.default, Object.assign({}, defaultProps)));
+        user_event_1.default.click(react_2.screen.getByTestId('test'));
+        yield (0, react_2.waitFor)(() => expect(mockOnChange).toHaveBeenCalled());
+    }));
+    it('should not be disabled', () => {
+        const props = Object.assign(Object.assign({}, defaultProps), { selectedValue: hokkaido_1.PropertyEnum.FLAT });
+        (0, react_2.render)(react_1.default.createElement(BlockIcon_1.default, Object.assign({}, props)));
         expect(react_2.screen.getByTestId('test')).toHaveAttribute('aria-disabled', 'false');
     });
 });

package/lib/ui/src/blockIcon/BlockIcon.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"BlockIcon.test.js","sourceRoot":"","sources":["../../../../packages/ui/src/blockIcon/BlockIcon.test.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,4EAA2C;AAE3C,+CAAkD;AAClD,gDAAiE;AACjE,2EAAoD;AAEpD,0DAAkD;AAElD,IAAM,YAAY,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;AAE/B,IAAM,YAAY,GAA2B;IAC3C,KAAK,EAAE,0CAAO;IACd,IAAI,EAAE,MAAM;IACZ,QAAQ,EAAE,MAAM;IAChB,KAAK,EAAE,uBAAY,CAAC,IAAI;IACxB,aAAa,EAAE,uBAAY,CAAC,KAAK;IACjC,OAAO,EAAE,YAAY;CACtB,CAAC;AAEF,QAAQ,CAAC,WAAW,EAAE;IACpB,EAAE,CAAC,iCAAiC,EAAE;QACpC,IAAM,IAAI,GAAG,6BAAQ,CAAC,MAAM,CAAC,8BAAC,mBAAS,eAAK,YAAY,EAAI,CAAC,CAAC,MAAM,EAAE,CAAC;QAEvE,MAAM,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;IACjC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,eAAe,EAAE;QAClB,cAAM,CAAC,8BAAC,mBAAS,eAAK,YAAY,EAAI,CAAC,CAAC;QAExC,MAAM,CAAC,cAAM,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QACvD,MAAM,CAAC,cAAM,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QAC9D,MAAM,CAAC,cAAM,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QAC7D,MAAM,CAAC,cAAM,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,eAAe,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC;IAC9E,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,yBAAyB,EAAE;;;;oBAC5B,cAAM,CAAC,8BAAC,mBAAS,eAAK,YAAY,EAAI,CAAC,CAAC;oBAExC,oBAAS,CAAC,KAAK,CAAC,cAAM,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC;oBAC5C,qBAAM,eAAO,CAAC,cAAM,OAAA,MAAM,CAAC,YAAY,CAAC,CAAC,gBAAgB,EAAE,EAAvC,CAAuC,CAAC,EAAA;;oBAA5D,SAA4D,CAAC;;;;SAC9D,CAAC,CAAC;IAEH,EAAE,CAAC,wBAAwB,EAAE;QAC3B,IAAM,KAAK,yBACN,YAAY,KACf,aAAa,EAAE,uBAAY,CAAC,IAAI,GACjC,CAAC;QAEF,cAAM,CAAC,8BAAC,mBAAS,eAAK,KAAK,EAAI,CAAC,CAAC;QAEjC,MAAM,CAAC,cAAM,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,eAAe,CAChD,eAAe,EACf,OAAO,CACR,CAAC;IACJ,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
+{"version":3,"file":"BlockIcon.test.js","sourceRoot":"","sources":["../../../../packages/ui/src/blockIcon/BlockIcon.test.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,8EAA2C;AAE3C,iDAAkD;AAClD,kDAAiE;AACjE,6EAAoD;AAEpD,4DAAkD;AAElD,MAAM,YAAY,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;AAE/B,MAAM,YAAY,GAA2B;IAC3C,KAAK,EAAE,0CAAO;IACd,IAAI,EAAE,MAAM;IACZ,QAAQ,EAAE,MAAM;IAChB,KAAK,EAAE,uBAAY,CAAC,IAAI;IACxB,aAAa,EAAE,uBAAY,CAAC,KAAK;IACjC,OAAO,EAAE,YAAY;CACtB,CAAC;AAEF,QAAQ,CAAC,WAAW,EAAE,GAAG,EAAE;IACzB,EAAE,CAAC,iCAAiC,EAAE,GAAG,EAAE;QACzC,MAAM,IAAI,GAAG,6BAAQ,CAAC,MAAM,CAAC,8BAAC,mBAAS,oBAAK,YAAY,EAAI,CAAC,CAAC,MAAM,EAAE,CAAC;QAEvE,MAAM,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;IACjC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,eAAe,EAAE,GAAG,EAAE;QACvB,IAAA,cAAM,EAAC,8BAAC,mBAAS,oBAAK,YAAY,EAAI,CAAC,CAAC;QAExC,MAAM,CAAC,cAAM,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QACvD,MAAM,CAAC,cAAM,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QAC9D,MAAM,CAAC,cAAM,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QAC7D,MAAM,CAAC,cAAM,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,eAAe,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC;IAC9E,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,yBAAyB,EAAE,GAAS,EAAE;QACvC,IAAA,cAAM,EAAC,8BAAC,mBAAS,oBAAK,YAAY,EAAI,CAAC,CAAC;QAExC,oBAAS,CAAC,KAAK,CAAC,cAAM,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC;QAC5C,MAAM,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,gBAAgB,EAAE,CAAC,CAAC;IAC/D,CAAC,CAAA,CAAC,CAAC;IAEH,EAAE,CAAC,wBAAwB,EAAE,GAAG,EAAE;QAChC,MAAM,KAAK,mCACN,YAAY,KACf,aAAa,EAAE,uBAAY,CAAC,IAAI,GACjC,CAAC;QAEF,IAAA,cAAM,EAAC,8BAAC,mBAAS,oBAAK,KAAK,EAAI,CAAC,CAAC;QAEjC,MAAM,CAAC,cAAM,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,eAAe,CAChD,eAAe,EACf,OAAO,CACR,CAAC;IACJ,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/lib/ui/src/burger/Burger.js

@@ -3,14 +3,11 @@ 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 Burger_styles_1 = require("./Burger.styles");
-var Burger = function (_a) {
-    var isOpen = _a.isOpen, _b = _a.isSmall, isSmall = _b === void 0 ? false : _b, onClick = _a.onClick, color = _a.color;
-    return (react_1.default.createElement(Burger_styles_1.ButtonBurger, { "data-test": "burger", onClick: onClick, isOpen: isOpen, isSmall: isSmall, color: color },
-        react_1.default.createElement(Burger_styles_1.BurgerLine, null),
-        react_1.default.createElement(Burger_styles_1.BurgerLine, null),
-        react_1.default.createElement(Burger_styles_1.BurgerLine, null)));
-};
+const react_1 = __importDefault(require("react"));
+const Burger_styles_1 = require("./Burger.styles");
+const Burger = ({ isOpen, isSmall = false, onClick, color }) => (react_1.default.createElement(Burger_styles_1.ButtonBurger, { "data-test": "burger", onClick: onClick, isOpen: isOpen, isSmall: isSmall, color: color },
+    react_1.default.createElement(Burger_styles_1.BurgerLine, null),
+    react_1.default.createElement(Burger_styles_1.BurgerLine, null),
+    react_1.default.createElement(Burger_styles_1.BurgerLine, null)));
 exports.default = Burger;
 //# sourceMappingURL=Burger.js.map

package/lib/ui/src/burger/Burger.js.map

@@ -1 +1 @@
-{"version":3,"file":"Burger.js","sourceRoot":"","sources":["../../../../packages/ui/src/burger/Burger.tsx"],"names":[],"mappings":";;;;;AAAA,gDAAkC;AAElC,iDAA2D;AAS3D,IAAM,MAAM,GAAoB,UAAC,EAKhC;QAJC,MAAM,YAAA,EACN,eAAe,EAAf,OAAO,mBAAG,KAAK,KAAA,EACf,OAAO,aAAA,EACP,KAAK,WAAA;IACD,OAAA,CACJ,8BAAC,4BAAY,iBACD,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK;QAEZ,8BAAC,0BAAU,OAAG;QACd,8BAAC,0BAAU,OAAG;QACd,8BAAC,0BAAU,OAAG,CACD,CAChB;AAZK,CAYL,CAAC;AAEF,kBAAe,MAAM,CAAC"}
+{"version":3,"file":"Burger.js","sourceRoot":"","sources":["../../../../packages/ui/src/burger/Burger.tsx"],"names":[],"mappings":";;;;;AAAA,kDAAkC;AAElC,mDAA2D;AAS3D,MAAM,MAAM,GAAoB,CAAC,EAC/B,MAAM,EACN,OAAO,GAAG,KAAK,EACf,OAAO,EACP,KAAK,EACN,EAAE,EAAE,CAAC,CACJ,8BAAC,4BAAY,iBACD,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK;IAEZ,8BAAC,0BAAU,OAAG;IACd,8BAAC,0BAAU,OAAG;IACd,8BAAC,0BAAU,OAAG,CACD,CAChB,CAAC;AAEF,kBAAe,MAAM,CAAC"}

package/lib/ui/src/burger/Burger.stories.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]; } });
@@ -33,26 +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 storybook_state_1 = require("@sambego/storybook-state");
-var addon_knobs_1 = require("@storybook/addon-knobs");
-var react_2 = require("@storybook/react");
-var utils_1 = require("../../../utils");
-var Burger_1 = __importDefault(require("./Burger"));
-var knobs = function () { return ({
-    isSmall: addon_knobs_1.boolean('isSmall', false)
-}); };
-var burgerState = new storybook_state_1.Store({
+const react_1 = __importStar(require("react"));
+const storybook_state_1 = require("@sambego/storybook-state");
+const addon_knobs_1 = require("@storybook/addon-knobs");
+const react_2 = require("@storybook/react");
+const utils_1 = require("../../../utils");
+const Burger_1 = __importDefault(require("./Burger"));
+const knobs = () => ({
+    isSmall: (0, addon_knobs_1.boolean)('isSmall', false)
+});
+const burgerState = new storybook_state_1.Store({
     isOpen: false
 });
-burgerState.subscribe(function () {
-    react_2.forceReRender();
+burgerState.subscribe(() => {
+    (0, react_2.forceReRender)();
 });
-react_2.storiesOf('Burger', module).add('Burger', function () {
+(0, react_2.storiesOf)('Burger', module).add('Burger', () => {
     return (react_1.default.createElement(react_1.Fragment, null,
         react_1.default.createElement(storybook_state_1.State, { store: burgerState },
-            react_1.default.createElement(Burger_1.default, __assign({ isOpen: burgerState.get('isOpen'), onClick: function () {
-                    return burgerState.set({ isOpen: !burgerState.get('isOpen') });
-                }, color: utils_1.colors.dark.base }, knobs())))));
+            react_1.default.createElement(Burger_1.default, Object.assign({ isOpen: burgerState.get('isOpen'), onClick: () => burgerState.set({ isOpen: !burgerState.get('isOpen') }), color: utils_1.colors.dark.base }, knobs())))));
 });
 //# sourceMappingURL=Burger.stories.js.map

package/lib/ui/src/burger/Burger.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"Burger.stories.js","sourceRoot":"","sources":["../../../../packages/ui/src/burger/Burger.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAwC;AAExC,4DAAwD;AACxD,sDAAiD;AACjD,0CAA4D;AAE5D,wCAAwC;AACxC,oDAA8B;AAM9B,IAAM,KAAK,GAAG,cAAM,OAAA,CAAC;IACnB,OAAO,EAAE,qBAAO,CAAC,SAAS,EAAE,KAAK,CAAC;CACnC,CAAC,EAFkB,CAElB,CAAC;AAEH,IAAM,WAAW,GAAG,IAAI,uBAAK,CAAS;IACpC,MAAM,EAAE,KAAK;CACd,CAAC,CAAC;AAEH,WAAW,CAAC,SAAS,CAAC;IACpB,qBAAa,EAAE,CAAC;AAClB,CAAC,CAAC,CAAC;AAEH,iBAAS,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE;IACxC,OAAO,CACL,8BAAC,gBAAQ;QACP,8BAAC,uBAAK,IAAC,KAAK,EAAE,WAAW;YACvB,8BAAC,gBAAM,aACL,MAAM,EAAE,WAAW,CAAC,GAAG,CAAC,QAAQ,CAAC,EACjC,OAAO,EAAE;oBACP,OAAA,WAAW,CAAC,GAAG,CAAC,EAAE,MAAM,EAAE,CAAC,WAAW,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE,CAAC;gBAAvD,CAAuD,EAEzD,KAAK,EAAE,cAAM,CAAC,IAAI,CAAC,IAAI,IACnB,KAAK,EAAE,EACX,CACI,CACC,CACZ,CAAC;AACJ,CAAC,CAAC,CAAC"}
+{"version":3,"file":"Burger.stories.js","sourceRoot":"","sources":["../../../../packages/ui/src/burger/Burger.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAwC;AAExC,8DAAwD;AACxD,wDAAiD;AACjD,4CAA4D;AAE5D,0CAAwC;AACxC,sDAA8B;AAM9B,MAAM,KAAK,GAAG,GAAG,EAAE,CAAC,CAAC;IACnB,OAAO,EAAE,IAAA,qBAAO,EAAC,SAAS,EAAE,KAAK,CAAC;CACnC,CAAC,CAAC;AAEH,MAAM,WAAW,GAAG,IAAI,uBAAK,CAAS;IACpC,MAAM,EAAE,KAAK;CACd,CAAC,CAAC;AAEH,WAAW,CAAC,SAAS,CAAC,GAAG,EAAE;IACzB,IAAA,qBAAa,GAAE,CAAC;AAClB,CAAC,CAAC,CAAC;AAEH,IAAA,iBAAS,EAAC,QAAQ,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,GAAG,EAAE;IAC7C,OAAO,CACL,8BAAC,gBAAQ;QACP,8BAAC,uBAAK,IAAC,KAAK,EAAE,WAAW;YACvB,8BAAC,gBAAM,kBACL,MAAM,EAAE,WAAW,CAAC,GAAG,CAAC,QAAQ,CAAC,EACjC,OAAO,EAAE,GAAG,EAAE,CACZ,WAAW,CAAC,GAAG,CAAC,EAAE,MAAM,EAAE,CAAC,WAAW,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE,CAAC,EAEzD,KAAK,EAAE,cAAM,CAAC,IAAI,CAAC,IAAI,IACnB,KAAK,EAAE,EACX,CACI,CACC,CACZ,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/lib/ui/src/burger/Burger.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,23 +20,92 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ButtonBurger = exports.BurgerLine = void 0;
-var styled_components_1 = __importStar(require("styled-components"));
-var spacing_1 = require("../../../utils/src/spacing");
-var burgerMove = spacing_1.convertPxToRem(15);
-exports.BurgerLine = styled_components_1.default.span(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: block;\n  height: ", ";\n  width: ", ";\n  opacity: 1;\n  border-radius: ", ";\n  transition: all 0.5s;\n  transform-origin: center;\n\n  & + & {\n    margin-top: ", ";\n  }\n"], ["\n  display: block;\n  height: ", ";\n  width: ", ";\n  opacity: 1;\n  border-radius: ", ";\n  transition: all 0.5s;\n  transform-origin: center;\n\n  & + & {\n    margin-top: ", ";\n  }\n"])), spacing_1.convertPxToRem(2), spacing_1.convertPxToRem(22), spacing_1.convertPxToRem(1), spacing_1.convertPxToRem(4));
-exports.ButtonBurger = styled_components_1.default.button(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 0;\n  border: unset;\n  background-color: transparent;\n  height: ", ";\n  width: ", ";\n  position: relative;\n  cursor: pointer;\n\n  &:focus,\n  &:active {\n    outline: unset;\n  }\n\n  ", "\n\n  ", "\n\n  ", "\n"], ["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 0;\n  border: unset;\n  background-color: transparent;\n  height: ", ";\n  width: ", ";\n  position: relative;\n  cursor: pointer;\n\n  &:focus,\n  &:active {\n    outline: unset;\n  }\n\n  ",
-    "\n\n  ",
-    "\n\n  ",
-    "\n"])), spacing_1.convertPxToRem(32), spacing_1.convertPxToRem(32), function (_a) {
-    var color = _a.color;
-    return styled_components_1.css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    ", " {\n      background-color: ", ";\n    }\n  "], ["\n    ", " {\n      background-color: ", ";\n    }\n  "])), exports.BurgerLine, color);
-}, function (_a) {
-    var isOpen = _a.isOpen;
-    return isOpen && styled_components_1.css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n      ", " {\n        position: absolute;\n\n        &:first-child {\n          transform: rotate(45deg);\n          top: ", ";\n        }\n\n        &:last-child {\n          transform: rotate(-45deg);\n          bottom: ", ";\n        }\n\n        &:nth-child(2n) {\n          opacity: 0;\n        }\n      }\n    "], ["\n      ", " {\n        position: absolute;\n\n        &:first-child {\n          transform: rotate(45deg);\n          top: ", ";\n        }\n\n        &:last-child {\n          transform: rotate(-45deg);\n          bottom: ", ";\n        }\n\n        &:nth-child(2n) {\n          opacity: 0;\n        }\n      }\n    "])), exports.BurgerLine, burgerMove, burgerMove);
-}, function (_a) {
-    var isSmall = _a.isSmall, isOpen = _a.isOpen;
-    return isSmall && styled_components_1.css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n      height: ", ";\n      width: ", ";\n\n      ", " {\n        width: ", ";\n      }\n\n      ", " + ", " {\n        margin-top: ", ";\n      }\n\n      ", "\n    "], ["\n      height: ", ";\n      width: ", ";\n\n      ", " {\n        width: ", ";\n      }\n\n      ", " + ", " {\n        margin-top: ", ";\n      }\n\n      ",
-        "\n    "])), spacing_1.convertPxToRem(24), spacing_1.convertPxToRem(24), exports.BurgerLine, spacing_1.convertPxToRem(12), exports.BurgerLine, exports.BurgerLine, spacing_1.convertPxToRem(2), isOpen && styled_components_1.css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n        ", " {\n          &:first-child {\n            top: ", ";\n          }\n\n          &:last-child {\n            bottom: ", ";\n          }\n        }\n      "], ["\n        ", " {\n          &:first-child {\n            top: ", ";\n          }\n\n          &:last-child {\n            bottom: ", ";\n          }\n        }\n      "])), exports.BurgerLine, spacing_1.convertPxToRem(11), spacing_1.convertPxToRem(11)));
-});
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
+const styled_components_1 = __importStar(require("styled-components"));
+const spacing_1 = require("../../../utils/src/spacing");
+const burgerMove = (0, spacing_1.convertPxToRem)(15);
+exports.BurgerLine = styled_components_1.default.span `
+  display: block;
+  height: ${(0, spacing_1.convertPxToRem)(2)};
+  width: ${(0, spacing_1.convertPxToRem)(22)};
+  opacity: 1;
+  border-radius: ${(0, spacing_1.convertPxToRem)(1)};
+  transition: all 0.5s;
+  transform-origin: center;
+
+  & + & {
+    margin-top: ${(0, spacing_1.convertPxToRem)(4)};
+  }
+`;
+exports.ButtonBurger = styled_components_1.default.button `
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: 0;
+  border: unset;
+  background-color: transparent;
+  height: ${(0, spacing_1.convertPxToRem)(32)};
+  width: ${(0, spacing_1.convertPxToRem)(32)};
+  position: relative;
+  cursor: pointer;
+
+  &:focus,
+  &:active {
+    outline: unset;
+  }
+
+  ${({ color }) => (0, styled_components_1.css) `
+    ${exports.BurgerLine} {
+      background-color: ${color};
+    }
+  `}
+
+  ${({ isOpen }) => isOpen &&
+    (0, styled_components_1.css) `
+      ${exports.BurgerLine} {
+        position: absolute;
+
+        &:first-child {
+          transform: rotate(45deg);
+          top: ${burgerMove};
+        }
+
+        &:last-child {
+          transform: rotate(-45deg);
+          bottom: ${burgerMove};
+        }
+
+        &:nth-child(2n) {
+          opacity: 0;
+        }
+      }
+    `}
+
+  ${({ isSmall, isOpen }) => isSmall &&
+    (0, styled_components_1.css) `
+      height: ${(0, spacing_1.convertPxToRem)(24)};
+      width: ${(0, spacing_1.convertPxToRem)(24)};
+
+      ${exports.BurgerLine} {
+        width: ${(0, spacing_1.convertPxToRem)(12)};
+      }
+
+      ${exports.BurgerLine} + ${exports.BurgerLine} {
+        margin-top: ${(0, spacing_1.convertPxToRem)(2)};
+      }
+
+      ${isOpen &&
+        (0, styled_components_1.css) `
+        ${exports.BurgerLine} {
+          &:first-child {
+            top: ${(0, spacing_1.convertPxToRem)(11)};
+          }
+
+          &:last-child {
+            bottom: ${(0, spacing_1.convertPxToRem)(11)};
+          }
+        }
+      `}
+    `}
+`;
 //# sourceMappingURL=Burger.styles.js.map

package/lib/ui/src/burger/Burger.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Burger.styles.js","sourceRoot":"","sources":["../../../../packages/ui/src/burger/Burger.styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qEAAgD;AAEhD,sDAA4D;AAG5D,IAAM,UAAU,GAAG,wBAAc,CAAC,EAAE,CAAC,CAAC;AAEzB,QAAA,UAAU,GAAG,2BAAM,CAAC,IAAI,iQAAA,iCAEzB,EAAiB,cAClB,EAAkB,qCAEV,EAAiB,wFAKlB,EAAiB,UAElC,KAVW,wBAAc,CAAC,CAAC,CAAC,EAClB,wBAAc,CAAC,EAAE,CAAC,EAEV,wBAAc,CAAC,CAAC,CAAC,EAKlB,wBAAc,CAAC,CAAC,CAAC,EAEjC;AAEW,QAAA,YAAY,GAAG,2BAAM,CAAC,MAAM,2YAExC,kLAQW,EAAkB,cACnB,EAAkB,0GASzB;IAID,QAEC;IAoBC,QAED;IA0BC,IACJ,KAjEW,wBAAc,CAAC,EAAE,CAAC,EACnB,wBAAc,CAAC,EAAE,CAAC,EASzB,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,uBAAG,2HAAA,QAChB,EAAU,8BACU,EAAK,cAE5B,KAHG,kBAAU,EACU,KAAK;AAFZ,CAIhB,EAEC,UAAC,EAAU;QAAR,MAAM,YAAA;IACT,OAAA,MAAM,IACN,uBAAG,mYAAA,UACC,EAAU,kHAKD,EAAU,kGAKP,EAAU,4FAOzB,KAjBG,kBAAU,EAKD,UAAU,EAKP,UAAU,CAOzB;AAnBD,CAmBC,EAED,UAAC,EAAmB;QAAjB,OAAO,aAAA,EAAE,MAAM,YAAA;IAClB,OAAA,OAAO,IACP,uBAAG,4OAAA,kBACS,EAAkB,kBACnB,EAAkB,aAEzB,EAAU,qBACD,EAAkB,sBAG3B,EAAU,KAAM,EAAU,0BACZ,EAAiB,sBAG/B;QAWD,QACF,KAvBW,wBAAc,CAAC,EAAE,CAAC,EACnB,wBAAc,CAAC,EAAE,CAAC,EAEzB,kBAAU,EACD,wBAAc,CAAC,EAAE,CAAC,EAG3B,kBAAU,EAAM,kBAAU,EACZ,wBAAc,CAAC,CAAC,CAAC,EAG/B,MAAM,IACR,uBAAG,4OAAA,YACC,EAAU,kDAED,EAAkB,kEAIf,EAAkB,mCAGjC,KATG,kBAAU,EAED,wBAAc,CAAC,EAAE,CAAC,EAIf,wBAAc,CAAC,EAAE,CAAC,CAGjC,CACF;AAzBD,CAyBC,EACH"}
+{"version":3,"file":"Burger.styles.js","sourceRoot":"","sources":["../../../../packages/ui/src/burger/Burger.styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,uEAAgD;AAEhD,wDAA4D;AAG5D,MAAM,UAAU,GAAG,IAAA,wBAAc,EAAC,EAAE,CAAC,CAAC;AAEzB,QAAA,UAAU,GAAG,2BAAM,CAAC,IAAI,CAAA;;YAEzB,IAAA,wBAAc,EAAC,CAAC,CAAC;WAClB,IAAA,wBAAc,EAAC,EAAE,CAAC;;mBAEV,IAAA,wBAAc,EAAC,CAAC,CAAC;;;;;kBAKlB,IAAA,wBAAc,EAAC,CAAC,CAAC;;CAElC,CAAC;AAEW,QAAA,YAAY,GAAG,2BAAM,CAAC,MAAM,CAExC;;;;;;;;YAQW,IAAA,wBAAc,EAAC,EAAE,CAAC;WACnB,IAAA,wBAAc,EAAC,EAAE,CAAC;;;;;;;;;IASzB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,IAAA,uBAAG,EAAA;MAChB,kBAAU;0BACU,KAAK;;GAE5B;;IAEC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CACf,MAAM;IACN,IAAA,uBAAG,EAAA;QACC,kBAAU;;;;;iBAKD,UAAU;;;;;oBAKP,UAAU;;;;;;;KAOzB;;IAED,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,EAAE,CACxB,OAAO;IACP,IAAA,uBAAG,EAAA;gBACS,IAAA,wBAAc,EAAC,EAAE,CAAC;eACnB,IAAA,wBAAc,EAAC,EAAE,CAAC;;QAEzB,kBAAU;iBACD,IAAA,wBAAc,EAAC,EAAE,CAAC;;;QAG3B,kBAAU,MAAM,kBAAU;sBACZ,IAAA,wBAAc,EAAC,CAAC,CAAC;;;QAG/B,MAAM;QACR,IAAA,uBAAG,EAAA;UACC,kBAAU;;mBAED,IAAA,wBAAc,EAAC,EAAE,CAAC;;;;sBAIf,IAAA,wBAAc,EAAC,EAAE,CAAC;;;OAGjC;KACF;CACJ,CAAC"}