@storybook/components 6.5.0-alpha.22 → 6.5.0-alpha.26

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 (255) hide show
  1. package/dist/cjs/ActionBar/ActionBar.js +4 -2
  2. package/dist/cjs/ActionBar/ActionBar.stories.js +1 -1
  3. package/dist/cjs/Button/Button.js +8 -6
  4. package/dist/cjs/Loader/Loader.js +12 -8
  5. package/dist/cjs/Loader/Loader.stories.js +1 -1
  6. package/dist/cjs/ScrollArea/GlobalScrollAreaStyles.js +1 -1
  7. package/dist/cjs/ScrollArea/OverlayScrollbars.js +7 -3
  8. package/dist/cjs/ScrollArea/ScrollArea.js +10 -8
  9. package/dist/cjs/ScrollArea/ScrollArea.stories.js +6 -6
  10. package/dist/cjs/Zoom/Zoom.js +1 -1
  11. package/dist/cjs/Zoom/Zoom.stories.js +9 -7
  12. package/dist/cjs/Zoom/ZoomElement.js +8 -6
  13. package/dist/cjs/Zoom/ZoomIFrame.js +8 -8
  14. package/dist/cjs/addon-panel/addon-panel.js +5 -5
  15. package/dist/cjs/bar/bar.js +16 -10
  16. package/dist/cjs/bar/button.js +6 -4
  17. package/dist/cjs/bar/button.stories.js +1 -1
  18. package/dist/cjs/bar/separator.js +7 -7
  19. package/dist/cjs/blocks/ArgsTable/ArgControl.js +8 -6
  20. package/dist/cjs/blocks/ArgsTable/ArgJsDoc.js +3 -1
  21. package/dist/cjs/blocks/ArgsTable/ArgRow.stories.js +1 -1
  22. package/dist/cjs/blocks/ArgsTable/ArgValue.js +9 -9
  23. package/dist/cjs/blocks/ArgsTable/ArgsTable.js +10 -6
  24. package/dist/cjs/blocks/ArgsTable/ArgsTable.stories.js +6 -6
  25. package/dist/cjs/blocks/ArgsTable/SectionRow.js +8 -6
  26. package/dist/cjs/blocks/ArgsTable/SectionRow.stories.js +1 -1
  27. package/dist/cjs/blocks/ArgsTable/TabbedArgsTable.js +10 -6
  28. package/dist/cjs/blocks/ArgsTable/TabbedArgsTable.stories.js +1 -1
  29. package/dist/cjs/blocks/ArgsTable/index.js +2 -0
  30. package/dist/cjs/blocks/ColorPalette.js +3 -1
  31. package/dist/cjs/blocks/ColorPalette.stories.js +1 -1
  32. package/dist/cjs/blocks/Description.stories.js +1 -1
  33. package/dist/cjs/blocks/DocsPage.js +1 -1
  34. package/dist/cjs/blocks/DocsPage.stories.js +6 -6
  35. package/dist/cjs/blocks/EmptyBlock.stories.js +1 -1
  36. package/dist/cjs/blocks/IFrame.js +13 -11
  37. package/dist/cjs/blocks/IconGallery.js +4 -2
  38. package/dist/cjs/blocks/IconGallery.stories.js +1 -1
  39. package/dist/cjs/blocks/Preview.js +14 -10
  40. package/dist/cjs/blocks/Preview.stories.js +6 -6
  41. package/dist/cjs/blocks/Source.js +6 -4
  42. package/dist/cjs/blocks/Source.stories.js +1 -1
  43. package/dist/cjs/blocks/Story.js +9 -7
  44. package/dist/cjs/blocks/Story.stories.js +9 -7
  45. package/dist/cjs/blocks/Toolbar.js +10 -8
  46. package/dist/cjs/blocks/Typeset.js +3 -1
  47. package/dist/cjs/blocks/Typeset.stories.js +1 -1
  48. package/dist/cjs/blocks/index.js +2 -0
  49. package/dist/cjs/brand/StorybookLogo.js +5 -3
  50. package/dist/cjs/brand/StorybookLogo.stories.js +1 -1
  51. package/dist/cjs/controls/Boolean.js +5 -5
  52. package/dist/cjs/controls/Boolean.stories.js +9 -7
  53. package/dist/cjs/controls/Color.js +13 -11
  54. package/dist/cjs/controls/Color.stories.js +9 -7
  55. package/dist/cjs/controls/Date.js +8 -8
  56. package/dist/cjs/controls/Date.stories.js +9 -7
  57. package/dist/cjs/controls/Files.js +7 -5
  58. package/dist/cjs/controls/Number.js +10 -8
  59. package/dist/cjs/controls/Number.stories.js +9 -7
  60. package/dist/cjs/controls/Object.js +8 -6
  61. package/dist/cjs/controls/Object.stories.js +9 -7
  62. package/dist/cjs/controls/Range.js +7 -7
  63. package/dist/cjs/controls/Range.stories.js +9 -7
  64. package/dist/cjs/controls/Text.js +8 -6
  65. package/dist/cjs/controls/Text.stories.js +9 -7
  66. package/dist/cjs/controls/helpers.js +2 -2
  67. package/dist/cjs/controls/index.js +7 -7
  68. package/dist/cjs/controls/options/Checkbox.js +9 -7
  69. package/dist/cjs/controls/options/Options.js +2 -0
  70. package/dist/cjs/controls/options/Options.stories.js +9 -7
  71. package/dist/cjs/controls/options/Select.js +2 -0
  72. package/dist/cjs/controls/options/helpers.js +7 -5
  73. package/dist/cjs/controls/options/index.js +2 -0
  74. package/dist/cjs/controls/react-editable-json-tree/components/JsonAddValue.js +10 -10
  75. package/dist/cjs/controls/react-editable-json-tree/components/JsonArray.js +13 -11
  76. package/dist/cjs/controls/react-editable-json-tree/components/JsonFunctionValue.js +13 -11
  77. package/dist/cjs/controls/react-editable-json-tree/components/JsonNode.js +8 -8
  78. package/dist/cjs/controls/react-editable-json-tree/components/JsonObject.js +13 -11
  79. package/dist/cjs/controls/react-editable-json-tree/components/JsonValue.js +13 -11
  80. package/dist/cjs/controls/react-editable-json-tree/index.js +21 -21
  81. package/dist/cjs/controls/react-editable-json-tree/utils/objectTypes.js +3 -3
  82. package/dist/cjs/controls/react-editable-json-tree/utils/styles.js +1 -1
  83. package/dist/cjs/controls/types.js +5 -1
  84. package/dist/cjs/form/field/field.js +3 -1
  85. package/dist/cjs/form/form.stories.js +5 -3
  86. package/dist/cjs/form/input/input.js +15 -10
  87. package/dist/cjs/html.js +2 -0
  88. package/dist/cjs/icon/icon.js +3 -1
  89. package/dist/cjs/icon/icon.stories.js +2 -0
  90. package/dist/cjs/icon/icons.js +1 -1
  91. package/dist/cjs/index.js +70 -68
  92. package/dist/cjs/placeholder/placeholder.js +15 -9
  93. package/dist/cjs/placeholder/placeholder.stories.js +6 -6
  94. package/dist/cjs/spaced/Spaced.js +3 -1
  95. package/dist/cjs/syntaxhighlighter/lazy-syntaxhighlighter.js +7 -7
  96. package/dist/cjs/syntaxhighlighter/syntaxhighlighter-types.js +5 -1
  97. package/dist/cjs/syntaxhighlighter/syntaxhighlighter.js +15 -10
  98. package/dist/cjs/syntaxhighlighter/syntaxhighlighter.stories.js +5 -5
  99. package/dist/cjs/tabs/tabs.js +13 -11
  100. package/dist/cjs/tabs/tabs.stories.js +6 -4
  101. package/dist/cjs/tooltip/ListItem.js +7 -4
  102. package/dist/cjs/tooltip/Tooltip.js +5 -3
  103. package/dist/cjs/tooltip/TooltipLinkList.js +12 -9
  104. package/dist/cjs/tooltip/TooltipLinkList.stories.js +5 -5
  105. package/dist/cjs/tooltip/TooltipMessage.js +3 -1
  106. package/dist/cjs/tooltip/TooltipNote.js +3 -1
  107. package/dist/cjs/tooltip/WithTooltip.js +14 -9
  108. package/dist/cjs/tooltip/lazy-WithTooltip.js +7 -7
  109. package/dist/cjs/typography/DocumentFormatting.js +13 -6
  110. package/dist/cjs/typography/DocumentWrapper.stories.js +1 -1
  111. package/dist/cjs/typography/link/link.js +5 -3
  112. package/dist/cjs/typography/shared.js +1 -1
  113. package/dist/cjs/utils/getStoryHref.js +5 -5
  114. package/dist/esm/ActionBar/ActionBar.js +5 -3
  115. package/dist/esm/Button/Button.js +3 -1
  116. package/dist/esm/Loader/Loader.js +5 -3
  117. package/dist/esm/ScrollArea/OverlayScrollbars.js +6 -4
  118. package/dist/esm/ScrollArea/ScrollArea.js +4 -2
  119. package/dist/esm/Zoom/Zoom.stories.js +3 -2
  120. package/dist/esm/Zoom/ZoomElement.js +3 -2
  121. package/dist/esm/Zoom/ZoomIFrame.js +6 -6
  122. package/dist/esm/bar/bar.js +7 -4
  123. package/dist/esm/bar/button.js +2 -1
  124. package/dist/esm/bar/separator.js +1 -0
  125. package/dist/esm/blocks/ArgsTable/ArgControl.js +3 -2
  126. package/dist/esm/blocks/ArgsTable/ArgJsDoc.js +1 -0
  127. package/dist/esm/blocks/ArgsTable/ArgValue.js +4 -4
  128. package/dist/esm/blocks/ArgsTable/ArgsTable.js +5 -3
  129. package/dist/esm/blocks/ArgsTable/SectionRow.js +3 -2
  130. package/dist/esm/blocks/ArgsTable/TabbedArgsTable.js +17 -14
  131. package/dist/esm/blocks/ColorPalette.js +3 -1
  132. package/dist/esm/blocks/IFrame.js +16 -14
  133. package/dist/esm/blocks/IconGallery.js +3 -1
  134. package/dist/esm/blocks/Preview.js +16 -14
  135. package/dist/esm/blocks/Source.js +2 -1
  136. package/dist/esm/blocks/Story.js +5 -3
  137. package/dist/esm/blocks/Story.stories.js +3 -2
  138. package/dist/esm/blocks/Toolbar.js +3 -2
  139. package/dist/esm/blocks/Typeset.js +5 -3
  140. package/dist/esm/brand/StorybookLogo.js +2 -1
  141. package/dist/esm/controls/Boolean.stories.js +3 -2
  142. package/dist/esm/controls/Color.js +7 -5
  143. package/dist/esm/controls/Color.stories.js +3 -2
  144. package/dist/esm/controls/Date.js +3 -3
  145. package/dist/esm/controls/Date.stories.js +3 -2
  146. package/dist/esm/controls/Files.js +4 -3
  147. package/dist/esm/controls/Number.js +4 -3
  148. package/dist/esm/controls/Number.stories.js +3 -2
  149. package/dist/esm/controls/Object.js +3 -2
  150. package/dist/esm/controls/Object.stories.js +3 -2
  151. package/dist/esm/controls/Range.js +1 -1
  152. package/dist/esm/controls/Range.stories.js +3 -2
  153. package/dist/esm/controls/Text.js +3 -2
  154. package/dist/esm/controls/Text.stories.js +3 -2
  155. package/dist/esm/controls/helpers.js +1 -1
  156. package/dist/esm/controls/index.js +1 -1
  157. package/dist/esm/controls/options/Checkbox.js +4 -3
  158. package/dist/esm/controls/options/Options.js +1 -0
  159. package/dist/esm/controls/options/Options.stories.js +3 -2
  160. package/dist/esm/controls/options/Select.js +1 -0
  161. package/dist/esm/controls/options/helpers.js +4 -3
  162. package/dist/esm/controls/react-editable-json-tree/components/JsonAddValue.js +6 -6
  163. package/dist/esm/controls/react-editable-json-tree/components/JsonArray.js +8 -7
  164. package/dist/esm/controls/react-editable-json-tree/components/JsonFunctionValue.js +8 -7
  165. package/dist/esm/controls/react-editable-json-tree/components/JsonNode.js +5 -5
  166. package/dist/esm/controls/react-editable-json-tree/components/JsonObject.js +8 -7
  167. package/dist/esm/controls/react-editable-json-tree/components/JsonValue.js +8 -7
  168. package/dist/esm/controls/react-editable-json-tree/index.js +6 -6
  169. package/dist/esm/controls/react-editable-json-tree/utils/objectTypes.js +2 -2
  170. package/dist/esm/controls/types.js +1 -0
  171. package/dist/esm/form/field/field.js +5 -3
  172. package/dist/esm/form/form.stories.js +3 -2
  173. package/dist/esm/form/input/input.js +11 -6
  174. package/dist/esm/icon/icon.js +4 -3
  175. package/dist/esm/icon/icon.stories.js +1 -0
  176. package/dist/esm/index.js +1 -0
  177. package/dist/esm/placeholder/placeholder.js +16 -12
  178. package/dist/esm/spaced/Spaced.js +6 -4
  179. package/dist/esm/syntaxhighlighter/lazy-syntaxhighlighter.js +1 -1
  180. package/dist/esm/syntaxhighlighter/syntaxhighlighter-types.js +1 -0
  181. package/dist/esm/syntaxhighlighter/syntaxhighlighter.js +17 -14
  182. package/dist/esm/tabs/tabs.js +7 -6
  183. package/dist/esm/tabs/tabs.stories.js +2 -1
  184. package/dist/esm/tooltip/ListItem.js +7 -4
  185. package/dist/esm/tooltip/Tooltip.js +4 -2
  186. package/dist/esm/tooltip/TooltipLinkList.js +5 -3
  187. package/dist/esm/tooltip/TooltipMessage.js +6 -4
  188. package/dist/esm/tooltip/TooltipNote.js +5 -3
  189. package/dist/esm/tooltip/WithTooltip.js +7 -4
  190. package/dist/esm/tooltip/lazy-WithTooltip.js +1 -1
  191. package/dist/esm/typography/DocumentFormatting.js +12 -7
  192. package/dist/esm/typography/link/link.js +2 -1
  193. package/dist/esm/utils/getStoryHref.js +3 -3
  194. package/dist/modern/ActionBar/ActionBar.js +4 -2
  195. package/dist/modern/Badge/Badge.js +1 -1
  196. package/dist/modern/Button/Button.js +3 -1
  197. package/dist/modern/Loader/Loader.js +4 -2
  198. package/dist/modern/ScrollArea/OverlayScrollbars.js +4 -2
  199. package/dist/modern/ScrollArea/ScrollArea.js +4 -2
  200. package/dist/modern/bar/bar.js +4 -2
  201. package/dist/modern/bar/button.js +4 -2
  202. package/dist/modern/blocks/ArgsTable/TabbedArgsTable.js +4 -2
  203. package/dist/modern/blocks/ColorPalette.js +4 -2
  204. package/dist/modern/blocks/IFrame.js +3 -1
  205. package/dist/modern/blocks/IconGallery.js +4 -2
  206. package/dist/modern/blocks/Preview.js +4 -2
  207. package/dist/modern/blocks/Source.js +3 -1
  208. package/dist/modern/blocks/Story.js +4 -2
  209. package/dist/modern/blocks/Toolbar.js +4 -2
  210. package/dist/modern/blocks/Typeset.js +4 -2
  211. package/dist/modern/brand/StorybookIcon.js +1 -1
  212. package/dist/modern/brand/StorybookLogo.js +4 -2
  213. package/dist/modern/controls/Color.js +4 -2
  214. package/dist/modern/controls/types.js +1 -0
  215. package/dist/modern/form/field/field.js +4 -2
  216. package/dist/modern/form/input/input.js +9 -4
  217. package/dist/modern/icon/icon.js +4 -2
  218. package/dist/modern/placeholder/placeholder.js +4 -2
  219. package/dist/modern/spaced/Spaced.js +4 -2
  220. package/dist/modern/syntaxhighlighter/syntaxhighlighter-types.js +1 -0
  221. package/dist/modern/syntaxhighlighter/syntaxhighlighter.js +4 -2
  222. package/dist/modern/tooltip/ListItem.js +7 -4
  223. package/dist/modern/tooltip/Tooltip.js +4 -2
  224. package/dist/modern/tooltip/TooltipLinkList.js +6 -3
  225. package/dist/modern/tooltip/TooltipMessage.js +4 -2
  226. package/dist/modern/tooltip/TooltipNote.js +4 -2
  227. package/dist/modern/tooltip/WithTooltip.js +7 -4
  228. package/dist/modern/typography/DocumentFormatting.js +7 -4
  229. package/dist/modern/typography/link/link.js +4 -2
  230. package/dist/ts3.4/Zoom/ZoomIFrame.d.ts +1 -1
  231. package/dist/ts3.4/blocks/Story.d.ts +1 -1
  232. package/dist/ts3.9/Zoom/ZoomIFrame.d.ts +1 -1
  233. package/dist/ts3.9/blocks/Story.d.ts +1 -1
  234. package/package.json +4 -4
  235. package/dist/cjs/Colors/colorpalette.stories.mdx +0 -125
  236. package/dist/cjs/blocks/DocsPageExampleCaption.md +0 -92
  237. package/dist/cjs/blocks/DocsPageExampleCaption.mdx +0 -92
  238. package/dist/cjs/controls/react-editable-json-tree/LICENSE.md +0 -14
  239. package/dist/cjs/typings.d.js +0 -1
  240. package/dist/cjs/typography/DocumentFormattingSample.md +0 -141
  241. package/dist/cjs/typography/typography.stories.mdx +0 -75
  242. package/dist/esm/Colors/colorpalette.stories.mdx +0 -125
  243. package/dist/esm/blocks/DocsPageExampleCaption.md +0 -92
  244. package/dist/esm/blocks/DocsPageExampleCaption.mdx +0 -92
  245. package/dist/esm/controls/react-editable-json-tree/LICENSE.md +0 -14
  246. package/dist/esm/typings.d.js +0 -0
  247. package/dist/esm/typography/DocumentFormattingSample.md +0 -141
  248. package/dist/esm/typography/typography.stories.mdx +0 -75
  249. package/dist/modern/Colors/colorpalette.stories.mdx +0 -125
  250. package/dist/modern/blocks/DocsPageExampleCaption.md +0 -92
  251. package/dist/modern/blocks/DocsPageExampleCaption.mdx +0 -92
  252. package/dist/modern/controls/react-editable-json-tree/LICENSE.md +0 -14
  253. package/dist/modern/typings.d.js +0 -0
  254. package/dist/modern/typography/DocumentFormattingSample.md +0 -141
  255. package/dist/modern/typography/typography.stories.mdx +0 -75
package/dist/modern/typography/typography.stories.mdx DELETED
@@ -1,75 +0,0 @@
1
- import { typography } from '@storybook/theming';
2
- import { Meta, Typeset } from '@storybook/addon-docs';
3
-
4
- export const fontSizes = ['l3', 'l2', 'l1', 'm3', 'm2', 'm1', 's3', 's2', 's1'].map(
5
- (size) => `${typography.size[size]}px`
6
- );
7
-
8
- export const sampleText =
9
- 'Storybook is an open source tool for building UI components and pages in isolation. It streamlines UI development, testing, and documentation.';
10
-
11
- <Meta title="Basics/Typography" />
12
-
13
- ## Sans-serif
14
-
15
- ```
16
- font-family:
17
- "Nunito Sans",
18
- -apple-system,
19
- ".SFNSText-Regular",
20
- "San Francisco",
21
- BlinkMacSystemFont,
22
- "Segoe UI",
23
- "Helvetica Neue",
24
- Helvetica,
25
- Arial,
26
- sans-serif;
27
- ```
28
-
29
- <Typeset
30
- fontFamily={typography.fonts.base}
31
- fontSizes={fontSizes}
32
- fontWeight={typography.weight.regular}
33
- sampleText={sampleText}
34
- />
35
- <Typeset
36
- fontFamily={typography.fonts.base}
37
- fontSizes={fontSizes}
38
- fontWeight={typography.weight.bold}
39
- sampleText={sampleText}
40
- />
41
- <Typeset
42
- fontFamily={typography.fonts.base}
43
- fontSizes={fontSizes}
44
- fontWeight={typography.weight.black}
45
- sampleText={sampleText}
46
- />
47
-
48
- ## Monospace
49
-
50
- ```
51
- font-family:
52
- ui-monospace,
53
- Menlo,
54
- Monaco,
55
- "Roboto Mono",
56
- "Oxygen Mono",
57
- "Ubuntu Monospace",
58
- "Source Code Pro",
59
- "Droid Sans Mono",
60
- "Courier New",
61
- monospace;
62
- ```
63
-
64
- <Typeset
65
- fontFamily={typography.fonts.mono}
66
- fontSizes={fontSizes}
67
- fontWeight={typography.weight.regular}
68
- sampleText={sampleText}
69
- />
70
- <Typeset
71
- fontFamily={typography.fonts.mono}
72
- fontSizes={fontSizes}
73
- fontWeight={typography.weight.bold}
74
- sampleText={sampleText}
75
- />