@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.
Files changed (89) hide show
  1. package/lib/I18n/LanguagePicker.js +17 -10
  2. package/lib/I18n/styledVariables.js +1 -0
  3. package/lib/components/Breadcrumbs/Breadcrumb.js +0 -4
  4. package/lib/components/Breadcrumbs/Breadcrumbs.js +5 -1
  5. package/lib/components/Breadcrumbs/styledVariables.js +2 -1
  6. package/lib/components/Catalog/Catalog.d.ts +5 -0
  7. package/lib/components/Catalog/Catalog.js +18 -16
  8. package/lib/components/Catalog/CatalogCard.js +22 -5
  9. package/lib/components/CodeBlock/styledVariables.js +2 -2
  10. package/lib/components/Filter/Filter.d.ts +2 -1
  11. package/lib/components/Filter/Filter.js +15 -14
  12. package/lib/components/Filter/FilterContent.d.ts +2 -1
  13. package/lib/components/Filter/FilterContent.js +5 -4
  14. package/lib/components/Filter/FilterPopover.d.ts +3 -1
  15. package/lib/components/Filter/FilterPopover.js +4 -4
  16. package/lib/components/Filter/styledVariables.js +1 -1
  17. package/lib/components/Footer/Footer.js +2 -1
  18. package/lib/components/Footer/FooterColumn.js +2 -0
  19. package/lib/components/Footer/styledVariables.js +1 -1
  20. package/lib/components/LastUpdated/LastUpdated.js +1 -0
  21. package/lib/components/Markdown/Admonition.js +12 -9
  22. package/lib/components/Markdown/Mermaid.js +3 -0
  23. package/lib/components/Markdown/styledVariables.d.ts +1 -0
  24. package/lib/components/Markdown/styledVariables.js +17 -7
  25. package/lib/components/Panel/PanelHeader.js +1 -0
  26. package/lib/components/Panel/styledVariables.js +1 -1
  27. package/lib/components/Product/ProductPicker.js +17 -5
  28. package/lib/components/Select/Select.d.ts +13 -6
  29. package/lib/components/Select/Select.js +20 -15
  30. package/lib/components/Select/styledVariables.js +2 -1
  31. package/lib/components/Separator/SeparatorItem.js +1 -0
  32. package/lib/components/Sidebar/HeaderWrapper.js +2 -2
  33. package/lib/components/Sidebar/VersionPicker.d.ts +3 -3
  34. package/lib/components/Sidebar/VersionPicker.js +5 -4
  35. package/lib/components/Sidebar/styledVariables.js +5 -4
  36. package/lib/components/Tag/styledVariables.js +10 -9
  37. package/lib/components/Tiles/TileHeader.js +1 -1
  38. package/lib/config.d.ts +25 -2
  39. package/lib/config.js +12 -3
  40. package/lib/globalStyle.js +35 -33
  41. package/lib/hooks/useMobileMenu.js +5 -6
  42. package/lib/hooks/useModalScrollLock.d.ts +1 -0
  43. package/lib/hooks/useModalScrollLock.js +16 -0
  44. package/lib/icons/AlertIcon/AlertIcon.js +0 -5
  45. package/lib/types/portal/src/shared/types/catalog.d.ts +5 -1
  46. package/lib/ui/Highlight.d.ts +1 -1
  47. package/lib/ui/Highlight.js +1 -1
  48. package/lib/ui/darkColors.js +26 -26
  49. package/lib/utils/css-variables.js +1 -1
  50. package/package.json +1 -1
  51. package/src/I18n/LanguagePicker.tsx +23 -21
  52. package/src/I18n/styledVariables.ts +1 -0
  53. package/src/components/Breadcrumbs/Breadcrumb.tsx +0 -4
  54. package/src/components/Breadcrumbs/Breadcrumbs.tsx +5 -1
  55. package/src/components/Breadcrumbs/styledVariables.ts +2 -1
  56. package/src/components/Catalog/Catalog.tsx +17 -10
  57. package/src/components/Catalog/CatalogCard.tsx +26 -3
  58. package/src/components/CodeBlock/styledVariables.ts +2 -2
  59. package/src/components/Filter/Filter.tsx +28 -26
  60. package/src/components/Filter/FilterContent.tsx +7 -4
  61. package/src/components/Filter/FilterPopover.tsx +13 -3
  62. package/src/components/Filter/styledVariables.ts +1 -1
  63. package/src/components/Footer/Footer.tsx +1 -1
  64. package/src/components/Footer/FooterColumn.tsx +2 -0
  65. package/src/components/Footer/styledVariables.ts +1 -1
  66. package/src/components/LastUpdated/LastUpdated.tsx +1 -2
  67. package/src/components/Markdown/Admonition.tsx +13 -8
  68. package/src/components/Markdown/Mermaid.tsx +3 -0
  69. package/src/components/Markdown/styledVariables.ts +18 -7
  70. package/src/components/Panel/PanelHeader.ts +1 -0
  71. package/src/components/Panel/styledVariables.ts +1 -1
  72. package/src/components/Product/ProductPicker.tsx +18 -13
  73. package/src/components/Select/Select.tsx +47 -26
  74. package/src/components/Select/styledVariables.ts +2 -1
  75. package/src/components/Separator/SeparatorItem.tsx +1 -0
  76. package/src/components/Sidebar/HeaderWrapper.tsx +2 -2
  77. package/src/components/Sidebar/VersionPicker.tsx +5 -4
  78. package/src/components/Sidebar/styledVariables.ts +5 -4
  79. package/src/components/Tag/styledVariables.ts +10 -9
  80. package/src/components/Tiles/TileHeader.ts +1 -1
  81. package/src/config.ts +11 -1
  82. package/src/globalStyle.ts +36 -34
  83. package/src/hooks/useMobileMenu.ts +3 -4
  84. package/src/hooks/useModalScrollLock.ts +12 -0
  85. package/src/icons/AlertIcon/AlertIcon.tsx +0 -5
  86. package/src/types/portal/src/shared/types/catalog.ts +7 -1
  87. package/src/ui/Highlight.tsx +2 -2
  88. package/src/ui/darkColors.tsx +26 -26
  89. 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-base); // @presenter FontSize
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-bold); // @presenter FontWeight
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: var(--spacing-xs);
26
+ --admonition-margin-vertical: var(--spacing-lg);
27
27
  --admonition-padding-horizontal: var(--spacing-base);
28
- --admonition-padding-vertical: var(--spacing-base);
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: var(--border-radius-lg); // @presenter BorderRadius
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-base); // @presenter FontSize
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
@@ -15,6 +15,7 @@ exports.PanelHeader = styled_components_1.default.div.attrs(({ className }) => (
15
15
  justify-content: space-between;
16
16
  min-height: 40px;
17
17
  white-space: var(--panel-heading-white-space-local);
18
+ color: var(--panel-heading-text-color);
18
19
 
19
20
  cursor: pointer;
20
21
 
@@ -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: 12px; // @presenter FontSize
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 Link_1 = require("../../mocks/Link");
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 ? (react_1.default.createElement(Product_1.Product, { product: currentProduct })) : ('Products');
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) => (react_1.default.createElement(Link_1.Link, { key: product.slug, to: product.link },
21
- react_1.default.createElement(Product_1.Product, { product: product }))));
22
- return products.length ? (react_1.default.createElement(ProductSelect, { selected: currentProductComponent, options: productComponents, withArrow: true, triggerEvent: "hover" })) : null;
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
- selected: React.ReactNode | string;
4
- options: React.ReactNode[] | string[];
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: React.ReactNode | string) => void;
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 const Select: ({ className, selected, options, dataAttributes, withArrow, triggerEvent, onChange, placement, alignment, icon, onlyIcon, }: SelectProps) => JSX.Element;
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, {}, never>;
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
- const Select = ({ className, selected, options, dataAttributes, withArrow, triggerEvent = 'click', onChange, placement, alignment, icon, onlyIcon, }) => {
35
- const selectRef = (0, react_1.useRef)(null);
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 [_selected, setSelected] = (0, react_1.useState)(selected);
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
- setSelected(value);
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)(selectRef, handleClose);
53
- (0, react_1.useEffect)(() => {
54
- handleSelect(selected);
55
- // eslint-disable-next-line react-hooks/exhaustive-deps
56
- }, [selected]);
57
- return (react_1.default.createElement(exports.SelectContainer, Object.assign({}, dataAttributes, { "data-testid": "select", className: className, ref: selectRef, onPointerEnter: triggerEvent === 'hover' ? handleOpen : undefined, onPointerLeave: triggerEvent === 'hover' ? handleClose : undefined, onClick: triggerEvent === 'click' ? handleToggle : undefined }),
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, _selected),
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-active-background-color);
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-raised); // @presenter Color
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
  `;
@@ -25,6 +25,7 @@ exports.SeparatorItem = (0, styled_components_1.default)(MenuItemLabel_1.MenuIte
25
25
 
26
26
  :hover {
27
27
  color: var(--sidebar-item-separator-text-color);
28
+ background: none;
28
29
  }
29
30
  `;
30
31
  //# sourceMappingURL=SeparatorItem.js.map
@@ -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 var(--sidebar-offset-left);
13
- padding-bottom: var(--sidebar-header-padding-bottom);
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
- export declare const VersionPicker: import("styled-components").StyledComponent<({ className, selected, options, dataAttributes, withArrow, triggerEvent, onChange, placement, alignment, icon, onlyIcon, }: SelectProps) => JSX.Element, any, {
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, "dataAttributes">;
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: 4px 16px;
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: none; // @presenter 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: none; // @presenter 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: none; // @presenter 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: none; // @presenter 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: none; // @presenter 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: none; // @presenter 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: none; // @presenter 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: none; // @presenter 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: var(--h3-margin-top) 0 var(--h3-margin-bottom);
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: { type: 'string', enum: ['sentence'] },
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