oolib 2.133.0 → 2.134.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/stories/v2/themes/Typo.stories.js +1 -1
  2. package/dist/v2/components/Typo2/index.styled.d.ts +3 -3
  3. package/dist/v2/components/Typo2/index.styled.js +8 -4
  4. package/dist/v2/themes/typo.js +1 -1
  5. package/package.json +1 -1
package/dist/stories/v2/themes/Typo.stories.js CHANGED
@@ -71,7 +71,7 @@ var GenComp = function (_a) {
71
71
  maxWidth: 'max-content',
72
72
  fontFamily: args.Fonts
73
73
  } },
74
- react_1.default.createElement("div", { style: { display: 'flex', padding: '10px', alignItems: 'center', width: '100%', justifyContent: 'space-between', borderBottom: "1px solid ".concat(themes_1.colors.greyColor10) } },
74
+ react_1.default.createElement("div", { id: compName, style: { display: 'flex', padding: '10px', alignItems: 'center', width: '100%', justifyContent: 'space-between', borderBottom: "1px solid ".concat(themes_1.colors.greyColor10) } },
75
75
  react_1.default.createElement(Comp, __assign({}, args, { style: { maxWidth: "80%" } })),
76
76
  react_1.default.createElement(Typo2_1.UI_TAG, null, compName))));
77
77
  };
package/dist/v2/components/Typo2/index.styled.d.ts CHANGED
@@ -14,14 +14,14 @@ export declare const UI_TAG_STYLED: import("styled-components").StyledComponent<
14
14
  export declare const UI_HELPTEXT_STYLED: import("styled-components").StyledComponent<"p", any, {}, never>;
15
15
  export declare const UI_STAT_LG_STYLED: import("styled-components").StyledComponent<"h2", any, {}, never>;
16
16
  export declare const UI_STAT_SM_STYLED: import("styled-components").StyledComponent<"h3", any, {}, never>;
17
- export declare const CONTENT_H1_STYLED: import("styled-components").StyledComponent<"h4", any, {}, never>;
17
+ export declare const CONTENT_H1_STYLED: import("styled-components").StyledComponent<"h1", any, {}, never>;
18
18
  export declare const CONTENT_H2_STYLED: import("styled-components").StyledComponent<"h2", any, {}, never>;
19
- export declare const CONTENT_H3_STYLED: import("styled-components").StyledComponent<"h1", any, {}, never>;
19
+ export declare const CONTENT_H3_STYLED: import("styled-components").StyledComponent<"h3", any, {}, never>;
20
20
  export declare const CONTENT_BODY_STYLED: import("styled-components").StyledComponent<"p", any, {}, never>;
21
21
  export declare const CONTENT_BODY_BOLD_STYLED: import("styled-components").StyledComponent<"p", any, {}, never>;
22
22
  export declare const CONTENT_BODY_ITALIC_STYLED: import("styled-components").StyledComponent<"p", any, {}, never>;
23
23
  export declare const CONTENT_BODY_BOLD_ITALIC_STYLED: import("styled-components").StyledComponent<"p", any, {}, never>;
24
- export declare const CONTENT_QUOTE_STYLED: import("styled-components").StyledComponent<"p", any, {}, never>;
24
+ export declare const CONTENT_QUOTE_STYLED: import("styled-components").StyledComponent<"h4", any, {}, never>;
25
25
  export declare const CONTENT_TITLE_POSTIT_STYLED: import("styled-components").StyledComponent<"p", any, {}, never>;
26
26
  export declare const CONTENT_BODY_POSTIT_STYLED: import("styled-components").StyledComponent<"p", any, {}, never>;
27
27
  export interface TypoClassesProviderProps {
package/dist/v2/components/Typo2/index.styled.js CHANGED
@@ -10,6 +10,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
10
10
  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;
11
11
  var styled_components_1 = __importDefault(require("styled-components"));
12
12
  var typo_1 = require("../../themes/typo");
13
+ // UI Fonts
13
14
  exports.UI_DISPLAY_STYLED = styled_components_1.default.h6(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), typo_1.typo.UI_DISPLAY);
14
15
  exports.UI_HEADLINE_STYLED = styled_components_1.default.h5(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), typo_1.typo.UI_HEADLINE);
15
16
  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);
@@ -25,15 +26,18 @@ exports.UI_CAPTION_STYLED = styled_components_1.default.p(templateObject_12 || (
25
26
  exports.UI_TAG_STYLED = styled_components_1.default.p(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), typo_1.typo.UI_TAG);
26
27
  exports.UI_HELPTEXT_STYLED = styled_components_1.default.p(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), typo_1.typo.UI_HELPTEXT);
27
28
  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);
28
- 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);
29
- exports.CONTENT_H1_STYLED = styled_components_1.default.h4(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n ", " \n "], ["\n ", " \n "])), typo_1.typo.CONTENT_H1);
29
+ exports.UI_STAT_SM_STYLED = styled_components_1.default.h3(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"
30
+ // Content Fonts
31
+ ])), typo_1.typo.UI_STAT_SM);
32
+ // Content Fonts
33
+ exports.CONTENT_H1_STYLED = styled_components_1.default.h1(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n ", " \n "], ["\n ", " \n "])), typo_1.typo.CONTENT_H1);
30
34
  exports.CONTENT_H2_STYLED = styled_components_1.default.h2(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n ", " \n"], ["\n ", " \n"])), typo_1.typo.CONTENT_H2);
31
- exports.CONTENT_H3_STYLED = styled_components_1.default.h1(templateObject_19 || (templateObject_19 = __makeTemplateObject(["\n ", " \n"], ["\n ", " \n"])), typo_1.typo.CONTENT_H3);
35
+ exports.CONTENT_H3_STYLED = styled_components_1.default.h3(templateObject_19 || (templateObject_19 = __makeTemplateObject(["\n ", " \n"], ["\n ", " \n"])), typo_1.typo.CONTENT_H3);
32
36
  exports.CONTENT_BODY_STYLED = styled_components_1.default.p(templateObject_20 || (templateObject_20 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), typo_1.typo.CONTENT_BODY);
33
37
  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);
34
38
  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);
35
39
  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);
36
- exports.CONTENT_QUOTE_STYLED = styled_components_1.default.p(templateObject_24 || (templateObject_24 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), typo_1.typo.CONTENT_QUOTE);
40
+ exports.CONTENT_QUOTE_STYLED = styled_components_1.default.h4(templateObject_24 || (templateObject_24 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), typo_1.typo.CONTENT_QUOTE);
37
41
  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);
38
42
  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);
39
43
  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);
package/dist/v2/themes/typo.js CHANGED
@@ -42,7 +42,7 @@ var CONTENT_BODY = (0, styled_components_1.css)(templateObject_23 || (templateOb
42
42
  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);
43
43
  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);
44
44
  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);
45
- 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) {
45
+ var CONTENT_QUOTE = (0, styled_components_1.css)(templateObject_27 || (templateObject_27 = __makeTemplateObject(["\n padding: 0 16px;\n font-size: 24px;\n line-height: 35.04px;\n font-weight: 400;\n font-style: italic;\n position: relative;\n ::before {\n /* Quote line (left) */\n content: '';\n position: absolute;\n left: 0;\n top: 0;\n bottom: 0;\n height: inherit; \n width: 6px; \n background-color: ", "; // temp colors need to replace with material colors */\n }\n ", ";\n ", ";\n"], ["\n padding: 0 16px;\n font-size: 24px;\n line-height: 35.04px;\n font-weight: 400;\n font-style: italic;\n position: relative;\n ::before {\n /* Quote line (left) */\n content: '';\n position: absolute;\n left: 0;\n top: 0;\n bottom: 0;\n height: inherit; \n width: 6px; \n background-color: ", "; // temp colors need to replace with material colors */\n }\n ", ";\n ", ";\n"])), function (_a) {
46
46
  var invert = _a.invert, colors = _a.theme.colors;
47
47
  return invert ? colors.greyColor40 : (0, utilsOolib_1.getPrimaryColor100)(colors);
48
48
  }, contentFont, fontCss);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "oolib",
3
- "version": "2.133.0",
3
+ "version": "2.134.1",
4
4
  "description": " OKE Component Library",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",