oolib 2.149.5 → 2.150.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.
- package/dist/components/Dropdowns/comps/OptionsShell/comps/OptionsAnimateWrapper/index.js +2 -1
- package/dist/stories/v2/themes/MaterialTheme.stories.js +4 -4
- package/dist/stories/v2/themes/Typo.stories.js +0 -2
- package/dist/v2/components/Buttons/styled.js +3 -3
- package/dist/v2/components/Tags/Comps/TagDisplay/styled.js +2 -2
- package/dist/v2/components/Typo2/index.d.ts +0 -2
- package/dist/v2/components/Typo2/index.js +1 -5
- package/dist/v2/components/Typo2/index.styled.d.ts +0 -2
- package/dist/v2/components/Typo2/index.styled.js +26 -28
- package/dist/v2/components/cards/CardContent/styled.js +5 -5
- package/dist/v2/themes/colors.d.ts +6 -6
- package/dist/v2/themes/colors.js +7 -7
- package/dist/v2/themes/typo.d.ts +0 -2
- package/dist/v2/themes/typo.js +29 -33
- package/package.json +1 -1
|
@@ -56,10 +56,11 @@ var OptionsAnimateWrapper = function (_a) {
|
|
|
56
56
|
openHeight: (_d = (_c = optionsRef.current) === null || _c === void 0 ? void 0 : _c.getBoundingClientRect()) === null || _d === void 0 ? void 0 : _d.height,
|
|
57
57
|
});
|
|
58
58
|
}, [options.length]);
|
|
59
|
+
var viewportWidth = document.documentElement.clientWidth; // excludes scrollbar
|
|
59
60
|
return (react_1.default.createElement(styled_1.StyledOptionsAnimateWrapper, { invert: invert, isOpen: showOptions, width: width, openHeight: openHeight, style: __assign(__assign(__assign({}, (lightboxStyle || {})), { zIndex: 100000 }), (fixPos
|
|
60
61
|
? __assign(__assign({ position: "fixed", top: "".concat(fixPos.y - (yOrientation === "top" ? (selectCompRect === null || selectCompRect === void 0 ? void 0 : selectCompRect.height) || 0 : 0), "px") }, (alignDropdown === "right"
|
|
61
62
|
? {
|
|
62
|
-
right: "".concat(
|
|
63
|
+
right: "".concat(viewportWidth - fixPos.right, "px")
|
|
63
64
|
}
|
|
64
65
|
: {
|
|
65
66
|
left: "".concat(fixPos.x, "px")
|
|
@@ -11,9 +11,9 @@ exports.Colors = exports._MaterialColors = void 0;
|
|
|
11
11
|
var react_1 = require("react");
|
|
12
12
|
var MaterialColors_1 = __importDefault(require("../../../components/MaterialColors"));
|
|
13
13
|
var Typo_1 = require("../../../components/Typo");
|
|
14
|
-
var Typo2_1 = require("../../../v2/components/Typo2");
|
|
15
14
|
var themes_1 = require("../../../v2/themes");
|
|
16
15
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
16
|
+
var Typo2_1 = require("../../../v2/components/Typo2");
|
|
17
17
|
exports.default = {
|
|
18
18
|
title: "Oolib V 2.0/themes/Material Colors",
|
|
19
19
|
argTypes: {
|
|
@@ -48,14 +48,14 @@ var Colors = function (args) {
|
|
|
48
48
|
};
|
|
49
49
|
return (React.createElement("div", { style: { display: 'flex', gap: '1rem', flexWrap: 'wrap' } }, Object.entries(themes_1.colors).map(function (item, i) { return (React.createElement("div", { style: { display: 'flex', flexDirection: 'column', gap: "1rem" } },
|
|
50
50
|
React.createElement(ColorDiv, { onClick: function () { return handleCopyToClipboard(item[1], i); }, color: item[1] },
|
|
51
|
-
React.createElement(Typo2_1.
|
|
51
|
+
React.createElement(Typo2_1.UI_CAPTION, { capitalize: true }, copied === i ? 'Copied' : 'copy color')),
|
|
52
52
|
React.createElement("div", { style: {
|
|
53
53
|
display: 'flex',
|
|
54
54
|
flexDirection: 'column',
|
|
55
55
|
alignItems: 'center',
|
|
56
56
|
} },
|
|
57
|
-
React.createElement(Typo2_1.
|
|
58
|
-
React.createElement(Typo2_1.
|
|
57
|
+
React.createElement(Typo2_1.UI_CAPTION, null, item[0]),
|
|
58
|
+
React.createElement(Typo2_1.UI_CAPTION, null, item[1])))); })));
|
|
59
59
|
};
|
|
60
60
|
exports.Colors = Colors;
|
|
61
61
|
var templateObject_1;
|
|
@@ -81,8 +81,6 @@ var UIFont = function (args) { return (react_1.default.createElement("div", { st
|
|
|
81
81
|
react_1.default.createElement(GenComp, { args: args, Comp: Typo2_1.UI_HEADLINE_SM, compName: "UI_HEADLINE_SM" }),
|
|
82
82
|
react_1.default.createElement(GenComp, { args: args, Comp: Typo2_1.UI_TITLE, compName: "UI_TITLE" }),
|
|
83
83
|
react_1.default.createElement(GenComp, { args: args, Comp: Typo2_1.UI_TITLE_SM, compName: "UI_TITLE_SM" }),
|
|
84
|
-
react_1.default.createElement(GenComp, { args: args, Comp: Typo2_1.UI_CARDTITLE, compName: "UI_CARDTITLE" }),
|
|
85
|
-
react_1.default.createElement(GenComp, { args: args, Comp: Typo2_1.UI_CARDTITLE_BOLD, compName: "UI_CARDTITLE_BOLD" }),
|
|
86
84
|
react_1.default.createElement(GenComp, { args: args, Comp: Typo2_1.UI_BODY, compName: "UI_BODY" }),
|
|
87
85
|
react_1.default.createElement(GenComp, { args: args, Comp: Typo2_1.UI_BODY_BOLD, compName: "UI_BODY_BOLD" }),
|
|
88
86
|
react_1.default.createElement(GenComp, { args: args, Comp: Typo2_1.UI_BODY_SM, compName: "UI_BODY_SM" }),
|
|
@@ -87,11 +87,11 @@ exports.ButtonStyled = styled_components_1.default.button(templateObject_16 || (
|
|
|
87
87
|
var composition = _a.composition, size = _a.size;
|
|
88
88
|
switch (composition) {
|
|
89
89
|
case "iconOnly":
|
|
90
|
-
return (0, styled_components_1.css)(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n padding: 0;\n height: ", "
|
|
90
|
+
return (0, styled_components_1.css)(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n padding: 0.9rem 1.2rem;\n /* height: ", "; */\n width: ", ";\n flex-shrink: 0; // if button is a flex item then by default it's width shrinks when the viewport width shrinks\n "], ["\n padding: 0.9rem 1.2rem;\n /* height: ", "; */\n width: ", ";\n flex-shrink: 0; // if button is a flex item then by default it's width shrinks when the viewport width shrinks\n "])), SIZES[size], SIZES[size]);
|
|
91
91
|
case "icon+text":
|
|
92
|
-
return (0, styled_components_1.css)(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n padding: 0 1.2rem 0 1rem; \n height: ", "
|
|
92
|
+
return (0, styled_components_1.css)(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n padding: 0.9rem 1.2rem 0.9rem 1rem; \n /* height: ", "; */\n "], ["\n padding: 0.9rem 1.2rem 0.9rem 1rem; \n /* height: ", "; */\n "])), SIZES[size]);
|
|
93
93
|
default:
|
|
94
|
-
return (0, styled_components_1.css)(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n padding: 0 1.2rem;\n height: ", "
|
|
94
|
+
return (0, styled_components_1.css)(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n padding: 0.9rem 1.2rem;\n /* height: ", "; */\n "], ["\n padding: 0.9rem 1.2rem;\n /* height: ", "; */\n "])), SIZES[size]);
|
|
95
95
|
}
|
|
96
96
|
}, function (_a) {
|
|
97
97
|
var width = _a.width, composition = _a.composition, size = _a.size;
|
|
@@ -31,7 +31,7 @@ exports.StyledTagDisplay = void 0;
|
|
|
31
31
|
var styled_components_1 = __importStar(require("styled-components"));
|
|
32
32
|
var styled_1 = require("../styled");
|
|
33
33
|
var themes_1 = require("../../../../themes");
|
|
34
|
-
var grey10 = themes_1.colors.grey10, grey30 = themes_1.colors.grey30, white = themes_1.colors.white, grey80 = themes_1.colors.grey80,
|
|
34
|
+
var grey10 = themes_1.colors.grey10, grey30 = themes_1.colors.grey30, white = themes_1.colors.white, grey80 = themes_1.colors.grey80, green = themes_1.colors.green, yellow = themes_1.colors.yellow, blue = themes_1.colors.blue, error = themes_1.colors.error, purple = themes_1.colors.purple;
|
|
35
35
|
exports.StyledTagDisplay = styled_components_1.default.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n width: max-content;\n ", "\n ", "\n"], ["\n width: max-content;\n ", "\n ", "\n"])), function (_a) {
|
|
36
36
|
var size = _a.size;
|
|
37
37
|
return (0, styled_1.commonStyle)({ size: size });
|
|
@@ -43,7 +43,7 @@ exports.StyledTagDisplay = styled_components_1.default.div(templateObject_9 || (
|
|
|
43
43
|
case 'secondary':
|
|
44
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');
|
|
45
45
|
case 'positive':
|
|
46
|
-
return (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n background-color: ", "; \n color: ", ";\n "], ["\n background-color: ", "; \n color: ", ";\n "])),
|
|
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':
|
|
48
48
|
return (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n background-color: ", "; \n color: ", ";\n "], ["\n background-color: ", "; \n color: ", ";\n "])), blue, textColor || white);
|
|
49
49
|
case 'warning':
|
|
@@ -29,8 +29,6 @@ export declare const UI_HEADLINE: React.FunctionComponent<TypoCompProps>;
|
|
|
29
29
|
export declare const UI_HEADLINE_SM: React.FunctionComponent<TypoCompProps>;
|
|
30
30
|
export declare const UI_TITLE: React.FunctionComponent<TypoCompProps>;
|
|
31
31
|
export declare const UI_TITLE_SM: React.FunctionComponent<TypoCompProps>;
|
|
32
|
-
export declare const UI_CARDTITLE: React.FunctionComponent<TypoCompProps>;
|
|
33
|
-
export declare const UI_CARDTITLE_BOLD: React.FunctionComponent<TypoCompProps>;
|
|
34
32
|
export declare const UI_BODY: React.FunctionComponent<TypoCompProps>;
|
|
35
33
|
export declare const UI_BODY_SM: React.FunctionComponent<TypoCompProps>;
|
|
36
34
|
export declare const UI_BODY_SEMIBOLD: React.FunctionComponent<TypoCompProps>;
|
|
@@ -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 = exports.UI_PARAGRAPH_BOLD = exports.UI_PARAGRAPH = 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.
|
|
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 = exports.UI_PARAGRAPH_BOLD = exports.UI_PARAGRAPH = 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");
|
|
@@ -79,10 +79,6 @@ var UI_TITLE = function (props) { return react_1.default.createElement(GenComp,
|
|
|
79
79
|
exports.UI_TITLE = UI_TITLE;
|
|
80
80
|
var UI_TITLE_SM = function (props) { return react_1.default.createElement(GenComp, { props: props, Comp: index_styled_1.UI_TITLE_SM_STYLED }); };
|
|
81
81
|
exports.UI_TITLE_SM = UI_TITLE_SM;
|
|
82
|
-
var UI_CARDTITLE = function (props) { return react_1.default.createElement(GenComp, { props: props, Comp: index_styled_1.UI_CARDTITLE_STYLED }); };
|
|
83
|
-
exports.UI_CARDTITLE = UI_CARDTITLE;
|
|
84
|
-
var UI_CARDTITLE_BOLD = function (props) { return react_1.default.createElement(GenComp, { props: props, Comp: index_styled_1.UI_CARDTITLE_BOLD_STYLED }); };
|
|
85
|
-
exports.UI_CARDTITLE_BOLD = UI_CARDTITLE_BOLD;
|
|
86
82
|
var UI_BODY = function (props) { return react_1.default.createElement(GenComp, { props: props, Comp: index_styled_1.UI_BODY_STYLED }); };
|
|
87
83
|
exports.UI_BODY = UI_BODY;
|
|
88
84
|
var UI_BODY_SM = function (props) { return react_1.default.createElement(GenComp, { props: props, Comp: index_styled_1.UI_BODY_SM_STYLED }); };
|
|
@@ -3,8 +3,6 @@ export declare const UI_HEADLINE_STYLED: import("styled-components").StyledCompo
|
|
|
3
3
|
export declare const UI_HEADLINE_SM_STYLED: import("styled-components").StyledComponent<"h4", any, {}, never>;
|
|
4
4
|
export declare const UI_TITLE_STYLED: import("styled-components").StyledComponent<"h3", any, {}, never>;
|
|
5
5
|
export declare const UI_TITLE_SM_STYLED: import("styled-components").StyledComponent<"h1", any, {}, never>;
|
|
6
|
-
export declare const UI_CARDTITLE_STYLED: import("styled-components").StyledComponent<"h3", any, {}, never>;
|
|
7
|
-
export declare const UI_CARDTITLE_BOLD_STYLED: import("styled-components").StyledComponent<"h3", any, {}, never>;
|
|
8
6
|
export declare const UI_BODY_STYLED: import("styled-components").StyledComponent<"p", any, {}, never>;
|
|
9
7
|
export declare const UI_BODY_SM_STYLED: import("styled-components").StyledComponent<"p", any, {}, never>;
|
|
10
8
|
export declare const UI_BODY_SEMIBOLD_STYLED: import("styled-components").StyledComponent<"p", any, {}, never>;
|
|
@@ -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_STYLED = exports.UI_PARAGRAPH_BOLD_STYLED = exports.UI_PARAGRAPH_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.
|
|
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_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
|
|
@@ -16,33 +16,31 @@ exports.UI_HEADLINE_STYLED = styled_components_1.default.h5(templateObject_2 ||
|
|
|
16
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);
|
|
17
17
|
exports.UI_TITLE_STYLED = styled_components_1.default.h3(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), typo_1.typo.UI_TITLE);
|
|
18
18
|
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);
|
|
19
|
-
exports.
|
|
20
|
-
exports.
|
|
21
|
-
exports.
|
|
22
|
-
exports.
|
|
23
|
-
exports.
|
|
24
|
-
exports.
|
|
25
|
-
exports.
|
|
26
|
-
exports.
|
|
27
|
-
exports.
|
|
28
|
-
exports.
|
|
29
|
-
exports.
|
|
30
|
-
exports.
|
|
31
|
-
exports.
|
|
32
|
-
exports.UI_STAT_LG_STYLED = styled_components_1.default.h2(templateObject_19 || (templateObject_19 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), typo_1.typo.UI_STAT_LG);
|
|
33
|
-
exports.UI_STAT_SM_STYLED = styled_components_1.default.h3(templateObject_20 || (templateObject_20 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"
|
|
19
|
+
exports.UI_BODY_STYLED = styled_components_1.default.p(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), typo_1.typo.UI_BODY);
|
|
20
|
+
exports.UI_BODY_SM_STYLED = styled_components_1.default.p(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), typo_1.typo.UI_BODY_SM);
|
|
21
|
+
exports.UI_BODY_SEMIBOLD_STYLED = styled_components_1.default.p(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), typo_1.typo.UI_BODY_SEMIBOLD);
|
|
22
|
+
exports.UI_BODY_SEMIBOLD_SM_STYLED = styled_components_1.default.p(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), typo_1.typo.UI_BODY_SEMIBOLD_SM);
|
|
23
|
+
exports.UI_BODY_BOLD_STYLED = styled_components_1.default.p(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n ", "\n "], ["\n ", "\n "])), typo_1.typo.UI_BODY_BOLD);
|
|
24
|
+
exports.UI_BODY_BOLD_SM_STYLED = styled_components_1.default.p(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), typo_1.typo.UI_BODY_BOLD_SM);
|
|
25
|
+
exports.UI_PARAGRAPH_STYLED = styled_components_1.default.p(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), typo_1.typo.UI_PARAGRAPH);
|
|
26
|
+
exports.UI_PARAGRAPH_BOLD_STYLED = styled_components_1.default.p(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), typo_1.typo.UI_PARAGRAPH_BOLD);
|
|
27
|
+
exports.UI_CAPTION_STYLED = styled_components_1.default.p(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), typo_1.typo.UI_CAPTION);
|
|
28
|
+
exports.UI_TAG_STYLED = styled_components_1.default.p(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), typo_1.typo.UI_TAG);
|
|
29
|
+
exports.UI_HELPTEXT_STYLED = styled_components_1.default.p(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), typo_1.typo.UI_HELPTEXT);
|
|
30
|
+
exports.UI_STAT_LG_STYLED = styled_components_1.default.h2(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), typo_1.typo.UI_STAT_LG);
|
|
31
|
+
exports.UI_STAT_SM_STYLED = styled_components_1.default.h3(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"
|
|
34
32
|
// Content Fonts
|
|
35
33
|
])), typo_1.typo.UI_STAT_SM);
|
|
36
34
|
// Content Fonts
|
|
37
|
-
exports.CONTENT_H1_STYLED = styled_components_1.default.h1(
|
|
38
|
-
exports.CONTENT_H2_STYLED = styled_components_1.default.h2(
|
|
39
|
-
exports.CONTENT_H3_STYLED = styled_components_1.default.h3(
|
|
40
|
-
exports.CONTENT_BODY_STYLED = styled_components_1.default.p(
|
|
41
|
-
exports.CONTENT_BODY_BOLD_STYLED = styled_components_1.default.p(
|
|
42
|
-
exports.CONTENT_BODY_ITALIC_STYLED = styled_components_1.default.p(
|
|
43
|
-
exports.CONTENT_BODY_BOLD_ITALIC_STYLED = styled_components_1.default.p(
|
|
44
|
-
exports.CONTENT_QUOTE_STYLED = styled_components_1.default.h4(
|
|
45
|
-
exports.CONTENT_TITLE_POSTIT_STYLED = styled_components_1.default.p(
|
|
46
|
-
exports.CONTENT_BODY_POSTIT_STYLED = styled_components_1.default.p(
|
|
47
|
-
exports.TYPO_V2_CLASSES = styled_components_1.default.div(
|
|
48
|
-
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
|
|
35
|
+
exports.CONTENT_H1_STYLED = styled_components_1.default.h1(templateObject_19 || (templateObject_19 = __makeTemplateObject(["\n ", " \n "], ["\n ", " \n "])), typo_1.typo.CONTENT_H1);
|
|
36
|
+
exports.CONTENT_H2_STYLED = styled_components_1.default.h2(templateObject_20 || (templateObject_20 = __makeTemplateObject(["\n ", " \n"], ["\n ", " \n"])), typo_1.typo.CONTENT_H2);
|
|
37
|
+
exports.CONTENT_H3_STYLED = styled_components_1.default.h3(templateObject_21 || (templateObject_21 = __makeTemplateObject(["\n ", " \n"], ["\n ", " \n"])), typo_1.typo.CONTENT_H3);
|
|
38
|
+
exports.CONTENT_BODY_STYLED = styled_components_1.default.p(templateObject_22 || (templateObject_22 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), typo_1.typo.CONTENT_BODY);
|
|
39
|
+
exports.CONTENT_BODY_BOLD_STYLED = styled_components_1.default.p(templateObject_23 || (templateObject_23 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), typo_1.typo.CONTENT_BODY_BOLD);
|
|
40
|
+
exports.CONTENT_BODY_ITALIC_STYLED = styled_components_1.default.p(templateObject_24 || (templateObject_24 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), typo_1.typo.CONTENT_BODY_ITALIC);
|
|
41
|
+
exports.CONTENT_BODY_BOLD_ITALIC_STYLED = styled_components_1.default.p(templateObject_25 || (templateObject_25 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), typo_1.typo.CONTENT_BODY_BOLD_ITALIC);
|
|
42
|
+
exports.CONTENT_QUOTE_STYLED = styled_components_1.default.h4(templateObject_26 || (templateObject_26 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), typo_1.typo.CONTENT_QUOTE);
|
|
43
|
+
exports.CONTENT_TITLE_POSTIT_STYLED = styled_components_1.default.p(templateObject_27 || (templateObject_27 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), typo_1.typo.CONTENT_TITLE_POSTIT);
|
|
44
|
+
exports.CONTENT_BODY_POSTIT_STYLED = styled_components_1.default.p(templateObject_28 || (templateObject_28 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), typo_1.typo.CONTENT_BODY_POSTIT);
|
|
45
|
+
exports.TYPO_V2_CLASSES = styled_components_1.default.div(templateObject_29 || (templateObject_29 = __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);
|
|
46
|
+
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;
|
|
@@ -11,17 +11,17 @@ exports.StyledMetaBlockWrapper = exports.StyledStarWrapper = exports.StyledStatu
|
|
|
11
11
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
12
12
|
var colors_1 = require("../../../themes/colors");
|
|
13
13
|
var Typo2_1 = require("../../Typo2");
|
|
14
|
-
var white = colors_1.colors.white, grey10 = colors_1.colors.grey10, grey50 = colors_1.colors.grey50, grey60 = colors_1.colors.grey60,
|
|
14
|
+
var white = colors_1.colors.white, grey10 = colors_1.colors.grey10, grey50 = colors_1.colors.grey50, grey60 = colors_1.colors.grey60, shadowDefault = colors_1.colors.shadowDefault, shadowHover = colors_1.colors.shadowHover, yellowBG = colors_1.colors.yellowBG, yellow = colors_1.colors.yellow, yellowStroke = colors_1.colors.yellowStroke, green = colors_1.colors.green, greenBG = colors_1.colors.greenBG, greenStroke = colors_1.colors.greenStroke;
|
|
15
15
|
exports.StyledEmbedSection = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n max-height: 182px;\n width: 100%;\n border-radius: 4px;\n overflow: hidden;\n display: flex;\n align-items: center;\n margin-bottom: 8px;\n"], ["\n max-height: 182px;\n width: 100%;\n border-radius: 4px;\n overflow: hidden;\n display: flex;\n align-items: center;\n margin-bottom: 8px;\n"])));
|
|
16
16
|
exports.StyledCardWrapper = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n height: 100%;\n border: 1px solid ", ";\n background-color: ", ";\n cursor: pointer;\n position: relative;\n padding: 12px;\n width: 100%;\n /* max-width: 450px; */\n border-radius: 8px;\n box-shadow: 0px 4px 10px 0px ", ";\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n \n &:hover {\n border: ", ";\n box-shadow: 0px 4px 10px 0px ", ";\n }\n"], ["\n height: 100%;\n border: 1px solid ", ";\n background-color: ", ";\n cursor: pointer;\n position: relative;\n padding: 12px;\n width: 100%;\n /* max-width: 450px; */\n border-radius: 8px;\n box-shadow: 0px 4px 10px 0px ", ";\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n \n &:hover {\n border: ", ";\n box-shadow: 0px 4px 10px 0px ", ";\n }\n"])), function (_a) {
|
|
17
17
|
var highlight = _a.highlight;
|
|
18
|
-
return highlight === "secondary" ? yellowStroke : highlight === "primary" ?
|
|
18
|
+
return highlight === "secondary" ? yellowStroke : highlight === "primary" ? greenStroke : grey10;
|
|
19
19
|
}, function (_a) {
|
|
20
20
|
var highlight = _a.highlight;
|
|
21
|
-
return highlight === "secondary" ? yellowBG : highlight === "primary" ?
|
|
21
|
+
return highlight === "secondary" ? yellowBG : highlight === "primary" ? greenBG : white;
|
|
22
22
|
}, shadowDefault, function (_a) {
|
|
23
23
|
var highlight = _a.highlight;
|
|
24
|
-
return highlight === 'secondary' ? "1px solid ".concat(yellow) : highlight === 'primary' ? "1px solid ".concat(
|
|
24
|
+
return highlight === 'secondary' ? "1px solid ".concat(yellow) : highlight === 'primary' ? "1px solid ".concat(green) : "1px solid ".concat(grey50);
|
|
25
25
|
}, shadowHover);
|
|
26
26
|
exports.StyledTitleWrapper = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n display: flex;\n gap: 0.5rem;\n margin-bottom: 4px;\n width: ", " ; // 3.6rem is the width of the star wrapper, this condition avoids title from being cutoff\n"], ["\n display: flex;\n gap: 0.5rem;\n margin-bottom: 4px;\n width: ", " ; // 3.6rem is the width of the star wrapper, this condition avoids title from being cutoff\n"])), function (_a) {
|
|
27
27
|
var highlight = _a.highlight, showEmbedSection = _a.showEmbedSection;
|
|
@@ -39,7 +39,7 @@ exports.StyledCardLabelWrapper = styled_components_1.default.div(templateObject_
|
|
|
39
39
|
exports.StyledStatusTagWrapper = styled_components_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n margin-bottom: 8px;\n /* max-width: 40%; */\n"], ["\n margin-bottom: 8px;\n /* max-width: 40%; */\n"])));
|
|
40
40
|
exports.StyledStarWrapper = styled_components_1.default.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n width: 3.6rem;\n height: 3.6rem;\n position: absolute;\n top: 1.2rem;\n right: 1.2rem;\n z-index: 10;\n display: flex; \n justify-content: center;\n align-items: center;\n padding: 7px;\n background-color: ", "; \n border-radius: 4px;\n"], ["\n width: 3.6rem;\n height: 3.6rem;\n position: absolute;\n top: 1.2rem;\n right: 1.2rem;\n z-index: 10;\n display: flex; \n justify-content: center;\n align-items: center;\n padding: 7px;\n background-color: ", "; \n border-radius: 4px;\n"])), function (_a) {
|
|
41
41
|
var highlight = _a.highlight;
|
|
42
|
-
return highlight === "secondary" ? yellow : highlight === "primary" ?
|
|
42
|
+
return highlight === "secondary" ? yellow : highlight === "primary" ? green : white;
|
|
43
43
|
});
|
|
44
44
|
exports.StyledMetaBlockWrapper = styled_components_1.default.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n color: ", ";\n font-family: ", ";\n padding-top: 0.2rem;\n"], ["\n color: ", ";\n font-family: ", ";\n padding-top: 0.2rem;\n"])), grey50, Typo2_1.UI_CAPTION);
|
|
45
45
|
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9;
|
|
@@ -32,9 +32,9 @@ export declare const colors: {
|
|
|
32
32
|
purple: string;
|
|
33
33
|
shadowDefault: string;
|
|
34
34
|
shadowHover: string;
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
35
|
+
green: string;
|
|
36
|
+
greenBG: string;
|
|
37
|
+
greenStroke: string;
|
|
38
38
|
};
|
|
39
39
|
export interface Colors2Type {
|
|
40
40
|
primary: string;
|
|
@@ -63,7 +63,7 @@ export interface Colors2Type {
|
|
|
63
63
|
success: string;
|
|
64
64
|
hintHover: string;
|
|
65
65
|
hint: string;
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
66
|
+
green: string;
|
|
67
|
+
greenBG: string;
|
|
68
|
+
greenStroke: string;
|
|
69
69
|
}
|
package/dist/v2/themes/colors.js
CHANGED
|
@@ -30,17 +30,17 @@ var blue = "#2F55FF";
|
|
|
30
30
|
var yellow = "#DA9A0F";
|
|
31
31
|
var yellowBG = "#FFF7DC";
|
|
32
32
|
var yellowStroke = "#FFE09A";
|
|
33
|
-
var purple = "#9D13E8";
|
|
34
33
|
// const green = "#159300";
|
|
34
|
+
var purple = "#9D13E8";
|
|
35
35
|
var error = "#C41717";
|
|
36
36
|
var success = "#53AC00";
|
|
37
37
|
var shadowDefault = "#0000000f";
|
|
38
38
|
var shadowHover = "#0000001f";
|
|
39
39
|
var hintHover = "#F4E8C3";
|
|
40
40
|
var hint = "#B77222";
|
|
41
|
-
var
|
|
42
|
-
var
|
|
43
|
-
var
|
|
41
|
+
var green = '#53AC00';
|
|
42
|
+
var greenBG = '#E8F6DA';
|
|
43
|
+
var greenStroke = '#C4DAAF';
|
|
44
44
|
exports.colors = {
|
|
45
45
|
primary: primary,
|
|
46
46
|
secondary: secondary,
|
|
@@ -75,7 +75,7 @@ exports.colors = {
|
|
|
75
75
|
purple: purple,
|
|
76
76
|
shadowDefault: shadowDefault,
|
|
77
77
|
shadowHover: shadowHover,
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
78
|
+
green: green,
|
|
79
|
+
greenBG: greenBG,
|
|
80
|
+
greenStroke: greenStroke
|
|
81
81
|
};
|
package/dist/v2/themes/typo.d.ts
CHANGED
|
@@ -4,8 +4,6 @@ export declare const typo: {
|
|
|
4
4
|
UI_HEADLINE_SM: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
|
|
5
5
|
UI_TITLE: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
|
|
6
6
|
UI_TITLE_SM: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
|
|
7
|
-
UI_CARDTITLE: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
|
|
8
|
-
UI_CARDTITLE_BOLD: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
|
|
9
7
|
UI_BODY: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
|
|
10
8
|
UI_BODY_SM: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
|
|
11
9
|
UI_BODY_SEMIBOLD: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
|
package/dist/v2/themes/typo.js
CHANGED
|
@@ -20,47 +20,43 @@ var fontCss = (0, styled_components_1.css)(templateObject_1 || (templateObject_1
|
|
|
20
20
|
});
|
|
21
21
|
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"])));
|
|
22
22
|
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"])));
|
|
23
|
-
var UI_DISPLAY = (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n ", ";\n ", ";\n font-size: 40px;\n line-height:
|
|
24
|
-
var UI_HEADLINE = (0, styled_components_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n ", ";\n ", ";;\n font-size: 32px;\n line-height:
|
|
25
|
-
var UI_HEADLINE_SM = (0, styled_components_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n ", ";\n ", ";;\n font-size: 28px;\n line-height:
|
|
26
|
-
var UI_TITLE = (0, styled_components_1.css)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n font-size: 20px;\n line-height:
|
|
27
|
-
var UI_TITLE_SM = (0, styled_components_1.css)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n font-size: 16px;\n line-height:
|
|
28
|
-
var
|
|
29
|
-
var
|
|
30
|
-
var
|
|
31
|
-
var
|
|
32
|
-
var
|
|
33
|
-
var
|
|
34
|
-
var
|
|
35
|
-
var
|
|
36
|
-
var
|
|
37
|
-
var
|
|
38
|
-
var
|
|
39
|
-
var
|
|
40
|
-
var
|
|
41
|
-
var
|
|
42
|
-
var
|
|
43
|
-
var
|
|
44
|
-
var
|
|
45
|
-
var
|
|
46
|
-
var
|
|
47
|
-
var
|
|
48
|
-
var
|
|
49
|
-
var CONTENT_BODY_BOLD_ITALIC = (0, styled_components_1.css)(templateObject_30 || (templateObject_30 = __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);
|
|
50
|
-
var CONTENT_QUOTE = (0, styled_components_1.css)(templateObject_31 || (templateObject_31 = __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) {
|
|
23
|
+
var UI_DISPLAY = (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n ", ";\n ", ";\n font-size: 40px;\n line-height: 52px;\n font-weight: 700;\n"], ["\n ", ";\n ", ";\n font-size: 40px;\n line-height: 52px;\n font-weight: 700;\n"])), uiFont, fontCss);
|
|
24
|
+
var UI_HEADLINE = (0, styled_components_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n ", ";\n ", ";;\n font-size: 32px;\n line-height: 42px;\n font-weight: 500;\n"], ["\n ", ";\n ", ";;\n font-size: 32px;\n line-height: 42px;\n font-weight: 500;\n"])), uiFont, fontCss);
|
|
25
|
+
var UI_HEADLINE_SM = (0, styled_components_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n ", ";\n ", ";;\n font-size: 28px;\n line-height: 36px;\n font-weight: 600;\n"], ["\n ", ";\n ", ";;\n font-size: 28px;\n line-height: 36px;\n font-weight: 600;\n"])), uiFont, fontCss);
|
|
26
|
+
var UI_TITLE = (0, styled_components_1.css)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n font-size: 20px;\n line-height: 26px;\n font-weight: 700;\n letter-spacing: 0.2px;\n ", ";\n ", ";\n"], ["\n font-size: 20px;\n line-height: 26px;\n font-weight: 700;\n letter-spacing: 0.2px;\n ", ";\n ", ";\n"])), uiFont, fontCss);
|
|
27
|
+
var UI_TITLE_SM = (0, styled_components_1.css)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n font-size: 16px;\n line-height: 21px;\n font-weight: 700;\n ", ";\n ", ";\n"], ["\n font-size: 16px;\n line-height: 21px;\n font-weight: 700;\n ", ";\n ", ";\n"])), uiFont, fontCss);
|
|
28
|
+
var UI_BODY = (0, styled_components_1.css)(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n font-weight: 400;\n ", ";\n ", ";\n \n font-size: 18px;\n line-height: 23px;\n\n ", "{\n font-size: 16px;\n line-height: 21px;\n }\n"], ["\n font-weight: 400;\n ", ";\n ", ";\n \n font-size: 18px;\n line-height: 23px;\n\n ", "{\n font-size: 16px;\n line-height: 21px;\n }\n"])), uiFont, fontCss, (0, mixins_1.mediaQuery)("md"));
|
|
29
|
+
var UI_BODY_SM = (0, styled_components_1.css)(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n \n font-weight: 400;\n ", ";\n ", ";\n\n font-size: 16px;\n line-height: 23px;\n ", "{\n font-size: 14px;\n line-height: 18px;\n }\n"], ["\n \n font-weight: 400;\n ", ";\n ", ";\n\n font-size: 16px;\n line-height: 23px;\n ", "{\n font-size: 14px;\n line-height: 18px;\n }\n"])), uiFont, fontCss, (0, mixins_1.mediaQuery)("md"));
|
|
30
|
+
var UI_BODY_SEMIBOLD = (0, styled_components_1.css)(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n font-weight: 500;\n ", "\n ", "\n \n font-size: 18px;\n line-height: 23px;\n\n ", "{\n font-size: 16px;\n line-height: 21px;\n }\n \n"], ["\n font-weight: 500;\n ", "\n ", "\n \n font-size: 18px;\n line-height: 23px;\n\n ", "{\n font-size: 16px;\n line-height: 21px;\n }\n \n"])), uiFont, fontCss, (0, mixins_1.mediaQuery)("md"));
|
|
31
|
+
var UI_BODY_SEMIBOLD_SM = (0, styled_components_1.css)(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n font-weight: 500;\n ", "\n ", "\n font-size: 16px;\n font-size: 20px;\n\n ", "{\n font-size: 14px;\n line-height: 18px;\n }\n"], ["\n font-weight: 500;\n ", "\n ", "\n font-size: 16px;\n font-size: 20px;\n\n ", "{\n font-size: 14px;\n line-height: 18px;\n }\n"])), uiFont, fontCss, (0, mixins_1.mediaQuery)("md"));
|
|
32
|
+
var UI_BODY_BOLD = (0, styled_components_1.css)(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n font-weight: 700;\n ", ";\n ", ";\n \n font-size: 18px;\n line-height: 23px;\n\n ", "{\n line-height: 21px;\n font-size: 16px;\n }\n"], ["\n font-weight: 700;\n ", ";\n ", ";\n \n font-size: 18px;\n line-height: 23px;\n\n ", "{\n line-height: 21px;\n font-size: 16px;\n }\n"])), uiFont, fontCss, (0, mixins_1.mediaQuery)("md"));
|
|
33
|
+
var UI_BODY_BOLD_SM = (0, styled_components_1.css)(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n font-weight: 700;\n ", ";\n ", ";\n \n font-size: 16px;\n line-height: 20px;\n ", "{\n font-size: 14px;\n line-height: 18px;\n }\n\n"], ["\n font-weight: 700;\n ", ";\n ", ";\n \n font-size: 16px;\n line-height: 20px;\n ", "{\n font-size: 14px;\n line-height: 18px;\n }\n\n"])), uiFont, fontCss, (0, mixins_1.mediaQuery)("md"));
|
|
34
|
+
var UI_PARAGRAPH = (0, styled_components_1.css)(templateObject_15 || (templateObject_15 = __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);
|
|
35
|
+
var UI_PARAGRAPH_BOLD = (0, styled_components_1.css)(templateObject_16 || (templateObject_16 = __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);
|
|
36
|
+
var UI_CAPTION = (0, styled_components_1.css)(templateObject_17 || (templateObject_17 = __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);
|
|
37
|
+
var UI_TAG = (0, styled_components_1.css)(templateObject_18 || (templateObject_18 = __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);
|
|
38
|
+
var UI_HELPTEXT = (0, styled_components_1.css)(templateObject_19 || (templateObject_19 = __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);
|
|
39
|
+
var UI_STAT_LG = (0, styled_components_1.css)(templateObject_20 || (templateObject_20 = __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);
|
|
40
|
+
var UI_STAT_SM = (0, styled_components_1.css)(templateObject_21 || (templateObject_21 = __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);
|
|
41
|
+
var CONTENT_H1 = (0, styled_components_1.css)(templateObject_22 || (templateObject_22 = __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);
|
|
42
|
+
var CONTENT_H2 = (0, styled_components_1.css)(templateObject_23 || (templateObject_23 = __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);
|
|
43
|
+
var CONTENT_H3 = (0, styled_components_1.css)(templateObject_24 || (templateObject_24 = __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);
|
|
44
|
+
var CONTENT_BODY = (0, styled_components_1.css)(templateObject_25 || (templateObject_25 = __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);
|
|
45
|
+
var CONTENT_BODY_BOLD = (0, styled_components_1.css)(templateObject_26 || (templateObject_26 = __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);
|
|
46
|
+
var CONTENT_BODY_ITALIC = (0, styled_components_1.css)(templateObject_27 || (templateObject_27 = __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);
|
|
47
|
+
var CONTENT_BODY_BOLD_ITALIC = (0, styled_components_1.css)(templateObject_28 || (templateObject_28 = __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);
|
|
48
|
+
var CONTENT_QUOTE = (0, styled_components_1.css)(templateObject_29 || (templateObject_29 = __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) {
|
|
51
49
|
var invert = _a.invert, colors = _a.theme.colors;
|
|
52
50
|
return invert ? colors.greyColor40 : (0, utilsOolib_1.getPrimaryColor100)(colors);
|
|
53
51
|
}, contentFont, fontCss);
|
|
54
|
-
var CONTENT_TITLE_POSTIT = (0, styled_components_1.css)(
|
|
55
|
-
var CONTENT_BODY_POSTIT = (0, styled_components_1.css)(
|
|
52
|
+
var CONTENT_TITLE_POSTIT = (0, styled_components_1.css)(templateObject_30 || (templateObject_30 = __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);
|
|
53
|
+
var CONTENT_BODY_POSTIT = (0, styled_components_1.css)(templateObject_31 || (templateObject_31 = __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);
|
|
56
54
|
exports.typo = {
|
|
57
55
|
UI_DISPLAY: UI_DISPLAY,
|
|
58
56
|
UI_HEADLINE: UI_HEADLINE,
|
|
59
57
|
UI_HEADLINE_SM: UI_HEADLINE_SM,
|
|
60
58
|
UI_TITLE: UI_TITLE,
|
|
61
59
|
UI_TITLE_SM: UI_TITLE_SM,
|
|
62
|
-
UI_CARDTITLE: UI_CARDTITLE,
|
|
63
|
-
UI_CARDTITLE_BOLD: UI_CARDTITLE_BOLD,
|
|
64
60
|
UI_BODY: UI_BODY,
|
|
65
61
|
UI_BODY_SM: UI_BODY_SM,
|
|
66
62
|
UI_BODY_SEMIBOLD: UI_BODY_SEMIBOLD,
|
|
@@ -85,4 +81,4 @@ exports.typo = {
|
|
|
85
81
|
CONTENT_TITLE_POSTIT: CONTENT_TITLE_POSTIT,
|
|
86
82
|
CONTENT_BODY_POSTIT: CONTENT_BODY_POSTIT
|
|
87
83
|
};
|
|
88
|
-
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
|
|
84
|
+
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;
|