oolib 2.158.1 → 2.159.0

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 (15) hide show
  1. package/dist/components/Dropdowns/comps/SelectDropdown/index.js +1 -1
  2. package/dist/stories/v2/themes/Typo.stories.js +3 -0
  3. package/dist/v2/components/ImagePlaceholder/index.js +2 -3
  4. package/dist/v2/components/TabBar/index.js +4 -6
  5. package/dist/v2/components/TabBar/index.styled.js +1 -1
  6. package/dist/v2/components/Tags/Comps/TagDisplay/styled.js +1 -1
  7. package/dist/v2/components/Tags/Comps/styled.js +1 -1
  8. package/dist/v2/components/Tags/utils/getTypoComp.js +1 -1
  9. package/dist/v2/components/Typo2/index.d.ts +2 -0
  10. package/dist/v2/components/Typo2/index.js +5 -1
  11. package/dist/v2/components/Typo2/index.styled.d.ts +2 -0
  12. package/dist/v2/components/Typo2/index.styled.js +19 -17
  13. package/dist/v2/themes/typo.d.ts +2 -0
  14. package/dist/v2/themes/typo.js +23 -17
  15. package/package.json +1 -1
package/dist/components/Dropdowns/comps/SelectDropdown/index.js CHANGED
@@ -49,6 +49,6 @@ var SelectDropdown = function (_a) {
49
49
  // }
50
50
  className: "".concat(selectClassName || "", " ").concat(!value && placeholder) }, dropdownSelectText.display)))),
51
51
  react_1.default.createElement(Caret_1.Caret, { showOptions: showOptions, invert: invert, disabled: disabled }))); };
52
- return genCustomSelectComp ? genCustomSelectComp({ value: value }) : genSelectComp();
52
+ return genCustomSelectComp ? genCustomSelectComp() : genSelectComp();
53
53
  };
54
54
  exports.SelectDropdown = SelectDropdown;
package/dist/stories/v2/themes/Typo.stories.js CHANGED
@@ -102,6 +102,9 @@ var UIFont = function (args) { return (react_1.default.createElement("div", { st
102
102
  react_1.default.createElement(GenComp, { args: args, Comp: Typo2_1.UI_PARAGRAPH, compName: "UI_PARAGRAPH" }),
103
103
  react_1.default.createElement(GenComp, { args: args, Comp: Typo2_1.UI_PARAGRAPH_BOLD, compName: "UI_PARAGRAPH_BOLD" }),
104
104
  react_1.default.createElement(GenComp, { args: args, Comp: Typo2_1.UI_CAPTION, compName: "UI_CAPTION" }),
105
+ react_1.default.createElement(GenComp, { args: args, Comp: Typo2_1.UI_CAPTION_BOLD, compName: "UI_CAPTION_BOLD" }),
106
+ react_1.default.createElement(GenComp, { args: args, Comp: Typo2_1.UI_CAPTION_DF, compName: "UI_CAPTION_DF" }),
107
+ react_1.default.createElement(GenComp, { args: args, Comp: Typo2_1.UI_CAPTION_BOLD_DF, compName: "UI_CAPTION_DF" }),
105
108
  react_1.default.createElement(GenComp, { args: args, Comp: Typo2_1.UI_TAG, compName: "UI_TAG" }),
106
109
  react_1.default.createElement(GenComp, { args: args, Comp: Typo2_1.UI_HELPTEXT, compName: "UI_HELPTEXT" }),
107
110
  react_1.default.createElement(GenComp, { args: args, Comp: Typo2_1.UI_STAT_LG, compName: "UI_STAT_LG" }),
package/dist/v2/components/ImagePlaceholder/index.js CHANGED
@@ -59,13 +59,12 @@ var ImagePlaceholder = function (_a) {
59
59
  '#F1F3AB',
60
60
  '#CAF3AB',
61
61
  ];
62
- var randomColor = colors[Math.floor(Math.random() * colors.length)];
63
- randomColor += '80'; // to convert to RGBA format for 50% opacity
62
+ var randomColor = (0, react_1.useRef)(colors[Math.floor(Math.random() * colors.length)] + '80');
64
63
  var firstLetter = title.charAt(0).toUpperCase();
65
64
  return (react_1.default.createElement(styled_1.StyledContainer, { ref: containerRef, aspectRatio: aspectRatio, height: height, strechToFullHeight: strechToFullHeight, style: style },
66
65
  react_1.default.createElement(styled_1.StyledImageLayer, null,
67
66
  react_1.default.createElement(styled_1.StyledImage, { src: gradient_background_jpg_1.default, alt: title })),
68
- react_1.default.createElement(styled_1.StyledColorOverlay, { color: randomColor }),
67
+ react_1.default.createElement(styled_1.StyledColorOverlay, { color: randomColor.current }),
69
68
  react_1.default.createElement(styled_1.StyledLetterContainer, null,
70
69
  react_1.default.createElement(styled_1.StyledLetter, { fontSize: letterSize, fontWeight: fontWeight }, firstLetter))));
71
70
  };
package/dist/v2/components/TabBar/index.js CHANGED
@@ -52,21 +52,19 @@ var Base = function (_a) {
52
52
  react_1.default.createElement(Buttons_1.ButtonGhost, { S: true, icon: 'CaretRight', style: { height: '100%' }, onClick: function () { return slide("right"); } }))))));
53
53
  };
54
54
  var TabBarStyle1 = function (props) {
55
+ var _a = props.placeholder, placeholder = _a === void 0 ? 'Select An Option' : _a;
55
56
  var screenWidth = (0, _EXPORTS_1.useScreenWidth)();
56
57
  var isDesktop = screenWidth >= (0, mixins_1.getBreakPoint)("sm");
57
58
  return (props.responsive && !isDesktop
58
- ? (react_1.default.createElement(DropdownSingle_1.DropdownSingle, __assign({}, props, { genCustomSelectComp: function (_a) {
59
- var value = _a.value;
60
- return react_1.default.createElement(CustomSelectComp, { value: value, title: props.title });
61
- } })))
59
+ ? (react_1.default.createElement(DropdownSingle_1.DropdownSingle, __assign({}, props, { genCustomSelectComp: function () { return react_1.default.createElement(CustomSelectComp, { value: props.value, title: props.title, placeholder: placeholder }); } })))
62
60
  : (react_1.default.createElement(Base, __assign({}, props, { tabBarStyle: "1" }))));
63
61
  };
64
62
  exports.TabBarStyle1 = TabBarStyle1;
65
63
  var CustomSelectComp = function (_a) {
66
- var value = _a.value, title = _a.title;
64
+ var value = _a.value, title = _a.title, placeholder = _a.placeholder;
67
65
  return (react_1.default.createElement(index_styled_1.StyledWrapper, null,
68
66
  react_1.default.createElement("div", null,
69
67
  react_1.default.createElement(Typo2_1.UI_TAG, { style: { color: colors_1.colors.grey40 } }, title),
70
- react_1.default.createElement(Typo2_1.UI_BODY_SEMIBOLD_SM, { capitalize: true, style: { color: colors_1.colors.black } }, value.display)),
68
+ react_1.default.createElement(Typo2_1.UI_BODY_SEMIBOLD_SM, { capitalize: true, style: { color: value ? colors_1.colors.black : colors_1.colors.grey60 } }, value ? value.display : placeholder)),
71
69
  react_1.default.createElement(phosphor_react_1.List, { size: 18, weight: "bold" })));
72
70
  };
package/dist/v2/components/TabBar/index.styled.js CHANGED
@@ -108,5 +108,5 @@ exports.StyledDot = styled_components_1.default.div(templateObject_16 || (templa
108
108
  var active = _a.active, error = _a.error, tabBarStyle = _a.tabBarStyle;
109
109
  return tabBarStyle === "2" && active ? errorColor : !active && error ? errorColor : errorColor;
110
110
  });
111
- exports.StyledWrapper = styled_components_1.default.div(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n display: flex;\n /* min-height: 5.6rem; */\n padding: 0.8rem 1.6rem;\n justify-content: space-between;\n align-items: center;\n align-self: stretch;\n border-radius: 1.2rem;\n background: #FFF;\n gap: 0.5rem;\n box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.10);\n"], ["\n display: flex;\n /* min-height: 5.6rem; */\n padding: 0.8rem 1.6rem;\n justify-content: space-between;\n align-items: center;\n align-self: stretch;\n border-radius: 1.2rem;\n background: #FFF;\n gap: 0.5rem;\n box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.10);\n"])));
111
+ exports.StyledWrapper = styled_components_1.default.div(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n display: flex;\n /* min-height: 5.6rem; */\n padding: 0.8rem 1.6rem;\n justify-content: space-between;\n align-items: center;\n align-self: stretch;\n border-radius: 1.2rem;\n background: #FFF;\n gap: 0.5rem;\n box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.10);\n cursor: pointer;\n"], ["\n display: flex;\n /* min-height: 5.6rem; */\n padding: 0.8rem 1.6rem;\n justify-content: space-between;\n align-items: center;\n align-self: stretch;\n border-radius: 1.2rem;\n background: #FFF;\n gap: 0.5rem;\n box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.10);\n cursor: pointer;\n"])));
112
112
  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;
package/dist/v2/components/Tags/Comps/TagDisplay/styled.js CHANGED
@@ -41,7 +41,7 @@ exports.StyledTagDisplay = styled_components_1.default.div(templateObject_9 || (
41
41
  case 'primary':
42
42
  return (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n background-color: ", ";\n color: ", ";\n "], ["\n background-color: ", ";\n color: ", ";\n "])), tagColor || grey30, textColor || white);
43
43
  case 'secondary':
44
- return (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n background: none;\n border: ", " solid\n ", ";\n color: ", ";\n height: ", ";\n border-radius: 3.1rem;\n "], ["\n background: none;\n border: ", " solid\n ", ";\n color: ", ";\n height: ", ";\n border-radius: 3.1rem;\n "])), (size === 'XS' || size === 'S') ? '1px' : '2px', tagColor || grey10, textColor || grey80, size === 'XS' ? '2.4rem' : '2.6rem');
44
+ return (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n background: none;\n border: ", " solid ", ";\n color: ", ";\n padding: 4px 10px;\n border-radius: 3.1rem;\n "], ["\n background: none;\n border: ", " solid ", ";\n color: ", ";\n padding: 4px 10px;\n border-radius: 3.1rem;\n "])), (size === 'XS' || size === 'S') ? '1px' : '2px', tagColor || grey10, textColor || grey80);
45
45
  case 'positive':
46
46
  return (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n background-color: ", "; \n color: ", ";\n "], ["\n background-color: ", "; \n color: ", ";\n "])), green, textColor || white);
47
47
  case 'inProgress':
package/dist/v2/components/Tags/Comps/styled.js CHANGED
@@ -16,7 +16,7 @@ exports.SIZES = {
16
16
  };
17
17
  var commonStyle = function (_a) {
18
18
  var size = _a.size;
19
- return "\n padding: ".concat(size === 'XS' ? '0.5rem' : '1rem', ";\n border-radius: 4px;\n position: relative;\n display: inline-flex;\n justify-content: center;\n align-items: center;\n white-space: nowrap;\n height: ").concat(exports.SIZES[size], ";\n max-width: 100%;\n");
19
+ return "\n padding: ".concat(size === 'XS' ? '0.5rem' : '1rem', ";\n border-radius: 4px;\n position: relative;\n display: inline-flex;\n justify-content: center;\n align-items: center;\n white-space: nowrap;\n max-width: 100%;\n");
20
20
  };
21
21
  exports.commonStyle = commonStyle;
22
22
  var textColor = function (_a) {
package/dist/v2/components/Tags/utils/getTypoComp.js CHANGED
@@ -24,7 +24,7 @@ var styled_components_1 = __importDefault(require("styled-components"));
24
24
  var mixins_1 = require("../../../../themes/mixins");
25
25
  var Typo2_1 = require("../../Typo2");
26
26
  exports.STYLED_ELLIPSIS_UI_TAG = (0, styled_components_1.default)(Typo2_1.UI_TAG)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", ";\n"], ["\n ", ";\n"])), mixins_1.ellipsis);
27
- exports.STYLED_ELLIPSIS_UI_CAPTION = (0, styled_components_1.default)(Typo2_1.UI_CAPTION)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n ", ";\n"], ["\n ", ";\n"])), mixins_1.ellipsis);
27
+ exports.STYLED_ELLIPSIS_UI_CAPTION = (0, styled_components_1.default)(Typo2_1.UI_CAPTION_DF)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n ", ";\n"], ["\n ", ";\n"])), mixins_1.ellipsis);
28
28
  var getTypoComp = function (_a) {
29
29
  var _b = _a.typo, typo = _b === void 0 ? "tag" : _b;
30
30
  return function (props) {
package/dist/v2/components/Typo2/index.d.ts CHANGED
@@ -45,6 +45,8 @@ export declare const UI_PARAGRAPH: React.FunctionComponent<TypoCompProps>;
45
45
  export declare const UI_PARAGRAPH_BOLD: React.FunctionComponent<TypoCompProps>;
46
46
  export declare const UI_CAPTION: React.FunctionComponent<TypoCompProps>;
47
47
  export declare const UI_CAPTION_BOLD: React.FunctionComponent<TypoCompProps>;
48
+ export declare const UI_CAPTION_DF: React.FunctionComponent<TypoCompProps>;
49
+ export declare const UI_CAPTION_BOLD_DF: React.FunctionComponent<TypoCompProps>;
48
50
  export declare const UI_TAG: React.FunctionComponent<TypoCompProps>;
49
51
  export declare const UI_HELPTEXT: React.FunctionComponent<TypoCompProps>;
50
52
  export declare const UI_STAT_LG: React.FunctionComponent<TypoCompProps>;
package/dist/v2/components/Typo2/index.js CHANGED
@@ -25,7 +25,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
25
25
  return (mod && mod.__esModule) ? mod : { "default": mod };
26
26
  };
27
27
  Object.defineProperty(exports, "__esModule", { value: true });
28
- 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_BOLD = exports.UI_CAPTION = exports.UI_PARAGRAPH_BOLD = exports.UI_PARAGRAPH = exports.UI_BODY_BOLD_SM_DF = exports.UI_BODY_BOLD_DF = exports.UI_BODY_SEMIBOLD_SM_DF = exports.UI_BODY_SEMIBOLD_DF = exports.UI_BODY_SM_DF = exports.UI_BODY_DF = exports.UI_BODY_BOLD_SM = exports.UI_BODY_BOLD = exports.UI_BODY_SEMIBOLD_SM = exports.UI_BODY_SEMIBOLD = exports.UI_BODY_SM = exports.UI_BODY = exports.UI_TITLE_SM = exports.UI_TITLE = exports.UI_HEADLINE_SM = exports.UI_HEADLINE = exports.UI_DISPLAY = void 0;
28
+ 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_BOLD_DF = exports.UI_CAPTION_DF = exports.UI_CAPTION_BOLD = exports.UI_CAPTION = exports.UI_PARAGRAPH_BOLD = exports.UI_PARAGRAPH = exports.UI_BODY_BOLD_SM_DF = exports.UI_BODY_BOLD_DF = exports.UI_BODY_SEMIBOLD_SM_DF = exports.UI_BODY_SEMIBOLD_DF = exports.UI_BODY_SM_DF = exports.UI_BODY_DF = exports.UI_BODY_BOLD_SM = exports.UI_BODY_BOLD = exports.UI_BODY_SEMIBOLD_SM = exports.UI_BODY_SEMIBOLD = exports.UI_BODY_SM = exports.UI_BODY = exports.UI_TITLE_SM = exports.UI_TITLE = exports.UI_HEADLINE_SM = exports.UI_HEADLINE = exports.UI_DISPLAY = void 0;
29
29
  var react_1 = __importDefault(require("react"));
30
30
  var index_styled_1 = require("./index.styled");
31
31
  var utilsOolib_1 = require("../../../utilsOolib");
@@ -113,6 +113,10 @@ var UI_CAPTION = function (props) { return react_1.default.createElement(GenComp
113
113
  exports.UI_CAPTION = UI_CAPTION;
114
114
  var UI_CAPTION_BOLD = function (props) { return react_1.default.createElement(GenComp, { props: props, Comp: index_styled_1.UI_CAPTION_BOLD_STYLED }); };
115
115
  exports.UI_CAPTION_BOLD = UI_CAPTION_BOLD;
116
+ var UI_CAPTION_DF = function (props) { return react_1.default.createElement(GenComp, { props: props, Comp: index_styled_1.UI_CAPTION_DF_STYLED }); };
117
+ exports.UI_CAPTION_DF = UI_CAPTION_DF;
118
+ var UI_CAPTION_BOLD_DF = function (props) { return react_1.default.createElement(GenComp, { props: props, Comp: index_styled_1.UI_CAPTION_BOLD_DF_STYLED }); };
119
+ exports.UI_CAPTION_BOLD_DF = UI_CAPTION_BOLD_DF;
116
120
  var UI_TAG = function (props) { return react_1.default.createElement(GenComp, { props: props, Comp: index_styled_1.UI_TAG_STYLED }); };
117
121
  exports.UI_TAG = UI_TAG;
118
122
  var UI_HELPTEXT = function (props) { return react_1.default.createElement(GenComp, { props: props, Comp: index_styled_1.UI_HELPTEXT_STYLED }); };
package/dist/v2/components/Typo2/index.styled.d.ts CHANGED
@@ -19,6 +19,8 @@ export declare const UI_PARAGRAPH_STYLED: import("styled-components").StyledComp
19
19
  export declare const UI_PARAGRAPH_BOLD_STYLED: import("styled-components").StyledComponent<"p", any, {}, never>;
20
20
  export declare const UI_CAPTION_STYLED: import("styled-components").StyledComponent<"p", any, {}, never>;
21
21
  export declare const UI_CAPTION_BOLD_STYLED: import("styled-components").StyledComponent<"p", any, {}, never>;
22
+ export declare const UI_CAPTION_DF_STYLED: import("styled-components").StyledComponent<"p", any, {}, never>;
23
+ export declare const UI_CAPTION_BOLD_DF_STYLED: import("styled-components").StyledComponent<"p", any, {}, never>;
22
24
  export declare const UI_TAG_STYLED: import("styled-components").StyledComponent<"p", any, {}, never>;
23
25
  export declare const UI_HELPTEXT_STYLED: import("styled-components").StyledComponent<"p", any, {}, never>;
24
26
  export declare const UI_STAT_LG_STYLED: import("styled-components").StyledComponent<"h2", any, {}, never>;
package/dist/v2/components/Typo2/index.styled.js CHANGED
@@ -7,7 +7,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
7
7
  return (mod && mod.__esModule) ? mod : { "default": mod };
8
8
  };
9
9
  Object.defineProperty(exports, "__esModule", { value: true });
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_BOLD_STYLED = exports.UI_CAPTION_STYLED = exports.UI_PARAGRAPH_BOLD_STYLED = exports.UI_PARAGRAPH_STYLED = exports.UI_BODY_BOLD_SM_DF_STYLED = exports.UI_BODY_SEMIBOLD_SM_DF_STYLED = exports.UI_BODY_SM_DF_STYLED = exports.UI_BODY_DF_STYLED = exports.UI_BODY_BOLD_DF_STYLED = exports.UI_BODY_SEMIBOLD_DF_STYLED = exports.UI_BODY_BOLD_SM_STYLED = exports.UI_BODY_BOLD_STYLED = exports.UI_BODY_SEMIBOLD_SM_STYLED = exports.UI_BODY_SEMIBOLD_STYLED = exports.UI_BODY_SM_STYLED = exports.UI_BODY_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;
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_BOLD_DF_STYLED = exports.UI_CAPTION_DF_STYLED = exports.UI_CAPTION_BOLD_STYLED = exports.UI_CAPTION_STYLED = exports.UI_PARAGRAPH_BOLD_STYLED = exports.UI_PARAGRAPH_STYLED = exports.UI_BODY_BOLD_SM_DF_STYLED = exports.UI_BODY_SEMIBOLD_SM_DF_STYLED = exports.UI_BODY_SM_DF_STYLED = exports.UI_BODY_DF_STYLED = exports.UI_BODY_BOLD_DF_STYLED = exports.UI_BODY_SEMIBOLD_DF_STYLED = exports.UI_BODY_BOLD_SM_STYLED = exports.UI_BODY_BOLD_STYLED = exports.UI_BODY_SEMIBOLD_SM_STYLED = exports.UI_BODY_SEMIBOLD_STYLED = exports.UI_BODY_SM_STYLED = exports.UI_BODY_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
13
  // UI Fonts
@@ -32,22 +32,24 @@ exports.UI_PARAGRAPH_STYLED = styled_components_1.default.p(templateObject_18 ||
32
32
  exports.UI_PARAGRAPH_BOLD_STYLED = styled_components_1.default.p(templateObject_19 || (templateObject_19 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), typo_1.typo.UI_PARAGRAPH_BOLD);
33
33
  exports.UI_CAPTION_STYLED = styled_components_1.default.p(templateObject_20 || (templateObject_20 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), typo_1.typo.UI_CAPTION);
34
34
  exports.UI_CAPTION_BOLD_STYLED = styled_components_1.default.p(templateObject_21 || (templateObject_21 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), typo_1.typo.UI_CAPTION_BOLD);
35
- exports.UI_TAG_STYLED = styled_components_1.default.p(templateObject_22 || (templateObject_22 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), typo_1.typo.UI_TAG);
36
- exports.UI_HELPTEXT_STYLED = styled_components_1.default.p(templateObject_23 || (templateObject_23 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), typo_1.typo.UI_HELPTEXT);
37
- exports.UI_STAT_LG_STYLED = styled_components_1.default.h2(templateObject_24 || (templateObject_24 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), typo_1.typo.UI_STAT_LG);
38
- exports.UI_STAT_SM_STYLED = styled_components_1.default.h3(templateObject_25 || (templateObject_25 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"
35
+ exports.UI_CAPTION_DF_STYLED = styled_components_1.default.p(templateObject_22 || (templateObject_22 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), typo_1.typo.UI_CAPTION_DF);
36
+ exports.UI_CAPTION_BOLD_DF_STYLED = styled_components_1.default.p(templateObject_23 || (templateObject_23 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), typo_1.typo.UI_CAPTION_BOLD_DF);
37
+ exports.UI_TAG_STYLED = styled_components_1.default.p(templateObject_24 || (templateObject_24 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), typo_1.typo.UI_TAG);
38
+ exports.UI_HELPTEXT_STYLED = styled_components_1.default.p(templateObject_25 || (templateObject_25 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), typo_1.typo.UI_HELPTEXT);
39
+ exports.UI_STAT_LG_STYLED = styled_components_1.default.h2(templateObject_26 || (templateObject_26 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), typo_1.typo.UI_STAT_LG);
40
+ exports.UI_STAT_SM_STYLED = styled_components_1.default.h3(templateObject_27 || (templateObject_27 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"
39
41
  // Content Fonts
40
42
  ])), typo_1.typo.UI_STAT_SM);
41
43
  // Content Fonts
42
- exports.CONTENT_H1_STYLED = styled_components_1.default.h1(templateObject_26 || (templateObject_26 = __makeTemplateObject(["\n ", " \n "], ["\n ", " \n "])), typo_1.typo.CONTENT_H1);
43
- exports.CONTENT_H2_STYLED = styled_components_1.default.h2(templateObject_27 || (templateObject_27 = __makeTemplateObject(["\n ", " \n"], ["\n ", " \n"])), typo_1.typo.CONTENT_H2);
44
- exports.CONTENT_H3_STYLED = styled_components_1.default.h3(templateObject_28 || (templateObject_28 = __makeTemplateObject(["\n ", " \n"], ["\n ", " \n"])), typo_1.typo.CONTENT_H3);
45
- exports.CONTENT_BODY_STYLED = styled_components_1.default.p(templateObject_29 || (templateObject_29 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), typo_1.typo.CONTENT_BODY);
46
- exports.CONTENT_BODY_BOLD_STYLED = styled_components_1.default.p(templateObject_30 || (templateObject_30 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), typo_1.typo.CONTENT_BODY_BOLD);
47
- exports.CONTENT_BODY_ITALIC_STYLED = styled_components_1.default.p(templateObject_31 || (templateObject_31 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), typo_1.typo.CONTENT_BODY_ITALIC);
48
- exports.CONTENT_BODY_BOLD_ITALIC_STYLED = styled_components_1.default.p(templateObject_32 || (templateObject_32 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), typo_1.typo.CONTENT_BODY_BOLD_ITALIC);
49
- exports.CONTENT_QUOTE_STYLED = styled_components_1.default.h4(templateObject_33 || (templateObject_33 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), typo_1.typo.CONTENT_QUOTE);
50
- exports.CONTENT_TITLE_POSTIT_STYLED = styled_components_1.default.p(templateObject_34 || (templateObject_34 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), typo_1.typo.CONTENT_TITLE_POSTIT);
51
- exports.CONTENT_BODY_POSTIT_STYLED = styled_components_1.default.p(templateObject_35 || (templateObject_35 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), typo_1.typo.CONTENT_BODY_POSTIT);
52
- exports.TYPO_V2_CLASSES = styled_components_1.default.div(templateObject_36 || (templateObject_36 = __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_BODY {\n ", "\n }\n\n .UI_BODY_SM {\n ", "\n }\n\n .UI_BODY_SEMIBOLD {\n ", "\n }\n\n .UI_BODY_SEMIBOLD_SM {\n ", "\n } \n\n\n .UI_BODY_BOLD {\n ", "\n }\n\n .UI_BODY_BOLD_SM {\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_BODY {\n ", "\n }\n\n .UI_BODY_SM {\n ", "\n }\n\n .UI_BODY_SEMIBOLD {\n ", "\n }\n\n .UI_BODY_SEMIBOLD_SM {\n ", "\n } \n\n\n .UI_BODY_BOLD {\n ", "\n }\n\n .UI_BODY_BOLD_SM {\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_BODY, typo_1.typo.UI_BODY_SM, typo_1.typo.UI_BODY_SEMIBOLD, typo_1.typo.UI_BODY_SEMIBOLD_SM, typo_1.typo.UI_BODY_BOLD, typo_1.typo.UI_BODY_BOLD_SM, 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);
53
- var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18, templateObject_19, templateObject_20, templateObject_21, templateObject_22, templateObject_23, templateObject_24, templateObject_25, templateObject_26, templateObject_27, templateObject_28, templateObject_29, templateObject_30, templateObject_31, templateObject_32, templateObject_33, templateObject_34, templateObject_35, templateObject_36;
44
+ exports.CONTENT_H1_STYLED = styled_components_1.default.h1(templateObject_28 || (templateObject_28 = __makeTemplateObject(["\n ", " \n "], ["\n ", " \n "])), typo_1.typo.CONTENT_H1);
45
+ exports.CONTENT_H2_STYLED = styled_components_1.default.h2(templateObject_29 || (templateObject_29 = __makeTemplateObject(["\n ", " \n"], ["\n ", " \n"])), typo_1.typo.CONTENT_H2);
46
+ exports.CONTENT_H3_STYLED = styled_components_1.default.h3(templateObject_30 || (templateObject_30 = __makeTemplateObject(["\n ", " \n"], ["\n ", " \n"])), typo_1.typo.CONTENT_H3);
47
+ exports.CONTENT_BODY_STYLED = styled_components_1.default.p(templateObject_31 || (templateObject_31 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), typo_1.typo.CONTENT_BODY);
48
+ exports.CONTENT_BODY_BOLD_STYLED = styled_components_1.default.p(templateObject_32 || (templateObject_32 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), typo_1.typo.CONTENT_BODY_BOLD);
49
+ exports.CONTENT_BODY_ITALIC_STYLED = styled_components_1.default.p(templateObject_33 || (templateObject_33 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), typo_1.typo.CONTENT_BODY_ITALIC);
50
+ exports.CONTENT_BODY_BOLD_ITALIC_STYLED = styled_components_1.default.p(templateObject_34 || (templateObject_34 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), typo_1.typo.CONTENT_BODY_BOLD_ITALIC);
51
+ exports.CONTENT_QUOTE_STYLED = styled_components_1.default.h4(templateObject_35 || (templateObject_35 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), typo_1.typo.CONTENT_QUOTE);
52
+ exports.CONTENT_TITLE_POSTIT_STYLED = styled_components_1.default.p(templateObject_36 || (templateObject_36 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), typo_1.typo.CONTENT_TITLE_POSTIT);
53
+ exports.CONTENT_BODY_POSTIT_STYLED = styled_components_1.default.p(templateObject_37 || (templateObject_37 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), typo_1.typo.CONTENT_BODY_POSTIT);
54
+ exports.TYPO_V2_CLASSES = styled_components_1.default.div(templateObject_38 || (templateObject_38 = __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_BODY {\n ", "\n }\n\n .UI_BODY_SM {\n ", "\n }\n\n .UI_BODY_SEMIBOLD {\n ", "\n }\n\n .UI_BODY_SEMIBOLD_SM {\n ", "\n } \n\n .UI_BODY_BOLD_DF {\n ", "\n }\n\n .UI_BODY_BOLD_SM_DF {\n ", "\n }\n\n .UI_BODY_DF {\n ", "\n }\n\n .UI_BODY_SM_DF {\n ", "\n }\n\n .UI_BODY_SEMIBOLD_DF {\n ", "\n }\n\n .UI_BODY_SEMIBOLD_SM_DF {\n ", "\n } \n\n .UI_BODY_BOLD_SM {\n ", "\n }\n\n .UI_PARAGRAPH {\n ", "\n }\n\n .UI_PARAGRAPH_BOLD {\n ", "\n }\n\n .UI_CAPTION {\n ", "\n }\n\n .UI_CAPTION_BOLD {\n ", "\n }\n\n .UI_CAPTION_DF {\n ", "\n }\n \n .UI_CAPTION_BOLD_DF {\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_BODY {\n ", "\n }\n\n .UI_BODY_SM {\n ", "\n }\n\n .UI_BODY_SEMIBOLD {\n ", "\n }\n\n .UI_BODY_SEMIBOLD_SM {\n ", "\n } \n\n .UI_BODY_BOLD_DF {\n ", "\n }\n\n .UI_BODY_BOLD_SM_DF {\n ", "\n }\n\n .UI_BODY_DF {\n ", "\n }\n\n .UI_BODY_SM_DF {\n ", "\n }\n\n .UI_BODY_SEMIBOLD_DF {\n ", "\n }\n\n .UI_BODY_SEMIBOLD_SM_DF {\n ", "\n } \n\n .UI_BODY_BOLD_SM {\n ", "\n }\n\n .UI_PARAGRAPH {\n ", "\n }\n\n .UI_PARAGRAPH_BOLD {\n ", "\n }\n\n .UI_CAPTION {\n ", "\n }\n\n .UI_CAPTION_BOLD {\n ", "\n }\n\n .UI_CAPTION_DF {\n ", "\n }\n \n .UI_CAPTION_BOLD_DF {\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_BODY, typo_1.typo.UI_BODY_SM, typo_1.typo.UI_BODY_SEMIBOLD, typo_1.typo.UI_BODY_SEMIBOLD_SM, typo_1.typo.UI_BODY_BOLD_DF, typo_1.typo.UI_BODY_BOLD_SM_DF, typo_1.typo.UI_BODY_DF, typo_1.typo.UI_BODY_SM_DF, typo_1.typo.UI_BODY_SEMIBOLD_DF, typo_1.typo.UI_BODY_SEMIBOLD_SM_DF, typo_1.typo.UI_BODY_BOLD_SM, typo_1.typo.UI_PARAGRAPH, typo_1.typo.UI_PARAGRAPH_BOLD, typo_1.typo.UI_CAPTION, typo_1.typo.UI_CAPTION_BOLD, typo_1.typo.UI_CAPTION_DF, typo_1.typo.UI_CAPTION_BOLD_DF, 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);
55
+ var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18, templateObject_19, templateObject_20, templateObject_21, templateObject_22, templateObject_23, templateObject_24, templateObject_25, templateObject_26, templateObject_27, templateObject_28, templateObject_29, templateObject_30, templateObject_31, templateObject_32, templateObject_33, templateObject_34, templateObject_35, templateObject_36, templateObject_37, templateObject_38;
package/dist/v2/themes/typo.d.ts CHANGED
@@ -16,6 +16,8 @@ export declare const typo: {
16
16
  UI_BODY_SM_DF: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
17
17
  UI_BODY_SEMIBOLD_SM_DF: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
18
18
  UI_BODY_BOLD_SM_DF: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
19
+ UI_CAPTION_DF: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
20
+ UI_CAPTION_BOLD_DF: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
19
21
  UI_PARAGRAPH: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
20
22
  UI_PARAGRAPH_BOLD: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
21
23
  UI_CAPTION: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
package/dist/v2/themes/typo.js CHANGED
@@ -43,25 +43,29 @@ var UI_BODY_SEMIBOLD_DF = (0, styled_components_1.css)(templateObject_23 || (tem
43
43
  var UI_BODY_BOLD_DF = (0, styled_components_1.css)(templateObject_24 || (templateObject_24 = __makeTemplateObject(["\n font-weight: 700;\n ", ";\n ", ";\n \n ", ";\n\n ", "{\n ", ";\n }\n"], ["\n font-weight: 700;\n ", ";\n ", ";\n \n ", ";\n\n ", "{\n ", ";\n }\n"])), uiFont, fontCss, UI_BODY_MOBILE, (0, mixins_1.mediaQuery)("md"), UI_BODY_DESKTOP);
44
44
  var UI_PARAGRAPH = (0, styled_components_1.css)(templateObject_25 || (templateObject_25 = __makeTemplateObject(["\n font-size: 14px;\n line-height: 130%;\n font-weight: 400;\n ", ";\n ", ";\n"], ["\n font-size: 14px;\n line-height: 130%;\n font-weight: 400;\n ", ";\n ", ";\n"])), uiFont, fontCss);
45
45
  var UI_PARAGRAPH_BOLD = (0, styled_components_1.css)(templateObject_26 || (templateObject_26 = __makeTemplateObject(["\n font-size: 14px;\n line-height: 130%;\n font-weight: 500;\n ", ";\n ", ";\n"], ["\n font-size: 14px;\n line-height: 130%;\n font-weight: 500;\n ", ";\n ", ";\n"])), uiFont, fontCss);
46
- var UI_CAPTION = (0, styled_components_1.css)(templateObject_27 || (templateObject_27 = __makeTemplateObject(["\n font-size: 12px;\n line-height: 16px;\n font-weight: 400;\n ", ";\n ", ";\n"], ["\n font-size: 12px;\n line-height: 16px;\n font-weight: 400;\n ", ";\n ", ";\n"])), uiFont, fontCss);
47
- var UI_CAPTION_BOLD = (0, styled_components_1.css)(templateObject_28 || (templateObject_28 = __makeTemplateObject(["\n font-size: 12px;\n line-height: 130%;\n font-weight: 700;\n ", ";\n ", ";\n"], ["\n font-size: 12px;\n line-height: 130%;\n font-weight: 700;\n ", ";\n ", ";\n"])), uiFont, fontCss);
48
- var UI_TAG = (0, styled_components_1.css)(templateObject_29 || (templateObject_29 = __makeTemplateObject(["\n font-size: 10px;\n line-height: 13px;\n font-weight: 700; \n text-transform: uppercase;\n letter-spacing: 1px;\n ", ";\n ", ";\n"], ["\n font-size: 10px;\n line-height: 13px;\n font-weight: 700; \n text-transform: uppercase;\n letter-spacing: 1px;\n ", ";\n ", ";\n"])), uiFont, fontCss);
49
- var UI_HELPTEXT = (0, styled_components_1.css)(templateObject_30 || (templateObject_30 = __makeTemplateObject(["\n font-size: 12px;\n line-height: 16px;\n font-weight: 400; \n ", ";\n ", ";\n"], ["\n font-size: 12px;\n line-height: 16px;\n font-weight: 400; \n ", ";\n ", ";\n"])), uiFont, fontCss);
50
- var UI_STAT_LG = (0, styled_components_1.css)(templateObject_31 || (templateObject_31 = __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);
51
- var UI_STAT_SM = (0, styled_components_1.css)(templateObject_32 || (templateObject_32 = __makeTemplateObject(["\n font-size: 14px;\n line-height: 18px;\n font-weight: 700;\n ", ";\n ", ";\n"], ["\n font-size: 14px;\n line-height: 18px;\n font-weight: 700;\n ", ";\n ", ";\n"])), uiFont, fontCss);
52
- var CONTENT_H1 = (0, styled_components_1.css)(templateObject_33 || (templateObject_33 = __makeTemplateObject(["\n font-size: 36px;\n line-height: 140%;\n font-weight: 700;\n ", ";\n ", ";\n "], ["\n font-size: 36px;\n line-height: 140%;\n font-weight: 700;\n ", ";\n ", ";\n "])), contentFont, fontCss);
53
- var CONTENT_H2 = (0, styled_components_1.css)(templateObject_34 || (templateObject_34 = __makeTemplateObject(["\n font-size: 25px;\n line-height: 140%;\n font-weight: 700;\n ", ";\n ", ";\n "], ["\n font-size: 25px;\n line-height: 140%;\n font-weight: 700;\n ", ";\n ", ";\n "])), contentFont, fontCss);
54
- var CONTENT_H3 = (0, styled_components_1.css)(templateObject_35 || (templateObject_35 = __makeTemplateObject(["\n font-size: 18px;\n line-height: 140%;\n font-weight: 700;\n ", ";\n ", ";\n "], ["\n font-size: 18px;\n line-height: 140%;\n font-weight: 700;\n ", ";\n ", ";\n "])), contentFont, fontCss);
55
- var CONTENT_BODY = (0, styled_components_1.css)(templateObject_36 || (templateObject_36 = __makeTemplateObject(["\n font-size: 15px;\n line-height: 140%;\n font-weight: 400;\n ", ";\n ", ";\n"], ["\n font-size: 15px;\n line-height: 140%;\n font-weight: 400;\n ", ";\n ", ";\n"])), contentFont, fontCss);
56
- var CONTENT_BODY_BOLD = (0, styled_components_1.css)(templateObject_37 || (templateObject_37 = __makeTemplateObject(["\n font-size: 17px;\n line-height: 140%;\n font-weight: 600;\n ", ";\n ", ";\n"], ["\n font-size: 17px;\n line-height: 140%;\n font-weight: 600;\n ", ";\n ", ";\n"])), contentFont, fontCss);
57
- var CONTENT_BODY_ITALIC = (0, styled_components_1.css)(templateObject_38 || (templateObject_38 = __makeTemplateObject(["\n font-size: 17px;\n line-height: 140%;\n font-weight: 400;\n font-style: italic;\n ", ";\n ", ";\n"], ["\n font-size: 17px;\n line-height: 140%;\n font-weight: 400;\n font-style: italic;\n ", ";\n ", ";\n"])), contentFont, fontCss);
58
- var CONTENT_BODY_BOLD_ITALIC = (0, styled_components_1.css)(templateObject_39 || (templateObject_39 = __makeTemplateObject(["\n font-size: 17px;\n line-height: 140%;\n font-weight: 600;\n font-style: italic;\n ", ";\n ", ";\n"], ["\n font-size: 17px;\n line-height: 140%;\n font-weight: 600;\n font-style: italic;\n ", ";\n ", ";\n"])), contentFont, fontCss);
59
- var CONTENT_QUOTE = (0, styled_components_1.css)(templateObject_40 || (templateObject_40 = __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
+ var UI_CAPTION_DESKTOP = (0, styled_components_1.css)(templateObject_27 || (templateObject_27 = __makeTemplateObject(["\n font-size: 12px;\n line-height: 16px;\n"], ["\n font-size: 12px;\n line-height: 16px;\n"])));
47
+ var UI_CAPTION_MOBILE = (0, styled_components_1.css)(templateObject_28 || (templateObject_28 = __makeTemplateObject(["\n font-size: 14px;\n line-height: 18px;\n"], ["\n font-size: 14px;\n line-height: 18px;\n"])));
48
+ var UI_CAPTION = (0, styled_components_1.css)(templateObject_29 || (templateObject_29 = __makeTemplateObject(["\n font-weight: 400;\n ", ";\n ", ";\n\n ", ";\n \n"], ["\n font-weight: 400;\n ", ";\n ", ";\n\n ", ";\n \n"])), uiFont, fontCss, UI_CAPTION_DESKTOP);
49
+ var UI_CAPTION_BOLD = (0, styled_components_1.css)(templateObject_30 || (templateObject_30 = __makeTemplateObject(["\n font-weight: 700;\n ", ";\n ", ";\n\n ", ";\n\n"], ["\n font-weight: 700;\n ", ";\n ", ";\n\n ", ";\n\n"])), uiFont, fontCss, UI_CAPTION_DESKTOP);
50
+ var UI_CAPTION_DF = (0, styled_components_1.css)(templateObject_31 || (templateObject_31 = __makeTemplateObject(["\n font-weight: 400;\n ", ";\n ", ";\n\n ", ";\n \n ", "{\n ", ";\n }\n"], ["\n font-weight: 400;\n ", ";\n ", ";\n\n ", ";\n \n ", "{\n ", ";\n }\n"])), uiFont, fontCss, UI_CAPTION_MOBILE, (0, mixins_1.mediaQuery)("md"), UI_CAPTION_DESKTOP);
51
+ var UI_CAPTION_BOLD_DF = (0, styled_components_1.css)(templateObject_32 || (templateObject_32 = __makeTemplateObject(["\n font-weight: 700;\n ", ";\n ", ";\n\n ", ";\n \n ", "{\n ", ";\n }\n"], ["\n font-weight: 700;\n ", ";\n ", ";\n\n ", ";\n \n ", "{\n ", ";\n }\n"])), uiFont, fontCss, UI_CAPTION_MOBILE, (0, mixins_1.mediaQuery)("md"), UI_CAPTION_DESKTOP);
52
+ var UI_TAG = (0, styled_components_1.css)(templateObject_33 || (templateObject_33 = __makeTemplateObject(["\n font-size: 10px;\n line-height: 13px;\n font-weight: 700; \n text-transform: uppercase;\n letter-spacing: 1px;\n ", ";\n ", ";\n"], ["\n font-size: 10px;\n line-height: 13px;\n font-weight: 700; \n text-transform: uppercase;\n letter-spacing: 1px;\n ", ";\n ", ";\n"])), uiFont, fontCss);
53
+ var UI_HELPTEXT = (0, styled_components_1.css)(templateObject_34 || (templateObject_34 = __makeTemplateObject(["\n font-size: 12px;\n line-height: 16px;\n font-weight: 400; \n ", ";\n ", ";\n"], ["\n font-size: 12px;\n line-height: 16px;\n font-weight: 400; \n ", ";\n ", ";\n"])), uiFont, fontCss);
54
+ var UI_STAT_LG = (0, styled_components_1.css)(templateObject_35 || (templateObject_35 = __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);
55
+ var UI_STAT_SM = (0, styled_components_1.css)(templateObject_36 || (templateObject_36 = __makeTemplateObject(["\n font-size: 14px;\n line-height: 18px;\n font-weight: 700;\n ", ";\n ", ";\n"], ["\n font-size: 14px;\n line-height: 18px;\n font-weight: 700;\n ", ";\n ", ";\n"])), uiFont, fontCss);
56
+ var CONTENT_H1 = (0, styled_components_1.css)(templateObject_37 || (templateObject_37 = __makeTemplateObject(["\n font-size: 36px;\n line-height: 140%;\n font-weight: 700;\n ", ";\n ", ";\n "], ["\n font-size: 36px;\n line-height: 140%;\n font-weight: 700;\n ", ";\n ", ";\n "])), contentFont, fontCss);
57
+ var CONTENT_H2 = (0, styled_components_1.css)(templateObject_38 || (templateObject_38 = __makeTemplateObject(["\n font-size: 25px;\n line-height: 140%;\n font-weight: 700;\n ", ";\n ", ";\n "], ["\n font-size: 25px;\n line-height: 140%;\n font-weight: 700;\n ", ";\n ", ";\n "])), contentFont, fontCss);
58
+ var CONTENT_H3 = (0, styled_components_1.css)(templateObject_39 || (templateObject_39 = __makeTemplateObject(["\n font-size: 18px;\n line-height: 140%;\n font-weight: 700;\n ", ";\n ", ";\n "], ["\n font-size: 18px;\n line-height: 140%;\n font-weight: 700;\n ", ";\n ", ";\n "])), contentFont, fontCss);
59
+ var CONTENT_BODY = (0, styled_components_1.css)(templateObject_40 || (templateObject_40 = __makeTemplateObject(["\n font-size: 15px;\n line-height: 140%;\n font-weight: 400;\n ", ";\n ", ";\n"], ["\n font-size: 15px;\n line-height: 140%;\n font-weight: 400;\n ", ";\n ", ";\n"])), contentFont, fontCss);
60
+ var CONTENT_BODY_BOLD = (0, styled_components_1.css)(templateObject_41 || (templateObject_41 = __makeTemplateObject(["\n font-size: 17px;\n line-height: 140%;\n font-weight: 600;\n ", ";\n ", ";\n"], ["\n font-size: 17px;\n line-height: 140%;\n font-weight: 600;\n ", ";\n ", ";\n"])), contentFont, fontCss);
61
+ var CONTENT_BODY_ITALIC = (0, styled_components_1.css)(templateObject_42 || (templateObject_42 = __makeTemplateObject(["\n font-size: 17px;\n line-height: 140%;\n font-weight: 400;\n font-style: italic;\n ", ";\n ", ";\n"], ["\n font-size: 17px;\n line-height: 140%;\n font-weight: 400;\n font-style: italic;\n ", ";\n ", ";\n"])), contentFont, fontCss);
62
+ var CONTENT_BODY_BOLD_ITALIC = (0, styled_components_1.css)(templateObject_43 || (templateObject_43 = __makeTemplateObject(["\n font-size: 17px;\n line-height: 140%;\n font-weight: 600;\n font-style: italic;\n ", ";\n ", ";\n"], ["\n font-size: 17px;\n line-height: 140%;\n font-weight: 600;\n font-style: italic;\n ", ";\n ", ";\n"])), contentFont, fontCss);
63
+ var CONTENT_QUOTE = (0, styled_components_1.css)(templateObject_44 || (templateObject_44 = __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) {
60
64
  var invert = _a.invert, colors = _a.theme.colors;
61
65
  return invert ? colors.greyColor40 : (0, utilsOolib_1.getPrimaryColor100)(colors);
62
66
  }, contentFont, fontCss);
63
- var CONTENT_TITLE_POSTIT = (0, styled_components_1.css)(templateObject_41 || (templateObject_41 = __makeTemplateObject(["\n font-size: 15px;\n font-style: normal;\n font-weight: 700;\n line-height: 130%;\n ", ";\n ", ";\n"], ["\n font-size: 15px;\n font-style: normal;\n font-weight: 700;\n line-height: 130%;\n ", ";\n ", ";\n"])), contentFont, fontCss);
64
- var CONTENT_BODY_POSTIT = (0, styled_components_1.css)(templateObject_42 || (templateObject_42 = __makeTemplateObject(["\n font-size: 12px;\n font-style: normal;\n font-weight: 400;\n line-height: 130%;\n ", ";\n ", ";\n"], ["\n font-size: 12px;\n font-style: normal;\n font-weight: 400;\n line-height: 130%;\n ", ";\n ", ";\n"])), contentFont, fontCss);
67
+ var CONTENT_TITLE_POSTIT = (0, styled_components_1.css)(templateObject_45 || (templateObject_45 = __makeTemplateObject(["\n font-size: 15px;\n font-style: normal;\n font-weight: 700;\n line-height: 130%;\n ", ";\n ", ";\n"], ["\n font-size: 15px;\n font-style: normal;\n font-weight: 700;\n line-height: 130%;\n ", ";\n ", ";\n"])), contentFont, fontCss);
68
+ var CONTENT_BODY_POSTIT = (0, styled_components_1.css)(templateObject_46 || (templateObject_46 = __makeTemplateObject(["\n font-size: 12px;\n font-style: normal;\n font-weight: 400;\n line-height: 130%;\n ", ";\n ", ";\n"], ["\n font-size: 12px;\n font-style: normal;\n font-weight: 400;\n line-height: 130%;\n ", ";\n ", ";\n"])), contentFont, fontCss);
65
69
  exports.typo = {
66
70
  UI_DISPLAY: UI_DISPLAY,
67
71
  UI_HEADLINE: UI_HEADLINE,
@@ -82,6 +86,8 @@ exports.typo = {
82
86
  UI_BODY_SM_DF: UI_BODY_SM_DF,
83
87
  UI_BODY_SEMIBOLD_SM_DF: UI_BODY_SEMIBOLD_SM_DF,
84
88
  UI_BODY_BOLD_SM_DF: UI_BODY_BOLD_SM_DF,
89
+ UI_CAPTION_DF: UI_CAPTION_DF,
90
+ UI_CAPTION_BOLD_DF: UI_CAPTION_BOLD_DF,
85
91
  UI_PARAGRAPH: UI_PARAGRAPH,
86
92
  UI_PARAGRAPH_BOLD: UI_PARAGRAPH_BOLD,
87
93
  UI_CAPTION: UI_CAPTION,
@@ -101,4 +107,4 @@ exports.typo = {
101
107
  CONTENT_TITLE_POSTIT: CONTENT_TITLE_POSTIT,
102
108
  CONTENT_BODY_POSTIT: CONTENT_BODY_POSTIT
103
109
  };
104
- var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18, templateObject_19, templateObject_20, templateObject_21, templateObject_22, templateObject_23, templateObject_24, templateObject_25, templateObject_26, templateObject_27, templateObject_28, templateObject_29, templateObject_30, templateObject_31, templateObject_32, templateObject_33, templateObject_34, templateObject_35, templateObject_36, templateObject_37, templateObject_38, templateObject_39, templateObject_40, templateObject_41, templateObject_42;
110
+ var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18, templateObject_19, templateObject_20, templateObject_21, templateObject_22, templateObject_23, templateObject_24, templateObject_25, templateObject_26, templateObject_27, templateObject_28, templateObject_29, templateObject_30, templateObject_31, templateObject_32, templateObject_33, templateObject_34, templateObject_35, templateObject_36, templateObject_37, templateObject_38, templateObject_39, templateObject_40, templateObject_41, templateObject_42, templateObject_43, templateObject_44, templateObject_45, templateObject_46;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "oolib",
3
- "version": "2.158.1",
3
+ "version": "2.159.0",
4
4
  "description": " OKE Component Library",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",