@redocly/theme 0.3.0 → 0.4.2
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/Button/Button.js +3 -3
- package/CodeBlock/CodeBlock.js +1 -1
- package/ColorModeSwitcher/ColorModeSwitcher.js +1 -1
- package/Footer/Footer.js +1 -1
- package/Footer/FooterColumn.js +4 -4
- package/Footer/FooterColumns.js +1 -1
- package/Footer/FooterCopyright.js +1 -1
- package/JsonViewer/JsonViewer.js +1 -1
- package/LastUpdated/LastUpdated.d.ts +5 -0
- package/LastUpdated/LastUpdated.js +28 -0
- package/Markdown/Admonition.js +3 -3
- package/Markdown/CodeSample/CodeSample.js +3 -3
- package/Markdown/ContainerWrapper.d.ts +5 -0
- package/Markdown/ContainerWrapper.js +21 -0
- package/Markdown/MarkdownLayout.js +2 -2
- package/Markdown/MarkdownWrapper.js +3 -3
- package/Markdown/index.d.ts +1 -1
- package/Markdown/index.js +1 -1
- package/Navbar/MobileNavbarItem.js +1 -1
- package/Navbar/MobileNavbarMenu.js +6 -6
- package/Navbar/Navbar.d.ts +1 -0
- package/Navbar/Navbar.js +10 -8
- package/Navbar/NavbarDropdown.js +1 -1
- package/Navbar/NavbarItem.d.ts +3 -3
- package/Navbar/NavbarItem.js +17 -14
- package/Navbar/NavbarMenu.js +1 -1
- package/NavbarLogo/NavbarLogo.js +1 -1
- package/OperationBadge/OperationBadge.js +1 -1
- package/Panel/Panel.d.ts +2 -1
- package/Panel/Panel.js +8 -3
- package/Panel/PanelBody.js +1 -1
- package/Panel/PanelComponent.d.ts +4 -2
- package/Panel/PanelComponent.js +6 -5
- package/Panel/PanelHeader.d.ts +1 -1
- package/Panel/PanelHeader.js +3 -3
- package/Panel/PanelHeaderTitle.js +1 -1
- package/Panel/index.d.ts +0 -3
- package/Panel/index.js +0 -3
- package/Profile/Profile.js +1 -1
- package/SamplesPanelControls/SamplesPanelControls.js +6 -4
- package/Search/Autocomplete.js +1 -1
- package/Search/Input.js +1 -1
- package/Search/Parameters.js +1 -1
- package/Search/Popover.js +1 -1
- package/Search/Search.js +1 -1
- package/Search/SearchItem.js +3 -3
- package/Search/utils.js +1 -1
- package/Sidebar/ApiCallItem.js +1 -1
- package/Sidebar/ArrowBack.js +1 -1
- package/Sidebar/BackButton.js +1 -1
- package/Sidebar/Drilldown.js +1 -1
- package/Sidebar/DrilldownMenu.js +2 -2
- package/Sidebar/DrilldownMenuItem.js +3 -3
- package/Sidebar/ExternalIcon.js +1 -1
- package/Sidebar/Menu.js +1 -1
- package/Sidebar/MenuContainer.js +1 -1
- package/Sidebar/MenuGroup.js +6 -2
- package/Sidebar/MenuItemLabel.js +1 -1
- package/Sidebar/MenuLink.js +1 -1
- package/Sidebar/SeparatorItem.js +1 -1
- package/Sidebar/SeparatorLine.js +1 -1
- package/Sidebar/Sidebar.js +1 -1
- package/SidebarLogo/SidebarLogo.js +1 -1
- package/TableOfContent/TableOfContent.js +5 -5
- package/Tooltip/Tooltip.js +1 -1
- package/Typography/H1.js +1 -1
- package/Typography/H2.js +1 -1
- package/Typography/H3.js +1 -1
- package/Typography/SectionHeader.js +1 -1
- package/Typography/Typography.js +1 -1
- package/globalStyle.js +28 -25
- package/icons/ArrowIcon/ArrowIcon.js +1 -1
- package/package.json +1 -1
- package/src/Button/Button.tsx +14 -6
- package/src/CodeBlock/CodeBlock.ts +2 -4
- package/src/ColorModeSwitcher/ColorModeSwitcher.tsx +1 -1
- package/src/Footer/Footer.tsx +3 -2
- package/src/Footer/FooterColumn.tsx +13 -9
- package/src/Footer/FooterColumns.tsx +2 -2
- package/src/Footer/FooterCopyright.tsx +1 -1
- package/src/JsonViewer/JsonViewer.tsx +5 -5
- package/src/LastUpdated/LastUpdated.tsx +32 -0
- package/src/Markdown/Admonition.tsx +3 -2
- package/src/Markdown/CodeSample/CodeSample.tsx +18 -17
- package/src/Markdown/{ContentWrapper.tsx → ContainerWrapper.tsx} +4 -4
- package/src/Markdown/MarkdownLayout.tsx +3 -3
- package/src/Markdown/MarkdownWrapper.tsx +87 -47
- package/src/Markdown/index.ts +1 -1
- package/src/Navbar/MobileNavbarItem.tsx +1 -3
- package/src/Navbar/MobileNavbarMenu.tsx +19 -17
- package/src/Navbar/Navbar.tsx +19 -10
- package/src/Navbar/NavbarDropdown.tsx +2 -1
- package/src/Navbar/NavbarItem.tsx +41 -24
- package/src/Navbar/NavbarMenu.tsx +1 -1
- package/src/NavbarLogo/NavbarLogo.tsx +4 -4
- package/src/OperationBadge/OperationBadge.ts +8 -9
- package/src/Panel/Panel.ts +17 -3
- package/src/Panel/PanelBody.ts +13 -5
- package/src/Panel/PanelComponent.tsx +6 -1
- package/src/Panel/PanelHeader.ts +13 -6
- package/src/Panel/PanelHeaderTitle.ts +6 -4
- package/src/Panel/index.ts +0 -3
- package/src/Profile/Profile.tsx +1 -1
- package/src/SamplesPanelControls/SamplesPanelControls.ts +9 -9
- package/src/Search/Autocomplete.tsx +1 -1
- package/src/Search/Input.tsx +7 -2
- package/src/Search/Parameters.tsx +1 -1
- package/src/Search/Popover.tsx +3 -3
- package/src/Search/Search.tsx +3 -1
- package/src/Search/SearchItem.tsx +14 -9
- package/src/Search/utils.tsx +1 -1
- package/src/Sidebar/ApiCallItem.tsx +7 -0
- package/src/Sidebar/ArrowBack.tsx +1 -1
- package/src/Sidebar/BackButton.tsx +10 -5
- package/src/Sidebar/Drilldown.tsx +1 -3
- package/src/Sidebar/DrilldownMenu.tsx +2 -2
- package/src/Sidebar/DrilldownMenuItem.tsx +12 -8
- package/src/Sidebar/ExternalIcon.tsx +1 -1
- package/src/Sidebar/Menu.tsx +1 -1
- package/src/Sidebar/MenuContainer.tsx +1 -1
- package/src/Sidebar/MenuGroup.tsx +12 -2
- package/src/Sidebar/MenuItemLabel.tsx +7 -7
- package/src/Sidebar/MenuLink.tsx +1 -1
- package/src/Sidebar/SeparatorItem.tsx +5 -1
- package/src/Sidebar/SeparatorLine.tsx +2 -2
- package/src/Sidebar/Sidebar.tsx +4 -4
- package/src/SidebarLogo/SidebarLogo.tsx +3 -3
- package/src/TableOfContent/TableOfContent.tsx +18 -16
- package/src/Tooltip/Tooltip.tsx +2 -2
- package/src/Typography/H1.ts +2 -2
- package/src/Typography/H2.ts +2 -2
- package/src/Typography/H3.ts +2 -1
- package/src/Typography/SectionHeader.ts +4 -4
- package/src/Typography/Typography.ts +1 -1
- package/src/globalStyle.ts +1359 -348
- package/src/icons/ArrowIcon/ArrowIcon.tsx +3 -3
- package/src/settings.yaml +2 -0
- package/src/ui/Background.tsx +1 -1
- package/src/ui/Dropdown.tsx +6 -6
- package/src/ui/Jumbotron.tsx +1 -1
- package/src/ui/Tiles/TileHeader.ts +5 -5
- package/src/ui/Tiles/TileText.tsx +1 -1
- package/src/ui/UniversalLink.tsx +1 -1
- package/src/utils/theme-helpers.ts +1 -1
- package/ui/Background.js +1 -1
- package/ui/Dropdown.js +4 -4
- package/ui/Jumbotron.js +1 -1
- package/ui/Tiles/TileHeader.js +1 -1
- package/ui/Tiles/TileText.js +1 -1
- package/ui/UniversalLink.js +1 -1
- package/utils/theme-helpers.js +1 -1
- package/Markdown/ContentWrapper.d.ts +0 -5
- package/Markdown/ContentWrapper.js +0 -21
- package/Panel/CodePanel.d.ts +0 -5
- package/Panel/CodePanel.js +0 -21
- package/Panel/ContentPanel.d.ts +0 -5
- package/Panel/ContentPanel.js +0 -20
- package/Panel/DarkHeader.d.ts +0 -1
- package/Panel/DarkHeader.js +0 -10
- package/src/Panel/CodePanel.ts +0 -34
- package/src/Panel/ContentPanel.ts +0 -44
- package/src/Panel/DarkHeader.ts +0 -8
package/Sidebar/Sidebar.js
CHANGED
|
@@ -11,7 +11,7 @@ exports.Sidebar = void 0;
|
|
|
11
11
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
12
12
|
exports.Sidebar = styled_components_1.default.aside.attrs(function () { return ({
|
|
13
13
|
'data-component-name': 'Sidebar/Sidebar',
|
|
14
|
-
}); })(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n border-right: 1px solid var(--sidebar-
|
|
14
|
+
}); })(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n border-right: 1px solid var(--sidebar-border-color);\n position: fixed;\n left: 0;\n right: 0;\n bottom: 0;\n z-index: 2;\n background: var(--sidebar-background-color);\n font-size: var(--sidebar-item-font-size);\n font-family: var(--sidebar-item-font-family);\n color: var(--sidebar-item-text-color);\n top: var(--navbar-height);\n height: calc(100vh - var(--navbar-height));\n display: flex;\n flex-direction: column;\n width: 100%;\n -webkit-font-smoothing: antialiased;\n\n ", ";\n\n ", " {\n position: sticky;\n pointer-events: auto;\n display: flex;\n opacity: 1;\n flex-shrink: 0;\n width: var(--sidebar-width);\n\n & > * {\n transform: none;\n }\n }\n\n ", " {\n transform: none;\n }\n"], ["\n border-right: 1px solid var(--sidebar-border-color);\n position: fixed;\n left: 0;\n right: 0;\n bottom: 0;\n z-index: 2;\n background: var(--sidebar-background-color);\n font-size: var(--sidebar-item-font-size);\n font-family: var(--sidebar-item-font-family);\n color: var(--sidebar-item-text-color);\n top: var(--navbar-height);\n height: calc(100vh - var(--navbar-height));\n display: flex;\n flex-direction: column;\n width: 100%;\n -webkit-font-smoothing: antialiased;\n\n ", ";\n\n ", " {\n position: sticky;\n pointer-events: auto;\n display: flex;\n opacity: 1;\n flex-shrink: 0;\n width: var(--sidebar-width);\n\n & > * {\n transform: none;\n }\n }\n\n ", " {\n transform: none;\n }\n"])), function (_a) {
|
|
15
15
|
var opened = _a.opened, animate = _a.animate;
|
|
16
16
|
return "\n opacity: ".concat(opened ? '1' : '0', ";\n pointer-events: ").concat(opened ? 'auto' : 'none', ";\n \n & > * {\n transform: ").concat(opened ? 'translate(0, 0)' : 'translate(0, 40px)', ";\n transition: ").concat(animate ? 'transform 0.65s ease, opacity 0.25s ease;' : 'none', ";\n }\n ");
|
|
17
17
|
}, function (_a) {
|
|
@@ -19,7 +19,7 @@ function SidebarLogo(_a) {
|
|
|
19
19
|
return (react_1.default.createElement(LogoWrap, { "data-cy": dataTestId, style: { backgroundColor: backgroundColor }, "data-component-name": "SidebarLogo/SidebarLogo" }, href ? react_1.default.createElement(Link, { href: href }, logo) : logo));
|
|
20
20
|
}
|
|
21
21
|
exports.SidebarLogo = SidebarLogo;
|
|
22
|
-
var LogoImgEl = styled_components_1.default.img(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n max-height: var(--logo-max-height);\n max-width: var(--logo-max-width);\n padding: var(--logo-padding);\n width: 100%;\n display: block;\n"], ["\n max-height: var(--logo-max-height);\n max-width: var(--logo-max-width);\n padding: var(--logo-padding);\n width: 100%;\n display: block;\n"])));
|
|
22
|
+
var LogoImgEl = styled_components_1.default.img(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n max-height: var(--sidebar-logo-max-height);\n max-width: var(--sidebar-logo-max-width);\n padding: var(--sidebar-logo-padding);\n width: 100%;\n display: block;\n"], ["\n max-height: var(--sidebar-logo-max-height);\n max-width: var(--sidebar-logo-max-width);\n padding: var(--sidebar-logo-padding);\n width: 100%;\n display: block;\n"])));
|
|
23
23
|
var LogoWrap = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n text-align: center;\n line-height: 0;\n"], ["\n text-align: center;\n line-height: 0;\n"])));
|
|
24
24
|
var Link = styled_components_1.default.a(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n display: inline-block;\n"], ["\n display: inline-block;\n"])));
|
|
25
25
|
var templateObject_1, templateObject_2, templateObject_3;
|
|
@@ -69,14 +69,14 @@ function TableOfContent(props) {
|
|
|
69
69
|
}))))));
|
|
70
70
|
}
|
|
71
71
|
exports.TableOfContent = TableOfContent;
|
|
72
|
-
var TocHeader = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n font-
|
|
73
|
-
var MenuItem = styled_components_1.default.a(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: block;\n color: var(--color-
|
|
72
|
+
var TocHeader = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n font-family: var(--toc-heading-font-family);\n font-size: var(--toc-heading-font-size);\n font-weight: var(--toc-heading-font-weight);\n padding: var(--toc-item-padding-vertical) var(--toc-item-padding-horizontal);\n color: var(--toc-heading-text-color);\n text-transform: uppercase;\n"], ["\n font-family: var(--toc-heading-font-family);\n font-size: var(--toc-heading-font-size);\n font-weight: var(--toc-heading-font-weight);\n padding: var(--toc-item-padding-vertical) var(--toc-item-padding-horizontal);\n color: var(--toc-heading-text-color);\n text-transform: uppercase;\n"])));
|
|
73
|
+
var MenuItem = styled_components_1.default.a(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: block;\n color: var(--toc-item-text-color);\n background-color: var(--toc-item-background-color);\n cursor: pointer;\n font-size: var(--toc-item-font-size);\n font-family: var(--toc-item-font-family);\n padding: var(--toc-item-padding-vertical) var(--toc-item-padding-horizontal);\n padding-left: calc(var(--toc-item-nested-offset) * ", ");\n transition: background-color 0.3s, color 0.3s;\n text-decoration: none;\n word-break: break-word;\n font-family: var(--heading-font-family);\n\n :hover,\n &.active {\n color: var(--toc-item-active-text-color);\n background-color: var(--toc-item-active-background-color);\n }\n\n :empty {\n padding: 0;\n }\n"], ["\n display: block;\n color: var(--toc-item-text-color);\n background-color: var(--toc-item-background-color);\n cursor: pointer;\n font-size: var(--toc-item-font-size);\n font-family: var(--toc-item-font-family);\n padding: var(--toc-item-padding-vertical) var(--toc-item-padding-horizontal);\n padding-left: calc(var(--toc-item-nested-offset) * ", ");\n transition: background-color 0.3s, color 0.3s;\n text-decoration: none;\n word-break: break-word;\n font-family: var(--heading-font-family);\n\n :hover,\n &.active {\n color: var(--toc-item-active-text-color);\n background-color: var(--toc-item-active-background-color);\n }\n\n :empty {\n padding: 0;\n }\n"])), function (_a) {
|
|
74
74
|
var depth = _a.depth;
|
|
75
|
-
return depth
|
|
75
|
+
return depth;
|
|
76
76
|
});
|
|
77
|
-
var TableOfContentMenu = styled_components_1.default.aside(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n
|
|
77
|
+
var TableOfContentMenu = styled_components_1.default.aside(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n background-color: var(--toc-background-color);\n flex-shrink: 0;\n display: none !important;\n\n ", " {\n width: var(--toc-width);\n display: block !important;\n }\n"], ["\n background-color: var(--toc-background-color);\n flex-shrink: 0;\n display: none !important;\n\n ", " {\n width: var(--toc-width);\n display: block !important;\n }\n"])), function (_a) {
|
|
78
78
|
var theme = _a.theme;
|
|
79
79
|
return theme.mediaQueries.medium;
|
|
80
80
|
});
|
|
81
|
-
var TableOfContentItems = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n position: sticky;\n top: calc(var(--navbar-height) +
|
|
81
|
+
var TableOfContentItems = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n position: sticky;\n top: calc(var(--navbar-height) + var(--toc-offset-top));\n max-height: calc(100vh - var(--navbar-height) - var(--toc-offset-top));\n border-left: 1px solid var(--toc-border-color);\n overflow-y: auto;\n width: var(--toc-width); ;\n"], ["\n position: sticky;\n top: calc(var(--navbar-height) + var(--toc-offset-top));\n max-height: calc(100vh - var(--navbar-height) - var(--toc-offset-top));\n border-left: 1px solid var(--toc-border-color);\n overflow-y: auto;\n width: var(--toc-width); ;\n"])));
|
|
82
82
|
var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
|
package/Tooltip/Tooltip.js
CHANGED
|
@@ -88,7 +88,7 @@ var PLACEMENTS = {
|
|
|
88
88
|
}),
|
|
89
89
|
};
|
|
90
90
|
var TooltipWrapper = styled_components_1.default.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n position: relative;\n display: inline-block;\n"], ["\n position: relative;\n display: inline-block;\n"])));
|
|
91
|
-
var TooltipBody = styled_components_1.default.span(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n display: inline-block;\n\n position: absolute;\n text-align: center;\n\n padding: 10px 20px;\n max-width: 250px;\n white-space: normal;\n overflow-wrap: break-word;\n\n border-radius: var(--
|
|
91
|
+
var TooltipBody = styled_components_1.default.span(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n display: inline-block;\n\n position: absolute;\n text-align: center;\n\n padding: 10px 20px;\n max-width: 250px;\n white-space: normal;\n overflow-wrap: break-word;\n\n border-radius: var(--border-radius);\n transition: opacity 0.3s ease-out;\n\n font-size: 13px;\n\n &::after {\n position: absolute;\n\n content: ' ';\n display: inline-block;\n width: 0;\n height: 0;\n border-color: var(--tooltip-background-color);\n }\n\n background: var(--tooltip-background-color);\n color: var(--tooltip-text-color);\n box-shadow: rgb(0 0 0 / 25%) 0 2px 4px;\n\n width: ", ";\n ", "\n"], ["\n display: inline-block;\n\n position: absolute;\n text-align: center;\n\n padding: 10px 20px;\n max-width: 250px;\n white-space: normal;\n overflow-wrap: break-word;\n\n border-radius: var(--border-radius);\n transition: opacity 0.3s ease-out;\n\n font-size: 13px;\n\n &::after {\n position: absolute;\n\n content: ' ';\n display: inline-block;\n width: 0;\n height: 0;\n border-color: var(--tooltip-background-color);\n }\n\n background: var(--tooltip-background-color);\n color: var(--tooltip-text-color);\n box-shadow: rgb(0 0 0 / 25%) 0 2px 4px;\n\n width: ", ";\n ", "\n"])), function (_a) {
|
|
92
92
|
var width = _a.width;
|
|
93
93
|
return width || '120px';
|
|
94
94
|
}, function (_a) {
|
package/Typography/H1.js
CHANGED
|
@@ -12,5 +12,5 @@ var styled_components_1 = __importDefault(require("styled-components"));
|
|
|
12
12
|
var utils_1 = require("../utils");
|
|
13
13
|
exports.H1 = styled_components_1.default.h1.attrs(function () { return ({
|
|
14
14
|
'data-component-name': 'Typography/H1',
|
|
15
|
-
}); })(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n color: var(--color
|
|
15
|
+
}); })(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n color: var(--h1-text-color);\n margin: var(--h1-margin-top) 0 var(--h1-margin-bottom);\n\n ", ";\n"], ["\n color: var(--h1-text-color);\n margin: var(--h1-margin-top) 0 var(--h1-margin-bottom);\n\n ", ";\n"])), (0, utils_1.typography)('h1', 'h'));
|
|
16
16
|
var templateObject_1;
|
package/Typography/H2.js
CHANGED
|
@@ -12,5 +12,5 @@ var styled_components_1 = __importDefault(require("styled-components"));
|
|
|
12
12
|
var utils_1 = require("../utils");
|
|
13
13
|
exports.H2 = styled_components_1.default.h2.attrs(function () { return ({
|
|
14
14
|
'data-component-name': 'Typography/H2',
|
|
15
|
-
}); })(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n color: var(--color
|
|
15
|
+
}); })(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n color: var(--h2-text-color);\n margin: var(--h2-margin-top) 0 var(--h2-margin-bottom);\n\n ", ";\n"], ["\n color: var(--h2-text-color);\n margin: var(--h2-margin-top) 0 var(--h2-margin-bottom);\n\n ", ";\n"])), (0, utils_1.typography)('h2', 'h'));
|
|
16
16
|
var templateObject_1;
|
package/Typography/H3.js
CHANGED
|
@@ -12,5 +12,5 @@ var styled_components_1 = __importDefault(require("styled-components"));
|
|
|
12
12
|
var utils_1 = require("../utils");
|
|
13
13
|
exports.H3 = styled_components_1.default.h3.attrs(function () { return ({
|
|
14
14
|
'data-component-name': 'Typography/H3',
|
|
15
|
-
}); })(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n color: var(--color-
|
|
15
|
+
}); })(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n color: var(--h3-text-color);\n margin: var(--h3-margin-top) 0 var(--h3-margin-bottom);\n\n ", ";\n"], ["\n color: var(--h3-text-color);\n margin: var(--h3-margin-top) 0 var(--h3-margin-bottom);\n\n ", ";\n"])), (0, utils_1.typography)('h3', 'h'));
|
|
16
16
|
var templateObject_1;
|
|
@@ -11,5 +11,5 @@ exports.SectionHeader = void 0;
|
|
|
11
11
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
12
12
|
exports.SectionHeader = styled_components_1.default.h2.attrs(function () { return ({
|
|
13
13
|
'data-component-name': 'Typography/SectionHeader',
|
|
14
|
-
}); })(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n color: var(--
|
|
14
|
+
}); })(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n color: var(--h2-color);\n font-size: var(--h2-font-size);\n font-weight: var(--h2-font-weight);\n text-align: center;\n margin: 2.65em 0;\n padding: 0 20px;\n font-family: var(--h2-font-family);\n"], ["\n color: var(--h2-color);\n font-size: var(--h2-font-size);\n font-weight: var(--h2-font-weight);\n text-align: center;\n margin: 2.65em 0;\n padding: 0 20px;\n font-family: var(--h2-font-family);\n"])));
|
|
15
15
|
var templateObject_1;
|
package/Typography/Typography.js
CHANGED
|
@@ -13,7 +13,7 @@ exports.Typography = styled_components_1.default.div.attrs(function () { return
|
|
|
13
13
|
'data-component-name': 'Typography/Typography',
|
|
14
14
|
}); })(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n color: ", ";\n font-family: ", ";\n font-size: ", ";\n font-style: ", ";\n font-weight: ", ";\n line-height: ", ";\n letter-spacing: ", ";\n margin-bottom: ", ";\n margin-top: ", ";\n text-align: ", ";\n"], ["\n color: ", ";\n font-family: ", ";\n font-size: ", ";\n font-style: ", ";\n font-weight: ", ";\n line-height: ", ";\n letter-spacing: ", ";\n margin-bottom: ", ";\n margin-top: ", ";\n text-align: ", ";\n"])), function (_a) {
|
|
15
15
|
var color = _a.color;
|
|
16
|
-
return color || 'var(--color
|
|
16
|
+
return color || 'var(--text-color)';
|
|
17
17
|
}, function (_a) {
|
|
18
18
|
var fontFamily = _a.fontFamily;
|
|
19
19
|
return fontFamily || 'var(--font-family-base)';
|