update all TOCs

kof · kof · commit 4d815aa6d6fe · 2019-06-30T14:07:36.000+02:00
diff --git a/docs/react-jss-hoc.md b/docs/react-jss-hoc.md
@@ -1,20 +1,22 @@
-## JSS HOC for React
+# JSS HOC for React
 
 - [Basic](#basic)
-- [Server-side rendering](#server-side-rendering)
+- [Accessing the theme inside the styled component](#accessing-the-theme-inside-the-styled-component)
+- [Accessing the theme without a styled component](#accessing-the-theme-without-a-styled-component)
 - [The inner component](#the-inner-component)
 - [The inner ref](#the-inner-ref)
 - [Decorators](#decorators)
+- [Injection order](#injection-order)
 - [Usage with TypeScript](#usage-with-typescript)
 
-### Usage
+## Usage
 
 React-JSS wraps your component with a [higher-order component](https://medium.com/@dan_abramov/mixins-are-dead-long-live-higher-order-components-94a0d2f9e750).
 It injects a `classes` prop, which is a simple map of rule names and generated class names.
 
 Try it out in the [playground](https://codesandbox.io/s/j3l06yyqpw).
 
-#### Basic
+## Basic
 
 ```javascript
 import React from 'react'
@@ -88,7 +90,7 @@ and
 }
 ```
 
-#### Accessing the theme inside the styled component
+## Accessing the theme inside the styled component
 
 The theme will not be injecting into the wrapped component.
 To inject the theme into the wrapped component, pass the `injectTheme` option to `withStyles`.
@@ -119,7 +121,7 @@ const styles = theme => ({
 const StyledButton = withStyles(styles, {injectTheme: true})(Button)
 ```
 
-#### Accessing the theme without a styled component
+## Accessing the theme without a styled component
 
 In case you need to access the theme but not render any CSS, you can also use `withTheme`. It is a Higher-order Component factory which takes a `React.Component` and maps the theme object from context to props. [Read more about `withTheme` in `theming`'s documentation.](https://github.com/cssinjs/theming#withthemecomponent)
 
@@ -130,7 +132,7 @@ import {withTheme} from 'react-jss'
 const Button = withTheme(({theme}) => <button>I can access {theme.colorPrimary}</button>)
 ```
 
-#### The inner component
+## The inner component
 
 ```javascript
 import withStyles from 'react-jss'
@@ -140,7 +142,7 @@ const StyledComponent = withStyles({})(InnerComponent)
 console.log(StyledComponent.InnerComponent) // Prints out the inner component.
 ```
 
-#### The inner ref
+## The inner ref
 
 To get a `ref` to the inner element, use the `ref` prop.
 We will forward the ref to the inner component.
@@ -161,7 +163,7 @@ const App = (
 )
 ```
 
-#### Decorators
+## Decorators
 
 _Beware that [decorators are stage-2 proposal](https://tc39.github.io/proposal-decorators/), so there are [no guarantees that decorators will make its way into language specification](https://tc39.github.io/process-document/). Do not use it in production. Use it at your own risk and only if you know what you are doing._
 
@@ -195,7 +197,7 @@ class Button extends Component {
 export default Button
 ```
 
-### Injection order
+## Injection order
 
 Injection of style tags happens in the same order as the `withStyles()` invocation.
 Source order specificity is higher the lower style tag is in the tree. Therefore you should call `withStyles` of components you want to override first.
@@ -218,7 +220,7 @@ const Button = withStyles(buttonStyles)(() => (
 ))
 ```
 
-### Usage with TypeScript
+## Usage with TypeScript
 
 React JSS includes first class support for TypeScript. React JSS provides
 a `WithStyles` type which adds types for all of the injected props.
diff --git a/docs/react-jss.md b/docs/react-jss.md
@@ -1,4 +1,4 @@
-## JSS integration with React
+# JSS integration with React
 
 React-JSS integrates [JSS](https://github.com/cssinjs/jss) with React using the new Hooks API as well as a Styled Component API. JSS and the [default preset](https://github.com/cssinjs/jss/tree/master/packages/jss-preset-default) are already built in.
 
@@ -14,27 +14,29 @@ Benefits compared to using the core JSS package directly:
 - The static part of a Style Sheet will be shared between all elements.
 - Function values and rules are updated automatically with props as an argument.
 
-### Table of Contents
+## Table of Contents
 
 - [Install](#install)
-- [Usage](#usage)
-  - [Basic](#basic)
-  - [Dynamic Values](#dynamic-values)
-  - [Theming](#theming)
-  - [Server-side rendering](#server-side-rendering)
-  - [React tree traversing](#react-tree-traversing)
-  - [Custom setup](#custom-setup)
-  - [TypeScript](#typescript)
-
-### Install
+- [Basic](#basic)
+- [Dynamic Values](#dynamic-values)
+- [Theming](#theming)
+- [Accessing the theme inside the styled component](#accessing-the-theme-inside-the-styled-component)
+- [Accessing the theme without styles](#accessing-the-theme-without-styles)
+- [Using custom Theming Context](#using-custom-theming-context)
+- [Server-side rendering](#server-side-rendering)
+- [React tree traversing](#react-tree-traversing)
+- [Custom setup](#custom-setup)
+- [Multi-tree setup](#multi-tree-setup)
+- [Injection order](#injection-order)
+- [TypeScript](#typescript)
+
+## Install
 
 ```
 yarn add react-jss
 ```
 
-### Usage
-
-#### Basic
+## Basic
 
 ```javascript
 import React from 'react'
@@ -106,7 +108,7 @@ and
 }
 ```
 
-#### Dynamic values
+## Dynamic values
 
 You can use [function values](jss-syntax.md#function-values), Function rules and observables out of the box. Function values and function rules will receive a props object once the component receives new props or mounts for the first time.
 
@@ -174,7 +176,7 @@ and
 }
 ```
 
-#### Theming
+## Theming
 
 The idea is that you define a theme, wrap your application with `ThemeProvider` and pass the `theme` object to `ThemeProvider`. Later you can access theme in your styles creator function and using a `useTheme()` hook. After that, you may change your theme, and all your components will get the new theme automatically.
 
@@ -222,7 +224,7 @@ const App = () => (
 )
 ```
 
-#### Accessing the theme inside the styled component
+## Accessing the theme inside the styled component
 
 Use `useTheme()` hook to access the theme inside of the function component.
 
@@ -253,7 +255,7 @@ const Button = ({children, ...props}) => {
 }
 ```
 
-#### Accessing the theme without styles
+## Accessing the theme without styles
 
 In case you need to access the theme without rendering any CSS, you can also use `useTheme()` standalone.
 
@@ -267,7 +269,7 @@ const Button = () => {
 }
 ```
 
-#### Using custom Theming Context
+## Using custom Theming Context
 
 Use _namespaced_ themes so that a set of UI components gets no conflicts with another set of UI components from a different library also using `react-jss` or in case you want to use the same theme from another context that is already used in your app.
 
@@ -318,7 +320,7 @@ const App = () => (
 )
 ```
 
-#### Server-side rendering
+## Server-side rendering
 
 After the application is mounted, you should remove the style tag used by critical CSS rendered server-side.
 
@@ -354,7 +356,7 @@ export default function render(req, res) {
 }
 ```
 
-#### React tree traversing
+## React tree traversing
 
 For traversing the React tree outside of the HTML rendering, you should add `disableStylesGeneration` property.
 
@@ -380,7 +382,7 @@ async function main() {
 main()
 ```
 
-#### Custom setup
+## Custom setup
 
 If you want to specify a JSS version and plugins to use, you should create your [own JSS instance](https://github.com/cssinjs/jss/blob/master/docs/jss-api.md#create-an-own-jss-instance), [setup plugins](https://github.com/cssinjs/jss/blob/master/docs/setup.md#setup-with-custom-plugins) and pass it to `JssProvider`.
 
@@ -407,7 +409,7 @@ You can also access the default JSS instance.
 import {jss} from 'react-jss'
 ```
 
-#### Multi-tree setup
+## Multi-tree setup
 
 In case you render multiple react rendering trees in one application, you will get class name collisions because every JssProvider rerender will reset the class names generator. If you want to avoid this, you can share the class names generator between multiple JssProvider instances.
 
@@ -455,7 +457,7 @@ const Component = () => (
 )
 ```
 
-### Injection order
+## Injection order
 
 Injection of style tags happens in the same order as the `createUseStyles()` invocation.
 Source order specificity is higher the lower style tag is in the tree. Therefore you should call `createUseStyles` of components you want to override first.
@@ -498,6 +500,6 @@ const Button = () => {
 }
 ```
 
-### TypeScript
+## TypeScript
 
 TODO hooks support
