oolib 2.171.2 → 2.173.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/index.d.ts +6 -6
- package/dist/index.js +17 -11
- package/dist/v2/components/HomeCover/comps/ImageSwitcher/index.d.ts +2 -1
- package/dist/v2/components/HomeCover/comps/ImageSwitcher/index.js +5 -5
- package/dist/v2/components/HomeCover/comps/ImageSwitcher/styled.js +5 -1
- package/dist/v2/components/HomeCover/index.js +5 -5
- package/dist/v2/components/HomeCover/styled.js +5 -2
- package/dist/v2/themes/typo.js +2 -2
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -14,13 +14,11 @@ export * from "./components/RadioAndCheckbox";
|
|
|
14
14
|
export * from "./components/Margins";
|
|
15
15
|
export * from "./components/Paddings";
|
|
16
16
|
export * from "./utils/_EXPORTS";
|
|
17
|
-
export * from "./v2/components/Typo2";
|
|
18
|
-
export * from "./v2/components/BlockLabel";
|
|
19
17
|
export * from "./v2/components/cards/CardContent";
|
|
20
18
|
export * from "./v2/components/cards/ListContent";
|
|
21
|
-
export * from "./v2/components/Tags";
|
|
22
19
|
export * from "./v2/components/ImagePlaceholder";
|
|
23
|
-
export * from "./v2/components/
|
|
20
|
+
export * from "./v2/components/Typo2";
|
|
21
|
+
export * from "./v2/components/BlockLabel";
|
|
24
22
|
export { colors } from "./themes";
|
|
25
23
|
export { icons } from "./icons";
|
|
26
24
|
export { Section } from "./components/Section";
|
|
@@ -70,13 +68,15 @@ export { ModalConfirmAction } from "./components/Modals/derivedComps/ModalConfir
|
|
|
70
68
|
export { SimpleTable } from "./components/SimpleTable";
|
|
71
69
|
export { styledOKELinkCSS } from "./components/OKELink/styled";
|
|
72
70
|
export { default as TableCellResizerPlugin } from "./components/Lexical/Plugins/TableCellResizer";
|
|
71
|
+
export { HintsProvider } from "./v2/components/Hints/contextApi";
|
|
73
72
|
export { TabBarStyle1 as TabBarV2 } from "./v2/components/TabBar";
|
|
74
73
|
export { colors as colors2 } from "./v2/themes";
|
|
75
74
|
export { default as MetaBlockV2 } from "./v2/components/MetaBlock";
|
|
76
|
-
export { HintsProvider } from "./v2/components/Hints/contextApi";
|
|
77
75
|
export { DateRangePicker as DateRangePickerV2 } from "./v2/components/DateRangePicker";
|
|
78
|
-
export { HomeCover as
|
|
76
|
+
export { HomeCover as HomeCoverV2 } from "./v2/components/HomeCover";
|
|
79
77
|
export { LoaderCircle, ProgressBar, LoaderCircle as Loader, LoaderOverlay } from "./components/LoadersAndProgress";
|
|
80
78
|
export { TagClear, TagLink, TagSelect } from "./components/Tags";
|
|
81
79
|
export { BannerAlert, BannerInfo } from "./components/Banners";
|
|
82
80
|
export { BannerContext, useBannerContext, BannerProvider } from "./components/Banners/bannerContext";
|
|
81
|
+
export { TagDisplay as TagDisplayV2, TagLink as TagLinkV2, TagClear as TagClearV2 } from "./v2/components/Tags";
|
|
82
|
+
export { ButtonPrimary as ButtonPrimaryV2, ButtonSecondary as ButtonSecondaryV2, ButtonTertiary as ButtonTertiaryV2, ButtonPrimaryCompact, ButtonSecondaryCompact, ButtonTertiaryCompact } from "./v2/components/Buttons";
|
package/dist/index.js
CHANGED
|
@@ -18,7 +18,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
18
18
|
};
|
|
19
19
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
20
20
|
exports.PDFInput = exports.AudioInput = exports.VideoInput = exports.ProfileImageInput = exports.ImageInput = exports.MetaBlock = exports.genTagComp = exports.generateOptions = exports.OptionsSingle = exports.DropdownMulti = exports.DropdownSingle = exports.parseCardConfig = exports.ListProfile = exports.CardProfile = exports.CardEmbed = exports.DataVizAccordion = exports.BarChart = exports.DateTimeRangePicker = exports.DateTimePicker = exports.TimeRangePicker = exports.TimePicker = exports.DateRangePicker = exports.DatePicker = exports.TextLoader = exports.PageScrollIndicator = exports.HomeCover = exports.EmptyStates = exports.ModalSmall = exports.Modal = exports.ModalForms = exports.ModalConfirm = exports.SkeletonLoader = exports.Divider = exports.PercentCompletedPie = exports.Accordion = exports.ActionMenu = exports.Tooltip = exports.OKELink = exports.UserRoleBadge = exports.Section = exports.TagSelect = exports.TagLink = exports.TagClear = exports.LoaderOverlay = exports.Loader = exports.ProgressBar = exports.LoaderCircle = exports.icons = exports.colors = exports.GlobalStyles = void 0;
|
|
21
|
-
exports.
|
|
21
|
+
exports.HomeCoverV2 = exports.DateRangePickerV2 = exports.MetaBlockV2 = exports.colors2 = exports.TabBarV2 = exports.ButtonTertiaryCompact = exports.ButtonSecondaryCompact = exports.ButtonPrimaryCompact = exports.ButtonTertiaryV2 = exports.ButtonSecondaryV2 = exports.ButtonPrimaryV2 = exports.TagClearV2 = exports.TagLinkV2 = exports.TagDisplayV2 = exports.HintsProvider = exports.TableCellResizerPlugin = exports.styledOKELinkCSS = exports.SimpleTable = exports.ModalConfirmAction = exports.BannerProvider = exports.useBannerContext = exports.BannerContext = exports.BannerInfo = exports.BannerAlert = exports.GroupQuestionsInputSingle = exports.ResourceInput = exports.IFrameInput = void 0;
|
|
22
22
|
//css and styling related ( styled-components )
|
|
23
23
|
var globalStyles_1 = require("./globalStyles");
|
|
24
24
|
Object.defineProperty(exports, "GlobalStyles", { enumerable: true, get: function () { return globalStyles_1.GlobalStyles; } });
|
|
@@ -175,26 +175,32 @@ Object.defineProperty(exports, "styledOKELinkCSS", { enumerable: true, get: func
|
|
|
175
175
|
var TableCellResizer_1 = require("./components/Lexical/Plugins/TableCellResizer");
|
|
176
176
|
Object.defineProperty(exports, "TableCellResizerPlugin", { enumerable: true, get: function () { return __importDefault(TableCellResizer_1).default; } });
|
|
177
177
|
/////// V2 components /themes
|
|
178
|
-
__exportStar(require("./v2/components/Typo2"), exports);
|
|
179
|
-
__exportStar(require("./v2/components/BlockLabel"), exports);
|
|
180
178
|
__exportStar(require("./v2/components/cards/CardContent"), exports);
|
|
181
179
|
__exportStar(require("./v2/components/cards/ListContent"), exports);
|
|
182
|
-
__exportStar(require("./v2/components/Tags"), exports);
|
|
183
180
|
__exportStar(require("./v2/components/ImagePlaceholder"), exports);
|
|
181
|
+
__exportStar(require("./v2/components/Typo2"), exports);
|
|
182
|
+
__exportStar(require("./v2/components/BlockLabel"), exports);
|
|
183
|
+
var contextApi_1 = require("./v2/components/Hints/contextApi");
|
|
184
|
+
Object.defineProperty(exports, "HintsProvider", { enumerable: true, get: function () { return contextApi_1.HintsProvider; } });
|
|
184
185
|
// 2 imports available
|
|
185
|
-
|
|
186
|
+
var Tags_2 = require("./v2/components/Tags");
|
|
187
|
+
Object.defineProperty(exports, "TagDisplayV2", { enumerable: true, get: function () { return Tags_2.TagDisplay; } });
|
|
188
|
+
Object.defineProperty(exports, "TagLinkV2", { enumerable: true, get: function () { return Tags_2.TagLink; } });
|
|
189
|
+
Object.defineProperty(exports, "TagClearV2", { enumerable: true, get: function () { return Tags_2.TagClear; } });
|
|
190
|
+
var Buttons_1 = require("./v2/components/Buttons");
|
|
191
|
+
Object.defineProperty(exports, "ButtonPrimaryV2", { enumerable: true, get: function () { return Buttons_1.ButtonPrimary; } });
|
|
192
|
+
Object.defineProperty(exports, "ButtonSecondaryV2", { enumerable: true, get: function () { return Buttons_1.ButtonSecondary; } });
|
|
193
|
+
Object.defineProperty(exports, "ButtonTertiaryV2", { enumerable: true, get: function () { return Buttons_1.ButtonTertiary; } });
|
|
194
|
+
Object.defineProperty(exports, "ButtonPrimaryCompact", { enumerable: true, get: function () { return Buttons_1.ButtonPrimaryCompact; } });
|
|
195
|
+
Object.defineProperty(exports, "ButtonSecondaryCompact", { enumerable: true, get: function () { return Buttons_1.ButtonSecondaryCompact; } });
|
|
196
|
+
Object.defineProperty(exports, "ButtonTertiaryCompact", { enumerable: true, get: function () { return Buttons_1.ButtonTertiaryCompact; } });
|
|
186
197
|
var TabBar_1 = require("./v2/components/TabBar");
|
|
187
198
|
Object.defineProperty(exports, "TabBarV2", { enumerable: true, get: function () { return TabBar_1.TabBarStyle1; } });
|
|
188
199
|
var themes_2 = require("./v2/themes");
|
|
189
200
|
Object.defineProperty(exports, "colors2", { enumerable: true, get: function () { return themes_2.colors; } });
|
|
190
201
|
var MetaBlock_2 = require("./v2/components/MetaBlock");
|
|
191
202
|
Object.defineProperty(exports, "MetaBlockV2", { enumerable: true, get: function () { return __importDefault(MetaBlock_2).default; } });
|
|
192
|
-
// v2 contexts
|
|
193
|
-
var contextApi_1 = require("./v2/components/Hints/contextApi");
|
|
194
|
-
Object.defineProperty(exports, "HintsProvider", { enumerable: true, get: function () { return contextApi_1.HintsProvider; } });
|
|
195
203
|
var DateRangePicker_2 = require("./v2/components/DateRangePicker");
|
|
196
204
|
Object.defineProperty(exports, "DateRangePickerV2", { enumerable: true, get: function () { return DateRangePicker_2.DateRangePicker; } });
|
|
197
205
|
var HomeCover_2 = require("./v2/components/HomeCover");
|
|
198
|
-
Object.defineProperty(exports, "
|
|
199
|
-
// V2 new ready components
|
|
200
|
-
// export * from './v2/components/TextInputs';
|
|
206
|
+
Object.defineProperty(exports, "HomeCoverV2", { enumerable: true, get: function () { return HomeCover_2.HomeCover; } });
|
|
@@ -48,7 +48,7 @@ exports.ImageSwitcher = void 0;
|
|
|
48
48
|
var react_1 = __importStar(require("react"));
|
|
49
49
|
var styled_1 = require("./styled");
|
|
50
50
|
var ImageSwitcher = function (_a) {
|
|
51
|
-
var images = _a.images, _b = _a.isDesktop, isDesktop = _b === void 0 ? true : _b;
|
|
51
|
+
var images = _a.images, _b = _a.isDesktop, isDesktop = _b === void 0 ? true : _b, theme = _a.theme;
|
|
52
52
|
// Common state structure for both desktop and mobile
|
|
53
53
|
var initState = {
|
|
54
54
|
currLayer: "layer1",
|
|
@@ -84,11 +84,11 @@ var ImageSwitcher = function (_a) {
|
|
|
84
84
|
if (isDesktop) {
|
|
85
85
|
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
86
86
|
react_1.default.createElement(styled_1.ImageWrapper, null,
|
|
87
|
-
react_1.default.createElement(styled_1.StyledContentWrapper, { "$backgroundImage": images[coverImageIdx.layer1[0]], "$opacity": coverImageIdx.currLayer === "layer1" ? 1 : 0 }),
|
|
88
|
-
react_1.default.createElement(styled_1.StyledContentWrapper, { "$backgroundImage": images[coverImageIdx.layer2[0]], "$opacity": coverImageIdx.currLayer === "layer2" ? 1 : 0 })),
|
|
87
|
+
react_1.default.createElement(styled_1.StyledContentWrapper, { "$backgroundImage": images[coverImageIdx.layer1[0]], "$opacity": coverImageIdx.currLayer === "layer1" ? 1 : 0, theme: theme }),
|
|
88
|
+
react_1.default.createElement(styled_1.StyledContentWrapper, { "$backgroundImage": images[coverImageIdx.layer2[0]], "$opacity": coverImageIdx.currLayer === "layer2" ? 1 : 0, theme: theme })),
|
|
89
89
|
react_1.default.createElement(styled_1.ImageWrapper, null,
|
|
90
|
-
react_1.default.createElement(styled_1.StyledContentWrapper, { "$backgroundImage": images[coverImageIdx.layer1[1]], "$opacity": coverImageIdx.currLayer === "layer1" ? 1 : 0 }),
|
|
91
|
-
react_1.default.createElement(styled_1.StyledContentWrapper, { "$backgroundImage": images[coverImageIdx.layer2[1]], "$opacity": coverImageIdx.currLayer === "layer2" ? 1 : 0 }))));
|
|
90
|
+
react_1.default.createElement(styled_1.StyledContentWrapper, { "$backgroundImage": images[coverImageIdx.layer1[1]], "$opacity": coverImageIdx.currLayer === "layer1" ? 1 : 0, theme: theme }),
|
|
91
|
+
react_1.default.createElement(styled_1.StyledContentWrapper, { "$backgroundImage": images[coverImageIdx.layer2[1]], "$opacity": coverImageIdx.currLayer === "layer2" ? 1 : 0, theme: theme }))));
|
|
92
92
|
}
|
|
93
93
|
// Mobile render - single image with opacity transition
|
|
94
94
|
return (react_1.default.createElement(styled_1.MobileWrapper, null,
|
|
@@ -10,7 +10,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
10
10
|
exports.StyledContentWrapper = exports.MobileWrapper = exports.ImageWrapper = void 0;
|
|
11
11
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
12
12
|
var mixins_1 = require("../../../../../themes/mixins");
|
|
13
|
+
var utils_1 = require("../../../../themes/utils");
|
|
13
14
|
exports.ImageWrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n position: relative;\n width: 100%;\n height: 100%;\n"], ["\n position: relative;\n width: 100%;\n height: 100%;\n"])));
|
|
14
15
|
exports.MobileWrapper = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n position: relative;\n width: 100%;\n height: inherit;\n"], ["\n position: relative;\n width: 100%;\n height: inherit;\n"])));
|
|
15
|
-
exports.StyledContentWrapper = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n background-image: url(", ");\n background-repeat: no-repeat;\n background-clip: border-box;\n background-size: cover;\n background-position: center;\n border-radius: 1rem;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n opacity: ", ";\n ", "\n\n &.mobile {\n border-radius: 1.6rem;\n }\n"], ["\n background-image: url(", ");\n background-repeat: no-repeat;\n background-clip: border-box;\n background-size: cover;\n background-position: center;\n border-radius: 1rem;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n opacity: ", ";\n ", "\n\n &.mobile {\n border-radius: 1.6rem;\n }\n"])), function (
|
|
16
|
+
exports.StyledContentWrapper = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n background-color: ", "; \n background-image: url(", ");\n background-repeat: no-repeat;\n background-clip: border-box;\n background-size: cover;\n background-position: center;\n border-radius: 1rem;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n opacity: ", ";\n ", "\n\n &.mobile {\n border-radius: 1.6rem;\n }\n"], ["\n background-color: ", "; \n background-image: url(", ");\n background-repeat: no-repeat;\n background-clip: border-box;\n background-size: cover;\n background-position: center;\n border-radius: 1rem;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n opacity: ", ";\n ", "\n\n &.mobile {\n border-radius: 1.6rem;\n }\n"])), function (_a) {
|
|
17
|
+
var colors = _a.theme.colors;
|
|
18
|
+
return (0, utils_1.getSecondaryContainer)(colors);
|
|
19
|
+
}, function (props) { return props.$backgroundImage; }, function (props) { return props.$opacity; }, (0, mixins_1.transition)("opacity"));
|
|
16
20
|
var templateObject_1, templateObject_2, templateObject_3;
|
|
@@ -33,16 +33,16 @@ var HomeCover = function (_a) {
|
|
|
33
33
|
react_1.default.createElement("div", { style: { position: "relative", height: '100%', borderRadius: '1rem', display: 'flex', alignItems: 'center', padding: '1.6rem' } },
|
|
34
34
|
react_1.default.createElement("div", null,
|
|
35
35
|
react_1.default.createElement(Typo2_1.UI_DISPLAY_SM, null, title),
|
|
36
|
-
react_1.default.createElement(Typo2_1.UI_TITLE, { style: { color: themes_1.colors.grey80 } }, desc)),
|
|
36
|
+
react_1.default.createElement(Typo2_1.UI_TITLE, { style: { color: themes_1.colors.grey80, marginTop: "0.8rem" } }, desc)),
|
|
37
37
|
CTALink && react_1.default.createElement(Buttons_1.ButtonTertiary, { style: { position: "absolute", bottom: "1.6rem", left: "1.6rem" }, iconSize: "S", icon: (CTALink === null || CTALink === void 0 ? void 0 : CTALink.icon) || "ArrowRight", onClick: function () { return navigate((CTALink === null || CTALink === void 0 ? void 0 : CTALink.url) || CTALink); } }, CTALink === null || CTALink === void 0 ? void 0 : CTALink.text))),
|
|
38
|
-
react_1.default.createElement(ImageSwitcher_1.ImageSwitcher, { images: _CoverImages }));
|
|
39
|
-
var mobile = react_1.default.createElement(styled_1.StyledMobileHomeCover, { id: "StyledMobileHomeCover" },
|
|
40
|
-
react_1.default.createElement(ImageSwitcher_1.ImageSwitcher, { images: _CoverImages, isDesktop: false }),
|
|
38
|
+
react_1.default.createElement(ImageSwitcher_1.ImageSwitcher, { images: _CoverImages, theme: theme }));
|
|
39
|
+
var mobile = react_1.default.createElement(styled_1.StyledMobileHomeCover, { id: "StyledMobileHomeCover", theme: theme, variant: variant },
|
|
40
|
+
react_1.default.createElement(ImageSwitcher_1.ImageSwitcher, { images: _CoverImages, isDesktop: false, theme: theme }),
|
|
41
41
|
react_1.default.createElement(styled_1.StyledMobileContentWrapper, null,
|
|
42
42
|
react_1.default.createElement("div", { style: { alignContent: "end", height: '100%', gap: "1.6rem" } },
|
|
43
43
|
react_1.default.createElement("div", { style: { color: "white" } },
|
|
44
44
|
react_1.default.createElement(Typo2_1.UI_DISPLAY_SM, null, title),
|
|
45
|
-
react_1.default.createElement(Typo2_1.UI_BODY_SEMIBOLD_SM_DF,
|
|
45
|
+
variant !== "small" && react_1.default.createElement(Typo2_1.UI_BODY_SEMIBOLD_SM_DF, { style: { marginTop: "0.8rem", opacity: 0.8 } }, desc)),
|
|
46
46
|
CTALink && react_1.default.createElement(Buttons_1.ButtonSecondaryCompact, { responsive: true, style: { marginTop: '1.6rem' }, iconSize: "S", icon: (CTALink === null || CTALink === void 0 ? void 0 : CTALink.icon) || "ArrowRight", onClick: function () { return navigate((CTALink === null || CTALink === void 0 ? void 0 : CTALink.url) || CTALink); } }, CTALink === null || CTALink === void 0 ? void 0 : CTALink.text))));
|
|
47
47
|
return (isDesktop ? deskTop : mobile);
|
|
48
48
|
};
|
|
@@ -10,6 +10,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
10
10
|
exports.StyledMobileContentWrapper = exports.StyledMobileHomeCover = exports.StyledHomeCover = void 0;
|
|
11
11
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
12
12
|
exports.StyledHomeCover = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: 98svw;\n height: 40rem;\n display: grid;\n margin: 1rem auto;\n grid-template-columns: 1fr 1fr 1fr;\n gap: 0.8rem;\n"], ["\n width: 98svw;\n height: 40rem;\n display: grid;\n margin: 1rem auto;\n grid-template-columns: 1fr 1fr 1fr;\n gap: 0.8rem;\n"])));
|
|
13
|
-
exports.StyledMobileHomeCover = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n width: 96svw;\n display: flex;\n height:
|
|
14
|
-
|
|
13
|
+
exports.StyledMobileHomeCover = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n width: 96svw;\n display: flex;\n height: ", ";\n margin: 1rem auto;\n border-radius: 1.6rem;\n position: relative;\n"], ["\n width: 96svw;\n display: flex;\n height: ", ";\n margin: 1rem auto;\n border-radius: 1.6rem;\n position: relative;\n"])), function (_a) {
|
|
14
|
+
var variant = _a.variant;
|
|
15
|
+
return variant === "small" ? "55svh" : "70svh";
|
|
16
|
+
});
|
|
17
|
+
exports.StyledMobileContentWrapper = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n border-radius: 1.6rem;\n padding: 1.6rem;\n background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 55.06%, rgba(0, 0, 0, 0.60) 65.69%);\n"], ["\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n border-radius: 1.6rem;\n padding: 1.6rem;\n background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 55.06%, rgba(0, 0, 0, 0.60) 65.69%);\n"])));
|
|
15
18
|
var templateObject_1, templateObject_2, templateObject_3;
|
package/dist/v2/themes/typo.js
CHANGED
|
@@ -20,8 +20,8 @@ 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: 52px
|
|
24
|
-
var UI_DISPLAY_SM = (0, styled_components_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n ", ";\n ", ";\n font-size: 32px;\n line-height: 42px
|
|
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_DISPLAY_SM = (0, styled_components_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n ", ";\n ", ";\n font-size: 32px;\n /* line-height: 42px; */\n font-weight: 700;\n"], ["\n ", ";\n ", ";\n font-size: 32px;\n /* line-height: 42px; */\n font-weight: 700;\n"])), uiFont, fontCss);
|
|
25
25
|
var UI_HEADLINE = (0, styled_components_1.css)(templateObject_6 || (templateObject_6 = __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);
|
|
26
26
|
var UI_HEADLINE_SM = (0, styled_components_1.css)(templateObject_7 || (templateObject_7 = __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);
|
|
27
27
|
var UI_TITLE = (0, styled_components_1.css)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n font-size: 20px;\n line-height: 26px;\n font-weight: 500;\n letter-spacing: 0.2px;\n ", ";\n ", ";\n"], ["\n font-size: 20px;\n line-height: 26px;\n font-weight: 500;\n letter-spacing: 0.2px;\n ", ";\n ", ";\n"])), uiFont, fontCss);
|