@proprioo/salatim 18.4.0 → 18.5.0

package/lib/ui/src/burger/Burger.d.ts

@@ -2,6 +2,7 @@ import { FC } from 'react';
 export interface BurgerProps {
     isOpen: boolean;
     color: string;
+    isSmall?: boolean;
     onClick(): void;
 }
 declare const Burger: FC<BurgerProps>;

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

@@ -6,8 +6,8 @@ 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, onClick = _a.onClick, color = _a.color;
-    return (react_1.default.createElement(Burger_styles_1.ButtonBurger, { "data-test": "burger", onClick: onClick, isOpen: isOpen, color: color },
+    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)));

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;AAQ3D,IAAM,MAAM,GAAoB,UAAC,EAA0B;QAAxB,MAAM,YAAA,EAAE,OAAO,aAAA,EAAE,KAAK,WAAA;IAAO,OAAA,CAC9D,8BAAC,4BAAY,iBACD,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK;QAEZ,8BAAC,0BAAU,OAAG;QACd,8BAAC,0BAAU,OAAG;QACd,8BAAC,0BAAU,OAAG,CACD,CAChB;AAX+D,CAW/D,CAAC;AAEF,kBAAe,MAAM,CAAC"}
+{"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"}

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

@@ -1,17 +1,58 @@
 "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]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 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 addon_actions_1 = require("@storybook/addon-actions");
+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({
+    isOpen: false
+});
+burgerState.subscribe(function () {
+    react_2.forceReRender();
+});
 react_2.storiesOf('Burger', module).add('Burger', function () {
-    var isOpen = addon_knobs_1.boolean('isOpen', false);
-    var onClick = addon_actions_1.action('onClick');
-    return react_1.default.createElement(Burger_1.default, { isOpen: isOpen, onClick: onClick, color: utils_1.colors.dark.base });
+    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())))));
 });
 //# 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,gDAA0B;AAE1B,0DAAkD;AAClD,sDAAiD;AACjD,0CAA6C;AAE7C,wCAAwC;AACxC,oDAA8B;AAE9B,iBAAS,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE;IACxC,IAAM,MAAM,GAAG,qBAAO,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;IACxC,IAAM,OAAO,GAAG,sBAAM,CAAC,SAAS,CAAC,CAAC;IAElC,OAAO,8BAAC,gBAAM,IAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,cAAM,CAAC,IAAI,CAAC,IAAI,GAAI,CAAC;AAC/E,CAAC,CAAC,CAAC"}
+{"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"}

package/lib/ui/src/burger/Burger.styles.d.ts

@@ -1,7 +1,3 @@
-interface ButtonBurgerProps {
-    isOpen: boolean;
-    color: string;
-}
+import { BurgerProps } from './Burger';
 export declare const BurgerLine: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const ButtonBurger: import("styled-components").StyledComponent<"button", any, ButtonBurgerProps, never>;
-export {};
+export declare const ButtonBurger: import("styled-components").StyledComponent<"button", any, Pick<BurgerProps, "color" | "isOpen" | "isSmall">, never>;

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

@@ -27,15 +27,20 @@ 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  position: absolute;\n  display: block;\n  height: ", ";\n  width: ", ";\n  opacity: 1;\n  border-radius: ", ";\n  transition: all 0.5s;\n  transform-origin: center;\n\n  &:first-child {\n    top: ", ";\n  }\n\n  &:last-child {\n    bottom: ", ";\n  }\n\n  &:nth-child(2n) {\n    top: 50%;\n    transform: translateY(-50%);\n  }\n"], ["\n  position: absolute;\n  display: block;\n  height: ", ";\n  width: ", ";\n  opacity: 1;\n  border-radius: ", ";\n  transition: all 0.5s;\n  transform-origin: center;\n\n  &:first-child {\n    top: ", ";\n  }\n\n  &:last-child {\n    bottom: ", ";\n  }\n\n  &:nth-child(2n) {\n    top: 50%;\n    transform: translateY(-50%);\n  }\n"])), spacing_1.convertPxToRem(2), spacing_1.convertPxToRem(22), spacing_1.convertPxToRem(1), spacing_1.convertPxToRem(8), spacing_1.convertPxToRem(8));
-exports.ButtonBurger = styled_components_1.default.button(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  padding: 0;\n  border: unset;\n  background-color: transparent;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  align-items: center;\n  height: ", ";\n  width: ", ";\n  position: relative;\n  cursor: pointer;\n\n  ", "\n\n  &:focus,\n  &:active {\n    outline: unset;\n  }\n\n  ", "\n"], ["\n  padding: 0;\n  border: unset;\n  background-color: transparent;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  align-items: center;\n  height: ", ";\n  width: ", ";\n  position: relative;\n  cursor: pointer;\n\n  ",
-    "\n\n  &:focus,\n  &:active {\n    outline: unset;\n  }\n\n  ",
+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;
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
 //# 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;AAO5D,IAAM,UAAU,GAAG,wBAAc,CAAC,EAAE,CAAC,CAAC;AAEzB,QAAA,UAAU,GAAG,2BAAM,CAAC,IAAI,kZAAA,wDAGzB,EAAiB,cAClB,EAAkB,qCAEV,EAAiB,yFAKzB,EAAiB,0CAId,EAAiB,uFAO9B,KAnBW,wBAAc,CAAC,CAAC,CAAC,EAClB,wBAAc,CAAC,EAAE,CAAC,EAEV,wBAAc,CAAC,CAAC,CAAC,EAKzB,wBAAc,CAAC,CAAC,CAAC,EAId,wBAAc,CAAC,CAAC,CAAC,EAO7B;AAEW,QAAA,YAAY,GAAG,2BAAM,CAAC,MAAM,wYAAmB,yLAQhD,EAAkB,cACnB,EAAkB,oDAIzB;IAID,8DAOC;IAoBC,IACJ,KArCW,wBAAc,CAAC,EAAE,CAAC,EACnB,wBAAc,CAAC,EAAE,CAAC,EAIzB,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,uBAAG,2HAAA,QAChB,EAAU,8BACU,EAAK,cAE5B,KAHG,kBAAU,EACU,KAAK;AAFZ,CAIhB,EAOC,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,EACH"}
+{"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@proprioo/salatim",
-  "version": "18.4.0",
+  "version": "18.5.0",
   "description": "Proprioo component library",
   "keywords": [
     "components",