@redocly/theme 0.18.3-patch.2 → 0.18.3-patch.5

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 (69) hide show
  1. package/lib/I18n/LanguagePicker.js +1 -1
  2. package/lib/components/Catalog/Catalog.d.ts +5 -0
  3. package/lib/components/Catalog/Catalog.js +18 -16
  4. package/lib/components/Catalog/CatalogCard.js +22 -5
  5. package/lib/components/CodeBlock/styledVariables.js +1 -1
  6. package/lib/components/Filter/Filter.d.ts +2 -1
  7. package/lib/components/Filter/Filter.js +12 -4
  8. package/lib/components/Filter/FilterContent.d.ts +2 -1
  9. package/lib/components/Filter/FilterContent.js +5 -4
  10. package/lib/components/Filter/FilterPopover.d.ts +3 -1
  11. package/lib/components/Filter/FilterPopover.js +4 -4
  12. package/lib/components/Filter/styledVariables.js +1 -1
  13. package/lib/components/Footer/Footer.js +2 -1
  14. package/lib/components/Footer/FooterColumn.js +2 -0
  15. package/lib/components/Footer/styledVariables.js +1 -1
  16. package/lib/components/Markdown/Admonition.js +12 -9
  17. package/lib/components/Markdown/Mermaid.js +3 -0
  18. package/lib/components/Markdown/styledVariables.d.ts +1 -0
  19. package/lib/components/Markdown/styledVariables.js +16 -6
  20. package/lib/components/Panel/PanelHeader.js +1 -0
  21. package/lib/components/Panel/styledVariables.js +1 -1
  22. package/lib/components/Product/ProductPicker.js +1 -1
  23. package/lib/components/Select/Select.js +3 -4
  24. package/lib/components/Separator/SeparatorItem.js +1 -0
  25. package/lib/components/Sidebar/HeaderWrapper.js +2 -2
  26. package/lib/components/Tag/styledVariables.js +10 -9
  27. package/lib/config.d.ts +25 -2
  28. package/lib/config.js +12 -3
  29. package/lib/globalStyle.js +23 -21
  30. package/lib/hooks/useMobileMenu.js +5 -6
  31. package/lib/hooks/useModalScrollLock.d.ts +1 -0
  32. package/lib/hooks/useModalScrollLock.js +16 -0
  33. package/lib/icons/AlertIcon/AlertIcon.js +0 -5
  34. package/lib/types/portal/src/shared/types/catalog.d.ts +5 -1
  35. package/lib/ui/Highlight.d.ts +1 -1
  36. package/lib/ui/Highlight.js +1 -1
  37. package/lib/ui/darkColors.js +26 -26
  38. package/lib/utils/css-variables.js +1 -1
  39. package/package.json +1 -1
  40. package/src/I18n/LanguagePicker.tsx +1 -0
  41. package/src/components/Catalog/Catalog.tsx +17 -10
  42. package/src/components/Catalog/CatalogCard.tsx +26 -3
  43. package/src/components/CodeBlock/styledVariables.ts +1 -1
  44. package/src/components/Filter/Filter.tsx +19 -6
  45. package/src/components/Filter/FilterContent.tsx +7 -4
  46. package/src/components/Filter/FilterPopover.tsx +13 -3
  47. package/src/components/Filter/styledVariables.ts +1 -1
  48. package/src/components/Footer/Footer.tsx +1 -1
  49. package/src/components/Footer/FooterColumn.tsx +2 -0
  50. package/src/components/Footer/styledVariables.ts +1 -1
  51. package/src/components/Markdown/Admonition.tsx +13 -8
  52. package/src/components/Markdown/Mermaid.tsx +3 -0
  53. package/src/components/Markdown/styledVariables.ts +17 -6
  54. package/src/components/Panel/PanelHeader.ts +1 -0
  55. package/src/components/Panel/styledVariables.ts +1 -1
  56. package/src/components/Product/ProductPicker.tsx +0 -1
  57. package/src/components/Select/Select.tsx +3 -4
  58. package/src/components/Separator/SeparatorItem.tsx +1 -0
  59. package/src/components/Sidebar/HeaderWrapper.tsx +2 -2
  60. package/src/components/Tag/styledVariables.ts +10 -9
  61. package/src/config.ts +11 -1
  62. package/src/globalStyle.ts +24 -22
  63. package/src/hooks/useMobileMenu.ts +3 -4
  64. package/src/hooks/useModalScrollLock.ts +12 -0
  65. package/src/icons/AlertIcon/AlertIcon.tsx +0 -5
  66. package/src/types/portal/src/shared/types/catalog.ts +7 -1
  67. package/src/ui/Highlight.tsx +2 -2
  68. package/src/ui/darkColors.tsx +26 -26
  69. package/src/utils/css-variables.ts +4 -2
package/src/ui/darkColors.tsx CHANGED
@@ -63,16 +63,16 @@ export const darkMode = css`
63
63
  --color-purple-9: #cda8f0;
64
64
  --color-purple-10: #ebd7fa;
65
65
 
66
- --color-magneta-1: #291321;
67
- --color-magneta-2: #40162f;
68
- --color-magneta-3: #551c3b;
69
- --color-magneta-4: #75204f;
70
- --color-magneta-5: #a02669;
71
- --color-magneta-6: #cb2b83;
72
- --color-magneta-7: #e0529c;
73
- --color-magneta-8: #f37fb7;
74
- --color-magneta-9: #f8a8cc;
75
- --color-magneta-10: #fad2e3;
66
+ --color-magenta-1: #291321;
67
+ --color-magenta-2: #40162f;
68
+ --color-magenta-3: #551c3b;
69
+ --color-magenta-4: #75204f;
70
+ --color-magenta-5: #a02669;
71
+ --color-magenta-6: #cb2b83;
72
+ --color-magenta-7: #e0529c;
73
+ --color-magenta-8: #f37fb7;
74
+ --color-magenta-9: #f8a8cc;
75
+ --color-magenta-10: #fad2e3;
76
76
 
77
77
  --color-cyan-1: #112123;
78
78
  --color-cyan-2: #113536;
@@ -129,35 +129,35 @@ export const darkMode = css`
129
129
  --color-primary-text: #d6dfff;
130
130
  --color-primary-text-active: #ebf0ff;
131
131
 
132
- --color-success-bg: var(--color-green-1);
133
- --color-success-bg-hover: var(--color-green-2);
134
- --color-success-border: var(--color-green-3);
135
- --color-success-border-hover: var(--color-green-4);
136
- --color-success-hover: var(--color-green-7);
137
- --color-success-base: var(--color-green-6);
138
- --color-success-active: var(--color-green-5);
139
- --color-success-text-hover: var(--color-green-8);
140
- --color-success-text: var(--color-green-9);
141
- --color-success-text-active: var(--color-green-10);
142
-
143
- --color-warning-bg: var(--color-gold-1);
132
+ --color-success-bg: var(--color-cyan-3);
133
+ --color-success-bg-hover: var(--color-cyan-2);
134
+ --color-success-border: var(--color-cyan-3);
135
+ --color-success-border-hover: var(--color-cyan-4);
136
+ --color-success-hover: var(--color-cyan-7);
137
+ --color-success-base: var(--color-cyan-6);
138
+ --color-success-active: var(--color-cyan-7);
139
+ --color-success-text-hover: var(--color-cyan-8);
140
+ --color-success-text: var(--color-cyan-9);
141
+ --color-success-text-active: var(--color-cyan-10);
142
+
143
+ --color-warning-bg: var(--color-gold-3);
144
144
  --color-warning-bg-hover: var(--color-gold-2);
145
145
  --color-warning-border: var(--color-gold-3);
146
146
  --color-warning-border-hover: var(--color-gold-4);
147
147
  --color-warning-hover: var(--color-gold-7);
148
148
  --color-warning-base: var(--color-gold-6);
149
- --color-warning-active: var(--color-gold-5);
149
+ --color-warning-active: var(--color-gold-7);
150
150
  --color-warning-text-hover: var(--color-gold-8);
151
151
  --color-warning-text: var(--color-gold-9);
152
152
  --color-warning-text-active: var(--color-gold-10);
153
153
 
154
- --color-error-bg: var(--color-red-1);
154
+ --color-error-bg: var(--color-red-3);
155
155
  --color-error-bg-hover: var(--color-red-2);
156
156
  --color-error-border: var(--color-red-3);
157
157
  --color-error-border-hover: var(--color-red-4);
158
158
  --color-error-hover: var(--color-red-7);
159
159
  --color-error-base: var(--color-red-6);
160
- --color-error-active: var(--color-red-5);
160
+ --color-error-active: var(--color-red-7);
161
161
  --color-error-text-hover: var(--color-red-8);
162
162
  --color-error-text: var(--color-red-9);
163
163
  --color-error-text-active: var(--color-red-10);
@@ -168,7 +168,7 @@ export const darkMode = css`
168
168
  --color-info-border-hover: var(--color-blue-4);
169
169
  --color-info-hover: var(--color-blue-7);
170
170
  --color-info-base: var(--color-blue-6);
171
- --color-info-active: var(--color-blue-5);
171
+ --color-info-active: var(--color-blue-7);
172
172
  --color-info-text-hover: var(--color-blue-8);
173
173
  --color-info-text: var(--color-blue-9);
174
174
  --color-info-text-active: var(--color-blue-10);
package/src/utils/css-variables.ts CHANGED
@@ -1,2 +1,4 @@
1
- export const getCssColorVariable = (color: string | undefined, defaultValue = 'inherit'): string =>
2
- color?.startsWith('--') ? `var(${color})` : color || defaultValue;
1
+ export const getCssColorVariable = (
2
+ color: string | undefined,
3
+ defaultValue = 'currentColor',
4
+ ): string => (color?.startsWith('--') ? `var(${color})` : color || defaultValue);