@redocly/theme 0.1.11 → 0.1.12

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 (104) hide show
  1. package/Search/ClearIcon.js +1 -1
  2. package/Search/Input.js +1 -1
  3. package/Search/Popover.js +1 -1
  4. package/Search/SearchIcon.js +1 -1
  5. package/Sidebar/ApiCallItem.js +1 -1
  6. package/globalStyle.js +24 -6
  7. package/mocks/Link.js +1 -1
  8. package/package.json +1 -1
  9. package/src/Search/ClearIcon.tsx +1 -1
  10. package/src/Search/Input.tsx +7 -7
  11. package/src/Search/Popover.tsx +2 -2
  12. package/src/Search/SearchIcon.tsx +1 -1
  13. package/src/Sidebar/ApiCallItem.tsx +1 -2
  14. package/src/globalStyle.ts +624 -461
  15. package/src/mocks/Link.tsx +1 -1
  16. package/src/ui/Typography.tsx +8 -8
  17. package/src/ui/UniversalLink.tsx +3 -8
  18. package/src/utils/isUrl.ts +4 -4
  19. package/ui/Typography.js +8 -8
  20. package/ui/UniversalLink.js +1 -5
  21. package/utils/isUrl.d.ts +2 -2
  22. package/utils/isUrl.js +4 -4
  23. package/src/Button/Button.stories.tsx +0 -74
  24. package/src/Button/__tests__/Button.test.tsx +0 -42
  25. package/src/Button/__tests__/__snapshots__/Button.test.tsx.snap +0 -274
  26. package/src/CodeBlock/__tests__/CodeBlock.test.tsx +0 -12
  27. package/src/CodeBlock/__tests__/__snapshots__/CodeBlock.test.tsx.snap +0 -140
  28. package/src/CopyButton/CopyButton.stories.tsx +0 -18
  29. package/src/CopyButton/__tests__/CopyButton.test.tsx +0 -35
  30. package/src/CopyButton/__tests__/CopyButtonWrapper.test.tsx +0 -17
  31. package/src/CopyButton/__tests__/__snapshots__/CopyButton.test.tsx.snap +0 -55
  32. package/src/CopyButton/__tests__/__snapshots__/CopyButtonWrapper.test.tsx.snap +0 -46
  33. package/src/DesignTokens/borders.stories.mdx +0 -20
  34. package/src/DesignTokens/colors.stories.mdx +0 -24
  35. package/src/DesignTokens/page-layout.stories.mdx +0 -12
  36. package/src/DesignTokens/tokens-generated.scss +0 -610
  37. package/src/DesignTokens/typography.stories.mdx +0 -36
  38. package/src/Footer/Footer.stories.tsx +0 -57
  39. package/src/Footer/__tests__/Footer.test.tsx +0 -55
  40. package/src/Footer/__tests__/__snapshots__/Footer.test.tsx.snap +0 -253
  41. package/src/Headings/Headings.stories.tsx +0 -36
  42. package/src/Headings/__tests__/Headings.test.tsx +0 -24
  43. package/src/Headings/__tests__/__snapshots__/Headings.test.tsx.snap +0 -57
  44. package/src/JsonViewer/JsonViewer.stories.tsx +0 -57
  45. package/src/JsonViewer/__tests__/JsonViewer.test.tsx +0 -83
  46. package/src/JsonViewer/__tests__/__snapshots__/JsonViewer.test.tsx.snap +0 -2728
  47. package/src/Layout/__tests__/PageLayout.test.tsx +0 -17
  48. package/src/Layout/__tests__/RootLayout.test.tsx +0 -17
  49. package/src/Layout/__tests__/__snapshots__/PageLayout.test.tsx.snap +0 -38
  50. package/src/Layout/__tests__/__snapshots__/RootLayout.test.tsx.snap +0 -18
  51. package/src/Navbar/Navbar.stories.tsx +0 -32
  52. package/src/Navbar/__tests__/Navbar.test.tsx +0 -55
  53. package/src/Navbar/__tests__/__snapshots__/Navbar.test.tsx.snap +0 -256
  54. package/src/NavbarLogo/NavbarLogo.stories.tsx +0 -20
  55. package/src/NavbarLogo/__tests__/NavbarLogo.test.tsx +0 -47
  56. package/src/NavbarLogo/__tests__/__snapshots__/NavbarLogo.test.tsx.snap +0 -38
  57. package/src/OperationBadge/OperationBadge.stories.tsx +0 -35
  58. package/src/OperationBadge/__tests__/OperationBadge.test.tsx +0 -59
  59. package/src/OperationBadge/__tests__/__snapshots__/OperationBadge.test.tsx.snap +0 -651
  60. package/src/PageNavigation/PageNavigation.stories.tsx +0 -21
  61. package/src/PageNavigation/__tests__/NextPageLink.test.tsx +0 -29
  62. package/src/PageNavigation/__tests__/PageNavigation.test.tsx +0 -54
  63. package/src/PageNavigation/__tests__/PreviousPageLink.test.tsx +0 -29
  64. package/src/PageNavigation/__tests__/__snapshots__/NextPageLink.test.tsx.snap +0 -67
  65. package/src/PageNavigation/__tests__/__snapshots__/PageNavigation.test.tsx.snap +0 -275
  66. package/src/PageNavigation/__tests__/__snapshots__/PreviousPageLink.test.tsx.snap +0 -67
  67. package/src/Panel/CodePanel.stories.tsx +0 -26
  68. package/src/Panel/ContentPanel.stories.tsx +0 -26
  69. package/src/Panel/Panel.stories.tsx +0 -56
  70. package/src/Panel/__tests__/CodePanel.test.tsx +0 -26
  71. package/src/Panel/__tests__/ContentPanel.test.tsx +0 -26
  72. package/src/Panel/__tests__/Panel.test.tsx +0 -53
  73. package/src/Panel/__tests__/__snapshots__/CodePanel.test.tsx.snap +0 -258
  74. package/src/Panel/__tests__/__snapshots__/ContentPanel.test.tsx.snap +0 -278
  75. package/src/Panel/__tests__/__snapshots__/Panel.test.tsx.snap +0 -398
  76. package/src/SamplesPanelControls/SamplesControlButton.stories.tsx +0 -18
  77. package/src/SamplesPanelControls/__tests__/SamplesPanelControls.test.tsx +0 -36
  78. package/src/SamplesPanelControls/__tests__/__snapshots__/SamplesPanelControls.test.tsx.snap +0 -228
  79. package/src/Search/__tests__/Input.test.tsx +0 -13
  80. package/src/Search/__tests__/__snapshots__/Input.test.tsx.snap +0 -36
  81. package/src/SidebarLogo/SidebarLogo.stories.tsx +0 -21
  82. package/src/SidebarLogo/__tests__/SidebarLogo.test.tsx +0 -32
  83. package/src/SidebarLogo/__tests__/__snapshots__/SidebarLogo.test.tsx.snap +0 -62
  84. package/src/SourceCode/SourceCode.stories.tsx +0 -29
  85. package/src/SourceCode/__tests__/SourceCode.test.tsx +0 -48
  86. package/src/SourceCode/__tests__/__snapshots__/SourceCode.test.tsx.snap +0 -786
  87. package/src/TableOfContent/TableOfContent.stories.tsx +0 -37
  88. package/src/TableOfContent/__tests__/TableOfContent.test.tsx +0 -61
  89. package/src/TableOfContent/__tests__/__snapshots__/TableOfContent.test.tsx.snap +0 -153
  90. package/src/Tooltip/Tooltip.stories.tsx +0 -27
  91. package/src/Tooltip/__tests__/Tooltip.test.tsx +0 -41
  92. package/src/Tooltip/__tests__/__snapshots__/Tooltip.test.tsx.snap +0 -83
  93. package/src/Welcome.stories.mdx +0 -7
  94. package/src/icons/ShelfIcon/ShelfIcon.stories.tsx +0 -36
  95. package/src/icons/ShelfIcon/__tests__/ShelfIcon.test.tsx +0 -54
  96. package/src/icons/ShelfIcon/__tests__/__snapshots__/ShelfIcon.test.tsx.snap +0 -235
  97. package/src/utils/__tests__/ClipboardService.test.ts +0 -24
  98. package/src/utils/__tests__/__snapshots__/highlight.test.ts.snap +0 -5
  99. package/src/utils/__tests__/__snapshots__/jsonToHtml.test.ts.snap +0 -5
  100. package/src/utils/__tests__/css-variables.test.ts +0 -20
  101. package/src/utils/__tests__/highlight.test.ts +0 -51
  102. package/src/utils/__tests__/jsonToHtml.test.ts +0 -40
  103. package/src/utils/__tests__/media-css.test.ts +0 -20
  104. package/src/utils/__tests__/theme-helpers.test.ts +0 -25
@@ -1,140 +0,0 @@
1
- // Jest Snapshot v1, https://goo.gl/fbAQLP
2
-
3
- exports[`CodeBlock renders 1`] = `
4
- .c0 {
5
- max-height: var(--code-block-max-height,600px);
6
- word-break: var(--code-block-word-break,initial);
7
- }
8
-
9
- .c0 code[class*='language-'],
10
- .c0 pre[class*='language-'] {
11
- text-shadow: 0 -0.1em 0.2em black;
12
- text-align: left;
13
- white-space: pre;
14
- word-spacing: normal;
15
- word-break: normal;
16
- word-wrap: normal;
17
- line-height: 1.5;
18
- -moz-tab-size: 4;
19
- -o-tab-size: 4;
20
- tab-size: 4;
21
- -webkit-hyphens: none;
22
- -moz-hyphens: none;
23
- -ms-hyphens: none;
24
- -webkit-hyphens: none;
25
- -moz-hyphens: none;
26
- -ms-hyphens: none;
27
- hyphens: none;
28
- }
29
-
30
- .c0 pre[class*='language-'] {
31
- padding: 1em;
32
- margin: 0.5em 0;
33
- overflow: auto;
34
- }
35
-
36
- .c0 .token.comment,
37
- .c0 .token.prolog,
38
- .c0 .token.doctype,
39
- .c0 .token.cdata {
40
- color: hsl(30,20%,50%);
41
- }
42
-
43
- .c0 .token.punctuation {
44
- opacity: 1;
45
- }
46
-
47
- .c0 .namespace {
48
- opacity: 0.7;
49
- }
50
-
51
- .c0 .token.property,
52
- .c0 .token.tag,
53
- .c0 .token.number,
54
- .c0 .token.constant,
55
- .c0 .token.symbol {
56
- color: var(--color-content-inverse);
57
- }
58
-
59
- .c0 .token.boolean {
60
- color: var(--color-error-500);
61
- }
62
-
63
- .c0 .token.selector,
64
- .c0 .token.attr-name,
65
- .c0 .token.string,
66
- .c0 .token.char,
67
- .c0 .token.builtin,
68
- .c0 .token.inserted {
69
- color: #fee39e;
70
- }
71
-
72
- .c0 .token.selector + a,
73
- .c0 .token.attr-name + a,
74
- .c0 .token.string + a,
75
- .c0 .token.char + a,
76
- .c0 .token.builtin + a,
77
- .c0 .token.inserted + a,
78
- .c0 .token.selector + a:visited,
79
- .c0 .token.attr-name + a:visited,
80
- .c0 .token.string + a:visited,
81
- .c0 .token.char + a:visited,
82
- .c0 .token.builtin + a:visited,
83
- .c0 .token.inserted + a:visited {
84
- color: #4ed2ba;
85
- -webkit-text-decoration: underline;
86
- text-decoration: underline;
87
- }
88
-
89
- .c0 .token.property.string {
90
- color: #9efaa7;
91
- }
92
-
93
- .c0 .token.operator,
94
- .c0 .token.entity,
95
- .c0 .token.url,
96
- .c0 .token.variable {
97
- color: #f5b83d;
98
- }
99
-
100
- .c0 .token.atrule,
101
- .c0 .token.attr-value,
102
- .c0 .token.keyword {
103
- color: #ffdbf4;
104
- }
105
-
106
- .c0 .token.regex,
107
- .c0 .token.important {
108
- color: #e90;
109
- }
110
-
111
- .c0 .token.important,
112
- .c0 .token.bold {
113
- font-weight: bold;
114
- }
115
-
116
- .c0 .token.italic {
117
- font-style: italic;
118
- }
119
-
120
- .c0 .token.entity {
121
- cursor: help;
122
- }
123
-
124
- .c0 .token.deleted {
125
- color: red;
126
- }
127
-
128
- @media print {
129
- .c0 code[class*='language-'],
130
- .c0 pre[class*='language-'] {
131
- text-shadow: none;
132
- }
133
- }
134
-
135
- <div
136
- class="c0"
137
- >
138
- Test
139
- </div>
140
- `;
@@ -1,18 +0,0 @@
1
- import React from 'react';
2
- import { ComponentStory, ComponentMeta } from '@storybook/react';
3
-
4
- import { CopyButton } from '@theme/CopyButton';
5
-
6
- export default {
7
- title: 'Components/CopyButton',
8
- component: CopyButton,
9
- } as ComponentMeta<typeof CopyButton>;
10
-
11
- const Template: ComponentStory<typeof CopyButton> = (args) => (
12
- <CopyButton {...args}>Copy</CopyButton>
13
- );
14
-
15
- export const Default = Template.bind({});
16
- Default.args = {
17
- text: 'Something useful',
18
- };
@@ -1,35 +0,0 @@
1
- import React from 'react';
2
- import { fireEvent, getByText, render } from '@testing-library/react';
3
-
4
- import { CopyButton } from '@theme/CopyButton';
5
-
6
- const mockSetState = jest.fn();
7
-
8
- jest.mock('react', () => {
9
- const original = jest.requireActual('react');
10
- return {
11
- ...original,
12
- useState: (initial: any) => [initial, mockSetState],
13
- };
14
- });
15
-
16
- describe('CopyButton', () => {
17
- it('renders', () => {
18
- const { container } = render(<CopyButton text="test copy" dataTestId="copy" />);
19
-
20
- expect(container.firstChild).toMatchSnapshot();
21
- });
22
-
23
- it('changes button text on click', () => {
24
- Object.assign(navigator, {
25
- clipboard: { writeText: jest.fn() },
26
- });
27
- const textToCopy = 'test copy';
28
- const { container } = render(<CopyButton text={textToCopy} />);
29
- const button = getByText(container, /Copy/);
30
-
31
- fireEvent.click(button);
32
-
33
- expect(navigator.clipboard.writeText).toBeCalledWith(textToCopy);
34
- });
35
- });
@@ -1,17 +0,0 @@
1
- import React from 'react';
2
-
3
- import { renderWithTheme } from '../../../tests/utils';
4
-
5
- import { CopyButtonWrapper } from '@theme/CopyButton';
6
-
7
- describe('CopyButtonWrapper', () => {
8
- it('renders', () => {
9
- const { container } = renderWithTheme(
10
- <CopyButtonWrapper data="Something" dataTestId="copy">
11
- {({ renderCopyButton }) => <div>{renderCopyButton()}</div>}
12
- </CopyButtonWrapper>,
13
- );
14
-
15
- expect(container.firstChild).toMatchSnapshot();
16
- });
17
- });
@@ -1,55 +0,0 @@
1
- // Jest Snapshot v1, https://goo.gl/fbAQLP
2
-
3
- exports[`CopyButton renders 1`] = `
4
- .c1 {
5
- -webkit-text-decoration: none;
6
- text-decoration: none;
7
- text-align: center;
8
- width: auto;
9
- outline: none;
10
- border: none;
11
- border-radius: var(--button-border-radius);
12
- font-weight: var(--button-font-weight);
13
- font-size: 14px;
14
- padding: 2px 20px;
15
- cursor: pointer;
16
- -webkit-transition: background-color 0.25s ease,border-color 0.25s ease,box-shadow 0.25s ease;
17
- transition: background-color 0.25s ease,border-color 0.25s ease,box-shadow 0.25s ease;
18
- line-height: 1;
19
- font-family: var(--button-font-family);
20
- box-shadow: var(--button-box-shadow);
21
- color: var(--button-color);
22
- background-color: var(--button-background-color);
23
- font-size: var(--button-medium-font-size);
24
- padding: var(--button-medium-padding);
25
- min-width: var(--button-medium-min-width);
26
- }
27
-
28
- .c1:hover {
29
- box-shadow: var(--button-active-box-shadow);
30
- }
31
-
32
- .c1:active {
33
- box-shadow: var(--button-active-box-shadow);
34
- }
35
-
36
- .c1:hover {
37
- background-color: var(--button-hover-background-color);
38
- }
39
-
40
- .c1:active {
41
- background-color: var(--button-active-background-color);
42
- }
43
-
44
- .c0 + .c0 {
45
- margin-left: 0.85em;
46
- }
47
-
48
- <button
49
- class="c0 c1 button-color-secondary"
50
- color="secondary"
51
- data-cy="copy"
52
- >
53
- Copy
54
- </button>
55
- `;
@@ -1,46 +0,0 @@
1
- // Jest Snapshot v1, https://goo.gl/fbAQLP
2
-
3
- exports[`CopyButtonWrapper renders 1`] = `
4
- .c1 {
5
- background-color: var(--samples-panel-controls-background-color);
6
- border: 0;
7
- outline: 0;
8
- border-radius: var(--global-border-radius);
9
- height: 20px;
10
- color: var(--color-content-inverse);
11
- font-size: 12px;
12
- line-height: 12px;
13
- cursor: pointer;
14
- padding: 1px 6px;
15
- min-width: 90px;
16
- }
17
-
18
- .c1:hover,
19
- .c1:focus {
20
- background-color: var(--samples-panel-controls-hover-background-color);
21
- }
22
-
23
- .c0 {
24
- position: relative;
25
- display: inline-block;
26
- }
27
-
28
- @media screen and (min-width:50rem) {
29
- .c1 {
30
- padding: 2px 20px;
31
- }
32
- }
33
-
34
- <div>
35
- <div
36
- class="c0 tooltip-copy-button"
37
- >
38
- <button
39
- class="c1"
40
- data-cy="copy"
41
- >
42
- Copy
43
- </button>
44
- </div>
45
- </div>
46
- `;
@@ -1,20 +0,0 @@
1
- import { Meta, Story, Canvas } from '@storybook/addon-docs';
2
- import { DesignTokenDocBlock } from 'storybook-design-token/dist/doc-blocks';
3
-
4
- <Meta title="Design Tokens/Borders" />
5
-
6
- # Borders
7
-
8
- <br />
9
-
10
- ## Borders
11
-
12
- <DesignTokenDocBlock categoryName="Borders" />
13
-
14
- ## Border Radius
15
-
16
- <DesignTokenDocBlock categoryName="Border Radius" />
17
-
18
- ## Border Colors
19
-
20
- <DesignTokenDocBlock categoryName="Border Colors" />
@@ -1,24 +0,0 @@
1
- import { Meta, Story, Canvas } from '@storybook/addon-docs';
2
- import { DesignTokenDocBlock } from 'storybook-design-token/dist/doc-blocks';
3
-
4
- <Meta title="Design Tokens/Colors" />
5
-
6
- # Colors
7
-
8
- <br />
9
-
10
- ## Base colors
11
-
12
- <DesignTokenDocBlock categoryName="Base Colors" />
13
-
14
- ## HTTP colors
15
-
16
- <DesignTokenDocBlock categoryName="HTTP Colors" />
17
-
18
- ## Response colors
19
-
20
- <DesignTokenDocBlock categoryName="Response colors" />
21
-
22
- ## Admonition colors
23
-
24
- <DesignTokenDocBlock categoryName="Admonition colors" />
@@ -1,12 +0,0 @@
1
- import { Meta, Story, Canvas } from '@storybook/addon-docs';
2
- import { DesignTokenDocBlock } from 'storybook-design-token/dist/doc-blocks';
3
-
4
- <Meta title="Design Tokens/Page layout" />
5
-
6
- # Page layout
7
-
8
- <br />
9
-
10
- ## Sidebar
11
-
12
- <DesignTokenDocBlock categoryName="Sidebar" />