@redocly/theme 0.1.11 → 0.1.14

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 (135) hide show
  1. package/CodeBlock/CodeBlock.js +2 -1
  2. package/Markdown/CodeSample/index.d.ts +0 -1
  3. package/Markdown/CodeSample/index.js +0 -1
  4. package/Markdown/CodeSample/styled.d.ts +0 -1
  5. package/Markdown/CodeSample/styled.js +10 -102
  6. package/Markdown/StyledMarkdown.d.ts +0 -2
  7. package/Markdown/StyledMarkdown.js +5 -16
  8. package/OperationBadge/OperationBadge.js +1 -1
  9. package/PageNavigation/NextPageLink.js +1 -1
  10. package/PageNavigation/PreviousPageLink.js +1 -1
  11. package/Search/ClearIcon.js +1 -1
  12. package/Search/Input.js +1 -1
  13. package/Search/Popover.js +1 -1
  14. package/Search/SearchIcon.js +1 -1
  15. package/Search/SearchItem.js +1 -1
  16. package/Sidebar/ApiCallItem.js +1 -1
  17. package/globalStyle.js +24 -6
  18. package/mocks/Link.js +1 -1
  19. package/mocks/hooks/usePageData.d.ts +1 -1
  20. package/package.json +1 -1
  21. package/src/CodeBlock/CodeBlock.ts +3 -42
  22. package/src/Markdown/CodeSample/index.ts +0 -1
  23. package/src/Markdown/CodeSample/styled.ts +65 -195
  24. package/src/Markdown/StyledMarkdown.tsx +14 -28
  25. package/src/OperationBadge/OperationBadge.ts +5 -2
  26. package/src/PageNavigation/NextPageLink.tsx +2 -2
  27. package/src/PageNavigation/PreviousPageLink.tsx +2 -2
  28. package/src/Search/ClearIcon.tsx +1 -1
  29. package/src/Search/Input.tsx +7 -7
  30. package/src/Search/Popover.tsx +2 -2
  31. package/src/Search/SearchIcon.tsx +1 -1
  32. package/src/Search/SearchItem.tsx +1 -1
  33. package/src/Sidebar/ApiCallItem.tsx +1 -2
  34. package/src/globalStyle.ts +660 -461
  35. package/src/mocks/Link.tsx +1 -1
  36. package/src/mocks/hooks/usePageData.ts +1 -1
  37. package/src/ui/Typography.tsx +12 -89
  38. package/src/ui/UniversalLink.tsx +3 -8
  39. package/src/utils/ClipboardService.ts +3 -86
  40. package/src/utils/isUrl.ts +4 -4
  41. package/src/utils/theme-helpers.ts +46 -0
  42. package/ui/Typography.d.ts +2 -71
  43. package/ui/Typography.js +15 -93
  44. package/ui/UniversalLink.js +1 -5
  45. package/utils/ClipboardService.d.ts +1 -5
  46. package/utils/ClipboardService.js +2 -73
  47. package/utils/isUrl.d.ts +2 -2
  48. package/utils/isUrl.js +4 -4
  49. package/utils/theme-helpers.d.ts +1 -0
  50. package/utils/theme-helpers.js +42 -2
  51. package/Markdown/CodeSample/types.d.ts +0 -9
  52. package/Markdown/CodeSample/types.js +0 -2
  53. package/src/Button/Button.stories.tsx +0 -74
  54. package/src/Button/__tests__/Button.test.tsx +0 -42
  55. package/src/Button/__tests__/__snapshots__/Button.test.tsx.snap +0 -274
  56. package/src/CodeBlock/__tests__/CodeBlock.test.tsx +0 -12
  57. package/src/CodeBlock/__tests__/__snapshots__/CodeBlock.test.tsx.snap +0 -140
  58. package/src/CopyButton/CopyButton.stories.tsx +0 -18
  59. package/src/CopyButton/__tests__/CopyButton.test.tsx +0 -35
  60. package/src/CopyButton/__tests__/CopyButtonWrapper.test.tsx +0 -17
  61. package/src/CopyButton/__tests__/__snapshots__/CopyButton.test.tsx.snap +0 -55
  62. package/src/CopyButton/__tests__/__snapshots__/CopyButtonWrapper.test.tsx.snap +0 -46
  63. package/src/DesignTokens/borders.stories.mdx +0 -20
  64. package/src/DesignTokens/colors.stories.mdx +0 -24
  65. package/src/DesignTokens/page-layout.stories.mdx +0 -12
  66. package/src/DesignTokens/tokens-generated.scss +0 -610
  67. package/src/DesignTokens/typography.stories.mdx +0 -36
  68. package/src/Footer/Footer.stories.tsx +0 -57
  69. package/src/Footer/__tests__/Footer.test.tsx +0 -55
  70. package/src/Footer/__tests__/__snapshots__/Footer.test.tsx.snap +0 -253
  71. package/src/Headings/Headings.stories.tsx +0 -36
  72. package/src/Headings/__tests__/Headings.test.tsx +0 -24
  73. package/src/Headings/__tests__/__snapshots__/Headings.test.tsx.snap +0 -57
  74. package/src/JsonViewer/JsonViewer.stories.tsx +0 -57
  75. package/src/JsonViewer/__tests__/JsonViewer.test.tsx +0 -83
  76. package/src/JsonViewer/__tests__/__snapshots__/JsonViewer.test.tsx.snap +0 -2728
  77. package/src/Layout/__tests__/PageLayout.test.tsx +0 -17
  78. package/src/Layout/__tests__/RootLayout.test.tsx +0 -17
  79. package/src/Layout/__tests__/__snapshots__/PageLayout.test.tsx.snap +0 -38
  80. package/src/Layout/__tests__/__snapshots__/RootLayout.test.tsx.snap +0 -18
  81. package/src/Markdown/CodeSample/types.ts +0 -40
  82. package/src/Navbar/Navbar.stories.tsx +0 -32
  83. package/src/Navbar/__tests__/Navbar.test.tsx +0 -55
  84. package/src/Navbar/__tests__/__snapshots__/Navbar.test.tsx.snap +0 -256
  85. package/src/NavbarLogo/NavbarLogo.stories.tsx +0 -20
  86. package/src/NavbarLogo/__tests__/NavbarLogo.test.tsx +0 -47
  87. package/src/NavbarLogo/__tests__/__snapshots__/NavbarLogo.test.tsx.snap +0 -38
  88. package/src/OperationBadge/OperationBadge.stories.tsx +0 -35
  89. package/src/OperationBadge/__tests__/OperationBadge.test.tsx +0 -59
  90. package/src/OperationBadge/__tests__/__snapshots__/OperationBadge.test.tsx.snap +0 -651
  91. package/src/PageNavigation/PageNavigation.stories.tsx +0 -21
  92. package/src/PageNavigation/__tests__/NextPageLink.test.tsx +0 -29
  93. package/src/PageNavigation/__tests__/PageNavigation.test.tsx +0 -54
  94. package/src/PageNavigation/__tests__/PreviousPageLink.test.tsx +0 -29
  95. package/src/PageNavigation/__tests__/__snapshots__/NextPageLink.test.tsx.snap +0 -67
  96. package/src/PageNavigation/__tests__/__snapshots__/PageNavigation.test.tsx.snap +0 -275
  97. package/src/PageNavigation/__tests__/__snapshots__/PreviousPageLink.test.tsx.snap +0 -67
  98. package/src/Panel/CodePanel.stories.tsx +0 -26
  99. package/src/Panel/ContentPanel.stories.tsx +0 -26
  100. package/src/Panel/Panel.stories.tsx +0 -56
  101. package/src/Panel/__tests__/CodePanel.test.tsx +0 -26
  102. package/src/Panel/__tests__/ContentPanel.test.tsx +0 -26
  103. package/src/Panel/__tests__/Panel.test.tsx +0 -53
  104. package/src/Panel/__tests__/__snapshots__/CodePanel.test.tsx.snap +0 -258
  105. package/src/Panel/__tests__/__snapshots__/ContentPanel.test.tsx.snap +0 -278
  106. package/src/Panel/__tests__/__snapshots__/Panel.test.tsx.snap +0 -398
  107. package/src/SamplesPanelControls/SamplesControlButton.stories.tsx +0 -18
  108. package/src/SamplesPanelControls/__tests__/SamplesPanelControls.test.tsx +0 -36
  109. package/src/SamplesPanelControls/__tests__/__snapshots__/SamplesPanelControls.test.tsx.snap +0 -228
  110. package/src/Search/__tests__/Input.test.tsx +0 -13
  111. package/src/Search/__tests__/__snapshots__/Input.test.tsx.snap +0 -36
  112. package/src/SidebarLogo/SidebarLogo.stories.tsx +0 -21
  113. package/src/SidebarLogo/__tests__/SidebarLogo.test.tsx +0 -32
  114. package/src/SidebarLogo/__tests__/__snapshots__/SidebarLogo.test.tsx.snap +0 -62
  115. package/src/SourceCode/SourceCode.stories.tsx +0 -29
  116. package/src/SourceCode/__tests__/SourceCode.test.tsx +0 -48
  117. package/src/SourceCode/__tests__/__snapshots__/SourceCode.test.tsx.snap +0 -786
  118. package/src/TableOfContent/TableOfContent.stories.tsx +0 -37
  119. package/src/TableOfContent/__tests__/TableOfContent.test.tsx +0 -61
  120. package/src/TableOfContent/__tests__/__snapshots__/TableOfContent.test.tsx.snap +0 -153
  121. package/src/Tooltip/Tooltip.stories.tsx +0 -27
  122. package/src/Tooltip/__tests__/Tooltip.test.tsx +0 -41
  123. package/src/Tooltip/__tests__/__snapshots__/Tooltip.test.tsx.snap +0 -83
  124. package/src/Welcome.stories.mdx +0 -7
  125. package/src/icons/ShelfIcon/ShelfIcon.stories.tsx +0 -36
  126. package/src/icons/ShelfIcon/__tests__/ShelfIcon.test.tsx +0 -54
  127. package/src/icons/ShelfIcon/__tests__/__snapshots__/ShelfIcon.test.tsx.snap +0 -235
  128. package/src/utils/__tests__/ClipboardService.test.ts +0 -24
  129. package/src/utils/__tests__/__snapshots__/highlight.test.ts.snap +0 -5
  130. package/src/utils/__tests__/__snapshots__/jsonToHtml.test.ts.snap +0 -5
  131. package/src/utils/__tests__/css-variables.test.ts +0 -20
  132. package/src/utils/__tests__/highlight.test.ts +0 -51
  133. package/src/utils/__tests__/jsonToHtml.test.ts +0 -40
  134. package/src/utils/__tests__/media-css.test.ts +0 -20
  135. 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" />