oolib 2.155.2 → 2.157.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.
- package/dist/icons/custom/index.d.ts +1 -0
- package/dist/icons/custom/index.js +13 -1
- package/dist/icons/index.d.ts +2 -0
- package/dist/icons/index.js +1 -0
- package/dist/stories/v2/themes/Typo.stories.js +12 -0
- package/dist/v2/components/Buttons/index.js +1 -1
- package/dist/v2/components/Typo2/index.d.ts +6 -0
- package/dist/v2/components/Typo2/index.js +15 -1
- package/dist/v2/components/Typo2/index.styled.d.ts +6 -0
- package/dist/v2/components/Typo2/index.styled.js +27 -21
- package/dist/v2/themes/typo.d.ts +6 -0
- package/dist/v2/themes/typo.js +43 -25
- package/package.json +1 -1
|
@@ -64,6 +64,7 @@ export declare const ChileFlag: (props: any) => React.JSX.Element;
|
|
|
64
64
|
export declare const PakistanFlag: (props: any) => React.JSX.Element;
|
|
65
65
|
export declare const SpainFlag: (props: any) => React.JSX.Element;
|
|
66
66
|
export declare const Stars: (props: any) => React.JSX.Element;
|
|
67
|
+
export declare const ArgentinaFlag: (props: any) => React.JSX.Element;
|
|
67
68
|
export declare const Celebrate: (props: any) => React.JSX.Element;
|
|
68
69
|
export declare const Inspiring: (props: any) => React.JSX.Element;
|
|
69
70
|
export declare const Learning: (props: any) => React.JSX.Element;
|
|
@@ -15,7 +15,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
15
15
|
};
|
|
16
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
17
|
exports.UKFlag = exports.MalaysiaFlag = exports.ColombiaFlag = exports.BrazilFlag = exports.AudioEmbedIcon = exports.VideoEmbedIcon = exports.Attachment2 = exports.PDFIcon = exports.RichFormatToolOrderedList = exports.RichFormatToolUnorderedList = exports.RichFormatToolH2 = exports.RichFormatToolBlockquote = exports.LinkIcon = exports.UnderlineBtn = exports.ItalicBtn = exports.BoldBtn = exports.SettingsSM = exports.Close_S = exports.UploadImage = exports.KebabMenu = exports.Website_solid_SM = exports.Phone_solid_SM = exports.Mail_solid_SM = exports.Youtube_solid_SM = exports.Instagram_solid_SM = exports.Twitter_solid_SM = exports.Linkedin_solid_SM = exports.Facebook_solid_SM = exports.EditSM = exports.AddXS = exports.UploadSM = exports.Download = exports.Download__nofill = exports.Index = exports.Person14 = exports.Location14 = exports.ModalBulbIcon = exports.SenegalFlag = exports.KenyaFlag = exports.NigeriaFlag = exports.IndiaFlag = exports.BadgeVetted = exports.BadgeMod = exports.BadgeSuperAdmin = exports.BadgeAdmin = exports.OkeGoogleIcon = exports.LetterH = exports.LanguageIcon = exports.MultipleImages = exports.IndexIcon = void 0;
|
|
18
|
-
exports.WarningDiamond = exports.Reactions = exports.Like = exports.Learning = exports.Inspiring = exports.Celebrate = exports.Stars = exports.SpainFlag = exports.PakistanFlag = exports.ChileFlag = exports.IndonesiaFlag = exports.USAFlag = void 0;
|
|
18
|
+
exports.WarningDiamond = exports.Reactions = exports.Like = exports.Learning = exports.Inspiring = exports.Celebrate = exports.ArgentinaFlag = exports.Stars = exports.SpainFlag = exports.PakistanFlag = exports.ChileFlag = exports.IndonesiaFlag = exports.USAFlag = void 0;
|
|
19
19
|
var react_1 = __importDefault(require("react"));
|
|
20
20
|
var themes_1 = require("../../themes");
|
|
21
21
|
var DisplayIcon_1 = require("../../utils/comps/DisplayIcon");
|
|
@@ -438,6 +438,18 @@ var Stars = function (props) {
|
|
|
438
438
|
react_1.default.createElement("path", { fill: "#000", d: "M17.027 11.35 12.19 9.562l-1.78-4.84a1.493 1.493 0 0 0-2.802 0l-1.793 4.84-4.84 1.78a1.492 1.492 0 0 0 0 2.802l4.84 1.793 1.782 4.839a1.493 1.493 0 0 0 2.8 0l1.793-4.84 4.84-1.78a1.492 1.492 0 0 0 0-2.802l-.004-.006Zm-5.68 3.296a.75.75 0 0 0-.444.444l-1.9 5.146-1.895-5.142a.75.75 0 0 0-.448-.448L1.518 12.75l5.142-1.896a.75.75 0 0 0 .448-.448l1.896-5.142 1.895 5.142a.75.75 0 0 0 .445.445l5.146 1.899-5.142 1.896ZM12.005 3a.75.75 0 0 1 .75-.75h1.5V.75a.75.75 0 1 1 1.5 0v1.5h1.5a.75.75 0 1 1 0 1.5h-1.5v1.5a.75.75 0 1 1-1.5 0v-1.5h-1.5a.75.75 0 0 1-.75-.75Zm9.75 4.5a.75.75 0 0 1-.75.75h-.75V9a.75.75 0 1 1-1.5 0v-.75h-.75a.75.75 0 1 1 0-1.5h.75V6a.75.75 0 1 1 1.5 0v.75h.75a.75.75 0 0 1 .75.75Z" })));
|
|
439
439
|
};
|
|
440
440
|
exports.Stars = Stars;
|
|
441
|
+
var ArgentinaFlag = function (props) {
|
|
442
|
+
return (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: props.size || 30, height: props.size || 30, viewBox: "0 0 40 25", fill: "none" },
|
|
443
|
+
react_1.default.createElement("g", { "clip-path": "url(#clip0_4586_13270)" },
|
|
444
|
+
react_1.default.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M0 17C0 19.8003 0 21.2004 0.544967 22.27C1.02433 23.2108 1.78924 23.9757 2.73005 24.455C3.79961 25 5.19974 25 8 25H32C34.8003 25 36.2004 25 37.27 24.455C38.2108 23.9757 38.9757 23.2108 39.455 22.27C40 21.2004 40 19.8003 40 17V8C40 5.19974 40 3.79961 39.455 2.73005C38.9757 1.78924 38.2108 1.02433 37.27 0.544967C36.2004 0 34.8003 0 32 0H8C5.19974 0 3.79961 0 2.73005 0.544967C1.78924 1.02433 1.02433 1.78924 0.544967 2.73005C0 3.79961 0 5.19974 0 8V17Z", fill: "#74ACDF" }),
|
|
445
|
+
react_1.default.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M0 17H40V8H0V17Z", fill: "white" }),
|
|
446
|
+
react_1.default.createElement("path", { d: "M24 12.5C24 14.9853 22.2091 16.5 20 16.5C17.7909 16.5 16 14.9853 16 12.5C16 10.0147 17.7909 8.5 20 8.5C22.2091 8.5 24 10.0147 24 12.5Z", fill: "#FFE298" }),
|
|
447
|
+
react_1.default.createElement("path", { d: "M22.5 12.5C22.5 14.0533 21.3807 15 20 15C18.6193 15 17.5 14.0533 17.5 12.5C17.5 10.9467 18.6193 10 20 10C21.3807 10 22.5 10.9467 22.5 12.5Z", fill: "#DEA108" })),
|
|
448
|
+
react_1.default.createElement("defs", null,
|
|
449
|
+
react_1.default.createElement("clipPath", { id: "clip0_4586_13270" },
|
|
450
|
+
react_1.default.createElement("rect", { width: "40", height: "25", fill: "white" })))));
|
|
451
|
+
};
|
|
452
|
+
exports.ArgentinaFlag = ArgentinaFlag;
|
|
441
453
|
// reactions
|
|
442
454
|
var Celebrate = function (props) {
|
|
443
455
|
return (react_1.default.createElement("svg", { width: props.size || 30, height: props.size || 30, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
|
package/dist/icons/index.d.ts
CHANGED
|
@@ -165,6 +165,7 @@ export namespace icons {
|
|
|
165
165
|
export { VideoEmbedIcon };
|
|
166
166
|
export { AudioEmbedIcon };
|
|
167
167
|
export { IndonesiaFlag };
|
|
168
|
+
export { ArgentinaFlag };
|
|
168
169
|
export { USAFlag };
|
|
169
170
|
export { UKFlag };
|
|
170
171
|
export { MalaysiaFlag };
|
|
@@ -347,6 +348,7 @@ import { Attachment2 } from "./custom";
|
|
|
347
348
|
import { VideoEmbedIcon } from "./custom";
|
|
348
349
|
import { AudioEmbedIcon } from "./custom";
|
|
349
350
|
import { IndonesiaFlag } from "./custom";
|
|
351
|
+
import { ArgentinaFlag } from "./custom";
|
|
350
352
|
import { USAFlag } from "./custom";
|
|
351
353
|
import { UKFlag } from "./custom";
|
|
352
354
|
import { MalaysiaFlag } from "./custom";
|
package/dist/icons/index.js
CHANGED
|
@@ -171,6 +171,7 @@ exports.icons = {
|
|
|
171
171
|
VideoEmbedIcon: custom_1.VideoEmbedIcon,
|
|
172
172
|
AudioEmbedIcon: custom_1.AudioEmbedIcon,
|
|
173
173
|
IndonesiaFlag: custom_1.IndonesiaFlag,
|
|
174
|
+
ArgentinaFlag: custom_1.ArgentinaFlag,
|
|
174
175
|
USAFlag: custom_1.USAFlag,
|
|
175
176
|
UKFlag: custom_1.UKFlag,
|
|
176
177
|
MalaysiaFlag: custom_1.MalaysiaFlag,
|
|
@@ -18,6 +18,7 @@ exports.ContentFont = exports.UIFont = void 0;
|
|
|
18
18
|
var react_1 = __importDefault(require("react"));
|
|
19
19
|
var Typo2_1 = require("../../../v2/components/Typo2");
|
|
20
20
|
var themes_1 = require("../../../themes");
|
|
21
|
+
var Paddings_1 = require("../../../components/Paddings");
|
|
21
22
|
var greyColor100 = themes_1.colors.greyColor100;
|
|
22
23
|
exports.default = {
|
|
23
24
|
title: 'Oolib V 2.0/themes/Typography',
|
|
@@ -81,12 +82,23 @@ var UIFont = function (args) { return (react_1.default.createElement("div", { st
|
|
|
81
82
|
react_1.default.createElement(GenComp, { args: args, Comp: Typo2_1.UI_HEADLINE_SM, compName: "UI_HEADLINE_SM" }),
|
|
82
83
|
react_1.default.createElement(GenComp, { args: args, Comp: Typo2_1.UI_TITLE, compName: "UI_TITLE" }),
|
|
83
84
|
react_1.default.createElement(GenComp, { args: args, Comp: Typo2_1.UI_TITLE_SM, compName: "UI_TITLE_SM" }),
|
|
85
|
+
react_1.default.createElement(Paddings_1.PaddingTop40, null),
|
|
86
|
+
react_1.default.createElement(Typo2_1.CONTENT_H3, null, "UI BODY"),
|
|
84
87
|
react_1.default.createElement(GenComp, { args: args, Comp: Typo2_1.UI_BODY, compName: "UI_BODY" }),
|
|
85
88
|
react_1.default.createElement(GenComp, { args: args, Comp: Typo2_1.UI_BODY_BOLD, compName: "UI_BODY_BOLD" }),
|
|
86
89
|
react_1.default.createElement(GenComp, { args: args, Comp: Typo2_1.UI_BODY_SM, compName: "UI_BODY_SM" }),
|
|
87
90
|
react_1.default.createElement(GenComp, { args: args, Comp: Typo2_1.UI_BODY_SEMIBOLD, compName: "UI_BODY_SEMIBOLD" }),
|
|
88
91
|
react_1.default.createElement(GenComp, { args: args, Comp: Typo2_1.UI_BODY_SEMIBOLD_SM, compName: "UI_BODY_SEMIBOLD_SM" }),
|
|
89
92
|
react_1.default.createElement(GenComp, { args: args, Comp: Typo2_1.UI_BODY_BOLD_SM, compName: "UI_BODY_BOLD_SM" }),
|
|
93
|
+
react_1.default.createElement(Paddings_1.PaddingTop40, null),
|
|
94
|
+
react_1.default.createElement(Typo2_1.CONTENT_H3, null, "UI BODY DYNAMIC"),
|
|
95
|
+
react_1.default.createElement(GenComp, { args: args, Comp: Typo2_1.UI_BODY_DF, compName: "UI_BODY_DF" }),
|
|
96
|
+
react_1.default.createElement(GenComp, { args: args, Comp: Typo2_1.UI_BODY_BOLD_DF, compName: "UI_BODY_BOLD_DF" }),
|
|
97
|
+
react_1.default.createElement(GenComp, { args: args, Comp: Typo2_1.UI_BODY_SM_DF, compName: "UI_BODY_SM_DF" }),
|
|
98
|
+
react_1.default.createElement(GenComp, { args: args, Comp: Typo2_1.UI_BODY_SEMIBOLD_DF, compName: "UI_BODY_SEMIBOLD_DF" }),
|
|
99
|
+
react_1.default.createElement(GenComp, { args: args, Comp: Typo2_1.UI_BODY_SEMIBOLD_SM_DF, compName: "UI_BODY_SEMIBOLD_SM_DF" }),
|
|
100
|
+
react_1.default.createElement(GenComp, { args: args, Comp: Typo2_1.UI_BODY_BOLD_SM_DF, compName: "UI_BODY_BOLD_SM_DF" }),
|
|
101
|
+
react_1.default.createElement(Paddings_1.PaddingTop40, null),
|
|
90
102
|
react_1.default.createElement(GenComp, { args: args, Comp: Typo2_1.UI_PARAGRAPH, compName: "UI_PARAGRAPH" }),
|
|
91
103
|
react_1.default.createElement(GenComp, { args: args, Comp: Typo2_1.UI_PARAGRAPH_BOLD, compName: "UI_PARAGRAPH_BOLD" }),
|
|
92
104
|
react_1.default.createElement(GenComp, { args: args, Comp: Typo2_1.UI_CAPTION, compName: "UI_CAPTION" }),
|
|
@@ -56,7 +56,7 @@ var ButtonStyledWrapper = function (_a) {
|
|
|
56
56
|
debouncedMouseDown && debouncedMouseDown(e);
|
|
57
57
|
}, composition: composition, width: width, color: color, forceHover: forceHover },
|
|
58
58
|
icon && react_1.default.createElement(DisplayIcon, { icon: icon, color: iconColor, size: calcIconSize(), iconWeight: iconWeight || '' }),
|
|
59
|
-
displayText && react_1.default.createElement(Typo2_1.
|
|
59
|
+
displayText && react_1.default.createElement(Typo2_1.UI_BODY_SEMIBOLD_SM_DF, null, displayText),
|
|
60
60
|
iconAfter && react_1.default.createElement(DisplayIcon, { icon: iconAfter, color: iconColor, size: calcIconSize(), iconWeight: iconWeight || '' })));
|
|
61
61
|
};
|
|
62
62
|
/**
|
|
@@ -35,6 +35,12 @@ export declare const UI_BODY_SEMIBOLD: React.FunctionComponent<TypoCompProps>;
|
|
|
35
35
|
export declare const UI_BODY_SEMIBOLD_SM: React.FunctionComponent<TypoCompProps>;
|
|
36
36
|
export declare const UI_BODY_BOLD: React.FunctionComponent<TypoCompProps>;
|
|
37
37
|
export declare const UI_BODY_BOLD_SM: React.FunctionComponent<TypoCompProps>;
|
|
38
|
+
export declare const UI_BODY_DF: React.FunctionComponent<TypoCompProps>;
|
|
39
|
+
export declare const UI_BODY_SM_DF: React.FunctionComponent<TypoCompProps>;
|
|
40
|
+
export declare const UI_BODY_SEMIBOLD_DF: React.FunctionComponent<TypoCompProps>;
|
|
41
|
+
export declare const UI_BODY_SEMIBOLD_SM_DF: React.FunctionComponent<TypoCompProps>;
|
|
42
|
+
export declare const UI_BODY_BOLD_DF: React.FunctionComponent<TypoCompProps>;
|
|
43
|
+
export declare const UI_BODY_BOLD_SM_DF: React.FunctionComponent<TypoCompProps>;
|
|
38
44
|
export declare const UI_PARAGRAPH: React.FunctionComponent<TypoCompProps>;
|
|
39
45
|
export declare const UI_PARAGRAPH_BOLD: React.FunctionComponent<TypoCompProps>;
|
|
40
46
|
export declare const UI_CAPTION: 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_BOLD = 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;
|
|
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;
|
|
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,6 +79,7 @@ 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
|
+
// UI BODY
|
|
82
83
|
var UI_BODY = function (props) { return react_1.default.createElement(GenComp, { props: props, Comp: index_styled_1.UI_BODY_STYLED }); };
|
|
83
84
|
exports.UI_BODY = UI_BODY;
|
|
84
85
|
var UI_BODY_SM = function (props) { return react_1.default.createElement(GenComp, { props: props, Comp: index_styled_1.UI_BODY_SM_STYLED }); };
|
|
@@ -91,6 +92,19 @@ var UI_BODY_BOLD = function (props) { return react_1.default.createElement(GenCo
|
|
|
91
92
|
exports.UI_BODY_BOLD = UI_BODY_BOLD;
|
|
92
93
|
var UI_BODY_BOLD_SM = function (props) { return react_1.default.createElement(GenComp, { props: props, Comp: index_styled_1.UI_BODY_BOLD_SM_STYLED }); };
|
|
93
94
|
exports.UI_BODY_BOLD_SM = UI_BODY_BOLD_SM;
|
|
95
|
+
// UI BODY DYNAMIC
|
|
96
|
+
var UI_BODY_DF = function (props) { return react_1.default.createElement(GenComp, { props: props, Comp: index_styled_1.UI_BODY_DF_STYLED }); };
|
|
97
|
+
exports.UI_BODY_DF = UI_BODY_DF;
|
|
98
|
+
var UI_BODY_SM_DF = function (props) { return react_1.default.createElement(GenComp, { props: props, Comp: index_styled_1.UI_BODY_SM_DF_STYLED }); };
|
|
99
|
+
exports.UI_BODY_SM_DF = UI_BODY_SM_DF;
|
|
100
|
+
var UI_BODY_SEMIBOLD_DF = function (props) { return react_1.default.createElement(GenComp, { props: props, Comp: index_styled_1.UI_BODY_SEMIBOLD_DF_STYLED }); };
|
|
101
|
+
exports.UI_BODY_SEMIBOLD_DF = UI_BODY_SEMIBOLD_DF;
|
|
102
|
+
var UI_BODY_SEMIBOLD_SM_DF = function (props) { return react_1.default.createElement(GenComp, { props: props, Comp: index_styled_1.UI_BODY_SEMIBOLD_SM_DF_STYLED }); };
|
|
103
|
+
exports.UI_BODY_SEMIBOLD_SM_DF = UI_BODY_SEMIBOLD_SM_DF;
|
|
104
|
+
var UI_BODY_BOLD_DF = function (props) { return react_1.default.createElement(GenComp, { props: props, Comp: index_styled_1.UI_BODY_BOLD_DF_STYLED }); };
|
|
105
|
+
exports.UI_BODY_BOLD_DF = UI_BODY_BOLD_DF;
|
|
106
|
+
var UI_BODY_BOLD_SM_DF = function (props) { return react_1.default.createElement(GenComp, { props: props, Comp: index_styled_1.UI_BODY_BOLD_SM_DF_STYLED }); };
|
|
107
|
+
exports.UI_BODY_BOLD_SM_DF = UI_BODY_BOLD_SM_DF;
|
|
94
108
|
var UI_PARAGRAPH = function (props) { return react_1.default.createElement(GenComp, { props: props, Comp: index_styled_1.UI_PARAGRAPH_STYLED }); };
|
|
95
109
|
exports.UI_PARAGRAPH = UI_PARAGRAPH;
|
|
96
110
|
var UI_PARAGRAPH_BOLD = function (props) { return react_1.default.createElement(GenComp, { props: props, Comp: index_styled_1.UI_PARAGRAPH_BOLD_STYLED }); };
|
|
@@ -9,6 +9,12 @@ export declare const UI_BODY_SEMIBOLD_STYLED: import("styled-components").Styled
|
|
|
9
9
|
export declare const UI_BODY_SEMIBOLD_SM_STYLED: import("styled-components").StyledComponent<"p", any, {}, never>;
|
|
10
10
|
export declare const UI_BODY_BOLD_STYLED: import("styled-components").StyledComponent<"p", any, {}, never>;
|
|
11
11
|
export declare const UI_BODY_BOLD_SM_STYLED: import("styled-components").StyledComponent<"p", any, {}, never>;
|
|
12
|
+
export declare const UI_BODY_SEMIBOLD_DF_STYLED: import("styled-components").StyledComponent<"p", any, {}, never>;
|
|
13
|
+
export declare const UI_BODY_BOLD_DF_STYLED: import("styled-components").StyledComponent<"p", any, {}, never>;
|
|
14
|
+
export declare const UI_BODY_DF_STYLED: import("styled-components").StyledComponent<"p", any, {}, never>;
|
|
15
|
+
export declare const UI_BODY_SM_DF_STYLED: import("styled-components").StyledComponent<"p", any, {}, never>;
|
|
16
|
+
export declare const UI_BODY_SEMIBOLD_SM_DF_STYLED: import("styled-components").StyledComponent<"p", any, {}, never>;
|
|
17
|
+
export declare const UI_BODY_BOLD_SM_DF_STYLED: import("styled-components").StyledComponent<"p", any, {}, never>;
|
|
12
18
|
export declare const UI_PARAGRAPH_STYLED: import("styled-components").StyledComponent<"p", any, {}, never>;
|
|
13
19
|
export declare const UI_PARAGRAPH_BOLD_STYLED: import("styled-components").StyledComponent<"p", any, {}, never>;
|
|
14
20
|
export declare const UI_CAPTION_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_BOLD_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;
|
|
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;
|
|
11
11
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
12
12
|
var typo_1 = require("../../themes/typo");
|
|
13
13
|
// UI Fonts
|
|
@@ -22,26 +22,32 @@ exports.UI_BODY_SEMIBOLD_STYLED = styled_components_1.default.p(templateObject_8
|
|
|
22
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
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
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.
|
|
26
|
-
exports.
|
|
27
|
-
exports.
|
|
28
|
-
exports.
|
|
29
|
-
exports.
|
|
30
|
-
exports.
|
|
31
|
-
exports.
|
|
32
|
-
exports.
|
|
25
|
+
exports.UI_BODY_SEMIBOLD_DF_STYLED = styled_components_1.default.p(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), typo_1.typo.UI_BODY_SEMIBOLD_DF);
|
|
26
|
+
exports.UI_BODY_BOLD_DF_STYLED = styled_components_1.default.p(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), typo_1.typo.UI_BODY_BOLD_DF);
|
|
27
|
+
exports.UI_BODY_DF_STYLED = styled_components_1.default.p(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), typo_1.typo.UI_BODY_DF);
|
|
28
|
+
exports.UI_BODY_SM_DF_STYLED = styled_components_1.default.p(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), typo_1.typo.UI_BODY_SM_DF);
|
|
29
|
+
exports.UI_BODY_SEMIBOLD_SM_DF_STYLED = styled_components_1.default.p(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), typo_1.typo.UI_BODY_SEMIBOLD_SM_DF);
|
|
30
|
+
exports.UI_BODY_BOLD_SM_DF_STYLED = styled_components_1.default.p(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), typo_1.typo.UI_BODY_BOLD_SM_DF);
|
|
31
|
+
exports.UI_PARAGRAPH_STYLED = styled_components_1.default.p(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), typo_1.typo.UI_PARAGRAPH);
|
|
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
|
+
exports.UI_CAPTION_STYLED = styled_components_1.default.p(templateObject_20 || (templateObject_20 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), typo_1.typo.UI_CAPTION);
|
|
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"
|
|
33
39
|
// Content Fonts
|
|
34
40
|
])), typo_1.typo.UI_STAT_SM);
|
|
35
41
|
// Content Fonts
|
|
36
|
-
exports.CONTENT_H1_STYLED = styled_components_1.default.h1(
|
|
37
|
-
exports.CONTENT_H2_STYLED = styled_components_1.default.h2(
|
|
38
|
-
exports.CONTENT_H3_STYLED = styled_components_1.default.h3(
|
|
39
|
-
exports.CONTENT_BODY_STYLED = styled_components_1.default.p(
|
|
40
|
-
exports.CONTENT_BODY_BOLD_STYLED = styled_components_1.default.p(
|
|
41
|
-
exports.CONTENT_BODY_ITALIC_STYLED = styled_components_1.default.p(
|
|
42
|
-
exports.CONTENT_BODY_BOLD_ITALIC_STYLED = styled_components_1.default.p(
|
|
43
|
-
exports.CONTENT_QUOTE_STYLED = styled_components_1.default.h4(
|
|
44
|
-
exports.CONTENT_TITLE_POSTIT_STYLED = styled_components_1.default.p(
|
|
45
|
-
exports.CONTENT_BODY_POSTIT_STYLED = styled_components_1.default.p(
|
|
46
|
-
exports.TYPO_V2_CLASSES = styled_components_1.default.div(
|
|
47
|
-
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;
|
|
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;
|
package/dist/v2/themes/typo.d.ts
CHANGED
|
@@ -10,6 +10,12 @@ export declare const typo: {
|
|
|
10
10
|
UI_BODY_SEMIBOLD_SM: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
|
|
11
11
|
UI_BODY_BOLD: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
|
|
12
12
|
UI_BODY_BOLD_SM: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
|
|
13
|
+
UI_BODY_SEMIBOLD_DF: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
|
|
14
|
+
UI_BODY_BOLD_DF: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
|
|
15
|
+
UI_BODY_DF: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
|
|
16
|
+
UI_BODY_SM_DF: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
|
|
17
|
+
UI_BODY_SEMIBOLD_SM_DF: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
|
|
18
|
+
UI_BODY_BOLD_SM_DF: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
|
|
13
19
|
UI_PARAGRAPH: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
|
|
14
20
|
UI_PARAGRAPH_BOLD: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
|
|
15
21
|
UI_CAPTION: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
|
package/dist/v2/themes/typo.js
CHANGED
|
@@ -25,45 +25,63 @@ var UI_HEADLINE = (0, styled_components_1.css)(templateObject_5 || (templateObje
|
|
|
25
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
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
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
|
|
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
|
|
28
|
+
var UI_BODY_SM_DESKTOP = (0, styled_components_1.css)(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n font-size: 14px;\n line-height: 18px;\n"], ["\n font-size: 14px;\n line-height: 18px;\n"])));
|
|
29
|
+
var UI_BODY_SM_MOBILE = (0, styled_components_1.css)(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n font-size: 16px;\n line-height: 21px;\n"], ["\n font-size: 16px;\n line-height: 21px;\n"])));
|
|
30
|
+
var UI_BODY_DESKTOP = (0, styled_components_1.css)(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n font-size: 16px;\n line-height: 21px;\n"], ["\n font-size: 16px;\n line-height: 21px;\n"])));
|
|
31
|
+
var UI_BODY_MOBILE = (0, styled_components_1.css)(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n font-size: 18px;\n line-height: 23px;\n\n"], ["\n font-size: 18px;\n line-height: 23px;\n\n"])));
|
|
32
|
+
var UI_BODY_SM = (0, styled_components_1.css)(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n font-weight: 400;\n ", ";\n ", ";\n\n ", ";\n \n"], ["\n font-weight: 400;\n ", ";\n ", ";\n\n ", ";\n \n"])), uiFont, fontCss, UI_BODY_SM_DESKTOP);
|
|
33
|
+
var UI_BODY_SEMIBOLD_SM = (0, styled_components_1.css)(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n font-weight: 500;\n ", "\n ", "\n\n ", ";\n\n"], ["\n font-weight: 500;\n ", "\n ", "\n\n ", ";\n\n"])), uiFont, fontCss, UI_BODY_SM_DESKTOP);
|
|
34
|
+
var UI_BODY_BOLD_SM = (0, styled_components_1.css)(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n font-weight: 700;\n ", ";\n ", ";\n \n ", ";\n \n"], ["\n font-weight: 700;\n ", ";\n ", ";\n \n ", ";\n \n"])), uiFont, fontCss, UI_BODY_SM_DESKTOP);
|
|
35
|
+
var UI_BODY = (0, styled_components_1.css)(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n font-weight: 400;\n ", ";\n ", ";\n \n ", ";\n\n"], ["\n font-weight: 400;\n ", ";\n ", ";\n \n ", ";\n\n"])), uiFont, fontCss, UI_BODY_DESKTOP);
|
|
36
|
+
var UI_BODY_SEMIBOLD = (0, styled_components_1.css)(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n font-weight: 500;\n ", "\n ", "\n \n ", ";\n\n"], ["\n font-weight: 500;\n ", "\n ", "\n \n ", ";\n\n"])), uiFont, fontCss, UI_BODY_DESKTOP);
|
|
37
|
+
var UI_BODY_BOLD = (0, styled_components_1.css)(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n font-weight: 700;\n ", ";\n ", ";\n \n ", ";\n\n"], ["\n font-weight: 700;\n ", ";\n ", ";\n \n ", ";\n\n"])), uiFont, fontCss, UI_BODY_DESKTOP);
|
|
38
|
+
var UI_BODY_SM_DF = (0, styled_components_1.css)(templateObject_19 || (templateObject_19 = __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_BODY_SM_MOBILE, (0, mixins_1.mediaQuery)("md"), UI_BODY_SM_DESKTOP);
|
|
39
|
+
var UI_BODY_SEMIBOLD_SM_DF = (0, styled_components_1.css)(templateObject_20 || (templateObject_20 = __makeTemplateObject(["\n font-weight: 500;\n ", "\n ", "\n\n ", ";\n\n ", "{\n ", ";\n }\n"], ["\n font-weight: 500;\n ", "\n ", "\n\n ", ";\n\n ", "{\n ", ";\n }\n"])), uiFont, fontCss, UI_BODY_SM_MOBILE, (0, mixins_1.mediaQuery)("md"), UI_BODY_SM_DESKTOP);
|
|
40
|
+
var UI_BODY_BOLD_SM_DF = (0, styled_components_1.css)(templateObject_21 || (templateObject_21 = __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_SM_MOBILE, (0, mixins_1.mediaQuery)("md"), UI_BODY_SM_DESKTOP);
|
|
41
|
+
var UI_BODY_DF = (0, styled_components_1.css)(templateObject_22 || (templateObject_22 = __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_BODY_MOBILE, (0, mixins_1.mediaQuery)("md"), UI_BODY_DESKTOP);
|
|
42
|
+
var UI_BODY_SEMIBOLD_DF = (0, styled_components_1.css)(templateObject_23 || (templateObject_23 = __makeTemplateObject(["\n font-weight: 500;\n ", "\n ", "\n \n ", ";\n\n ", "{\n ", ";\n }\n"], ["\n font-weight: 500;\n ", "\n ", "\n \n ", ";\n\n ", "{\n ", ";\n }\n"])), uiFont, fontCss, UI_BODY_MOBILE, (0, mixins_1.mediaQuery)("md"), UI_BODY_DESKTOP);
|
|
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
|
+
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
|
+
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) {
|
|
50
60
|
var invert = _a.invert, colors = _a.theme.colors;
|
|
51
61
|
return invert ? colors.greyColor40 : (0, utilsOolib_1.getPrimaryColor100)(colors);
|
|
52
62
|
}, contentFont, fontCss);
|
|
53
|
-
var CONTENT_TITLE_POSTIT = (0, styled_components_1.css)(
|
|
54
|
-
var CONTENT_BODY_POSTIT = (0, styled_components_1.css)(
|
|
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);
|
|
55
65
|
exports.typo = {
|
|
56
66
|
UI_DISPLAY: UI_DISPLAY,
|
|
57
67
|
UI_HEADLINE: UI_HEADLINE,
|
|
58
68
|
UI_HEADLINE_SM: UI_HEADLINE_SM,
|
|
59
69
|
UI_TITLE: UI_TITLE,
|
|
60
70
|
UI_TITLE_SM: UI_TITLE_SM,
|
|
71
|
+
//UI Body fonts
|
|
61
72
|
UI_BODY: UI_BODY,
|
|
62
73
|
UI_BODY_SM: UI_BODY_SM,
|
|
63
74
|
UI_BODY_SEMIBOLD: UI_BODY_SEMIBOLD,
|
|
64
75
|
UI_BODY_SEMIBOLD_SM: UI_BODY_SEMIBOLD_SM,
|
|
65
76
|
UI_BODY_BOLD: UI_BODY_BOLD,
|
|
66
77
|
UI_BODY_BOLD_SM: UI_BODY_BOLD_SM,
|
|
78
|
+
//dynamic UI body fonts
|
|
79
|
+
UI_BODY_SEMIBOLD_DF: UI_BODY_SEMIBOLD_DF,
|
|
80
|
+
UI_BODY_BOLD_DF: UI_BODY_BOLD_DF,
|
|
81
|
+
UI_BODY_DF: UI_BODY_DF,
|
|
82
|
+
UI_BODY_SM_DF: UI_BODY_SM_DF,
|
|
83
|
+
UI_BODY_SEMIBOLD_SM_DF: UI_BODY_SEMIBOLD_SM_DF,
|
|
84
|
+
UI_BODY_BOLD_SM_DF: UI_BODY_BOLD_SM_DF,
|
|
67
85
|
UI_PARAGRAPH: UI_PARAGRAPH,
|
|
68
86
|
UI_PARAGRAPH_BOLD: UI_PARAGRAPH_BOLD,
|
|
69
87
|
UI_CAPTION: UI_CAPTION,
|
|
@@ -83,4 +101,4 @@ exports.typo = {
|
|
|
83
101
|
CONTENT_TITLE_POSTIT: CONTENT_TITLE_POSTIT,
|
|
84
102
|
CONTENT_BODY_POSTIT: CONTENT_BODY_POSTIT
|
|
85
103
|
};
|
|
86
|
-
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;
|
|
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;
|