@redocly/theme 0.18.3-patch.2 → 0.18.3-patch.6
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/lib/I18n/LanguagePicker.js +17 -10
- package/lib/I18n/styledVariables.js +1 -0
- package/lib/components/Breadcrumbs/Breadcrumb.js +0 -4
- package/lib/components/Breadcrumbs/Breadcrumbs.js +5 -1
- package/lib/components/Breadcrumbs/styledVariables.js +2 -1
- package/lib/components/Catalog/Catalog.d.ts +5 -0
- package/lib/components/Catalog/Catalog.js +18 -16
- package/lib/components/Catalog/CatalogCard.js +22 -5
- package/lib/components/CodeBlock/styledVariables.js +2 -2
- package/lib/components/Filter/Filter.d.ts +2 -1
- package/lib/components/Filter/Filter.js +15 -14
- package/lib/components/Filter/FilterContent.d.ts +2 -1
- package/lib/components/Filter/FilterContent.js +5 -4
- package/lib/components/Filter/FilterPopover.d.ts +3 -1
- package/lib/components/Filter/FilterPopover.js +4 -4
- package/lib/components/Filter/styledVariables.js +1 -1
- package/lib/components/Footer/Footer.js +2 -1
- package/lib/components/Footer/FooterColumn.js +2 -0
- package/lib/components/Footer/styledVariables.js +1 -1
- package/lib/components/LastUpdated/LastUpdated.js +1 -0
- package/lib/components/Markdown/Admonition.js +12 -9
- package/lib/components/Markdown/Mermaid.js +3 -0
- package/lib/components/Markdown/styledVariables.d.ts +1 -0
- package/lib/components/Markdown/styledVariables.js +17 -7
- package/lib/components/Panel/PanelHeader.js +1 -0
- package/lib/components/Panel/styledVariables.js +1 -1
- package/lib/components/Product/ProductPicker.js +17 -5
- package/lib/components/Select/Select.d.ts +13 -6
- package/lib/components/Select/Select.js +20 -15
- package/lib/components/Select/styledVariables.js +2 -1
- package/lib/components/Separator/SeparatorItem.js +1 -0
- package/lib/components/Sidebar/HeaderWrapper.js +2 -2
- package/lib/components/Sidebar/VersionPicker.d.ts +3 -3
- package/lib/components/Sidebar/VersionPicker.js +5 -4
- package/lib/components/Sidebar/styledVariables.js +5 -4
- package/lib/components/Tag/styledVariables.js +10 -9
- package/lib/components/Tiles/TileHeader.js +1 -1
- package/lib/config.d.ts +25 -2
- package/lib/config.js +12 -3
- package/lib/globalStyle.js +35 -33
- package/lib/hooks/useMobileMenu.js +5 -6
- package/lib/hooks/useModalScrollLock.d.ts +1 -0
- package/lib/hooks/useModalScrollLock.js +16 -0
- package/lib/icons/AlertIcon/AlertIcon.js +0 -5
- package/lib/types/portal/src/shared/types/catalog.d.ts +5 -1
- package/lib/ui/Highlight.d.ts +1 -1
- package/lib/ui/Highlight.js +1 -1
- package/lib/ui/darkColors.js +26 -26
- package/lib/utils/css-variables.js +1 -1
- package/package.json +1 -1
- package/src/I18n/LanguagePicker.tsx +23 -21
- package/src/I18n/styledVariables.ts +1 -0
- package/src/components/Breadcrumbs/Breadcrumb.tsx +0 -4
- package/src/components/Breadcrumbs/Breadcrumbs.tsx +5 -1
- package/src/components/Breadcrumbs/styledVariables.ts +2 -1
- package/src/components/Catalog/Catalog.tsx +17 -10
- package/src/components/Catalog/CatalogCard.tsx +26 -3
- package/src/components/CodeBlock/styledVariables.ts +2 -2
- package/src/components/Filter/Filter.tsx +28 -26
- package/src/components/Filter/FilterContent.tsx +7 -4
- package/src/components/Filter/FilterPopover.tsx +13 -3
- package/src/components/Filter/styledVariables.ts +1 -1
- package/src/components/Footer/Footer.tsx +1 -1
- package/src/components/Footer/FooterColumn.tsx +2 -0
- package/src/components/Footer/styledVariables.ts +1 -1
- package/src/components/LastUpdated/LastUpdated.tsx +1 -2
- package/src/components/Markdown/Admonition.tsx +13 -8
- package/src/components/Markdown/Mermaid.tsx +3 -0
- package/src/components/Markdown/styledVariables.ts +18 -7
- package/src/components/Panel/PanelHeader.ts +1 -0
- package/src/components/Panel/styledVariables.ts +1 -1
- package/src/components/Product/ProductPicker.tsx +18 -13
- package/src/components/Select/Select.tsx +47 -26
- package/src/components/Select/styledVariables.ts +2 -1
- package/src/components/Separator/SeparatorItem.tsx +1 -0
- package/src/components/Sidebar/HeaderWrapper.tsx +2 -2
- package/src/components/Sidebar/VersionPicker.tsx +5 -4
- package/src/components/Sidebar/styledVariables.ts +5 -4
- package/src/components/Tag/styledVariables.ts +10 -9
- package/src/components/Tiles/TileHeader.ts +1 -1
- package/src/config.ts +11 -1
- package/src/globalStyle.ts +36 -34
- package/src/hooks/useMobileMenu.ts +3 -4
- package/src/hooks/useModalScrollLock.ts +12 -0
- package/src/icons/AlertIcon/AlertIcon.tsx +0 -5
- package/src/types/portal/src/shared/types/catalog.ts +7 -1
- package/src/ui/Highlight.tsx +2 -2
- package/src/ui/darkColors.tsx +26 -26
- package/src/utils/css-variables.ts +4 -2
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.markdown = exports.admonition = void 0;
|
|
3
|
+
exports.mermaid = exports.markdown = exports.admonition = void 0;
|
|
4
4
|
const styled_components_1 = require("styled-components");
|
|
5
5
|
exports.admonition = (0, styled_components_1.css) `
|
|
6
6
|
/* === Admonitions === */
|
|
@@ -9,11 +9,11 @@ exports.admonition = (0, styled_components_1.css) `
|
|
|
9
9
|
* @tokens Admonition typography
|
|
10
10
|
*/
|
|
11
11
|
|
|
12
|
-
--admonition-font-size: var(--font-size-
|
|
12
|
+
--admonition-font-size: var(--font-size-sm); // @presenter FontSize
|
|
13
13
|
--admonition-font-weight: var(--font-weight-regular); // @presenter FontWeight
|
|
14
14
|
--admonition-line-height: var(--line-height-base); // @presenter LineHeight
|
|
15
15
|
--admonition-heading-font-size: var(--font-size-base); // @presenter FontSize
|
|
16
|
-
--admonition-heading-font-weight: var(--font-weight-
|
|
16
|
+
--admonition-heading-font-weight: var(--font-weight-regular); // @presenter FontWeight
|
|
17
17
|
--admonition-heading-letter-spacing: 0.3px; // @presenter LetterSpacing
|
|
18
18
|
--admonition-heading-transform: uppercase;
|
|
19
19
|
|
|
@@ -23,16 +23,16 @@ exports.admonition = (0, styled_components_1.css) `
|
|
|
23
23
|
*/
|
|
24
24
|
|
|
25
25
|
--admonition-margin-horizontal: 0;
|
|
26
|
-
--admonition-margin-vertical:
|
|
26
|
+
--admonition-margin-vertical: var(--spacing-lg);
|
|
27
27
|
--admonition-padding-horizontal: var(--spacing-base);
|
|
28
|
-
--admonition-padding-vertical:
|
|
28
|
+
--admonition-padding-vertical: var(--spacing-md);
|
|
29
29
|
--admonition-icon-size: 25px;
|
|
30
30
|
|
|
31
31
|
/**
|
|
32
32
|
* @tokens Admonition border
|
|
33
33
|
*/
|
|
34
34
|
|
|
35
|
-
--admonition-border-radius:
|
|
35
|
+
--admonition-border-radius: 0; // @presenter BorderRadius
|
|
36
36
|
--admonition-border-style: var(--border-style);
|
|
37
37
|
--admonition-border-width: var(--border-width);
|
|
38
38
|
|
|
@@ -149,7 +149,7 @@ exports.markdown = (0, styled_components_1.css) `
|
|
|
149
149
|
* @tokens Markdown Table
|
|
150
150
|
*/
|
|
151
151
|
|
|
152
|
-
--md-table-font-size: var(--font-size-
|
|
152
|
+
--md-table-font-size: var(--font-size-sm); // @presenter FontSize
|
|
153
153
|
--md-table-margin-vertical: 20px; // @presenter Spacing
|
|
154
154
|
--md-table-background-color: transparent; // @presenter Color
|
|
155
155
|
|
|
@@ -218,4 +218,14 @@ exports.markdown = (0, styled_components_1.css) `
|
|
|
218
218
|
|
|
219
219
|
// @tokens End
|
|
220
220
|
`;
|
|
221
|
+
exports.mermaid = (0, styled_components_1.css) `
|
|
222
|
+
/**
|
|
223
|
+
* @tokens Mermaid
|
|
224
|
+
*/
|
|
225
|
+
|
|
226
|
+
--mermaid-background-color: var(--bg-raised-light); // @presenter Color
|
|
227
|
+
--mermaid-border-radius: var(--border-radius-lg); // @presenter BorderRadius
|
|
228
|
+
|
|
229
|
+
// @tokens End
|
|
230
|
+
`;
|
|
221
231
|
//# sourceMappingURL=styledVariables.js.map
|
|
@@ -422,7 +422,7 @@ exports.apiReferencePanels = (0, styled_components_1.css) `
|
|
|
422
422
|
* @tokens Panel try-it tabs
|
|
423
423
|
*/
|
|
424
424
|
|
|
425
|
-
--panel-try-it-tabs-font-size:
|
|
425
|
+
--panel-try-it-tabs-font-size: var(--font-size-sm);
|
|
426
426
|
--panel-try-it-tabs-font-family: var(--panel-font-family); // @presenter FontFamily
|
|
427
427
|
--panel-try-it-tabs-font-weight: var(--panel-font-weight); // @presenter FontWeight
|
|
428
428
|
|
|
@@ -7,7 +7,8 @@ exports.ProductPicker = void 0;
|
|
|
7
7
|
const react_1 = __importDefault(require("react"));
|
|
8
8
|
const styled_components_1 = __importDefault(require("styled-components"));
|
|
9
9
|
const hooks_1 = require("../../mocks/hooks");
|
|
10
|
-
const
|
|
10
|
+
const usePreloadHistory_1 = require("../../mocks/usePreloadHistory");
|
|
11
|
+
// import { Link } from '../../mocks/Link';
|
|
11
12
|
const icons_1 = require("../../icons");
|
|
12
13
|
const Select_1 = require("../Select");
|
|
13
14
|
const Product_1 = require("./Product");
|
|
@@ -15,11 +16,22 @@ const ProductPicker = () => {
|
|
|
15
16
|
var _a;
|
|
16
17
|
const globalData = (0, hooks_1.useGlobalData)();
|
|
17
18
|
const currentProduct = (0, hooks_1.useCurrentProduct)();
|
|
18
|
-
const currentProductComponent = currentProduct ? (
|
|
19
|
+
// const currentProductComponent = currentProduct ? (
|
|
20
|
+
// <Product product={currentProduct} />
|
|
21
|
+
// ) : (
|
|
22
|
+
// 'Products'
|
|
23
|
+
// );
|
|
24
|
+
const { push } = (0, usePreloadHistory_1.usePreloadHistory)();
|
|
19
25
|
const products = Object.values(((_a = globalData === null || globalData === void 0 ? void 0 : globalData.theme) === null || _a === void 0 ? void 0 : _a.products) || {});
|
|
20
|
-
const productComponents = products.map((product) => (
|
|
21
|
-
react_1.default.createElement(Product_1.Product, { product: product })
|
|
22
|
-
|
|
26
|
+
const productComponents = products.map((product) => ({
|
|
27
|
+
element: react_1.default.createElement(Product_1.Product, { product: product }),
|
|
28
|
+
value: product,
|
|
29
|
+
}));
|
|
30
|
+
return products.length ? (react_1.default.createElement(ProductSelect, { value: currentProduct, placeholder: "Products", options: productComponents, triggerEvent: "hover", onChange: (product) => {
|
|
31
|
+
if (!product)
|
|
32
|
+
return;
|
|
33
|
+
push(product.link);
|
|
34
|
+
} })) : null;
|
|
23
35
|
};
|
|
24
36
|
exports.ProductPicker = ProductPicker;
|
|
25
37
|
const ProductSelect = (0, styled_components_1.default)(Select_1.Select).attrs(() => ({
|
|
@@ -1,18 +1,23 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
export interface SelectProps {
|
|
3
|
-
|
|
4
|
-
options:
|
|
2
|
+
export interface SelectProps<T = any> {
|
|
3
|
+
value: T;
|
|
4
|
+
options: {
|
|
5
|
+
element: React.ReactNode | string;
|
|
6
|
+
value: T;
|
|
7
|
+
label?: string;
|
|
8
|
+
}[];
|
|
5
9
|
dataAttributes?: Record<string, string>;
|
|
6
10
|
className?: string;
|
|
7
11
|
withArrow?: boolean;
|
|
8
12
|
triggerEvent?: 'click' | 'hover';
|
|
9
|
-
onChange?: (value:
|
|
13
|
+
onChange?: (value: any) => void;
|
|
10
14
|
placement?: 'top' | 'bottom';
|
|
11
15
|
alignment?: 'start' | 'end';
|
|
12
16
|
icon?: React.ReactNode;
|
|
13
17
|
onlyIcon?: boolean;
|
|
18
|
+
placeholder?: string;
|
|
14
19
|
}
|
|
15
|
-
export declare
|
|
20
|
+
export declare function Select<T>({ className, value, options, dataAttributes, withArrow, triggerEvent, onChange, placement, alignment, icon, onlyIcon, placeholder, }: SelectProps<T>): JSX.Element;
|
|
16
21
|
export declare const SelectContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
17
22
|
export declare const SelectInput: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
18
23
|
export declare const SelectInputValue: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
@@ -20,4 +25,6 @@ export declare const SelectList: import("styled-components").StyledComponent<"ul
|
|
|
20
25
|
placement?: string | undefined;
|
|
21
26
|
alignment?: string | undefined;
|
|
22
27
|
}, never>;
|
|
23
|
-
export declare const SelectListItem: import("styled-components").StyledComponent<"li", any, {
|
|
28
|
+
export declare const SelectListItem: import("styled-components").StyledComponent<"li", any, {
|
|
29
|
+
selected: boolean;
|
|
30
|
+
}, never>;
|
|
@@ -31,10 +31,10 @@ const react_1 = __importStar(require("react"));
|
|
|
31
31
|
const styled_components_1 = __importDefault(require("styled-components"));
|
|
32
32
|
const icons_1 = require("../../icons");
|
|
33
33
|
const hooks_1 = require("../../hooks");
|
|
34
|
-
|
|
35
|
-
const
|
|
34
|
+
function Select({ className, value, options, dataAttributes, withArrow = true, triggerEvent = 'click', onChange, placement, alignment, icon, onlyIcon, placeholder, }) {
|
|
35
|
+
const containerRef = (0, react_1.useRef)(null);
|
|
36
36
|
const [isOpen, setIsOpen] = (0, react_1.useState)(false);
|
|
37
|
-
const [
|
|
37
|
+
// const [selectedIdx, setSelectedIdx] = useState<React.ReactNode | string>(selected);
|
|
38
38
|
const handleOpen = () => {
|
|
39
39
|
setIsOpen(true);
|
|
40
40
|
};
|
|
@@ -45,22 +45,23 @@ const Select = ({ className, selected, options, dataAttributes, withArrow, trigg
|
|
|
45
45
|
setIsOpen(!isOpen);
|
|
46
46
|
};
|
|
47
47
|
const handleSelect = (value) => {
|
|
48
|
-
|
|
48
|
+
// setSelectedIdx(options.findIndex(o => o.value === value));
|
|
49
49
|
setIsOpen(false);
|
|
50
50
|
onChange === null || onChange === void 0 ? void 0 : onChange(value);
|
|
51
51
|
};
|
|
52
|
-
(0, hooks_1.useOutsideClick)(
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
}, [selected]);
|
|
57
|
-
|
|
52
|
+
(0, hooks_1.useOutsideClick)(containerRef, handleClose);
|
|
53
|
+
// useEffect(() => {
|
|
54
|
+
// handleSelect(selected);
|
|
55
|
+
// // eslint-disable-next-line react-hooks/exhaustive-deps
|
|
56
|
+
// }, [selected]);
|
|
57
|
+
const selectedOption = options.find((option) => option.value === value);
|
|
58
|
+
return (react_1.default.createElement(exports.SelectContainer, Object.assign({}, dataAttributes, { "data-testid": "select", className: className, ref: containerRef, onPointerEnter: triggerEvent === 'hover' ? handleOpen : undefined, onPointerLeave: triggerEvent === 'hover' ? handleClose : undefined, onClick: triggerEvent === 'click' ? handleToggle : undefined }),
|
|
58
59
|
react_1.default.createElement(exports.SelectInput, null,
|
|
59
|
-
!onlyIcon && react_1.default.createElement(exports.SelectInputValue, null,
|
|
60
|
+
!onlyIcon && (react_1.default.createElement(exports.SelectInputValue, null, (selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.label) || (selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.element) || placeholder)),
|
|
60
61
|
icon,
|
|
61
62
|
withArrow ? isOpen ? react_1.default.createElement(icons_1.ArrowIcon, { direction: "up" }) : react_1.default.createElement(icons_1.ArrowIcon, { direction: "down" }) : null),
|
|
62
|
-
isOpen && (react_1.default.createElement(exports.SelectList, { placement: placement, alignment: alignment }, options.map((option, index) => (react_1.default.createElement(exports.SelectListItem, { key: index, onClick: () => handleSelect(option) }, option)))))));
|
|
63
|
-
}
|
|
63
|
+
isOpen && (react_1.default.createElement(exports.SelectList, { placement: placement, alignment: alignment }, options.map((option, index) => (react_1.default.createElement(exports.SelectListItem, { key: index, onClick: () => handleSelect(option.value), selected: option.value === value }, typeof option.element === 'string' ? react_1.default.createElement("div", null, option.element) : option.element)))))));
|
|
64
|
+
}
|
|
64
65
|
exports.Select = Select;
|
|
65
66
|
exports.SelectContainer = styled_components_1.default.div `
|
|
66
67
|
position: relative;
|
|
@@ -99,7 +100,6 @@ exports.SelectList = styled_components_1.default.ul `
|
|
|
99
100
|
min-width: var(--select-list-min-width);
|
|
100
101
|
width: 100%;
|
|
101
102
|
max-width: var(--select-list-max-width);
|
|
102
|
-
${({ placement }) => (!placement || placement === 'bottom' ? 'margin-top: 2px' : '')};
|
|
103
103
|
padding: var(--select-list-padding);
|
|
104
104
|
background-color: var(--select-list-background-color);
|
|
105
105
|
border-radius: var(--select-list-border-radius);
|
|
@@ -118,7 +118,12 @@ exports.SelectListItem = styled_components_1.default.li `
|
|
|
118
118
|
}
|
|
119
119
|
|
|
120
120
|
:hover {
|
|
121
|
-
background-color: var(--select-list-item-
|
|
121
|
+
background-color: var(--select-list-item-hover-background-color);
|
|
122
122
|
}
|
|
123
|
+
|
|
124
|
+
${({ selected }) => selected &&
|
|
125
|
+
`
|
|
126
|
+
&, &:hover { background-color: var(--select-list-item-active-background-color); }
|
|
127
|
+
`}
|
|
123
128
|
`;
|
|
124
129
|
//# sourceMappingURL=Select.js.map
|
|
@@ -26,7 +26,8 @@ exports.select = (0, styled_components_1.css) `
|
|
|
26
26
|
--select-list-item-horizontal-padding: var(--spacing-base); // @presenter Spacing
|
|
27
27
|
--select-list-item-vertical-padding: var(--spacing-xs); // @presenter Spacing
|
|
28
28
|
--select-list-item-border-radius: var(--border-radius); // @presenter BorderRadius
|
|
29
|
-
--select-list-item-active-background-color: var(--bg
|
|
29
|
+
--select-list-item-active-background-color: var(--color-primary-bg); // @presenter Color
|
|
30
|
+
--select-list-item-hover-background-color: var(--bg-raised); // @presenter Color
|
|
30
31
|
|
|
31
32
|
// @tokens End
|
|
32
33
|
`;
|
|
@@ -9,8 +9,8 @@ exports.HeaderWrapper = styled_components_1.default.div.attrs(({ className }) =>
|
|
|
9
9
|
'data-component-name': 'Sidebar/HeaderWrapper',
|
|
10
10
|
className,
|
|
11
11
|
})) `
|
|
12
|
-
margin: var(--sidebar-offset-top) 0 0
|
|
13
|
-
padding
|
|
12
|
+
margin: var(--sidebar-offset-top) 0 0 0;
|
|
13
|
+
padding: 0 0 var(--sidebar-header-padding-bottom) var(--sidebar-offset-left);
|
|
14
14
|
border-bottom: solid 1px var(--border-secondary);
|
|
15
15
|
`;
|
|
16
16
|
//# sourceMappingURL=HeaderWrapper.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
import type { SelectProps } from '../Select';
|
|
3
|
-
|
|
2
|
+
import { Select } from '../Select';
|
|
3
|
+
export declare const VersionPicker: import("styled-components").StyledComponent<typeof Select, any, {
|
|
4
4
|
dataAttributes: {
|
|
5
5
|
'data-component-name': string;
|
|
6
6
|
};
|
|
7
|
-
} & SelectProps
|
|
7
|
+
} & SelectProps<any>, "dataAttributes">;
|
|
@@ -11,6 +11,11 @@ exports.VersionPicker = (0, styled_components_1.default)(Select_1.Select).attrs(
|
|
|
11
11
|
'data-component-name': 'Sidebar/VersionPicker',
|
|
12
12
|
},
|
|
13
13
|
})) `
|
|
14
|
+
--select-list-item-active-background-color: var(
|
|
15
|
+
--version-picker-list-item-active-background-color
|
|
16
|
+
);
|
|
17
|
+
--select-list-item-hover-background-color: var(--version-picker-list-item-hover-background-color);
|
|
18
|
+
|
|
14
19
|
font-size: var(--version-picker-font-size);
|
|
15
20
|
font-weight: var(--version-picker-font-weight);
|
|
16
21
|
border-radius: var(--version-picker-border-radius);
|
|
@@ -42,10 +47,6 @@ exports.VersionPicker = (0, styled_components_1.default)(Select_1.Select).attrs(
|
|
|
42
47
|
padding: var(--version-picker-list-item-vertical-padding)
|
|
43
48
|
var(--version-picker-list-item-horizontal-padding);
|
|
44
49
|
}
|
|
45
|
-
|
|
46
|
-
:hover {
|
|
47
|
-
background-color: var(--version-picker-list-item-active-background-color);
|
|
48
|
-
}
|
|
49
50
|
}
|
|
50
51
|
`;
|
|
51
52
|
//# sourceMappingURL=VersionPicker.js.map
|
|
@@ -77,7 +77,7 @@ exports.sidebar = (0, styled_components_1.css) `
|
|
|
77
77
|
*/
|
|
78
78
|
--sidebar-item-border-radius: 6px; // @presenter BorderRadius
|
|
79
79
|
|
|
80
|
-
/**
|
|
80
|
+
/**
|
|
81
81
|
* @tokens Sidebar item icon
|
|
82
82
|
*/
|
|
83
83
|
--sidebar-item-icon-size: var(--spacing-xl);
|
|
@@ -163,7 +163,7 @@ exports.sidebar = (0, styled_components_1.css) `
|
|
|
163
163
|
--sidebar-back-padding-left: var(--spacing-xs); // @presenter Spacing
|
|
164
164
|
--sidebar-back-button-icon: none;
|
|
165
165
|
|
|
166
|
-
/**
|
|
166
|
+
/**
|
|
167
167
|
* @tokens Sidebar footer
|
|
168
168
|
*/
|
|
169
169
|
--sidebar-footer-padding-vertical: var(--spacing-sm); // @presenter Spacing
|
|
@@ -177,7 +177,7 @@ exports.sidebar = (0, styled_components_1.css) `
|
|
|
177
177
|
--sidebar-controls-collapsed-gap: var(--spacing-xs); // @presenter Spacing
|
|
178
178
|
--sidebar-controls-collapsed-padding-vertical: var(--spacing-xs); // @presenter Spacing
|
|
179
179
|
--sidebar-controls-collapsed-padding-horizontal: var(--spacing-xxs); // @presenter Spacing
|
|
180
|
-
|
|
180
|
+
|
|
181
181
|
// @tokens End
|
|
182
182
|
`;
|
|
183
183
|
exports.versionPicker = (0, styled_components_1.css) `
|
|
@@ -209,7 +209,8 @@ exports.versionPicker = (0, styled_components_1.css) `
|
|
|
209
209
|
--version-picker-list-item-vertical-padding: var(--select-list-item-vertical-padding); // @presenter Spacing
|
|
210
210
|
--version-picker-list-item-border-radius: var(--select-list-item-border-radius); // @presenter BorderRadius
|
|
211
211
|
--version-picker-list-item-active-background-color: var(--select-list-item-active-background-color); // @presenter Color
|
|
212
|
-
|
|
212
|
+
--version-picker-list-item-hover-background-color: var(--select-list-item-hover-background-color); // @presenter Color
|
|
213
|
+
|
|
213
214
|
// @tokens End
|
|
214
215
|
`;
|
|
215
216
|
//# sourceMappingURL=styledVariables.js.map
|
|
@@ -17,6 +17,7 @@ exports.tag = (0, styled_components_1.css) `
|
|
|
17
17
|
*/
|
|
18
18
|
|
|
19
19
|
--tag-padding: 1px 8px; //@presenter Spacing
|
|
20
|
+
--tag-large-padding: 4px 16px; //@presenter Spacing
|
|
20
21
|
--tag-margin: 0 5px 0 0; //@presenter Spacing
|
|
21
22
|
--tag-gap: 5px; //@presenter Spacing
|
|
22
23
|
|
|
@@ -41,7 +42,7 @@ exports.tag = (0, styled_components_1.css) `
|
|
|
41
42
|
*/
|
|
42
43
|
|
|
43
44
|
.tag-size-large {
|
|
44
|
-
--tag-padding:
|
|
45
|
+
--tag-padding: var(--tag-large-padding);
|
|
45
46
|
--tag-font-size: var(--font-size-regular);
|
|
46
47
|
}
|
|
47
48
|
|
|
@@ -59,7 +60,7 @@ exports.tag = (0, styled_components_1.css) `
|
|
|
59
60
|
.tag-approved,
|
|
60
61
|
.tag-get {
|
|
61
62
|
--tag-color: var(--color-success-active); // @presenter Color
|
|
62
|
-
--tag-background-color:
|
|
63
|
+
--tag-background-color: var(--color-success-bg); // @presenter Color
|
|
63
64
|
--tag-border-color: var(--color-success-active); // @presenter Color
|
|
64
65
|
}
|
|
65
66
|
|
|
@@ -77,7 +78,7 @@ exports.tag = (0, styled_components_1.css) `
|
|
|
77
78
|
.tag-deprecated,
|
|
78
79
|
.tag-put {
|
|
79
80
|
--tag-color: var(--color-warning-active); // @presenter Color
|
|
80
|
-
--tag-background-color:
|
|
81
|
+
--tag-background-color: var(--color-warning-bg); // @presenter Color
|
|
81
82
|
--tag-border-color: var(--color-warning-active); // @presenter Color
|
|
82
83
|
}
|
|
83
84
|
|
|
@@ -85,42 +86,42 @@ exports.tag = (0, styled_components_1.css) `
|
|
|
85
86
|
.tag-processing,
|
|
86
87
|
.tag-post {
|
|
87
88
|
--tag-color: var(--color-info-active); // @presenter Color
|
|
88
|
-
--tag-background-color:
|
|
89
|
+
--tag-background-color: var(--color-info-bg); // @presenter Color
|
|
89
90
|
--tag-border-color: var(--color-info-active); // @presenter Color
|
|
90
91
|
}
|
|
91
92
|
|
|
92
93
|
.tag-purple,
|
|
93
94
|
.tag-head {
|
|
94
95
|
--tag-color: var(--color-purple-7); // @presenter Color
|
|
95
|
-
--tag-background-color:
|
|
96
|
+
--tag-background-color: var(--color-purple-1); // @presenter Color
|
|
96
97
|
--tag-border-color: var(--color-purple-7); // @presenter Color
|
|
97
98
|
}
|
|
98
99
|
|
|
99
100
|
.tag-cyan,
|
|
100
101
|
.tag-option {
|
|
101
102
|
--tag-color: var(--color-cyan-7); // @presenter Color
|
|
102
|
-
--tag-background-color:
|
|
103
|
+
--tag-background-color: var(--color-cyan-1); // @presenter Color
|
|
103
104
|
--tag-border-color: var(--color-cyan-7); // @presenter Color
|
|
104
105
|
}
|
|
105
106
|
|
|
106
107
|
.tag-yellow,
|
|
107
108
|
.tag-patch {
|
|
108
109
|
--tag-color: var(--color-yellow-7); // @presenter Color
|
|
109
|
-
--tag-background-color:
|
|
110
|
+
--tag-background-color: var(--color-yellow-1); // @presenter Color
|
|
110
111
|
--tag-border-color: var(--color-yellow-7); // @presenter Color
|
|
111
112
|
}
|
|
112
113
|
|
|
113
114
|
.tag-geekblue,
|
|
114
115
|
.tag-link {
|
|
115
116
|
--tag-color: var(--color-geekblue-7); // @presenter Color
|
|
116
|
-
--tag-background-color:
|
|
117
|
+
--tag-background-color: var(--color-geekblue-1); // @presenter Color
|
|
117
118
|
--tag-border-color: var(--color-geekblue-7); // @presenter Color
|
|
118
119
|
}
|
|
119
120
|
|
|
120
121
|
.tag-magneta,
|
|
121
122
|
.tag-hook {
|
|
122
123
|
--tag-color: var(--color-magneta-7); // @presenter Color
|
|
123
|
-
--tag-background-color:
|
|
124
|
+
--tag-background-color: var(--color-magneta-1); // @presenter Color
|
|
124
125
|
--tag-border-color: var(--color-magneta-7); // @presenter Color
|
|
125
126
|
}
|
|
126
127
|
|
|
@@ -14,7 +14,7 @@ exports.TileHeader = styled_components_1.default.h3.attrs(({ className }) => ({
|
|
|
14
14
|
color: ${(props) => props.color || 'var(--h3-color)'};
|
|
15
15
|
font-family: var(--h3-font-family);
|
|
16
16
|
&& {
|
|
17
|
-
margin:
|
|
17
|
+
margin: 0 0 var(--h3-margin-bottom);
|
|
18
18
|
}
|
|
19
19
|
`;
|
|
20
20
|
//# sourceMappingURL=TileHeader.js.map
|
package/lib/config.d.ts
CHANGED
|
@@ -460,7 +460,7 @@ declare const catalogSchema: {
|
|
|
460
460
|
};
|
|
461
461
|
readonly filterValuesCasing: {
|
|
462
462
|
readonly type: "string";
|
|
463
|
-
readonly enum: readonly ["sentence"];
|
|
463
|
+
readonly enum: readonly ["sentence", "original", "lowercase", "uppercase"];
|
|
464
464
|
};
|
|
465
465
|
readonly items: {
|
|
466
466
|
readonly type: "array";
|
|
@@ -874,6 +874,15 @@ export declare const themeConfigSchema: {
|
|
|
874
874
|
readonly copyrightText: {
|
|
875
875
|
readonly type: "string";
|
|
876
876
|
};
|
|
877
|
+
readonly logo: {
|
|
878
|
+
readonly type: "object";
|
|
879
|
+
readonly properties: {
|
|
880
|
+
readonly hide: {
|
|
881
|
+
readonly type: "boolean";
|
|
882
|
+
};
|
|
883
|
+
};
|
|
884
|
+
readonly additionalProperties: false;
|
|
885
|
+
};
|
|
877
886
|
};
|
|
878
887
|
readonly additionalProperties: false;
|
|
879
888
|
};
|
|
@@ -1755,7 +1764,7 @@ export declare const themeConfigSchema: {
|
|
|
1755
1764
|
};
|
|
1756
1765
|
readonly filterValuesCasing: {
|
|
1757
1766
|
readonly type: "string";
|
|
1758
|
-
readonly enum: readonly ["sentence"];
|
|
1767
|
+
readonly enum: readonly ["sentence", "original", "lowercase", "uppercase"];
|
|
1759
1768
|
};
|
|
1760
1769
|
readonly items: {
|
|
1761
1770
|
readonly type: "array";
|
|
@@ -2211,6 +2220,15 @@ export declare const productThemeOverrideSchema: {
|
|
|
2211
2220
|
readonly copyrightText: {
|
|
2212
2221
|
readonly type: "string";
|
|
2213
2222
|
};
|
|
2223
|
+
readonly logo: {
|
|
2224
|
+
readonly type: "object";
|
|
2225
|
+
readonly properties: {
|
|
2226
|
+
readonly hide: {
|
|
2227
|
+
readonly type: "boolean";
|
|
2228
|
+
};
|
|
2229
|
+
};
|
|
2230
|
+
readonly additionalProperties: false;
|
|
2231
|
+
};
|
|
2214
2232
|
};
|
|
2215
2233
|
readonly additionalProperties: false;
|
|
2216
2234
|
};
|
|
@@ -2402,4 +2420,9 @@ export type GoogleAnalyticsConfig = FromSchema<typeof googleAnalyticsConfigSchem
|
|
|
2402
2420
|
export type CatalogConfig = FromSchema<typeof catalogSchema>;
|
|
2403
2421
|
export type CatalogFilterConfig = FromSchema<typeof catalogFilterSchema>;
|
|
2404
2422
|
export type ScorecardConfig = FromSchema<typeof scorecardConfigSchema>;
|
|
2423
|
+
export declare enum ScorecardStatus {
|
|
2424
|
+
BelowMinimum = "Below minimum",
|
|
2425
|
+
Highest = "Highest",
|
|
2426
|
+
Minimum = "Minimum"
|
|
2427
|
+
}
|
|
2405
2428
|
export {};
|
package/lib/config.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.productThemeOverrideSchema = exports.themeConfigSchema = void 0;
|
|
3
|
+
exports.ScorecardStatus = exports.productThemeOverrideSchema = exports.themeConfigSchema = void 0;
|
|
4
4
|
const logoConfigSchema = {
|
|
5
5
|
type: 'object',
|
|
6
6
|
properties: {
|
|
@@ -332,7 +332,10 @@ const catalogSchema = {
|
|
|
332
332
|
slug: { type: 'string' },
|
|
333
333
|
filters: { type: 'array', items: catalogFilterSchema },
|
|
334
334
|
groupByFirstFilter: { type: 'boolean' },
|
|
335
|
-
filterValuesCasing: {
|
|
335
|
+
filterValuesCasing: {
|
|
336
|
+
type: 'string',
|
|
337
|
+
enum: ['sentence', 'original', 'lowercase', 'uppercase'],
|
|
338
|
+
},
|
|
336
339
|
items: navItemsSchema,
|
|
337
340
|
requiredPermission: { type: 'string' },
|
|
338
341
|
separateVersions: { type: 'boolean' },
|
|
@@ -368,7 +371,7 @@ exports.themeConfigSchema = {
|
|
|
368
371
|
},
|
|
369
372
|
footer: {
|
|
370
373
|
type: 'object',
|
|
371
|
-
properties: Object.assign({ items: navItemsSchema, copyrightText: { type: 'string' } }, hideConfigSchema.properties),
|
|
374
|
+
properties: Object.assign({ items: navItemsSchema, copyrightText: { type: 'string' }, logo: hideConfigSchema }, hideConfigSchema.properties),
|
|
372
375
|
additionalProperties: false,
|
|
373
376
|
},
|
|
374
377
|
sidebar: {
|
|
@@ -586,4 +589,10 @@ exports.productThemeOverrideSchema = {
|
|
|
586
589
|
additionalProperties: true,
|
|
587
590
|
default: {},
|
|
588
591
|
};
|
|
592
|
+
var ScorecardStatus;
|
|
593
|
+
(function (ScorecardStatus) {
|
|
594
|
+
ScorecardStatus["BelowMinimum"] = "Below minimum";
|
|
595
|
+
ScorecardStatus["Highest"] = "Highest";
|
|
596
|
+
ScorecardStatus["Minimum"] = "Minimum";
|
|
597
|
+
})(ScorecardStatus = exports.ScorecardStatus || (exports.ScorecardStatus = {}));
|
|
589
598
|
//# sourceMappingURL=config.js.map
|