@proprioo/salatim 18.6.0 → 19.2.0

package/lib/utils/src/utils.stories.js

@@ -22,17 +22,17 @@ 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 hokkaido_1 = require("@proprioo/hokkaido");
-var react_2 = require("@storybook/react");
-var breakpoints_1 = __importDefault(require("./breakpoints"));
-var colors_1 = __importDefault(require("./colors"));
-var fonts_1 = __importDefault(require("./fonts"));
-var line_1 = __importDefault(require("./line"));
-var row_1 = __importDefault(require("./row"));
-var utils_styles_1 = require("./utils.styles");
-react_2.storiesOf('Utils', module)
-    .add('Paragraphs', function () { return (react_1.default.createElement(react_1.Fragment, null,
+const react_1 = __importStar(require("react"));
+const hokkaido_1 = require("@proprioo/hokkaido");
+const react_2 = require("@storybook/react");
+const breakpoints_1 = __importDefault(require("./breakpoints"));
+const colors_1 = __importDefault(require("./colors"));
+const fonts_1 = __importDefault(require("./fonts"));
+const line_1 = __importDefault(require("./line"));
+const row_1 = __importDefault(require("./row"));
+const utils_styles_1 = require("./utils.styles");
+(0, react_2.storiesOf)('Utils', module)
+    .add('Paragraphs', () => (react_1.default.createElement(react_1.Fragment, null,
     react_1.default.createElement(utils_styles_1.Body1, null, "Body 1 example"),
     react_1.default.createElement(utils_styles_1.Body2, null, "Body 2 example"),
     react_1.default.createElement(utils_styles_1.BodyLight1, null, "Body light 1 example"),
@@ -41,10 +41,12 @@ react_2.storiesOf('Utils', module)
     react_1.default.createElement(utils_styles_1.Tab, null, "Tab example"),
     react_1.default.createElement(utils_styles_1.Breadcrumb, null, "Breadcrumb example"),
     react_1.default.createElement(utils_styles_1.Big, null, "Big example"),
+    react_1.default.createElement(utils_styles_1.Subtitle1, null, "Subtitle 1 example"),
+    react_1.default.createElement(utils_styles_1.Subtitle2, null, "Subtitle 2 example"),
     react_1.default.createElement(utils_styles_1.Label, null, "Label example"),
     react_1.default.createElement(utils_styles_1.QuoteSmaller, null, "Quote smaller example"),
-    react_1.default.createElement(utils_styles_1.Quote, null, "Quote example"))); })
-    .add('Radius', function () { return (react_1.default.createElement(react_1.Fragment, null,
+    react_1.default.createElement(utils_styles_1.Quote, null, "Quote example"))))
+    .add('Radius', () => (react_1.default.createElement(react_1.Fragment, null,
     react_1.default.createElement(utils_styles_1.RadiusSmall, null,
         "small",
         react_1.default.createElement("br", null),
@@ -72,25 +74,25 @@ react_2.storiesOf('Utils', module)
     react_1.default.createElement(utils_styles_1.RadiusMax, null,
         "max",
         react_1.default.createElement("br", null),
-        "100%"))); })
-    .add('Shadows', function () { return (react_1.default.createElement(react_1.Fragment, null,
+        "100%"))))
+    .add('Shadows', () => (react_1.default.createElement(react_1.Fragment, null,
     react_1.default.createElement(utils_styles_1.ShadowLevel1, null, "Shadow level 1"),
     react_1.default.createElement(utils_styles_1.ShadowLevel2, null, "Shadow level 2"),
     react_1.default.createElement(utils_styles_1.ShadowLevel3, null, "Shadow level 3"),
     react_1.default.createElement(utils_styles_1.ShadowLevel4, null, "Shadow level 4"),
-    react_1.default.createElement(utils_styles_1.ShadowLevel5, null, "Shadow level 5"))); })
-    .add('Colors', function () { return (react_1.default.createElement(react_1.Fragment, null, hokkaido_1.typedKeys(colors_1.default).map(function (colorName) {
-    var color = colors_1.default[colorName];
+    react_1.default.createElement(utils_styles_1.ShadowLevel5, null, "Shadow level 5"))))
+    .add('Colors', () => (react_1.default.createElement(react_1.Fragment, null, (0, hokkaido_1.typedKeys)(colors_1.default).map(colorName => {
+    const color = colors_1.default[colorName];
     return (react_1.default.createElement(utils_styles_1.ColorWrapper, null,
         react_1.default.createElement("span", null,
             colorName,
             " : "),
-        typeof color === 'string' ? (react_1.default.createElement(utils_styles_1.ColorPalette, { color: color }, color)) : (hokkaido_1.typedKeys(color).map(function (base) { return (react_1.default.createElement(utils_styles_1.ColorPalette, { color: color[base] },
+        typeof color === 'string' ? (react_1.default.createElement(utils_styles_1.ColorPalette, { color: color }, color)) : ((0, hokkaido_1.typedKeys)(color).map(base => (react_1.default.createElement(utils_styles_1.ColorPalette, { color: color[base] },
             base,
             react_1.default.createElement("br", null),
-            color[base])); }))));
-}))); })
-    .add('Breakpoints', function () { return (react_1.default.createElement(react_1.Fragment, null,
+            color[base]))))));
+}))))
+    .add('Breakpoints', () => (react_1.default.createElement(react_1.Fragment, null,
     react_1.default.createElement("p", null,
         "smallest : ",
         breakpoints_1.default.smallest,
@@ -122,8 +124,8 @@ react_2.storiesOf('Utils', module)
     react_1.default.createElement("p", null,
         "xlarge : ",
         breakpoints_1.default.xlarge,
-        "px"))); })
-    .add('Fonts', function () { return (react_1.default.createElement(react_1.Fragment, null,
+        "px"))))
+    .add('Fonts', () => (react_1.default.createElement(react_1.Fragment, null,
     react_1.default.createElement(utils_styles_1.Font, { fontSize: fonts_1.default.smallest },
         "smallest : ",
         fonts_1.default.smallest,
@@ -163,8 +165,8 @@ react_2.storiesOf('Utils', module)
     react_1.default.createElement(utils_styles_1.Font, { fontSize: fonts_1.default.important },
         "important : ",
         fonts_1.default.important,
-        " (48px)"))); })
-    .add('Line and row', function () { return (react_1.default.createElement(utils_styles_1.LineRowWrapper, null,
+        " (48px)"))))
+    .add('Line and row', () => (react_1.default.createElement(utils_styles_1.LineRowWrapper, null,
     react_1.default.createElement(line_1.default, null,
         react_1.default.createElement(row_1.default, null,
             react_1.default.createElement("span", null, "left content"),
@@ -186,5 +188,5 @@ react_2.storiesOf('Utils', module)
                 react_1.default.createElement("span", null, "First element"),
                 react_1.default.createElement("span", null, "Second element")),
             react_1.default.createElement("span", null, "Right element"))),
-    react_1.default.createElement("p", null, "red: line, green: row, blue: contenu"))); });
+    react_1.default.createElement("p", null, "red: line, green: row, blue: contenu"))));
 //# sourceMappingURL=utils.stories.js.map

package/lib/utils/src/utils.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.stories.js","sourceRoot":"","sources":["../../../packages/utils/src/utils.stories.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"utils.stories.js","sourceRoot":"","sources":["../../../packages/utils/src/utils.stories.tsx"],"names":[],"mappings":"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"}

package/lib/utils/src/utils.styles.d.ts

@@ -8,6 +8,8 @@ export declare const Breadcrumb: import("styled-components").StyledComponent<"p"
 export declare const Big: import("styled-components").StyledComponent<"p", any, {}, never>;
 export declare const Quote: import("styled-components").StyledComponent<"p", any, {}, never>;
 export declare const QuoteSmaller: import("styled-components").StyledComponent<"p", any, {}, never>;
+export declare const Subtitle1: import("styled-components").StyledComponent<"p", any, {}, never>;
+export declare const Subtitle2: import("styled-components").StyledComponent<"p", any, {}, never>;
 export declare const Label: import("styled-components").StyledComponent<"p", any, {}, never>;
 export declare const RadiusSmall: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const RadiusNormal: import("styled-components").StyledComponent<"div", any, {}, never>;

package/lib/utils/src/utils.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]; } });
@@ -26,56 +22,196 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.LineRowWrapper = exports.Font = exports.ColorPalette = exports.ColorWrapper = exports.SpacingStyleBase = exports.ShadowLevel5 = exports.ShadowLevel4 = exports.ShadowLevel3 = exports.ShadowLevel2 = exports.ShadowLevel1 = exports.RadiusRounded = exports.RadiusMax = exports.RadiusBiggest = exports.RadiusBigger = exports.RadiusBig = exports.RadiusNormal = exports.RadiusSmall = exports.Label = exports.QuoteSmaller = exports.Quote = exports.Big = exports.Breadcrumb = exports.Tab = exports.Caption = exports.BodyLight2 = exports.BodyLight1 = exports.Body2 = exports.Body1 = void 0;
-var styled_components_1 = __importStar(require("styled-components"));
-var colors_1 = __importDefault(require("./colors"));
-var line_1 = __importDefault(require("./line"));
-var paragraphs_1 = __importDefault(require("./paragraphs"));
-var radius_1 = __importDefault(require("./radius"));
-var row_1 = __importDefault(require("./row"));
-var shadows_1 = __importDefault(require("./shadows"));
-var spacing_1 = require("./spacing");
-exports.Body1 = styled_components_1.default.p(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", ";\n"], ["\n  ", ";\n"])), paragraphs_1.default.body1);
-exports.Body2 = styled_components_1.default.p(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  ", ";\n"], ["\n  ", ";\n"])), paragraphs_1.default.body2);
-exports.BodyLight1 = styled_components_1.default.p(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  ", ";\n"], ["\n  ", ";\n"])), paragraphs_1.default.bodyLight1);
-exports.BodyLight2 = styled_components_1.default.p(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  ", ";\n"], ["\n  ", ";\n"])), paragraphs_1.default.bodyLight2);
-exports.Caption = styled_components_1.default.p(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  ", ";\n"], ["\n  ", ";\n"])), paragraphs_1.default.caption);
-exports.Tab = styled_components_1.default.p(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  ", ";\n"], ["\n  ", ";\n"])), paragraphs_1.default.tab);
-exports.Breadcrumb = styled_components_1.default.p(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  ", ";\n"], ["\n  ", ";\n"])), paragraphs_1.default.breadcrumb);
-exports.Big = styled_components_1.default.p(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  ", ";\n"], ["\n  ", ";\n"])), paragraphs_1.default.big);
-exports.Quote = styled_components_1.default.p(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  ", ";\n"], ["\n  ", ";\n"])), paragraphs_1.default.quote);
-exports.QuoteSmaller = styled_components_1.default.p(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n  ", ";\n"], ["\n  ", ";\n"])), paragraphs_1.default.quoteSmaller);
-exports.Label = styled_components_1.default.p(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n  ", ";\n"], ["\n  ", ";\n"])), paragraphs_1.default.label);
-var RadiusBase = styled_components_1.css(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n  ", ";\n  color: white;\n  width: ", ";\n  height: ", ";\n  background: ", ";\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin-bottom: ", ";\n  text-align: center;\n"], ["\n  ", ";\n  color: white;\n  width: ", ";\n  height: ", ";\n  background: ", ";\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin-bottom: ", ";\n  text-align: center;\n"])), paragraphs_1.default.body2, spacing_1.convertPxToRem(60), spacing_1.convertPxToRem(60), colors_1.default.green.base, spacing_1.convertPxToRem(24));
-exports.RadiusSmall = styled_components_1.default.div(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n  ", ";\n  border-top-left-radius: ", ";\n"], ["\n  ", ";\n  border-top-left-radius: ", ";\n"])), RadiusBase, radius_1.default.small);
-exports.RadiusNormal = styled_components_1.default.div(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n  ", ";\n  border-top-left-radius: ", ";\n"], ["\n  ", ";\n  border-top-left-radius: ", ";\n"])), RadiusBase, radius_1.default.normal);
-exports.RadiusBig = styled_components_1.default.div(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n  ", ";\n  border-top-left-radius: ", ";\n"], ["\n  ", ";\n  border-top-left-radius: ", ";\n"])), RadiusBase, radius_1.default.big);
-exports.RadiusBigger = styled_components_1.default.div(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n  ", ";\n  border-top-left-radius: ", ";\n"], ["\n  ", ";\n  border-top-left-radius: ", ";\n"])), RadiusBase, radius_1.default.bigger);
-exports.RadiusBiggest = styled_components_1.default.div(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n  ", ";\n  border-top-left-radius: ", ";\n"], ["\n  ", ";\n  border-top-left-radius: ", ";\n"])), RadiusBase, radius_1.default.biggest);
-exports.RadiusMax = styled_components_1.default.div(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n  ", ";\n  border-top-left-radius: ", ";\n"], ["\n  ", ";\n  border-top-left-radius: ", ";\n"])), RadiusBase, radius_1.default.max);
-exports.RadiusRounded = styled_components_1.default.div(templateObject_19 || (templateObject_19 = __makeTemplateObject(["\n  ", ";\n  border-top-left-radius: ", ";\n"], ["\n  ", ";\n  border-top-left-radius: ", ";\n"])), RadiusBase, radius_1.default.rounded);
-var ShadowBase = styled_components_1.css(templateObject_20 || (templateObject_20 = __makeTemplateObject(["\n  ", ";\n  width: ", ";\n  height: ", ";\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin-bottom: ", ";\n  text-align: center;\n"], ["\n  ", ";\n  width: ", ";\n  height: ", ";\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin-bottom: ", ";\n  text-align: center;\n"])), paragraphs_1.default.body2, spacing_1.convertPxToRem(200), spacing_1.convertPxToRem(56), spacing_1.convertPxToRem(40));
-exports.ShadowLevel1 = styled_components_1.default.div(templateObject_21 || (templateObject_21 = __makeTemplateObject(["\n  ", ";\n  box-shadow: ", ";\n"], ["\n  ", ";\n  box-shadow: ", ";\n"])), ShadowBase, shadows_1.default.level1);
-exports.ShadowLevel2 = styled_components_1.default.div(templateObject_22 || (templateObject_22 = __makeTemplateObject(["\n  ", ";\n  box-shadow: ", ";\n"], ["\n  ", ";\n  box-shadow: ", ";\n"])), ShadowBase, shadows_1.default.level2);
-exports.ShadowLevel3 = styled_components_1.default.div(templateObject_23 || (templateObject_23 = __makeTemplateObject(["\n  ", ";\n  box-shadow: ", ";\n"], ["\n  ", ";\n  box-shadow: ", ";\n"])), ShadowBase, shadows_1.default.level3);
-exports.ShadowLevel4 = styled_components_1.default.div(templateObject_24 || (templateObject_24 = __makeTemplateObject(["\n  ", ";\n  box-shadow: ", ";\n"], ["\n  ", ";\n  box-shadow: ", ";\n"])), ShadowBase, shadows_1.default.level4);
-exports.ShadowLevel5 = styled_components_1.default.div(templateObject_25 || (templateObject_25 = __makeTemplateObject(["\n  ", ";\n  box-shadow: ", ";\n"], ["\n  ", ";\n  box-shadow: ", ";\n"])), ShadowBase, shadows_1.default.level5);
-exports.SpacingStyleBase = styled_components_1.default.div(templateObject_27 || (templateObject_27 = __makeTemplateObject(["\n  ", ";\n  height: ", ";\n  border-left: ", " solid ", ";\n  border-right: ", " solid ", ";\n  position: relative;\n  margin-bottom: ", ";\n\n  ", "\n\n  hr {\n    border: none;\n    border-bottom: ", " dashed ", ";\n    margin: 0;\n    padding-top: ", ";\n  }\n\n  span {\n    position: absolute;\n    left: ", ";\n    top: -", ";\n    width: ", ";\n\n    b {\n      min-width: ", ";\n      display: inline-block;\n    }\n  }\n"], ["\n  ", ";\n  height: ", ";\n  border-left: ", " solid ", ";\n  border-right: ", " solid ", ";\n  position: relative;\n  margin-bottom: ", ";\n\n  ",
-    "\n\n  hr {\n    border: none;\n    border-bottom: ", " dashed ", ";\n    margin: 0;\n    padding-top: ", ";\n  }\n\n  span {\n    position: absolute;\n    left: ", ";\n    top: -", ";\n    width: ", ";\n\n    b {\n      min-width: ", ";\n      display: inline-block;\n    }\n  }\n"])), paragraphs_1.default.caption, spacing_1.convertPxToRem(8), spacing_1.convertPxToRem(1), colors_1.default.dark.base, spacing_1.convertPxToRem(1), colors_1.default.dark.base, spacing_1.convertPxToRem(24), function (_a) {
-    var width = _a.width;
-    return styled_components_1.css(templateObject_26 || (templateObject_26 = __makeTemplateObject(["\n      width: ", ";\n    "], ["\n      width: ", ";\n    "])), width);
-}, spacing_1.convertPxToRem(1), colors_1.default.dark.base, spacing_1.convertPxToRem(3), spacing_1.convertPxToRem(110), spacing_1.convertPxToRem(4), spacing_1.convertPxToRem(200), spacing_1.convertPxToRem(100));
-exports.ColorWrapper = styled_components_1.default.div(templateObject_28 || (templateObject_28 = __makeTemplateObject(["\n  display: flex;\n  margin-bottom: ", ";\n  align-items: center;\n\n  span {\n    width: ", ";\n  }\n"], ["\n  display: flex;\n  margin-bottom: ", ";\n  align-items: center;\n\n  span {\n    width: ", ";\n  }\n"])), spacing_1.convertPxToRem(24), spacing_1.convertPxToRem(100));
-exports.ColorPalette = styled_components_1.default.div(templateObject_30 || (templateObject_30 = __makeTemplateObject(["\n  ", ";\n  width: ", ";\n  height: ", ";\n  margin-right: ", ";\n  padding: ", " ", ";\n  border: ", " solid rgba(0, 0, 0, 0.2);\n  border-radius: ", ";\n\n  ", ";\n"], ["\n  ", ";\n  width: ", ";\n  height: ", ";\n  margin-right: ", ";\n  padding: ", " ", ";\n  border: ", " solid rgba(0, 0, 0, 0.2);\n  border-radius: ", ";\n\n  ",
-    ";\n"])), paragraphs_1.default.caption, spacing_1.convertPxToRem(80), spacing_1.convertPxToRem(80), spacing_1.convertPxToRem(16), spacing_1.convertPxToRem(8), spacing_1.convertPxToRem(4), spacing_1.convertPxToRem(1), radius_1.default.normal, function (_a) {
-    var color = _a.color;
-    return styled_components_1.css(templateObject_29 || (templateObject_29 = __makeTemplateObject(["\n      background: ", ";\n    "], ["\n      background: ", ";\n    "])), color);
-});
-exports.Font = styled_components_1.default.p(templateObject_32 || (templateObject_32 = __makeTemplateObject(["\n  ", "\n"], ["\n  ",
-    "\n"])), function (_a) {
-    var fontSize = _a.fontSize;
-    return styled_components_1.css(templateObject_31 || (templateObject_31 = __makeTemplateObject(["\n      font-size: ", ";\n    "], ["\n      font-size: ", ";\n    "])), fontSize);
-});
-exports.LineRowWrapper = styled_components_1.default.div(templateObject_33 || (templateObject_33 = __makeTemplateObject(["\n  ", " {\n    border: ", " solid ", ";\n    padding: ", ";\n  }\n\n  ", " {\n    border: ", " solid ", ";\n    padding: ", ";\n  }\n\n  span {\n    border: ", " solid ", ";\n    padding: ", ";\n  }\n"], ["\n  ", " {\n    border: ", " solid ", ";\n    padding: ", ";\n  }\n\n  ", " {\n    border: ", " solid ", ";\n    padding: ", ";\n  }\n\n  span {\n    border: ", " solid ", ";\n    padding: ", ";\n  }\n"])), line_1.default, spacing_1.convertPxToRem(5), colors_1.default.red.base, spacing_1.convertPxToRem(5), row_1.default, spacing_1.convertPxToRem(5), colors_1.default.green.base60, spacing_1.convertPxToRem(5), spacing_1.convertPxToRem(5), colors_1.default.blue.base, spacing_1.convertPxToRem(5));
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18, templateObject_19, templateObject_20, templateObject_21, templateObject_22, templateObject_23, templateObject_24, templateObject_25, templateObject_26, templateObject_27, templateObject_28, templateObject_29, templateObject_30, templateObject_31, templateObject_32, templateObject_33;
+exports.LineRowWrapper = exports.Font = exports.ColorPalette = exports.ColorWrapper = exports.SpacingStyleBase = exports.ShadowLevel5 = exports.ShadowLevel4 = exports.ShadowLevel3 = exports.ShadowLevel2 = exports.ShadowLevel1 = exports.RadiusRounded = exports.RadiusMax = exports.RadiusBiggest = exports.RadiusBigger = exports.RadiusBig = exports.RadiusNormal = exports.RadiusSmall = exports.Label = exports.Subtitle2 = exports.Subtitle1 = exports.QuoteSmaller = exports.Quote = exports.Big = exports.Breadcrumb = exports.Tab = exports.Caption = exports.BodyLight2 = exports.BodyLight1 = exports.Body2 = exports.Body1 = void 0;
+const styled_components_1 = __importStar(require("styled-components"));
+const colors_1 = __importDefault(require("./colors"));
+const line_1 = __importDefault(require("./line"));
+const paragraphs_1 = __importDefault(require("./paragraphs"));
+const radius_1 = __importDefault(require("./radius"));
+const row_1 = __importDefault(require("./row"));
+const shadows_1 = __importDefault(require("./shadows"));
+const spacing_1 = require("./spacing");
+exports.Body1 = styled_components_1.default.p `
+  ${paragraphs_1.default.body1};
+`;
+exports.Body2 = styled_components_1.default.p `
+  ${paragraphs_1.default.body2};
+`;
+exports.BodyLight1 = styled_components_1.default.p `
+  ${paragraphs_1.default.bodyLight1};
+`;
+exports.BodyLight2 = styled_components_1.default.p `
+  ${paragraphs_1.default.bodyLight2};
+`;
+exports.Caption = styled_components_1.default.p `
+  ${paragraphs_1.default.caption};
+`;
+exports.Tab = styled_components_1.default.p `
+  ${paragraphs_1.default.tab};
+`;
+exports.Breadcrumb = styled_components_1.default.p `
+  ${paragraphs_1.default.breadcrumb};
+`;
+exports.Big = styled_components_1.default.p `
+  ${paragraphs_1.default.big};
+`;
+exports.Quote = styled_components_1.default.p `
+  ${paragraphs_1.default.quote};
+`;
+exports.QuoteSmaller = styled_components_1.default.p `
+  ${paragraphs_1.default.quoteSmaller};
+`;
+exports.Subtitle1 = styled_components_1.default.p `
+  ${paragraphs_1.default.subtitle1};
+`;
+exports.Subtitle2 = styled_components_1.default.p `
+  ${paragraphs_1.default.subtitle2};
+`;
+exports.Label = styled_components_1.default.p `
+  ${paragraphs_1.default.label};
+`;
+const RadiusBase = (0, styled_components_1.css) `
+  ${paragraphs_1.default.body2};
+  color: white;
+  width: ${(0, spacing_1.convertPxToRem)(60)};
+  height: ${(0, spacing_1.convertPxToRem)(60)};
+  background: ${colors_1.default.green.base};
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  margin-bottom: ${(0, spacing_1.convertPxToRem)(24)};
+  text-align: center;
+`;
+exports.RadiusSmall = styled_components_1.default.div `
+  ${RadiusBase};
+  border-top-left-radius: ${radius_1.default.small};
+`;
+exports.RadiusNormal = styled_components_1.default.div `
+  ${RadiusBase};
+  border-top-left-radius: ${radius_1.default.normal};
+`;
+exports.RadiusBig = styled_components_1.default.div `
+  ${RadiusBase};
+  border-top-left-radius: ${radius_1.default.big};
+`;
+exports.RadiusBigger = styled_components_1.default.div `
+  ${RadiusBase};
+  border-top-left-radius: ${radius_1.default.bigger};
+`;
+exports.RadiusBiggest = styled_components_1.default.div `
+  ${RadiusBase};
+  border-top-left-radius: ${radius_1.default.biggest};
+`;
+exports.RadiusMax = styled_components_1.default.div `
+  ${RadiusBase};
+  border-top-left-radius: ${radius_1.default.max};
+`;
+exports.RadiusRounded = styled_components_1.default.div `
+  ${RadiusBase};
+  border-top-left-radius: ${radius_1.default.rounded};
+`;
+const ShadowBase = (0, styled_components_1.css) `
+  ${paragraphs_1.default.body2};
+  width: ${(0, spacing_1.convertPxToRem)(200)};
+  height: ${(0, spacing_1.convertPxToRem)(56)};
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  margin-bottom: ${(0, spacing_1.convertPxToRem)(40)};
+  text-align: center;
+`;
+exports.ShadowLevel1 = styled_components_1.default.div `
+  ${ShadowBase};
+  box-shadow: ${shadows_1.default.level1};
+`;
+exports.ShadowLevel2 = styled_components_1.default.div `
+  ${ShadowBase};
+  box-shadow: ${shadows_1.default.level2};
+`;
+exports.ShadowLevel3 = styled_components_1.default.div `
+  ${ShadowBase};
+  box-shadow: ${shadows_1.default.level3};
+`;
+exports.ShadowLevel4 = styled_components_1.default.div `
+  ${ShadowBase};
+  box-shadow: ${shadows_1.default.level4};
+`;
+exports.ShadowLevel5 = styled_components_1.default.div `
+  ${ShadowBase};
+  box-shadow: ${shadows_1.default.level5};
+`;
+exports.SpacingStyleBase = styled_components_1.default.div `
+  ${paragraphs_1.default.caption};
+  height: ${(0, spacing_1.convertPxToRem)(8)};
+  border-left: ${(0, spacing_1.convertPxToRem)(1)} solid ${colors_1.default.dark.base};
+  border-right: ${(0, spacing_1.convertPxToRem)(1)} solid ${colors_1.default.dark.base};
+  position: relative;
+  margin-bottom: ${(0, spacing_1.convertPxToRem)(24)};
+
+  ${({ width }) => (0, styled_components_1.css) `
+      width: ${width};
+    `}
+
+  hr {
+    border: none;
+    border-bottom: ${(0, spacing_1.convertPxToRem)(1)} dashed ${colors_1.default.dark.base};
+    margin: 0;
+    padding-top: ${(0, spacing_1.convertPxToRem)(3)};
+  }
+
+  span {
+    position: absolute;
+    left: ${(0, spacing_1.convertPxToRem)(110)};
+    top: -${(0, spacing_1.convertPxToRem)(4)};
+    width: ${(0, spacing_1.convertPxToRem)(200)};
+
+    b {
+      min-width: ${(0, spacing_1.convertPxToRem)(100)};
+      display: inline-block;
+    }
+  }
+`;
+exports.ColorWrapper = styled_components_1.default.div `
+  display: flex;
+  margin-bottom: ${(0, spacing_1.convertPxToRem)(24)};
+  align-items: center;
+
+  span {
+    width: ${(0, spacing_1.convertPxToRem)(100)};
+  }
+`;
+exports.ColorPalette = styled_components_1.default.div `
+  ${paragraphs_1.default.caption};
+  width: ${(0, spacing_1.convertPxToRem)(80)};
+  height: ${(0, spacing_1.convertPxToRem)(80)};
+  margin-right: ${(0, spacing_1.convertPxToRem)(16)};
+  padding: ${(0, spacing_1.convertPxToRem)(8)} ${(0, spacing_1.convertPxToRem)(4)};
+  border: ${(0, spacing_1.convertPxToRem)(1)} solid rgba(0, 0, 0, 0.2);
+  border-radius: ${radius_1.default.normal};
+
+  ${({ color }) => (0, styled_components_1.css) `
+      background: ${color};
+    `};
+`;
+exports.Font = styled_components_1.default.p `
+  ${({ fontSize }) => (0, styled_components_1.css) `
+      font-size: ${fontSize};
+    `}
+`;
+exports.LineRowWrapper = styled_components_1.default.div `
+  ${line_1.default} {
+    border: ${(0, spacing_1.convertPxToRem)(5)} solid ${colors_1.default.red.base};
+    padding: ${(0, spacing_1.convertPxToRem)(5)};
+  }
+
+  ${row_1.default} {
+    border: ${(0, spacing_1.convertPxToRem)(5)} solid ${colors_1.default.green.base60};
+    padding: ${(0, spacing_1.convertPxToRem)(5)};
+  }
+
+  span {
+    border: ${(0, spacing_1.convertPxToRem)(5)} solid ${colors_1.default.blue.base};
+    padding: ${(0, spacing_1.convertPxToRem)(5)};
+  }
+`;
 //# sourceMappingURL=utils.styles.js.map

package/lib/utils/src/utils.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.styles.js","sourceRoot":"","sources":["../../../packages/utils/src/utils.styles.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"utils.styles.js","sourceRoot":"","sources":["../../../packages/utils/src/utils.styles.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@proprioo/salatim",
-  "version": "18.6.0",
+  "version": "19.2.0",
   "description": "Proprioo component library",
   "keywords": [
     "components",
@@ -26,7 +26,7 @@
     "deploy": "yarn build && yarn publish --access=public --non-interactive",
     "dev": "yarn storybook",
     "lint": "tslint -c tslint.json 'packages/**/*.{ts,tsx}'",
-    "prepare": "yarn build",
+    "prepare": "husky install && yarn build",
     "pretty-quick": "pretty-quick",
     "start": "rollup -c rollup.config.ts -w",
     "test": "NODE_ICU_DATA=node_modules/full-icu jest --env=jsdom --logHeapUsage --maxWorkers=2 --verbose",
@@ -34,12 +34,6 @@
     "storybook": "start-storybook -p 6006 -s ./packages/assets/",
     "storybook:build": "build-storybook -s ./packages/assets/"
   },
-  "husky": {
-    "hooks": {
-      "pre-commit": "yarn lint --fix && yarn pretty-quick --staged",
-      "commit-msg": "commitlint -E HUSKY_GIT_PARAMS"
-    }
-  },
   "jest": {
     "collectCoverageFrom": [
       "packages/**/*.{ts,tsx}",
@@ -77,76 +71,76 @@
     "@types/react": "^16"
   },
   "devDependencies": {
-    "@commitlint/cli": "^12.1.1",
-    "@commitlint/config-conventional": "^12.1.1",
-    "@popperjs/core": "^2.6.0",
-    "@proprioo/hokkaido": "^4.26.0",
-    "@rollup/plugin-commonjs": "15.1.0",
+    "@commitlint/cli": "^15.0.0",
+    "@commitlint/config-conventional": "^15.0.0",
+    "@popperjs/core": "^2.11.0",
+    "@proprioo/hokkaido": "^4.36.0",
+    "@rollup/plugin-commonjs": "21.0.1",
     "@rollup/plugin-json": "^4.1.0",
-    "@rollup/plugin-node-resolve": "^9.0.0",
-    "@rollup/plugin-url": "^5.0.1",
+    "@rollup/plugin-node-resolve": "^13.0.6",
+    "@rollup/plugin-url": "^6.1.0",
     "@sambego/storybook-state": "^2.0.1",
-    "@sentry/browser": "^5.30.0",
-    "@storybook/addon-actions": "^6.1.16",
-    "@storybook/addon-knobs": "^6.1.16",
-    "@storybook/addon-links": "^6.1.16",
-    "@storybook/react": "^6.1.16",
-    "@testing-library/jest-dom": "^5.12.0",
-    "@testing-library/react": "^11.2.7",
+    "@sentry/browser": "^6.16.0",
+    "@storybook/addon-actions": "^6.4.8",
+    "@storybook/addon-knobs": "^6.4.0",
+    "@storybook/addon-links": "^6.4.8",
+    "@storybook/react": "^6.4.8",
+    "@testing-library/jest-dom": "^5.16.1",
+    "@testing-library/react": "^12.1.2",
     "@testing-library/react-hooks": "^7.0.2",
-    "@testing-library/user-event": "^13.1.9",
-    "@types/googlemaps": "^3.43.2",
-    "@types/jest": "^26.0.20",
-    "@types/jest-axe": "^3.5.1",
+    "@testing-library/user-event": "^13.5.0",
+    "@types/googlemaps": "^3.43.3",
+    "@types/jest": "^27.0.3",
+    "@types/jest-axe": "^3.5.3",
     "@types/mailcheck": "^1.1.33",
     "@types/react": "^16.14.2",
-    "@types/react-color": "^3.0.4",
-    "@types/react-dates": "^21.8.1",
+    "@types/react-color": "^3.0.6",
+    "@types/react-dates": "^21.8.3",
     "@types/react-dom": "^16.9.10",
-    "@types/react-phone-number-input": "^3.0.6",
-    "@types/react-places-autocomplete": "^7.2.6",
+    "@types/react-phone-number-input": "^3.0.13",
+    "@types/react-places-autocomplete": "^7.2.9",
     "@types/react-test-renderer": "^17.0.1",
-    "@types/react-toggle": "^4.0.2",
+    "@types/react-toggle": "^4.0.3",
     "@types/storybook__addon-actions": "^5.2.1",
     "@types/storybook__react": "^5.2.1",
-    "@types/styled-components": "^5.1.7",
+    "@types/styled-components": "^5.1.17",
     "axe-core": "^4.2.1",
-    "babel-loader": "^8.2.2",
-    "babel-preset-react-app": "^9.1.2",
-    "date-fns": "^2.21.1",
+    "babel-loader": "^8.2.3",
+    "babel-preset-react-app": "^10.0.0",
+    "date-fns": "^2.27.0",
     "email-validator": "^2.0.4",
-    "full-icu": "^1.3.1",
-    "husky": "^4.3.8",
-    "jest": "^26.6.3",
-    "jest-axe": "^5.0.0",
+    "full-icu": "^1.4.0",
+    "husky": "^7.0.4",
+    "jest": "^27.4.3",
+    "jest-axe": "^5.0.1",
     "jest-coverage-badges": "^1.1.2",
     "mockdate": "^3.0.5",
-    "polished": "^3.6.7",
-    "prettier": "^2.2.1",
-    "pretty-quick": "^3.1.0",
+    "polished": "^4.1.3",
+    "postcss": "^8.4.4",
+    "prettier": "^2.5.1",
+    "pretty-quick": "^3.1.2",
     "react-dates": "^21.8.0",
-    "react-phone-number-input": "^3.1.18",
+    "react-phone-number-input": "^3.1.42",
     "react-places-autocomplete": "^7.3.0",
-    "react-popper-tooltip": "^4.3.0",
+    "react-popper-tooltip": "^4.3.1",
     "react-test-renderer": "^17.0.2",
-    "react-toggle": "^4.1.1",
-    "rollup": "^2.38.4",
+    "react-toggle": "^4.1.2",
+    "rollup": "^2.60.2",
     "rollup-plugin-bundle-size": "^1.0.3",
     "rollup-plugin-peer-deps-external": "^2.2.4",
-    "rollup-plugin-postcss": "^3.1.8",
+    "rollup-plugin-postcss": "^4.0.2",
     "rollup-plugin-svgo": "^1.1.0",
     "rollup-plugin-terser": "^7.0.2",
-    "rollup-plugin-typescript2": "^0.29.0",
+    "rollup-plugin-typescript2": "^0.31.1",
     "source-map-explorer": "^2.5.2",
-    "styled-components": "^5.3.0",
-    "ts-jest": "^26.5.0",
-    "ts-node": "^9.1.1",
+    "styled-components": "^5.3.3",
+    "ts-jest": "^27.1.1",
+    "ts-node": "^10.4.0",
     "tslint": "^6.1.3",
     "tslint-config-prettier": "^1.18.0",
     "tslint-react": "^5.0.0",
     "tslint-react-hooks": "^2.2.2",
-    "typescript": "^4.1.3",
-    "use-onclickoutside": "^0.3.2"
+    "typescript": "^4.3.5"
   },
   "peerDependencies": {
     "@proprioo/hokkaido": "^2.12.1",
@@ -157,9 +151,9 @@
     "styled-components": "^5.3.3"
   },
   "dependencies": {
-    "@types/yup": "^0.29.11",
+    "@types/yup": "^0.29.13",
     "mailcheck": "^1.1.1",
-    "react-id-generator": "^3.0.1",
-    "yup": "^0.32.9"
+    "react-id-generator": "^3.0.2",
+    "yup": "^0.32.11"
   }
 }