@proprioo/salatim 18.5.0 → 19.1.0

package/lib/ui/src/textarea/Textarea.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,32 +20,61 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TextareaLayout = void 0;
-var styled_components_1 = __importStar(require("styled-components"));
-var utils_1 = require("../../../utils");
-exports.TextareaLayout = styled_components_1.default.textarea(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  ", ";\n  min-width: 100%;\n  max-width: 100%;\n  border: ", " solid ", ";\n  border-radius: ", ";\n  box-sizing: border-box;\n  padding: ", " ", ";\n  font-style: normal;\n  font-size: ", ";\n  line-height: ", ";\n  color: ", ";\n  resize: none;\n\n  ", "\n\n  ", ";\n\n  ", ";\n\n  ", "\n\n  ", "\n\n  &:focus,\n  &:hover,\n  &:active {\n    outline: none;\n  }\n\n  &::placeholder {\n    font-weight: 300;\n    color: currentColor;\n  }\n"], ["\n  ", ";\n  min-width: 100%;\n  max-width: 100%;\n  border: ", " solid ", ";\n  border-radius: ", ";\n  box-sizing: border-box;\n  padding: ", " ", ";\n  font-style: normal;\n  font-size: ", ";\n  line-height: ", ";\n  color: ", ";\n  resize: none;\n\n  ",
-    "\n\n  ",
-    ";\n\n  ",
-    ";\n\n  ",
-    "\n\n  ",
-    "\n\n  &:focus,\n  &:hover,\n  &:active {\n    outline: none;\n  }\n\n  &::placeholder {\n    font-weight: 300;\n    color: currentColor;\n  }\n"])), utils_1.ArchivoFont, utils_1.convertPxToRem(1), utils_1.colors.grey.base80, function (_a) {
-    var borderRadius = _a.borderRadius;
-    return borderRadius;
-}, utils_1.convertPxToRem(16), utils_1.convertPxToRem(24), utils_1.fonts.small, utils_1.convertPxToRem(24), utils_1.colors.dark.base80, function (_a) {
-    var autoResize = _a.autoResize;
-    return !autoResize && styled_components_1.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      min-height: ", ";\n      max-height: ", ";\n    "], ["\n      min-height: ", ";\n      max-height: ", ";\n    "])), utils_1.convertPxToRem(160), utils_1.convertPxToRem(300));
-}, function (_a) {
-    var focused = _a.focused;
-    return focused && styled_components_1.css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n      border-color: ", ";\n    "], ["\n      border-color: ", ";\n    "])), utils_1.colors.orange.base);
-}, function (_a) {
-    var value = _a.value, focused = _a.focused;
-    return value &&
-        !focused && styled_components_1.css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n      border-color: ", ";\n    "], ["\n      border-color: ", ";\n    "])), utils_1.colors.orange.base);
-}, function (_a) {
-    var disabled = _a.disabled;
-    return disabled && styled_components_1.css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n      background-color: ", ";\n      cursor: not-allowed;\n      color: ", ";\n    "], ["\n      background-color: ", ";\n      cursor: not-allowed;\n      color: ", ";\n    "])), utils_1.colors.dark.base10, utils_1.colors.grey.base60);
-}, function (_a) {
-    var error = _a.error;
-    return error && styled_components_1.css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n      color: ", ";\n      border-color: ", ";\n    "], ["\n      color: ", ";\n      border-color: ", ";\n    "])), utils_1.colors.red.base, utils_1.colors.red.base);
-});
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
+const styled_components_1 = __importStar(require("styled-components"));
+const utils_1 = require("../../../utils");
+exports.TextareaLayout = styled_components_1.default.textarea `
+  ${utils_1.ArchivoFont};
+  min-width: 100%;
+  max-width: 100%;
+  border: ${(0, utils_1.convertPxToRem)(1)} solid ${utils_1.colors.grey.base80};
+  border-radius: ${({ borderRadius }) => borderRadius};
+  box-sizing: border-box;
+  padding: ${(0, utils_1.convertPxToRem)(16)} ${(0, utils_1.convertPxToRem)(24)};
+  font-style: normal;
+  font-size: ${utils_1.fonts.small};
+  line-height: ${(0, utils_1.convertPxToRem)(24)};
+  color: ${utils_1.colors.dark.base80};
+  resize: none;
+
+  ${({ autoResize }) => !autoResize &&
+    (0, styled_components_1.css) `
+      min-height: ${(0, utils_1.convertPxToRem)(160)};
+      max-height: ${(0, utils_1.convertPxToRem)(300)};
+    `}
+
+  ${({ focused }) => focused &&
+    (0, styled_components_1.css) `
+      border-color: ${utils_1.colors.orange.base};
+    `};
+
+  ${({ value, focused }) => value &&
+    !focused &&
+    (0, styled_components_1.css) `
+      border-color: ${utils_1.colors.orange.base};
+    `};
+
+  ${({ disabled }) => disabled &&
+    (0, styled_components_1.css) `
+      background-color: ${utils_1.colors.dark.base10};
+      cursor: not-allowed;
+      color: ${utils_1.colors.grey.base60};
+    `}
+
+  ${({ error }) => error &&
+    (0, styled_components_1.css) `
+      color: ${utils_1.colors.red.base};
+      border-color: ${utils_1.colors.red.base};
+    `}
+
+  &:focus,
+  &:hover,
+  &:active {
+    outline: none;
+  }
+
+  &::placeholder {
+    font-weight: 300;
+    color: currentColor;
+  }
+`;
 //# sourceMappingURL=Textarea.styles.js.map

package/lib/ui/src/textarea/Textarea.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Textarea.styles.js","sourceRoot":"","sources":["../../../../packages/ui/src/textarea/Textarea.styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qEAAgD;AAEhD,wCAA4E;AAQ/D,QAAA,cAAc,GAAG,2BAAM,CAAC,QAAQ,igBAAqB,MAC9D,EAAW,uDAGH,EAAiB,SAAU,EAAkB,sBACtC,EAAkC,2CAExC,EAAkB,GAAI,EAAkB,yCAEtC,EAAW,oBACT,EAAkB,cACxB,EAAkB,0BAGzB;IAKC,QAED;IAIC,SAED;IAKC,SAED;IAMC,QAED;IAKC,iJAYJ,KA1DG,mBAAW,EAGH,sBAAc,CAAC,CAAC,CAAC,EAAU,cAAM,CAAC,IAAI,CAAC,MAAM,EACtC,UAAC,EAAgB;QAAd,YAAY,kBAAA;IAAO,OAAA,YAAY;AAAZ,CAAY,EAExC,sBAAc,CAAC,EAAE,CAAC,EAAI,sBAAc,CAAC,EAAE,CAAC,EAEtC,aAAK,CAAC,KAAK,EACT,sBAAc,CAAC,EAAE,CAAC,EACxB,cAAM,CAAC,IAAI,CAAC,MAAM,EAGzB,UAAC,EAAc;QAAZ,UAAU,gBAAA;IACb,OAAA,CAAC,UAAU,IACX,uBAAG,6HAAA,sBACa,EAAmB,uBACnB,EAAmB,SAClC,KAFe,sBAAc,CAAC,GAAG,CAAC,EACnB,sBAAc,CAAC,GAAG,CAAC,CAClC;AAJD,CAIC,EAED,UAAC,EAAW;QAAT,OAAO,aAAA;IACV,OAAA,OAAO,IACP,uBAAG,sGAAA,wBACe,EAAkB,SACnC,KADiB,cAAM,CAAC,MAAM,CAAC,IAAI,CACnC;AAHD,CAGC,EAED,UAAC,EAAkB;QAAhB,KAAK,WAAA,EAAE,OAAO,aAAA;IACjB,OAAA,KAAK;QACL,CAAC,OAAO,IACR,uBAAG,sGAAA,wBACe,EAAkB,SACnC,KADiB,cAAM,CAAC,MAAM,CAAC,IAAI,CACnC;AAJD,CAIC,EAED,UAAC,EAAY;QAAV,QAAQ,cAAA;IACX,OAAA,QAAQ,IACR,uBAAG,0JAAA,4BACmB,EAAkB,8CAE7B,EAAkB,SAC5B,KAHqB,cAAM,CAAC,IAAI,CAAC,MAAM,EAE7B,cAAM,CAAC,IAAI,CAAC,MAAM,CAC5B;AALD,CAKC,EAED,UAAC,EAAS;QAAP,KAAK,WAAA;IACR,OAAA,KAAK,IACL,uBAAG,0HAAA,iBACQ,EAAe,yBACR,EAAe,SAChC,KAFU,cAAM,CAAC,GAAG,CAAC,IAAI,EACR,cAAM,CAAC,GAAG,CAAC,IAAI,CAChC;AAJD,CAIC,EAYH"}
+{"version":3,"file":"Textarea.styles.js","sourceRoot":"","sources":["../../../../packages/ui/src/textarea/Textarea.styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,uEAAgD;AAEhD,0CAA4E;AAQ/D,QAAA,cAAc,GAAG,2BAAM,CAAC,QAAQ,CAAqB;IAC9D,mBAAW;;;YAGH,IAAA,sBAAc,EAAC,CAAC,CAAC,UAAU,cAAM,CAAC,IAAI,CAAC,MAAM;mBACtC,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY;;aAExC,IAAA,sBAAc,EAAC,EAAE,CAAC,IAAI,IAAA,sBAAc,EAAC,EAAE,CAAC;;eAEtC,aAAK,CAAC,KAAK;iBACT,IAAA,sBAAc,EAAC,EAAE,CAAC;WACxB,cAAM,CAAC,IAAI,CAAC,MAAM;;;IAGzB,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE,CACnB,CAAC,UAAU;IACX,IAAA,uBAAG,EAAA;oBACa,IAAA,sBAAc,EAAC,GAAG,CAAC;oBACnB,IAAA,sBAAc,EAAC,GAAG,CAAC;KAClC;;IAED,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAChB,OAAO;IACP,IAAA,uBAAG,EAAA;sBACe,cAAM,CAAC,MAAM,CAAC,IAAI;KACnC;;IAED,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,EAAE,CACvB,KAAK;IACL,CAAC,OAAO;IACR,IAAA,uBAAG,EAAA;sBACe,cAAM,CAAC,MAAM,CAAC,IAAI;KACnC;;IAED,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CACjB,QAAQ;IACR,IAAA,uBAAG,EAAA;0BACmB,cAAM,CAAC,IAAI,CAAC,MAAM;;eAE7B,cAAM,CAAC,IAAI,CAAC,MAAM;KAC5B;;IAED,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CACd,KAAK;IACL,IAAA,uBAAG,EAAA;eACQ,cAAM,CAAC,GAAG,CAAC,IAAI;sBACR,cAAM,CAAC,GAAG,CAAC,IAAI;KAChC;;;;;;;;;;;;CAYJ,CAAC"}

package/lib/ui/src/textarea/Textarea.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,66 +8,31 @@ 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_2 = require("@testing-library/react");
-var user_event_1 = __importDefault(require("@testing-library/user-event"));
-var Textarea_1 = __importDefault(require("./Textarea"));
-var mockOnChange = jest.fn();
-var defaultProps = {
+const react_1 = __importDefault(require("react"));
+const react_2 = require("@testing-library/react");
+const user_event_1 = __importDefault(require("@testing-library/user-event"));
+const Textarea_1 = __importDefault(require("./Textarea"));
+const mockOnChange = jest.fn();
+const defaultProps = {
     value: '',
     onChange: mockOnChange
 };
-describe('Textarea component', function () {
-    afterEach(function () { return jest.resetAllMocks(); });
-    afterAll(function () { return jest.clearAllMocks(); });
-    it('should render component', function () {
-        react_2.render(react_1.default.createElement(Textarea_1.default, __assign({}, defaultProps)));
+describe('Textarea component', () => {
+    afterEach(() => jest.resetAllMocks());
+    afterAll(() => jest.clearAllMocks());
+    it('should render component', () => {
+        (0, react_2.render)(react_1.default.createElement(Textarea_1.default, Object.assign({}, defaultProps)));
         expect(react_2.screen.getByRole('textbox')).toBeInTheDocument();
     });
-    it('should use onChange function', 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(Textarea_1.default, __assign({}, defaultProps)));
-                    expect(react_2.screen.getByRole('textbox')).not.toHaveAttribute('value');
-                    user_event_1.default.type(react_2.screen.getByRole('textbox'), 'some text');
-                    return [4 /*yield*/, react_2.waitFor(function () { return expect(mockOnChange).toHaveBeenCalled(); })];
-                case 1:
-                    _a.sent();
-                    return [2 /*return*/];
-            }
-        });
-    }); });
+    it('should use onChange function', () => __awaiter(void 0, void 0, void 0, function* () {
+        (0, react_2.render)(react_1.default.createElement(Textarea_1.default, Object.assign({}, defaultProps)));
+        expect(react_2.screen.getByRole('textbox')).not.toHaveAttribute('value');
+        user_event_1.default.type(react_2.screen.getByRole('textbox'), 'some text');
+        yield (0, react_2.waitFor)(() => expect(mockOnChange).toHaveBeenCalled());
+    }));
 });
 //# sourceMappingURL=Textarea.test.js.map

package/lib/ui/src/textarea/Textarea.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"Textarea.test.js","sourceRoot":"","sources":["../../../../packages/ui/src/textarea/Textarea.test.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAE1B,gDAAiE;AACjE,2EAAoD;AAEpD,wDAAqD;AAErD,IAAM,YAAY,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;AAE/B,IAAM,YAAY,GAAkB;IAClC,KAAK,EAAE,EAAE;IACT,QAAQ,EAAE,YAAY;CACvB,CAAC;AAEF,QAAQ,CAAC,oBAAoB,EAAE;IAC7B,SAAS,CAAC,cAAM,OAAA,IAAI,CAAC,aAAa,EAAE,EAApB,CAAoB,CAAC,CAAC;IACtC,QAAQ,CAAC,cAAM,OAAA,IAAI,CAAC,aAAa,EAAE,EAApB,CAAoB,CAAC,CAAC;IAErC,EAAE,CAAC,yBAAyB,EAAE;QAC5B,cAAM,CAAC,8BAAC,kBAAQ,eAAK,YAAY,EAAI,CAAC,CAAC;QAEvC,MAAM,CAAC,cAAM,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IAC1D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,8BAA8B,EAAE;;;;oBACjC,cAAM,CAAC,8BAAC,kBAAQ,eAAK,YAAY,EAAI,CAAC,CAAC;oBAEvC,MAAM,CAAC,cAAM,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC;oBAEjE,oBAAS,CAAC,IAAI,CAAC,cAAM,CAAC,SAAS,CAAC,SAAS,CAAC,EAAE,WAAW,CAAC,CAAC;oBACzD,qBAAM,eAAO,CAAC,cAAM,OAAA,MAAM,CAAC,YAAY,CAAC,CAAC,gBAAgB,EAAE,EAAvC,CAAuC,CAAC,EAAA;;oBAA5D,SAA4D,CAAC;;;;SAC9D,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
+{"version":3,"file":"Textarea.test.js","sourceRoot":"","sources":["../../../../packages/ui/src/textarea/Textarea.test.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,kDAA0B;AAE1B,kDAAiE;AACjE,6EAAoD;AAEpD,0DAAqD;AAErD,MAAM,YAAY,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;AAE/B,MAAM,YAAY,GAAkB;IAClC,KAAK,EAAE,EAAE;IACT,QAAQ,EAAE,YAAY;CACvB,CAAC;AAEF,QAAQ,CAAC,oBAAoB,EAAE,GAAG,EAAE;IAClC,SAAS,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC,CAAC;IACtC,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC,CAAC;IAErC,EAAE,CAAC,yBAAyB,EAAE,GAAG,EAAE;QACjC,IAAA,cAAM,EAAC,8BAAC,kBAAQ,oBAAK,YAAY,EAAI,CAAC,CAAC;QAEvC,MAAM,CAAC,cAAM,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IAC1D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,8BAA8B,EAAE,GAAS,EAAE;QAC5C,IAAA,cAAM,EAAC,8BAAC,kBAAQ,oBAAK,YAAY,EAAI,CAAC,CAAC;QAEvC,MAAM,CAAC,cAAM,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC;QAEjE,oBAAS,CAAC,IAAI,CAAC,cAAM,CAAC,SAAS,CAAC,SAAS,CAAC,EAAE,WAAW,CAAC,CAAC;QACzD,MAAM,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,gBAAgB,EAAE,CAAC,CAAC;IAC/D,CAAC,CAAA,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/lib/ui/src/title/H1.js

@@ -3,15 +3,12 @@ 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 H1_styles_1 = require("./H1.styles");
-var Title_1 = require("./Title");
-var H1 = function (_a) {
-    var title = _a.title, color = _a.color, isAlternative = _a.isAlternative;
-    return (react_1.default.createElement(H1_styles_1.Layout, { isAlternative: isAlternative, color: color, dangerouslySetInnerHTML: {
-            __html: title
-        } }));
-};
+const react_1 = __importDefault(require("react"));
+const H1_styles_1 = require("./H1.styles");
+const Title_1 = require("./Title");
+const H1 = ({ title, color, isAlternative }) => (react_1.default.createElement(H1_styles_1.Layout, { isAlternative: isAlternative, color: color, dangerouslySetInnerHTML: {
+        __html: title
+    } }));
 H1.defaultProps = Title_1.TitleDefaultProps;
 exports.default = H1;
 //# sourceMappingURL=H1.js.map

package/lib/ui/src/title/H1.js.map

@@ -1 +1 @@
-{"version":3,"file":"H1.js","sourceRoot":"","sources":["../../../../packages/ui/src/title/H1.tsx"],"names":[],"mappings":";;;;;AAAA,gDAAkC;AAElC,yCAAqC;AACrC,iCAAwD;AAExD,IAAM,EAAE,GAAmB,UAAC,EAA+B;QAA7B,KAAK,WAAA,EAAE,KAAK,WAAA,EAAE,aAAa,mBAAA;IAAO,OAAA,CAC9D,8BAAC,kBAAM,IACL,aAAa,EAAE,aAAa,EAC5B,KAAK,EAAE,KAAK,EACZ,uBAAuB,EAAE;YACvB,MAAM,EAAE,KAAK;SACd,GACD,CACH;AAR+D,CAQ/D,CAAC;AAEF,EAAE,CAAC,YAAY,GAAG,yBAAiB,CAAC;AAEpC,kBAAe,EAAE,CAAC"}
+{"version":3,"file":"H1.js","sourceRoot":"","sources":["../../../../packages/ui/src/title/H1.tsx"],"names":[],"mappings":";;;;;AAAA,kDAAkC;AAElC,2CAAqC;AACrC,mCAAwD;AAExD,MAAM,EAAE,GAAmB,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,aAAa,EAAE,EAAE,EAAE,CAAC,CAC9D,8BAAC,kBAAM,IACL,aAAa,EAAE,aAAa,EAC5B,KAAK,EAAE,KAAK,EACZ,uBAAuB,EAAE;QACvB,MAAM,EAAE,KAAK;KACd,GACD,CACH,CAAC;AAEF,EAAE,CAAC,YAAY,GAAG,yBAAiB,CAAC;AAEpC,kBAAe,EAAE,CAAC"}

package/lib/ui/src/title/H1.styles.d.ts

@@ -1 +1,2 @@
-export declare const Layout: import("styled-components").StyledComponent<"h1", any, Pick<import("./Title").TitleProps, "color" | "isAlternative">, never>;
+import { TitleCSSProps } from './Title';
+export declare const Layout: import("styled-components").StyledComponent<"h1", any, TitleCSSProps, never>;

package/lib/ui/src/title/H1.styles.js

@@ -1,16 +1,14 @@
 "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 __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Layout = void 0;
-var styled_components_1 = __importDefault(require("styled-components"));
-var Title_1 = require("./Title");
-var Title_styles_1 = require("./Title.styles");
-exports.Layout = styled_components_1.default.h1(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", ";\n  ", ";\n"], ["\n  ", ";\n  ", ";\n"])), Title_styles_1.TitleLayout, Title_1.titles.h1);
-var templateObject_1;
+const styled_components_1 = __importDefault(require("styled-components"));
+const Title_1 = require("./Title");
+const Title_styles_1 = require("./Title.styles");
+exports.Layout = styled_components_1.default.h1 `
+  ${Title_styles_1.TitleLayout};
+  ${Title_1.titles.h1};
+`;
 //# sourceMappingURL=H1.styles.js.map

package/lib/ui/src/title/H1.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"H1.styles.js","sourceRoot":"","sources":["../../../../packages/ui/src/title/H1.styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAuC;AAEvC,iCAAgD;AAChD,+CAA6C;AAEhC,QAAA,MAAM,GAAG,2BAAM,CAAC,EAAE,yFAAe,MAC1C,EAAW,OACX,EAAS,KACZ,KAFG,0BAAW,EACX,cAAM,CAAC,EAAE,EACX"}
+{"version":3,"file":"H1.styles.js","sourceRoot":"","sources":["../../../../packages/ui/src/title/H1.styles.ts"],"names":[],"mappings":";;;;;;AAAA,0EAAuC;AAEvC,mCAAgD;AAChD,iDAA6C;AAEhC,QAAA,MAAM,GAAG,2BAAM,CAAC,EAAE,CAAe;IAC1C,0BAAW;IACX,cAAM,CAAC,EAAE;CACZ,CAAC"}

package/lib/ui/src/title/H1.test.js

@@ -3,12 +3,12 @@ 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_2 = require("@testing-library/react");
-var H1_1 = __importDefault(require("./H1"));
-describe('H1 component', function () {
-    it('should render component', function () {
-        react_2.render(react_1.default.createElement(H1_1.default, { title: 'title' }));
+const react_1 = __importDefault(require("react"));
+const react_2 = require("@testing-library/react");
+const H1_1 = __importDefault(require("./H1"));
+describe('H1 component', () => {
+    it('should render component', () => {
+        (0, react_2.render)(react_1.default.createElement(H1_1.default, { title: 'title' }));
         expect(react_2.screen.getByRole('heading', { level: 1 })).toBeInTheDocument();
     });
 });

package/lib/ui/src/title/H1.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"H1.test.js","sourceRoot":"","sources":["../../../../packages/ui/src/title/H1.test.tsx"],"names":[],"mappings":";;;;;AAAA,gDAA0B;AAE1B,gDAAwD;AAExD,4CAAsB;AAEtB,QAAQ,CAAC,cAAc,EAAE;IACvB,EAAE,CAAC,yBAAyB,EAAE;QAC5B,cAAM,CAAC,8BAAC,YAAE,IAAC,KAAK,EAAE,OAAO,GAAI,CAAC,CAAC;QAE/B,MAAM,CAAC,cAAM,CAAC,SAAS,CAAC,SAAS,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IACxE,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
+{"version":3,"file":"H1.test.js","sourceRoot":"","sources":["../../../../packages/ui/src/title/H1.test.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAE1B,kDAAwD;AAExD,8CAAsB;AAEtB,QAAQ,CAAC,cAAc,EAAE,GAAG,EAAE;IAC5B,EAAE,CAAC,yBAAyB,EAAE,GAAG,EAAE;QACjC,IAAA,cAAM,EAAC,8BAAC,YAAE,IAAC,KAAK,EAAE,OAAO,GAAI,CAAC,CAAC;QAE/B,MAAM,CAAC,cAAM,CAAC,SAAS,CAAC,SAAS,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IACxE,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/lib/ui/src/title/H2.js

@@ -3,15 +3,12 @@ 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 H2_styles_1 = require("./H2.styles");
-var Title_1 = require("./Title");
-var H2 = function (_a) {
-    var title = _a.title, color = _a.color, isAlternative = _a.isAlternative;
-    return (react_1.default.createElement(H2_styles_1.Layout, { isAlternative: isAlternative, color: color, dangerouslySetInnerHTML: {
-            __html: title
-        } }));
-};
+const react_1 = __importDefault(require("react"));
+const H2_styles_1 = require("./H2.styles");
+const Title_1 = require("./Title");
+const H2 = ({ title, color, isAlternative }) => (react_1.default.createElement(H2_styles_1.Layout, { isAlternative: isAlternative, color: color, dangerouslySetInnerHTML: {
+        __html: title
+    } }));
 H2.defaultProps = Title_1.TitleDefaultProps;
 exports.default = H2;
 //# sourceMappingURL=H2.js.map

package/lib/ui/src/title/H2.js.map

@@ -1 +1 @@
-{"version":3,"file":"H2.js","sourceRoot":"","sources":["../../../../packages/ui/src/title/H2.tsx"],"names":[],"mappings":";;;;;AAAA,gDAAkC;AAElC,yCAAqC;AACrC,iCAAwD;AAExD,IAAM,EAAE,GAAmB,UAAC,EAA+B;QAA7B,KAAK,WAAA,EAAE,KAAK,WAAA,EAAE,aAAa,mBAAA;IAAO,OAAA,CAC9D,8BAAC,kBAAM,IACL,aAAa,EAAE,aAAa,EAC5B,KAAK,EAAE,KAAK,EACZ,uBAAuB,EAAE;YACvB,MAAM,EAAE,KAAK;SACd,GACD,CACH;AAR+D,CAQ/D,CAAC;AAEF,EAAE,CAAC,YAAY,GAAG,yBAAiB,CAAC;AAEpC,kBAAe,EAAE,CAAC"}
+{"version":3,"file":"H2.js","sourceRoot":"","sources":["../../../../packages/ui/src/title/H2.tsx"],"names":[],"mappings":";;;;;AAAA,kDAAkC;AAElC,2CAAqC;AACrC,mCAAwD;AAExD,MAAM,EAAE,GAAmB,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,aAAa,EAAE,EAAE,EAAE,CAAC,CAC9D,8BAAC,kBAAM,IACL,aAAa,EAAE,aAAa,EAC5B,KAAK,EAAE,KAAK,EACZ,uBAAuB,EAAE;QACvB,MAAM,EAAE,KAAK;KACd,GACD,CACH,CAAC;AAEF,EAAE,CAAC,YAAY,GAAG,yBAAiB,CAAC;AAEpC,kBAAe,EAAE,CAAC"}

package/lib/ui/src/title/H2.styles.d.ts

@@ -1 +1,2 @@
-export declare const Layout: import("styled-components").StyledComponent<"h2", any, Pick<import("./Title").TitleProps, "color" | "isAlternative">, never>;
+import { TitleCSSProps } from './Title';
+export declare const Layout: import("styled-components").StyledComponent<"h2", any, TitleCSSProps, never>;

package/lib/ui/src/title/H2.styles.js

@@ -1,16 +1,14 @@
 "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 __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Layout = void 0;
-var styled_components_1 = __importDefault(require("styled-components"));
-var Title_1 = require("./Title");
-var Title_styles_1 = require("./Title.styles");
-exports.Layout = styled_components_1.default.h2(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", ";\n  ", ";\n"], ["\n  ", ";\n  ", ";\n"])), Title_styles_1.TitleLayout, Title_1.titles.h2);
-var templateObject_1;
+const styled_components_1 = __importDefault(require("styled-components"));
+const Title_1 = require("./Title");
+const Title_styles_1 = require("./Title.styles");
+exports.Layout = styled_components_1.default.h2 `
+  ${Title_styles_1.TitleLayout};
+  ${Title_1.titles.h2};
+`;
 //# sourceMappingURL=H2.styles.js.map

package/lib/ui/src/title/H2.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"H2.styles.js","sourceRoot":"","sources":["../../../../packages/ui/src/title/H2.styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAuC;AAEvC,iCAAgD;AAChD,+CAA6C;AAEhC,QAAA,MAAM,GAAG,2BAAM,CAAC,EAAE,yFAAe,MAC1C,EAAW,OACX,EAAS,KACZ,KAFG,0BAAW,EACX,cAAM,CAAC,EAAE,EACX"}
+{"version":3,"file":"H2.styles.js","sourceRoot":"","sources":["../../../../packages/ui/src/title/H2.styles.ts"],"names":[],"mappings":";;;;;;AAAA,0EAAuC;AAEvC,mCAAgD;AAChD,iDAA6C;AAEhC,QAAA,MAAM,GAAG,2BAAM,CAAC,EAAE,CAAe;IAC1C,0BAAW;IACX,cAAM,CAAC,EAAE;CACZ,CAAC"}

package/lib/ui/src/title/H2.test.js

@@ -3,12 +3,12 @@ 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_2 = require("@testing-library/react");
-var H2_1 = __importDefault(require("./H2"));
-describe('H2 component', function () {
-    it('should render component', function () {
-        react_2.render(react_1.default.createElement(H2_1.default, { title: 'title' }));
+const react_1 = __importDefault(require("react"));
+const react_2 = require("@testing-library/react");
+const H2_1 = __importDefault(require("./H2"));
+describe('H2 component', () => {
+    it('should render component', () => {
+        (0, react_2.render)(react_1.default.createElement(H2_1.default, { title: 'title' }));
         expect(react_2.screen.getByRole('heading', { level: 2 })).toBeInTheDocument();
     });
 });

package/lib/ui/src/title/H2.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"H2.test.js","sourceRoot":"","sources":["../../../../packages/ui/src/title/H2.test.tsx"],"names":[],"mappings":";;;;;AAAA,gDAA0B;AAE1B,gDAAwD;AAExD,4CAAsB;AAEtB,QAAQ,CAAC,cAAc,EAAE;IACvB,EAAE,CAAC,yBAAyB,EAAE;QAC5B,cAAM,CAAC,8BAAC,YAAE,IAAC,KAAK,EAAE,OAAO,GAAI,CAAC,CAAC;QAE/B,MAAM,CAAC,cAAM,CAAC,SAAS,CAAC,SAAS,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IACxE,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
+{"version":3,"file":"H2.test.js","sourceRoot":"","sources":["../../../../packages/ui/src/title/H2.test.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAE1B,kDAAwD;AAExD,8CAAsB;AAEtB,QAAQ,CAAC,cAAc,EAAE,GAAG,EAAE;IAC5B,EAAE,CAAC,yBAAyB,EAAE,GAAG,EAAE;QACjC,IAAA,cAAM,EAAC,8BAAC,YAAE,IAAC,KAAK,EAAE,OAAO,GAAI,CAAC,CAAC;QAE/B,MAAM,CAAC,cAAM,CAAC,SAAS,CAAC,SAAS,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IACxE,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/lib/ui/src/title/H3.js

@@ -1,28 +1,14 @@
 "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 __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 H3_styles_1 = require("./H3.styles");
-var Title_1 = require("./Title");
-var H3 = function (_a) {
-    var title = _a.title, color = _a.color, isAlternative = _a.isAlternative;
-    return (react_1.default.createElement(H3_styles_1.Layout, { isAlternative: isAlternative, color: color, dangerouslySetInnerHTML: {
-            __html: title
-        } }));
-};
-H3.defaultProps = __assign(__assign({}, Title_1.TitleDefaultProps), { isAlternative: true });
+const react_1 = __importDefault(require("react"));
+const H3_styles_1 = require("./H3.styles");
+const Title_1 = require("./Title");
+const H3 = ({ title, color, isAlternative }) => (react_1.default.createElement(H3_styles_1.Layout, { isAlternative: isAlternative, color: color, dangerouslySetInnerHTML: {
+        __html: title
+    } }));
+H3.defaultProps = Object.assign(Object.assign({}, Title_1.TitleDefaultProps), { isAlternative: true });
 exports.default = H3;
 //# sourceMappingURL=H3.js.map

package/lib/ui/src/title/H3.js.map

@@ -1 +1 @@
-{"version":3,"file":"H3.js","sourceRoot":"","sources":["../../../../packages/ui/src/title/H3.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,gDAAkC;AAElC,yCAAqC;AACrC,iCAAwD;AAExD,IAAM,EAAE,GAAmB,UAAC,EAA+B;QAA7B,KAAK,WAAA,EAAE,KAAK,WAAA,EAAE,aAAa,mBAAA;IAAO,OAAA,CAC9D,8BAAC,kBAAM,IACL,aAAa,EAAE,aAAa,EAC5B,KAAK,EAAE,KAAK,EACZ,uBAAuB,EAAE;YACvB,MAAM,EAAE,KAAK;SACd,GACD,CACH;AAR+D,CAQ/D,CAAC;AAEF,EAAE,CAAC,YAAY,yBAAQ,yBAAiB,KAAE,aAAa,EAAE,IAAI,GAAE,CAAC;AAEhE,kBAAe,EAAE,CAAC"}
+{"version":3,"file":"H3.js","sourceRoot":"","sources":["../../../../packages/ui/src/title/H3.tsx"],"names":[],"mappings":";;;;;AAAA,kDAAkC;AAElC,2CAAqC;AACrC,mCAAwD;AAExD,MAAM,EAAE,GAAmB,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,aAAa,EAAE,EAAE,EAAE,CAAC,CAC9D,8BAAC,kBAAM,IACL,aAAa,EAAE,aAAa,EAC5B,KAAK,EAAE,KAAK,EACZ,uBAAuB,EAAE;QACvB,MAAM,EAAE,KAAK;KACd,GACD,CACH,CAAC;AAEF,EAAE,CAAC,YAAY,mCAAQ,yBAAiB,KAAE,aAAa,EAAE,IAAI,GAAE,CAAC;AAEhE,kBAAe,EAAE,CAAC"}

package/lib/ui/src/title/H3.styles.d.ts

@@ -1 +1,2 @@
-export declare const Layout: import("styled-components").StyledComponent<"h3", any, Pick<import("./Title").TitleProps, "color" | "isAlternative">, never>;
+import { TitleCSSProps } from './Title';
+export declare const Layout: import("styled-components").StyledComponent<"h3", any, TitleCSSProps, never>;

package/lib/ui/src/title/H3.styles.js

@@ -1,16 +1,14 @@
 "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 __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Layout = void 0;
-var styled_components_1 = __importDefault(require("styled-components"));
-var Title_1 = require("./Title");
-var Title_styles_1 = require("./Title.styles");
-exports.Layout = styled_components_1.default.h3(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", ";\n  ", ";\n"], ["\n  ", ";\n  ", ";\n"])), Title_styles_1.TitleLayout, Title_1.titles.h3);
-var templateObject_1;
+const styled_components_1 = __importDefault(require("styled-components"));
+const Title_1 = require("./Title");
+const Title_styles_1 = require("./Title.styles");
+exports.Layout = styled_components_1.default.h3 `
+  ${Title_styles_1.TitleLayout};
+  ${Title_1.titles.h3};
+`;
 //# sourceMappingURL=H3.styles.js.map

package/lib/ui/src/title/H3.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"H3.styles.js","sourceRoot":"","sources":["../../../../packages/ui/src/title/H3.styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAuC;AAEvC,iCAAgD;AAChD,+CAA6C;AAEhC,QAAA,MAAM,GAAG,2BAAM,CAAC,EAAE,yFAAe,MAC1C,EAAW,OACX,EAAS,KACZ,KAFG,0BAAW,EACX,cAAM,CAAC,EAAE,EACX"}
+{"version":3,"file":"H3.styles.js","sourceRoot":"","sources":["../../../../packages/ui/src/title/H3.styles.ts"],"names":[],"mappings":";;;;;;AAAA,0EAAuC;AAEvC,mCAAgD;AAChD,iDAA6C;AAEhC,QAAA,MAAM,GAAG,2BAAM,CAAC,EAAE,CAAe;IAC1C,0BAAW;IACX,cAAM,CAAC,EAAE;CACZ,CAAC"}

package/lib/ui/src/title/H3.test.js

@@ -3,12 +3,12 @@ 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_2 = require("@testing-library/react");
-var H3_1 = __importDefault(require("./H3"));
-describe('H3 component', function () {
-    it('should render component', function () {
-        react_2.render(react_1.default.createElement(H3_1.default, { title: 'title' }));
+const react_1 = __importDefault(require("react"));
+const react_2 = require("@testing-library/react");
+const H3_1 = __importDefault(require("./H3"));
+describe('H3 component', () => {
+    it('should render component', () => {
+        (0, react_2.render)(react_1.default.createElement(H3_1.default, { title: 'title' }));
         expect(react_2.screen.getByRole('heading', { level: 3 })).toBeInTheDocument();
     });
 });

package/lib/ui/src/title/H3.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"H3.test.js","sourceRoot":"","sources":["../../../../packages/ui/src/title/H3.test.tsx"],"names":[],"mappings":";;;;;AAAA,gDAA0B;AAE1B,gDAAwD;AAExD,4CAAsB;AAEtB,QAAQ,CAAC,cAAc,EAAE;IACvB,EAAE,CAAC,yBAAyB,EAAE;QAC5B,cAAM,CAAC,8BAAC,YAAE,IAAC,KAAK,EAAE,OAAO,GAAI,CAAC,CAAC;QAE/B,MAAM,CAAC,cAAM,CAAC,SAAS,CAAC,SAAS,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IACxE,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
+{"version":3,"file":"H3.test.js","sourceRoot":"","sources":["../../../../packages/ui/src/title/H3.test.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAE1B,kDAAwD;AAExD,8CAAsB;AAEtB,QAAQ,CAAC,cAAc,EAAE,GAAG,EAAE;IAC5B,EAAE,CAAC,yBAAyB,EAAE,GAAG,EAAE;QACjC,IAAA,cAAM,EAAC,8BAAC,YAAE,IAAC,KAAK,EAAE,OAAO,GAAI,CAAC,CAAC;QAE/B,MAAM,CAAC,cAAM,CAAC,SAAS,CAAC,SAAS,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IACxE,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/lib/ui/src/title/H4.js

@@ -3,15 +3,12 @@ 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 H4_styles_1 = require("./H4.styles");
-var Title_1 = require("./Title");
-var H4 = function (_a) {
-    var title = _a.title, color = _a.color, isAlternative = _a.isAlternative;
-    return (react_1.default.createElement(H4_styles_1.Layout, { isAlternative: isAlternative, color: color, dangerouslySetInnerHTML: {
-            __html: title
-        } }));
-};
+const react_1 = __importDefault(require("react"));
+const H4_styles_1 = require("./H4.styles");
+const Title_1 = require("./Title");
+const H4 = ({ title, color, isAlternative }) => (react_1.default.createElement(H4_styles_1.Layout, { isAlternative: isAlternative, color: color, dangerouslySetInnerHTML: {
+        __html: title
+    } }));
 H4.defaultProps = Title_1.TitleDefaultProps;
 exports.default = H4;
 //# sourceMappingURL=H4.js.map

package/lib/ui/src/title/H4.js.map

@@ -1 +1 @@
-{"version":3,"file":"H4.js","sourceRoot":"","sources":["../../../../packages/ui/src/title/H4.tsx"],"names":[],"mappings":";;;;;AAAA,gDAAkC;AAElC,yCAAqC;AACrC,iCAAwD;AAExD,IAAM,EAAE,GAAmB,UAAC,EAA+B;QAA7B,KAAK,WAAA,EAAE,KAAK,WAAA,EAAE,aAAa,mBAAA;IAAO,OAAA,CAC9D,8BAAC,kBAAM,IACL,aAAa,EAAE,aAAa,EAC5B,KAAK,EAAE,KAAK,EACZ,uBAAuB,EAAE;YACvB,MAAM,EAAE,KAAK;SACd,GACD,CACH;AAR+D,CAQ/D,CAAC;AAEF,EAAE,CAAC,YAAY,GAAG,yBAAiB,CAAC;AAEpC,kBAAe,EAAE,CAAC"}
+{"version":3,"file":"H4.js","sourceRoot":"","sources":["../../../../packages/ui/src/title/H4.tsx"],"names":[],"mappings":";;;;;AAAA,kDAAkC;AAElC,2CAAqC;AACrC,mCAAwD;AAExD,MAAM,EAAE,GAAmB,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,aAAa,EAAE,EAAE,EAAE,CAAC,CAC9D,8BAAC,kBAAM,IACL,aAAa,EAAE,aAAa,EAC5B,KAAK,EAAE,KAAK,EACZ,uBAAuB,EAAE;QACvB,MAAM,EAAE,KAAK;KACd,GACD,CACH,CAAC;AAEF,EAAE,CAAC,YAAY,GAAG,yBAAiB,CAAC;AAEpC,kBAAe,EAAE,CAAC"}

package/lib/ui/src/title/H4.styles.d.ts

@@ -1 +1,2 @@
-export declare const Layout: import("styled-components").StyledComponent<"h4", any, Pick<import("./Title").TitleProps, "color" | "isAlternative">, never>;
+import { TitleCSSProps } from './Title';
+export declare const Layout: import("styled-components").StyledComponent<"h4", any, TitleCSSProps, never>;

package/lib/ui/src/title/H4.styles.js

@@ -1,16 +1,14 @@
 "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 __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Layout = void 0;
-var styled_components_1 = __importDefault(require("styled-components"));
-var Title_1 = require("./Title");
-var Title_styles_1 = require("./Title.styles");
-exports.Layout = styled_components_1.default.h4(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", ";\n  ", ";\n"], ["\n  ", ";\n  ", ";\n"])), Title_styles_1.TitleLayout, Title_1.titles.h4);
-var templateObject_1;
+const styled_components_1 = __importDefault(require("styled-components"));
+const Title_1 = require("./Title");
+const Title_styles_1 = require("./Title.styles");
+exports.Layout = styled_components_1.default.h4 `
+  ${Title_styles_1.TitleLayout};
+  ${Title_1.titles.h4};
+`;
 //# sourceMappingURL=H4.styles.js.map

package/lib/ui/src/title/H4.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"H4.styles.js","sourceRoot":"","sources":["../../../../packages/ui/src/title/H4.styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAuC;AAEvC,iCAAgD;AAChD,+CAA6C;AAEhC,QAAA,MAAM,GAAG,2BAAM,CAAC,EAAE,yFAAe,MAC1C,EAAW,OACX,EAAS,KACZ,KAFG,0BAAW,EACX,cAAM,CAAC,EAAE,EACX"}
+{"version":3,"file":"H4.styles.js","sourceRoot":"","sources":["../../../../packages/ui/src/title/H4.styles.ts"],"names":[],"mappings":";;;;;;AAAA,0EAAuC;AAEvC,mCAAgD;AAChD,iDAA6C;AAEhC,QAAA,MAAM,GAAG,2BAAM,CAAC,EAAE,CAAe;IAC1C,0BAAW;IACX,cAAM,CAAC,EAAE;CACZ,CAAC"}

package/lib/ui/src/title/H4.test.js

@@ -3,12 +3,12 @@ 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_2 = require("@testing-library/react");
-var H4_1 = __importDefault(require("./H4"));
-describe('H4 component', function () {
-    it('should render component', function () {
-        react_2.render(react_1.default.createElement(H4_1.default, { title: 'title' }));
+const react_1 = __importDefault(require("react"));
+const react_2 = require("@testing-library/react");
+const H4_1 = __importDefault(require("./H4"));
+describe('H4 component', () => {
+    it('should render component', () => {
+        (0, react_2.render)(react_1.default.createElement(H4_1.default, { title: 'title' }));
         expect(react_2.screen.getByRole('heading', { level: 4 })).toBeInTheDocument();
     });
 });