oolib 2.132.7 → 2.133.0

package/dist/v2/components/Typo2/index.js

@@ -0,0 +1,127 @@
+"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 __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TypoV2ClassesProvider = exports.CONTENT_BODY_POSTIT = exports.CONTENT_TITLE_POSTIT = exports.CONTENT_QUOTE = exports.CONTENT_BODY_BOLD_ITALIC = exports.CONTENT_BODY_ITALIC = exports.CONTENT_BODY_BOLD = exports.CONTENT_BODY = exports.CONTENT_H3 = exports.CONTENT_H2 = exports.CONTENT_H1 = exports.UI_STAT_SM = exports.UI_STAT_LG = exports.UI_HELPTEXT = exports.UI_TAG = exports.UI_CAPTION = exports.UI_PARAGRAPH_BOLD = exports.UI_PARAGRAPH = exports.UI_BODY_BOLD = exports.UI_BODY = exports.UI_CARDTITLE_BOLD = exports.UI_CARDTITLE = exports.UI_TITLE_SM = exports.UI_TITLE = exports.UI_HEADLINE_SM = exports.UI_HEADLINE = exports.UI_DISPLAY = void 0;
+var react_1 = __importDefault(require("react"));
+var index_styled_1 = require("./index.styled");
+var utilsOolib_1 = require("../../../utilsOolib");
+var fontSetting = {
+    // these commented as new implementation has these styles as components (comp_bold, comp_medium, etc) 
+    // originally it was prop controlled in v1 typo
+    // bold: { type: 'fontWeight', value: 'bold' },
+    // light: { type: 'fontWeight', value: '300' },
+    // medium: { type: 'fontWeight', value: '500' },
+    // semibold: { type: 'fontWeight', value: '600' },
+    // extrabold: { type: 'fontWeight', value: '800' },
+    // italic: { type: 'fontStyle', value: 'italic' },
+    overline: { type: 'textDecoration', value: 'overline' },
+    linethrough: { type: 'textDecoration', value: 'line-through' },
+    underline: { type: 'textDecoration', value: 'underline' },
+    capitalize: { type: 'textTransform', value: 'capitalize' },
+    uppercase: { type: 'textTransform', value: 'uppercase' },
+    lowercase: { type: 'textTransform', value: 'lowercase' },
+};
+var genFontStylingProps = function (props) {
+    var _a;
+    var newProps = {};
+    for (var i in props) {
+        var type = (_a = fontSetting[i]) === null || _a === void 0 ? void 0 : _a.type;
+        if (!type) {
+            continue;
+        }
+        var value = props[i] ? fontSetting[i].value : undefined;
+        newProps[type] = value;
+    }
+    return newProps;
+};
+var GenComp = function (_a) {
+    var props = _a.props, Comp = _a.Comp;
+    var localize = (0, utilsOolib_1.useLocale)();
+    console.log({ props: props });
+    var value = props.value, suffix = props.suffix, color = props.color, children = props.children, theme = props.theme, style = props.style, className = props.className, restProps = __rest(props, ["value", "suffix", "color", "children", "theme", "style", "className"]);
+    var displayText = children || value;
+    var localText = localize(displayText);
+    console.log({ kljnflkajnfasF: genFontStylingProps(restProps) });
+    return (react_1.default.createElement(Comp, __assign({}, genFontStylingProps(restProps), { color: color, className: className, style: style }),
+        localText,
+        " ",
+        suffix || ''));
+};
+var UI_DISPLAY = function (props) { return react_1.default.createElement(GenComp, { props: props, Comp: index_styled_1.UI_DISPLAY_STYLED }); };
+exports.UI_DISPLAY = UI_DISPLAY;
+var UI_HEADLINE = function (props) { return react_1.default.createElement(GenComp, { props: props, Comp: index_styled_1.UI_HEADLINE_STYLED }); };
+exports.UI_HEADLINE = UI_HEADLINE;
+var UI_HEADLINE_SM = function (props) { return react_1.default.createElement(GenComp, { props: props, Comp: index_styled_1.UI_HEADLINE_SM_STYLED }); };
+exports.UI_HEADLINE_SM = UI_HEADLINE_SM;
+var UI_TITLE = function (props) { return react_1.default.createElement(GenComp, { props: props, Comp: index_styled_1.UI_TITLE_STYLED }); };
+exports.UI_TITLE = UI_TITLE;
+var UI_TITLE_SM = function (props) { return react_1.default.createElement(GenComp, { props: props, Comp: index_styled_1.UI_TITLE_SM_STYLED }); };
+exports.UI_TITLE_SM = UI_TITLE_SM;
+var UI_CARDTITLE = function (props) { return react_1.default.createElement(GenComp, { props: props, Comp: index_styled_1.UI_CARDTITLE_STYLED }); };
+exports.UI_CARDTITLE = UI_CARDTITLE;
+var UI_CARDTITLE_BOLD = function (props) { return react_1.default.createElement(GenComp, { props: props, Comp: index_styled_1.UI_CARDTITLE_BOLD_STYLED }); };
+exports.UI_CARDTITLE_BOLD = UI_CARDTITLE_BOLD;
+var UI_BODY = function (props) { return react_1.default.createElement(GenComp, { props: props, Comp: index_styled_1.UI_BODY_STYLED }); };
+exports.UI_BODY = UI_BODY;
+var UI_BODY_BOLD = function (props) { return react_1.default.createElement(GenComp, { props: props, Comp: index_styled_1.UI_BODY_BOLD_STYLED }); };
+exports.UI_BODY_BOLD = UI_BODY_BOLD;
+var UI_PARAGRAPH = function (props) { return react_1.default.createElement(GenComp, { props: props, Comp: index_styled_1.UI_PARAGRAPH_STYLED }); };
+exports.UI_PARAGRAPH = UI_PARAGRAPH;
+var UI_PARAGRAPH_BOLD = function (props) { return react_1.default.createElement(GenComp, { props: props, Comp: index_styled_1.UI_PARAGRAPH_BOLD_STYLED }); };
+exports.UI_PARAGRAPH_BOLD = UI_PARAGRAPH_BOLD;
+var UI_CAPTION = function (props) { return react_1.default.createElement(GenComp, { props: props, Comp: index_styled_1.UI_CAPTION_STYLED }); };
+exports.UI_CAPTION = UI_CAPTION;
+var UI_TAG = function (props) { return react_1.default.createElement(GenComp, { props: props, Comp: index_styled_1.UI_TAG_STYLED }); };
+exports.UI_TAG = UI_TAG;
+var UI_HELPTEXT = function (props) { return react_1.default.createElement(GenComp, { props: props, Comp: index_styled_1.UI_HELPTEXT_STYLED }); };
+exports.UI_HELPTEXT = UI_HELPTEXT;
+var UI_STAT_LG = function (props) { return react_1.default.createElement(GenComp, { props: props, Comp: index_styled_1.UI_STAT_LG_STYLED }); };
+exports.UI_STAT_LG = UI_STAT_LG;
+var UI_STAT_SM = function (props) { return react_1.default.createElement(GenComp, { props: props, Comp: index_styled_1.UI_STAT_SM_STYLED }); };
+exports.UI_STAT_SM = UI_STAT_SM;
+var CONTENT_H1 = function (props) { return react_1.default.createElement(GenComp, { props: props, Comp: index_styled_1.CONTENT_H1_STYLED }); };
+exports.CONTENT_H1 = CONTENT_H1;
+var CONTENT_H2 = function (props) { return react_1.default.createElement(GenComp, { props: props, Comp: index_styled_1.CONTENT_H2_STYLED }); };
+exports.CONTENT_H2 = CONTENT_H2;
+var CONTENT_H3 = function (props) { return react_1.default.createElement(GenComp, { props: props, Comp: index_styled_1.CONTENT_H3_STYLED }); };
+exports.CONTENT_H3 = CONTENT_H3;
+var CONTENT_BODY = function (props) { return react_1.default.createElement(GenComp, { props: props, Comp: index_styled_1.CONTENT_BODY_STYLED }); };
+exports.CONTENT_BODY = CONTENT_BODY;
+var CONTENT_BODY_BOLD = function (props) { return react_1.default.createElement(GenComp, { props: props, Comp: index_styled_1.CONTENT_BODY_BOLD_STYLED }); };
+exports.CONTENT_BODY_BOLD = CONTENT_BODY_BOLD;
+var CONTENT_BODY_ITALIC = function (props) { return react_1.default.createElement(GenComp, { props: props, Comp: index_styled_1.CONTENT_BODY_ITALIC_STYLED }); };
+exports.CONTENT_BODY_ITALIC = CONTENT_BODY_ITALIC;
+var CONTENT_BODY_BOLD_ITALIC = function (props) { return react_1.default.createElement(GenComp, { props: props, Comp: index_styled_1.CONTENT_BODY_BOLD_ITALIC_STYLED }); };
+exports.CONTENT_BODY_BOLD_ITALIC = CONTENT_BODY_BOLD_ITALIC;
+var CONTENT_QUOTE = function (props) { return react_1.default.createElement(GenComp, { props: props, Comp: index_styled_1.CONTENT_QUOTE_STYLED }); };
+exports.CONTENT_QUOTE = CONTENT_QUOTE;
+var CONTENT_TITLE_POSTIT = function (props) { return react_1.default.createElement(GenComp, { props: props, Comp: index_styled_1.CONTENT_TITLE_POSTIT_STYLED }); };
+exports.CONTENT_TITLE_POSTIT = CONTENT_TITLE_POSTIT;
+var CONTENT_BODY_POSTIT = function (props) { return react_1.default.createElement(GenComp, { props: props, Comp: index_styled_1.CONTENT_BODY_POSTIT_STYLED }); };
+exports.CONTENT_BODY_POSTIT = CONTENT_BODY_POSTIT;
+var TypoV2ClassesProvider = function (props) { return (react_1.default.createElement(index_styled_1.TYPO_V2_CLASSES, __assign({}, props))); };
+exports.TypoV2ClassesProvider = TypoV2ClassesProvider;

package/dist/v2/components/Typo2/index.styled.d.ts

@@ -0,0 +1,31 @@
+export declare const UI_DISPLAY_STYLED: import("styled-components").StyledComponent<"h6", any, {}, never>;
+export declare const UI_HEADLINE_STYLED: import("styled-components").StyledComponent<"h5", any, {}, never>;
+export declare const UI_HEADLINE_SM_STYLED: import("styled-components").StyledComponent<"h4", any, {}, never>;
+export declare const UI_TITLE_STYLED: import("styled-components").StyledComponent<"h3", any, {}, never>;
+export declare const UI_TITLE_SM_STYLED: import("styled-components").StyledComponent<"h1", any, {}, never>;
+export declare const UI_CARDTITLE_STYLED: import("styled-components").StyledComponent<"h3", any, {}, never>;
+export declare const UI_CARDTITLE_BOLD_STYLED: import("styled-components").StyledComponent<"h3", any, {}, never>;
+export declare const UI_BODY_STYLED: import("styled-components").StyledComponent<"p", any, {}, never>;
+export declare const UI_BODY_BOLD_STYLED: import("styled-components").StyledComponent<"p", any, {}, never>;
+export declare const UI_PARAGRAPH_STYLED: import("styled-components").StyledComponent<"p", any, {}, never>;
+export declare const UI_PARAGRAPH_BOLD_STYLED: import("styled-components").StyledComponent<"p", any, {}, never>;
+export declare const UI_CAPTION_STYLED: import("styled-components").StyledComponent<"p", any, {}, never>;
+export declare const UI_TAG_STYLED: import("styled-components").StyledComponent<"p", any, {}, never>;
+export declare const UI_HELPTEXT_STYLED: import("styled-components").StyledComponent<"p", any, {}, never>;
+export declare const UI_STAT_LG_STYLED: import("styled-components").StyledComponent<"h2", any, {}, never>;
+export declare const UI_STAT_SM_STYLED: import("styled-components").StyledComponent<"h3", any, {}, never>;
+export declare const CONTENT_H1_STYLED: import("styled-components").StyledComponent<"h4", any, {}, never>;
+export declare const CONTENT_H2_STYLED: import("styled-components").StyledComponent<"h2", any, {}, never>;
+export declare const CONTENT_H3_STYLED: import("styled-components").StyledComponent<"h1", any, {}, never>;
+export declare const CONTENT_BODY_STYLED: import("styled-components").StyledComponent<"p", any, {}, never>;
+export declare const CONTENT_BODY_BOLD_STYLED: import("styled-components").StyledComponent<"p", any, {}, never>;
+export declare const CONTENT_BODY_ITALIC_STYLED: import("styled-components").StyledComponent<"p", any, {}, never>;
+export declare const CONTENT_BODY_BOLD_ITALIC_STYLED: import("styled-components").StyledComponent<"p", any, {}, never>;
+export declare const CONTENT_QUOTE_STYLED: import("styled-components").StyledComponent<"p", any, {}, never>;
+export declare const CONTENT_TITLE_POSTIT_STYLED: import("styled-components").StyledComponent<"p", any, {}, never>;
+export declare const CONTENT_BODY_POSTIT_STYLED: import("styled-components").StyledComponent<"p", any, {}, never>;
+export interface TypoClassesProviderProps {
+    color?: string;
+    [key: string]: any;
+}
+export declare const TYPO_V2_CLASSES: import("styled-components").StyledComponent<"div", any, TypoClassesProviderProps, never>;

package/dist/v2/components/Typo2/index.styled.js

@@ -0,0 +1,40 @@
+"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.TYPO_V2_CLASSES = exports.CONTENT_BODY_POSTIT_STYLED = exports.CONTENT_TITLE_POSTIT_STYLED = exports.CONTENT_QUOTE_STYLED = exports.CONTENT_BODY_BOLD_ITALIC_STYLED = exports.CONTENT_BODY_ITALIC_STYLED = exports.CONTENT_BODY_BOLD_STYLED = exports.CONTENT_BODY_STYLED = exports.CONTENT_H3_STYLED = exports.CONTENT_H2_STYLED = exports.CONTENT_H1_STYLED = exports.UI_STAT_SM_STYLED = exports.UI_STAT_LG_STYLED = exports.UI_HELPTEXT_STYLED = exports.UI_TAG_STYLED = exports.UI_CAPTION_STYLED = exports.UI_PARAGRAPH_BOLD_STYLED = exports.UI_PARAGRAPH_STYLED = exports.UI_BODY_BOLD_STYLED = exports.UI_BODY_STYLED = exports.UI_CARDTITLE_BOLD_STYLED = exports.UI_CARDTITLE_STYLED = exports.UI_TITLE_SM_STYLED = exports.UI_TITLE_STYLED = exports.UI_HEADLINE_SM_STYLED = exports.UI_HEADLINE_STYLED = exports.UI_DISPLAY_STYLED = void 0;
+var styled_components_1 = __importDefault(require("styled-components"));
+var typo_1 = require("../../themes/typo");
+exports.UI_DISPLAY_STYLED = styled_components_1.default.h6(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), typo_1.typo.UI_DISPLAY);
+exports.UI_HEADLINE_STYLED = styled_components_1.default.h5(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), typo_1.typo.UI_HEADLINE);
+exports.UI_HEADLINE_SM_STYLED = styled_components_1.default.h4(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), typo_1.typo.UI_HEADLINE_SM);
+exports.UI_TITLE_STYLED = styled_components_1.default.h3(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), typo_1.typo.UI_TITLE);
+exports.UI_TITLE_SM_STYLED = styled_components_1.default.h1(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), typo_1.typo.UI_TITLE_SM);
+exports.UI_CARDTITLE_STYLED = styled_components_1.default.h3(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), typo_1.typo.UI_CARDTITLE);
+exports.UI_CARDTITLE_BOLD_STYLED = styled_components_1.default.h3(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), typo_1.typo.UI_CARDTITLE_BOLD);
+exports.UI_BODY_STYLED = styled_components_1.default.p(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), typo_1.typo.UI_BODY);
+exports.UI_BODY_BOLD_STYLED = styled_components_1.default.p(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  ", "\n  "], ["\n  ", "\n  "])), typo_1.typo.UI_BODY_BOLD);
+exports.UI_PARAGRAPH_STYLED = styled_components_1.default.p(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), typo_1.typo.UI_PARAGRAPH);
+exports.UI_PARAGRAPH_BOLD_STYLED = styled_components_1.default.p(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), typo_1.typo.UI_PARAGRAPH_BOLD);
+exports.UI_CAPTION_STYLED = styled_components_1.default.p(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), typo_1.typo.UI_CAPTION);
+exports.UI_TAG_STYLED = styled_components_1.default.p(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), typo_1.typo.UI_TAG);
+exports.UI_HELPTEXT_STYLED = styled_components_1.default.p(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), typo_1.typo.UI_HELPTEXT);
+exports.UI_STAT_LG_STYLED = styled_components_1.default.h2(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), typo_1.typo.UI_STAT_LG);
+exports.UI_STAT_SM_STYLED = styled_components_1.default.h3(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), typo_1.typo.UI_STAT_SM);
+exports.CONTENT_H1_STYLED = styled_components_1.default.h4(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n  ", "  \n  "], ["\n  ", "  \n  "])), typo_1.typo.CONTENT_H1);
+exports.CONTENT_H2_STYLED = styled_components_1.default.h2(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n  ", "  \n"], ["\n  ", "  \n"])), typo_1.typo.CONTENT_H2);
+exports.CONTENT_H3_STYLED = styled_components_1.default.h1(templateObject_19 || (templateObject_19 = __makeTemplateObject(["\n  ", "  \n"], ["\n  ", "  \n"])), typo_1.typo.CONTENT_H3);
+exports.CONTENT_BODY_STYLED = styled_components_1.default.p(templateObject_20 || (templateObject_20 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), typo_1.typo.CONTENT_BODY);
+exports.CONTENT_BODY_BOLD_STYLED = styled_components_1.default.p(templateObject_21 || (templateObject_21 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), typo_1.typo.CONTENT_BODY_BOLD);
+exports.CONTENT_BODY_ITALIC_STYLED = styled_components_1.default.p(templateObject_22 || (templateObject_22 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), typo_1.typo.CONTENT_BODY_ITALIC);
+exports.CONTENT_BODY_BOLD_ITALIC_STYLED = styled_components_1.default.p(templateObject_23 || (templateObject_23 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), typo_1.typo.CONTENT_BODY_BOLD_ITALIC);
+exports.CONTENT_QUOTE_STYLED = styled_components_1.default.p(templateObject_24 || (templateObject_24 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), typo_1.typo.CONTENT_QUOTE);
+exports.CONTENT_TITLE_POSTIT_STYLED = styled_components_1.default.p(templateObject_25 || (templateObject_25 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), typo_1.typo.CONTENT_TITLE_POSTIT);
+exports.CONTENT_BODY_POSTIT_STYLED = styled_components_1.default.p(templateObject_26 || (templateObject_26 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), typo_1.typo.CONTENT_BODY_POSTIT);
+exports.TYPO_V2_CLASSES = styled_components_1.default.div(templateObject_27 || (templateObject_27 = __makeTemplateObject(["\n  .UI_DISPLAY {\n    ", "\n  }\n\n  .UI_HEADLINE {\n    ", "\n  }\n\n  .UI_HEADLINE_SM {\n    ", "\n  }\n\n  .UI_TITLE {\n    ", "\n  }\n\n\n  .UI_TITLE_SM {\n    ", "\n  }\n\n  .UI_CARDTITLE {\n    ", "\n  }\n  \n  .UI_CARDTITLE_BOLD {\n    ", "\n  }\n\n  .UI_BODY {\n    ", "\n  }\n\n\n  .UI_BODY_BOLD {\n    ", "\n  }\n\n  .UI_PARAGRAPH {\n    ", "\n  }\n\n  .UI_PARAGRAPH_BOLD {\n    ", "\n  }\n\n  .UI_CAPTION {\n    ", "\n  }\n\n  \n  .UI_TAG {\n    ", "\n  }\n  \n  .UI_HELPTEXT {\n    ", "\n  }\n\n  .UI_STAT_LG {\n    ", "\n  }\n\n  .UI_STAT_SM {\n    ", "\n  }\n\n\n  .CONTENT_H1 {\n    ", "\n  }\n  .CONTENT_H2 {\n    ", "\n  }\n  .CONTENT_H3 {\n    ", "\n  }\n  .CONTENT_BODY {\n    ", "\n  }\n\n  .CONTENT_BODY_BOLD {\n    ", "\n  }\n  .CONTENT_BODY_ITALIC {\n    ", "\n  }\n  .CONTENT_BODY_BOLD_ITALIC {\n    ", "\n  }\n  .CONTENT_QUOTE {\n    ", "\n  }\n\n  .CONTENT_TITLE_POSTIT {\n    ", "\n  }\n  .CONTENT_BODY_POSTIT {\n    ", "\n  }\n"], ["\n  .UI_DISPLAY {\n    ", "\n  }\n\n  .UI_HEADLINE {\n    ", "\n  }\n\n  .UI_HEADLINE_SM {\n    ", "\n  }\n\n  .UI_TITLE {\n    ", "\n  }\n\n\n  .UI_TITLE_SM {\n    ", "\n  }\n\n  .UI_CARDTITLE {\n    ", "\n  }\n  \n  .UI_CARDTITLE_BOLD {\n    ", "\n  }\n\n  .UI_BODY {\n    ", "\n  }\n\n\n  .UI_BODY_BOLD {\n    ", "\n  }\n\n  .UI_PARAGRAPH {\n    ", "\n  }\n\n  .UI_PARAGRAPH_BOLD {\n    ", "\n  }\n\n  .UI_CAPTION {\n    ", "\n  }\n\n  \n  .UI_TAG {\n    ", "\n  }\n  \n  .UI_HELPTEXT {\n    ", "\n  }\n\n  .UI_STAT_LG {\n    ", "\n  }\n\n  .UI_STAT_SM {\n    ", "\n  }\n\n\n  .CONTENT_H1 {\n    ", "\n  }\n  .CONTENT_H2 {\n    ", "\n  }\n  .CONTENT_H3 {\n    ", "\n  }\n  .CONTENT_BODY {\n    ", "\n  }\n\n  .CONTENT_BODY_BOLD {\n    ", "\n  }\n  .CONTENT_BODY_ITALIC {\n    ", "\n  }\n  .CONTENT_BODY_BOLD_ITALIC {\n    ", "\n  }\n  .CONTENT_QUOTE {\n    ", "\n  }\n\n  .CONTENT_TITLE_POSTIT {\n    ", "\n  }\n  .CONTENT_BODY_POSTIT {\n    ", "\n  }\n"])), typo_1.typo.UI_DISPLAY, typo_1.typo.UI_HEADLINE, typo_1.typo.UI_HEADLINE_SM, typo_1.typo.UI_TITLE, typo_1.typo.UI_TITLE_SM, typo_1.typo.UI_CARDTITLE, typo_1.typo.UI_CARDTITLE_BOLD, typo_1.typo.UI_BODY, typo_1.typo.UI_BODY_BOLD, typo_1.typo.UI_PARAGRAPH, typo_1.typo.UI_PARAGRAPH_BOLD, typo_1.typo.UI_CAPTION, typo_1.typo.UI_TAG, typo_1.typo.UI_HELPTEXT, typo_1.typo.UI_STAT_LG, typo_1.typo.UI_STAT_SM, typo_1.typo.CONTENT_H1, typo_1.typo.CONTENT_H2, typo_1.typo.CONTENT_H3, typo_1.typo.CONTENT_BODY, typo_1.typo.CONTENT_BODY_BOLD, typo_1.typo.CONTENT_BODY_ITALIC, typo_1.typo.CONTENT_BODY_BOLD_ITALIC, typo_1.typo.CONTENT_QUOTE, typo_1.typo.CONTENT_TITLE_POSTIT, typo_1.typo.CONTENT_BODY_POSTIT);
+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;

package/dist/v2/themes/index.d.ts

@@ -0,0 +1 @@
+export { typo } from './typo';

package/dist/v2/themes/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.typo = void 0;
+var typo_1 = require("./typo");
+Object.defineProperty(exports, "typo", { enumerable: true, get: function () { return typo_1.typo; } });

package/dist/v2/themes/typo.d.ts

@@ -0,0 +1,28 @@
+export declare const typo: {
+    UI_DISPLAY: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
+    UI_HEADLINE: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
+    UI_HEADLINE_SM: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
+    UI_TITLE: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
+    UI_TITLE_SM: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
+    UI_CARDTITLE: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
+    UI_CARDTITLE_BOLD: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
+    UI_BODY: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
+    UI_BODY_BOLD: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
+    UI_PARAGRAPH: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
+    UI_PARAGRAPH_BOLD: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
+    UI_CAPTION: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
+    UI_TAG: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
+    UI_HELPTEXT: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
+    UI_STAT_LG: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
+    UI_STAT_SM: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
+    CONTENT_H3: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
+    CONTENT_H2: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
+    CONTENT_H1: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
+    CONTENT_BODY: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
+    CONTENT_BODY_BOLD: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
+    CONTENT_BODY_ITALIC: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
+    CONTENT_BODY_BOLD_ITALIC: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
+    CONTENT_QUOTE: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
+    CONTENT_TITLE_POSTIT: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
+    CONTENT_BODY_POSTIT: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
+};

package/dist/v2/themes/typo.js

@@ -0,0 +1,79 @@
+"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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.typo = void 0;
+var styled_components_1 = require("styled-components");
+var utilsOolib_1 = require("../../utilsOolib");
+var fontCss = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  text-decoration: ", ";\n  text-transform: ", ";\n  color: ", ";\n"], ["\n  text-decoration: ", ";\n  text-transform: ", ";\n  color: ", ";\n"])), function (_a) {
+    var textDecoration = _a.textDecoration;
+    return textDecoration || '';
+}, function (_a) {
+    var textTransform = _a.textTransform;
+    return textTransform || '';
+}, function (_a) {
+    var color = _a.color;
+    return (color);
+});
+var uiFont = (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  font-family: 'DM Sans', 'Noto Sans Devanagari', '\n      Noto Sans Gujarati', 'Noto Sans Oriya', 'Noto Sans Telugu', sans-serif ;\n"], ["\n  font-family: 'DM Sans', 'Noto Sans Devanagari', '\n      Noto Sans Gujarati', 'Noto Sans Oriya', 'Noto Sans Telugu', sans-serif ;\n"])));
+var contentFont = (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  font-family: 'Familjen Grotesk', 'Noto Sans Devanagari', '\n      Noto Sans Gujarati', 'Noto Sans Oriya', 'Noto Sans Telugu', sans-serif ;\n"], ["\n  font-family: 'Familjen Grotesk', 'Noto Sans Devanagari', '\n      Noto Sans Gujarati', 'Noto Sans Oriya', 'Noto Sans Telugu', sans-serif ;\n"])));
+var UI_DISPLAY = (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  ", ";\n  ", ";\n  font-size: 40px;\n  line-height: 40px;\n  font-weight: 700;\n"], ["\n  ", ";\n  ", ";\n  font-size: 40px;\n  line-height: 40px;\n  font-weight: 700;\n"])), uiFont, fontCss);
+var UI_HEADLINE = (0, styled_components_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  ", ";\n  ", ";;\n  font-size: 32px;\n  line-height: 32px;\n  font-weight: 700;\n"], ["\n  ", ";\n  ", ";;\n  font-size: 32px;\n  line-height: 32px;\n  font-weight: 700;\n"])), uiFont, fontCss);
+var UI_HEADLINE_SM = (0, styled_components_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  ", ";\n  ", ";;\n  font-size: 28px;\n  line-height: 28px;\n  font-weight: 700;\n"], ["\n  ", ";\n  ", ";;\n  font-size: 28px;\n  line-height: 28px;\n  font-weight: 700;\n"])), uiFont, fontCss);
+var UI_TITLE = (0, styled_components_1.css)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  font-size: 20px;\n  line-height: 20px;\n  font-weight: 700;\n  letter-spacing: 0.2px;\n  ", ";\n  ", ";\n"], ["\n  font-size: 20px;\n  line-height: 20px;\n  font-weight: 700;\n  letter-spacing: 0.2px;\n  ", ";\n  ", ";\n"])), uiFont, fontCss);
+var UI_TITLE_SM = (0, styled_components_1.css)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  font-size: 16px;\n  line-height: 16px;\n  font-weight: 700;\n  ", ";\n  ", ";\n"], ["\n  font-size: 16px;\n  line-height: 16px;\n  font-weight: 700;\n  ", ";\n  ", ";\n"])), uiFont, fontCss);
+var UI_CARDTITLE = (0, styled_components_1.css)(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  font-size: 16px;\n  line-height: 20.8px;\n  font-weight: 400;\n  ", ";\n", ";\n"], ["\n  font-size: 16px;\n  line-height: 20.8px;\n  font-weight: 400;\n  ", ";\n", ";\n"])), uiFont, fontCss);
+var UI_CARDTITLE_BOLD = (0, styled_components_1.css)(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n  font-size: 16px;\n  line-height: 20.8px;\n  font-weight: 500;\n  ", ";\n  ", ";\n"], ["\n  font-size: 16px;\n  line-height: 20.8px;\n  font-weight: 500;\n  ", ";\n  ", ";\n"])), uiFont, fontCss);
+var UI_BODY = (0, styled_components_1.css)(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n  font-size: 14px;\n  line-height: 14px;\n  font-weight: 400;\n  ", ";\n", ";\n"], ["\n  font-size: 14px;\n  line-height: 14px;\n  font-weight: 400;\n  ", ";\n", ";\n"])), uiFont, fontCss);
+var UI_BODY_BOLD = (0, styled_components_1.css)(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n  font-size: 14px;\n  line-height: 14px;\n  font-weight: 700;\n  ", ";\n  ", ";\n"], ["\n  font-size: 14px;\n  line-height: 14px;\n  font-weight: 700;\n  ", ";\n  ", ";\n"])), uiFont, fontCss);
+var UI_PARAGRAPH = (0, styled_components_1.css)(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n  font-size: 14px;\n  line-height: 20.44px;\n  font-weight: 400;\n  ", ";\n  ", ";\n"], ["\n  font-size: 14px;\n  line-height: 20.44px;\n  font-weight: 400;\n  ", ";\n  ", ";\n"])), uiFont, fontCss);
+var UI_PARAGRAPH_BOLD = (0, styled_components_1.css)(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n  font-size: 14px;\n  line-height: 21px;\n  font-weight: 500;\n  ", ";\n  ", ";\n"], ["\n  font-size: 14px;\n  line-height: 21px;\n  font-weight: 500;\n  ", ";\n  ", ";\n"])), uiFont, fontCss);
+var UI_CAPTION = (0, styled_components_1.css)(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n  font-size: 11px;\n  line-height: 11px;\n  font-weight: 400;\n  ", ";\n  ", ";\n"], ["\n  font-size: 11px;\n  line-height: 11px;\n  font-weight: 400;\n  ", ";\n  ", ";\n"])), uiFont, fontCss);
+var UI_TAG = (0, styled_components_1.css)(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n  font-size: 10px;\n  line-height: 10px;\n  font-weight: 700; \n  text-transform: uppercase;\n  letter-spacing: 1px;\n  ", ";\n  ", ";\n"], ["\n  font-size: 10px;\n  line-height: 10px;\n  font-weight: 700; \n  text-transform: uppercase;\n  letter-spacing: 1px;\n  ", ";\n  ", ";\n"])), uiFont, fontCss);
+var UI_HELPTEXT = (0, styled_components_1.css)(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n  font-size: 12px;\n  line-height: 12px;\n  font-weight: 400; \n  ", ";\n  ", ";\n"], ["\n  font-size: 12px;\n  line-height: 12px;\n  font-weight: 400; \n  ", ";\n  ", ";\n"])), uiFont, fontCss);
+var UI_STAT_LG = (0, styled_components_1.css)(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n  font-size: 24px;\n  line-height: 24px;\n  font-weight: 500;\n  ", ";\n  ", ";\n"], ["\n  font-size: 24px;\n  line-height: 24px;\n  font-weight: 500;\n  ", ";\n  ", ";\n"])), uiFont, fontCss);
+var UI_STAT_SM = (0, styled_components_1.css)(templateObject_19 || (templateObject_19 = __makeTemplateObject(["\n  font-size: 14px;\n  line-height: 14px;\n  font-weight: 700;\n  ", ";\n  ", ";\n"], ["\n  font-size: 14px;\n  line-height: 14px;\n  font-weight: 700;\n  ", ";\n  ", ";\n"])), uiFont, fontCss);
+var CONTENT_H1 = (0, styled_components_1.css)(templateObject_20 || (templateObject_20 = __makeTemplateObject(["\n  font-size: 36px;\n  line-height: 50.4px;\n  font-weight: 700;\n  ", ";\n  ", ";\n  "], ["\n  font-size: 36px;\n  line-height: 50.4px;\n  font-weight: 700;\n  ", ";\n  ", ";\n  "])), contentFont, fontCss);
+var CONTENT_H2 = (0, styled_components_1.css)(templateObject_21 || (templateObject_21 = __makeTemplateObject(["\n  font-size: 25px;\n  line-height: 35px;\n  font-weight: 700;\n  ", ";\n  ", ";\n  "], ["\n  font-size: 25px;\n  line-height: 35px;\n  font-weight: 700;\n  ", ";\n  ", ";\n  "])), contentFont, fontCss);
+var CONTENT_H3 = (0, styled_components_1.css)(templateObject_22 || (templateObject_22 = __makeTemplateObject(["\n  font-size: 18px;\n  line-height: 25.2px;\n  font-weight: 700;\n  ", ";\n  ", ";\n"], ["\n  font-size: 18px;\n  line-height: 25.2px;\n  font-weight: 700;\n  ", ";\n  ", ";\n"])), contentFont, fontCss);
+var CONTENT_BODY = (0, styled_components_1.css)(templateObject_23 || (templateObject_23 = __makeTemplateObject(["\n  font-size: 17px;\n  line-height: 23.8px;\n  font-weight: 400;\n  ", ";\n  ", ";\n"], ["\n  font-size: 17px;\n  line-height: 23.8px;\n  font-weight: 400;\n  ", ";\n  ", ";\n"])), contentFont, fontCss);
+var CONTENT_BODY_BOLD = (0, styled_components_1.css)(templateObject_24 || (templateObject_24 = __makeTemplateObject(["\n  font-size: 17px;\n  line-height: 23.8px;\n  font-weight: 600;\n  ", ";\n  ", ";\n"], ["\n  font-size: 17px;\n  line-height: 23.8px;\n  font-weight: 600;\n  ", ";\n  ", ";\n"])), contentFont, fontCss);
+var CONTENT_BODY_ITALIC = (0, styled_components_1.css)(templateObject_25 || (templateObject_25 = __makeTemplateObject(["\n  font-size: 17px;\n  line-height: 23.8px;\n  font-weight: 400;\n  font-style: italic;\n  ", ";\n  ", ";\n"], ["\n  font-size: 17px;\n  line-height: 23.8px;\n  font-weight: 400;\n  font-style: italic;\n  ", ";\n  ", ";\n"])), contentFont, fontCss);
+var CONTENT_BODY_BOLD_ITALIC = (0, styled_components_1.css)(templateObject_26 || (templateObject_26 = __makeTemplateObject(["\n  font-size: 17px;\n  line-height: 23.8px;\n  font-weight: 600;\n  font-style: italic;\n  ", ";\n  ", ";\n"], ["\n  font-size: 17px;\n  line-height: 23.8px;\n  font-weight: 600;\n  font-style: italic;\n  ", ";\n  ", ";\n"])), contentFont, fontCss);
+var CONTENT_QUOTE = (0, styled_components_1.css)(templateObject_27 || (templateObject_27 = __makeTemplateObject(["\n  padding: 1rem 1.5rem;\n  border-left: 4px solid\n    ", "; // temp colors need to replace with material colors\n  font-size: 24px;\n  line-height: 35.04px;\n  font-weight: 400;\n  font-style: italic;\n  ", ";\n  ", ";\n"], ["\n  padding: 1rem 1.5rem;\n  border-left: 4px solid\n    ", "; // temp colors need to replace with material colors\n  font-size: 24px;\n  line-height: 35.04px;\n  font-weight: 400;\n  font-style: italic;\n  ", ";\n  ", ";\n"])), function (_a) {
+    var invert = _a.invert, colors = _a.theme.colors;
+    return invert ? colors.greyColor40 : (0, utilsOolib_1.getPrimaryColor100)(colors);
+}, contentFont, fontCss);
+var CONTENT_TITLE_POSTIT = (0, styled_components_1.css)(templateObject_28 || (templateObject_28 = __makeTemplateObject(["\n  font-size: 15px;\n  font-style: normal;\n  font-weight: 700;\n  line-height:  19.5px;\n  ", ";\n  ", ";\n"], ["\n  font-size: 15px;\n  font-style: normal;\n  font-weight: 700;\n  line-height:  19.5px;\n  ", ";\n  ", ";\n"])), contentFont, fontCss);
+var CONTENT_BODY_POSTIT = (0, styled_components_1.css)(templateObject_29 || (templateObject_29 = __makeTemplateObject(["\n  font-size: 15px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 19.5px;\n  ", ";\n  ", ";\n"], ["\n  font-size: 15px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 19.5px;\n  ", ";\n  ", ";\n"])), contentFont, fontCss);
+exports.typo = {
+    UI_DISPLAY: UI_DISPLAY,
+    UI_HEADLINE: UI_HEADLINE,
+    UI_HEADLINE_SM: UI_HEADLINE_SM,
+    UI_TITLE: UI_TITLE,
+    UI_TITLE_SM: UI_TITLE_SM,
+    UI_CARDTITLE: UI_CARDTITLE,
+    UI_CARDTITLE_BOLD: UI_CARDTITLE_BOLD,
+    UI_BODY: UI_BODY,
+    UI_BODY_BOLD: UI_BODY_BOLD,
+    UI_PARAGRAPH: UI_PARAGRAPH,
+    UI_PARAGRAPH_BOLD: UI_PARAGRAPH_BOLD,
+    UI_CAPTION: UI_CAPTION,
+    UI_TAG: UI_TAG,
+    UI_HELPTEXT: UI_HELPTEXT,
+    UI_STAT_LG: UI_STAT_LG,
+    UI_STAT_SM: UI_STAT_SM,
+    CONTENT_H3: CONTENT_H3,
+    CONTENT_H2: CONTENT_H2,
+    CONTENT_H1: CONTENT_H1,
+    CONTENT_BODY: CONTENT_BODY,
+    CONTENT_BODY_BOLD: CONTENT_BODY_BOLD,
+    CONTENT_BODY_ITALIC: CONTENT_BODY_ITALIC,
+    CONTENT_BODY_BOLD_ITALIC: CONTENT_BODY_BOLD_ITALIC,
+    CONTENT_QUOTE: CONTENT_QUOTE,
+    CONTENT_TITLE_POSTIT: CONTENT_TITLE_POSTIT,
+    CONTENT_BODY_POSTIT: CONTENT_BODY_POSTIT
+};
+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;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "oolib",
-  "version": "2.132.7",
+  "version": "2.133.0",
   "description": " OKE Component Library",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",