oolib 2.236.0 → 2.237.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.
|
@@ -41,7 +41,7 @@ exports.UI_CAPTION_SEMIBOLD_STYLED = styled_components_1.default.p(templateObjec
|
|
|
41
41
|
exports.UI_CAPTION_SEMIBOLD_DF_STYLED = styled_components_1.default.p(templateObject_26 || (templateObject_26 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), typo_1.typo.UI_CAPTION_SEMIBOLD_DF);
|
|
42
42
|
exports.UI_TAG_STYLED = styled_components_1.default.p(templateObject_27 || (templateObject_27 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), typo_1.typo.UI_TAG);
|
|
43
43
|
exports.UI_TAG_DF_STYLED = styled_components_1.default.p(templateObject_28 || (templateObject_28 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), typo_1.typo.UI_TAG_DF);
|
|
44
|
-
exports.UI_TAG_CONDENSED_STYLED = styled_components_1.default.p(templateObject_29 || (templateObject_29 = __makeTemplateObject(["\n ", "
|
|
44
|
+
exports.UI_TAG_CONDENSED_STYLED = styled_components_1.default.p(templateObject_29 || (templateObject_29 = __makeTemplateObject(["\n ", ";\n ", ";\n color: ", ";\n"], ["\n ", ";\n ", ";\n color: ", ";\n"])), typo_1.typo.UI_TAG_CONDENSED, mixins_1.ellipsis, colors_1.colors.grey60);
|
|
45
45
|
exports.UI_HELPTEXT_STYLED = styled_components_1.default.p(templateObject_30 || (templateObject_30 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), typo_1.typo.UI_HELPTEXT);
|
|
46
46
|
exports.UI_STAT_LG_STYLED = styled_components_1.default.h2(templateObject_31 || (templateObject_31 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), typo_1.typo.UI_STAT_LG);
|
|
47
47
|
exports.UI_STAT_SM_STYLED = styled_components_1.default.h3(templateObject_32 || (templateObject_32 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"
|
package/dist/v2/themes/typo.d.ts
CHANGED
|
@@ -27,6 +27,7 @@ export declare const typo: {
|
|
|
27
27
|
UI_CAPTION_SEMIBOLD_DF: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
|
|
28
28
|
UI_TAG: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
|
|
29
29
|
UI_TAG_DF: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
|
|
30
|
+
UI_TAG_CONDENSED: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
|
|
30
31
|
UI_HELPTEXT: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
|
|
31
32
|
UI_STAT_LG: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
|
|
32
33
|
UI_STAT_SM: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
|
package/dist/v2/themes/typo.js
CHANGED
|
@@ -55,24 +55,25 @@ var UI_CAPTION_BOLD_DF = (0, styled_components_1.css)(templateObject_35 || (temp
|
|
|
55
55
|
var UI_TAG_DESKTOP = (0, styled_components_1.css)(templateObject_36 || (templateObject_36 = __makeTemplateObject(["\n font-size: 10px;\n line-height: 13px;\n letter-spacing: 1px;\n"], ["\n font-size: 10px;\n line-height: 13px;\n letter-spacing: 1px;\n"])));
|
|
56
56
|
var UI_TAG_MOBILE = (0, styled_components_1.css)(templateObject_37 || (templateObject_37 = __makeTemplateObject(["\n font-size: 11px;\n line-height: 14px;\n letter-spacing: 1.1px;\n"], ["\n font-size: 11px;\n line-height: 14px;\n letter-spacing: 1.1px;\n"])));
|
|
57
57
|
var UI_TAG = (0, styled_components_1.css)(templateObject_38 || (templateObject_38 = __makeTemplateObject(["\n font-weight: 700; \n text-transform: uppercase;\n \n ", ";\n\n ", ";\n ", ";\n"], ["\n font-weight: 700; \n text-transform: uppercase;\n \n ", ";\n\n ", ";\n ", ";\n"])), UI_TAG_DESKTOP, uiFont, fontCss);
|
|
58
|
-
var
|
|
59
|
-
var
|
|
60
|
-
var
|
|
61
|
-
var
|
|
62
|
-
var
|
|
63
|
-
var
|
|
64
|
-
var
|
|
65
|
-
var
|
|
66
|
-
var
|
|
67
|
-
var
|
|
68
|
-
var
|
|
69
|
-
var
|
|
70
|
-
var
|
|
58
|
+
var UI_TAG_CONDENSED = (0, styled_components_1.css)(templateObject_39 || (templateObject_39 = __makeTemplateObject(["\n font-weight: 600;\n font-size: 10px;\n line-height: 13px;\n letter-spacing: 0.05em;\n text-transform: uppercase;\n ", ";\n ", ";\n"], ["\n font-weight: 600;\n font-size: 10px;\n line-height: 13px;\n letter-spacing: 0.05em;\n text-transform: uppercase;\n ", ";\n ", ";\n"])), uiFont, fontCss);
|
|
59
|
+
var UI_TAG_DF = (0, styled_components_1.css)(templateObject_40 || (templateObject_40 = __makeTemplateObject(["\n\n font-weight: 700;\n text-transform: uppercase;\n\n ", ";\n\n ", "{\n ", ";\n }\n\n ", ";\n ", ";\n"], ["\n\n font-weight: 700;\n text-transform: uppercase;\n\n ", ";\n\n ", "{\n ", ";\n }\n\n ", ";\n ", ";\n"])), UI_TAG_MOBILE, (0, mixins_1.mediaQuery)("md"), UI_TAG_DESKTOP, uiFont, fontCss);
|
|
60
|
+
var UI_HELPTEXT = (0, styled_components_1.css)(templateObject_41 || (templateObject_41 = __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);
|
|
61
|
+
var UI_STAT_LG = (0, styled_components_1.css)(templateObject_42 || (templateObject_42 = __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);
|
|
62
|
+
var UI_STAT_SM = (0, styled_components_1.css)(templateObject_43 || (templateObject_43 = __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);
|
|
63
|
+
var CONTENT_H1 = (0, styled_components_1.css)(templateObject_44 || (templateObject_44 = __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);
|
|
64
|
+
var CONTENT_H2 = (0, styled_components_1.css)(templateObject_45 || (templateObject_45 = __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);
|
|
65
|
+
var CONTENT_H3 = (0, styled_components_1.css)(templateObject_46 || (templateObject_46 = __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);
|
|
66
|
+
var CONTENT_BODY_SM = (0, styled_components_1.css)(templateObject_47 || (templateObject_47 = __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);
|
|
67
|
+
var CONTENT_BODY = (0, styled_components_1.css)(templateObject_48 || (templateObject_48 = __makeTemplateObject(["\n font-size: 17px;\n line-height: 140%;\n font-weight: 400;\n ", ";\n ", ";\n"], ["\n font-size: 17px;\n line-height: 140%;\n font-weight: 400;\n ", ";\n ", ";\n"])), contentFont, fontCss);
|
|
68
|
+
var CONTENT_BODY_BOLD = (0, styled_components_1.css)(templateObject_49 || (templateObject_49 = __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);
|
|
69
|
+
var CONTENT_BODY_ITALIC = (0, styled_components_1.css)(templateObject_50 || (templateObject_50 = __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);
|
|
70
|
+
var CONTENT_BODY_BOLD_ITALIC = (0, styled_components_1.css)(templateObject_51 || (templateObject_51 = __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);
|
|
71
|
+
var CONTENT_QUOTE = (0, styled_components_1.css)(templateObject_52 || (templateObject_52 = __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) {
|
|
71
72
|
var invert = _a.invert, colors = _a.theme.colors;
|
|
72
73
|
return invert ? colors.greyColor40 : (0, utilsOolib_1.getPrimaryColor100)(colors);
|
|
73
74
|
}, contentFont, fontCss);
|
|
74
|
-
var CONTENT_TITLE_POSTIT = (0, styled_components_1.css)(
|
|
75
|
-
var CONTENT_BODY_POSTIT = (0, styled_components_1.css)(
|
|
75
|
+
var CONTENT_TITLE_POSTIT = (0, styled_components_1.css)(templateObject_53 || (templateObject_53 = __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);
|
|
76
|
+
var CONTENT_BODY_POSTIT = (0, styled_components_1.css)(templateObject_54 || (templateObject_54 = __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);
|
|
76
77
|
exports.typo = {
|
|
77
78
|
UI_DISPLAY: UI_DISPLAY,
|
|
78
79
|
UI_DISPLAY_SM: UI_DISPLAY_SM,
|
|
@@ -104,6 +105,7 @@ exports.typo = {
|
|
|
104
105
|
UI_CAPTION_SEMIBOLD_DF: UI_CAPTION_SEMIBOLD_DF,
|
|
105
106
|
UI_TAG: UI_TAG,
|
|
106
107
|
UI_TAG_DF: UI_TAG_DF,
|
|
108
|
+
UI_TAG_CONDENSED: UI_TAG_CONDENSED,
|
|
107
109
|
UI_HELPTEXT: UI_HELPTEXT,
|
|
108
110
|
UI_STAT_LG: UI_STAT_LG,
|
|
109
111
|
UI_STAT_SM: UI_STAT_SM,
|
|
@@ -119,4 +121,4 @@ exports.typo = {
|
|
|
119
121
|
CONTENT_TITLE_POSTIT: CONTENT_TITLE_POSTIT,
|
|
120
122
|
CONTENT_BODY_POSTIT: CONTENT_BODY_POSTIT
|
|
121
123
|
};
|
|
122
|
-
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, templateObject_47, templateObject_48, templateObject_49, templateObject_50, templateObject_51, templateObject_52, templateObject_53;
|
|
124
|
+
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, templateObject_47, templateObject_48, templateObject_49, templateObject_50, templateObject_51, templateObject_52, templateObject_53, templateObject_54;
|