"Adjustment the documentation of the makeStyles method refs mui#17387"

This reverts commit 6c101de.
mnemanja · Sep 27, 2019 · 5dff871 · 5dff871
1 parent dc9809c
commit 5dff871
Show file tree

Hide file tree

Showing 25 changed files with 142 additions and 142 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -8070,7 +8070,7 @@ The primary motivation for this change is simplicity, it's also making our inter
 `react-jss`.
 ```diff
 -import { withStyles, createStyleSheet } from 'material-ui/styles';
-+import { withStyles } from 'material-ui/core/styles';
++import { withStyles } from 'material-ui/styles';
 
 -const styleSheet = createStyleSheet('Button', {
 +const styles = {

diff --git a/docs/src/pages/styles/advanced/advanced-de.md b/docs/src/pages/styles/advanced/advanced-de.md
@@ -31,7 +31,7 @@ Möglicherweise müssen Sie auf die Themevariablen in Ihren React-Komponenten zu
 #### `useTheme` hook
 
 ```jsx
-import { useTheme } from '@material-ui/core/styles';
+import { useTheme } from '@material-ui/styles';
 
 function DeepChild() {
   const theme = useTheme();
@@ -44,7 +44,7 @@ function DeepChild() {
 #### `withTheme` HOC
 
 ```jsx
-import { withTheme } from '@material-ui/core/styles';
+import { withTheme } from '@material-ui/styles';
 
 function DeepChildRaw(props) {
   return <span>{`spacing ${props.theme.spacing}`}</span>;
@@ -241,7 +241,7 @@ Das Einfügen von Style-Tags erfolgt in der **gleichen Reihenfolge** wie die `ma
 
 ```jsx
 import clsx from 'clsx';
-import { makeStyles } from '@material-ui/core/styles';
+import { makeStyles } from '@material-ui/styles';
 
 const useStylesBase = makeStyles({
   root: {
@@ -402,7 +402,7 @@ Die Klassennamen werden von dem [Klassennamengenerator](/styles/api/#creategener
 
 ### Standard
 
-Standardmäßig werden die Klassennamen von `@material-ui/core/styles`** nicht deterministisch** generiert; Man kann sich nicht darauf verlassen, dass sie gleich bleiben. Nehmen wir den folgenden Stil als Beispiel:
+Standardmäßig werden die Klassennamen von `@material-ui/styles`** nicht deterministisch** generiert; Man kann sich nicht darauf verlassen, dass sie gleich bleiben. Nehmen wir den folgenden Stil als Beispiel:
 
 ```js
 const useStyles = makeStyles({
@@ -567,4 +567,4 @@ Dann müssen Sie dieses Nonce an JSS übergeben, damit es den nachfolgenden `<st
 
 ```jsx
 <meta property="csp-nonce" content={nonce} />
-```
+```
diff --git a/docs/src/pages/styles/advanced/advanced-es.md b/docs/src/pages/styles/advanced/advanced-es.md
@@ -31,7 +31,7 @@ You might need to access the theme variables inside your React components.
 #### `useTheme` hook
 
 ```jsx
-import { useTheme } from '@material-ui/core/styles';
+import { useTheme } from '@material-ui/styles';
 
 function DeepChild() {
   const theme = useTheme();
@@ -44,7 +44,7 @@ function DeepChild() {
 #### `withTheme` HOC
 
 ```jsx
-import { withTheme } from '@material-ui/core/styles';
+import { withTheme } from '@material-ui/styles';
 
 function DeepChildRaw(props) {
   return <span>{`spacing ${props.theme.spacing}`}</span>;
@@ -241,7 +241,7 @@ The injection of style tags happens in the **same order** as the `makeStyles` /
 
 ```jsx
 import clsx from 'clsx';
-import { makeStyles } from '@material-ui/core/styles';
+import { makeStyles } from '@material-ui/styles';
 
 const useStylesBase = makeStyles({
   root: {
@@ -402,7 +402,7 @@ The class names are generated by [the class name generator](/styles/api/#createg
 
 ### Default
 
-By default, the class names generated by `@material-ui/core/styles` are **non-deterministic**; you can't rely on them to stay the same. Let's take the following style as an example:
+By default, the class names generated by `@material-ui/styles` are **non-deterministic**; you can't rely on them to stay the same. Let's take the following style as an example:
 
 ```js
 const useStyles = makeStyles({
@@ -567,4 +567,4 @@ Then, you must pass this nonce to JSS so it can add it to subsequent `<style>` t
 
 ```jsx
 <meta property="csp-nonce" content={nonce} />
-```
+```
diff --git a/docs/src/pages/styles/advanced/advanced-fr.md b/docs/src/pages/styles/advanced/advanced-fr.md
@@ -31,7 +31,7 @@ You might need to access the theme variables inside your React components.
 #### `useTheme` hook
 
 ```jsx
-import { useTheme } from '@material-ui/core/styles';
+import { useTheme } from '@material-ui/styles';
 
 function DeepChild() {
   const theme = useTheme();
@@ -44,7 +44,7 @@ function DeepChild() {
 #### `withTheme` HOC
 
 ```jsx
-import { withTheme } from '@material-ui/core/styles';
+import { withTheme } from '@material-ui/styles';
 
 function DeepChildRaw(props) {
   return <span>{`spacing ${props.theme.spacing}`}</span>;
@@ -241,7 +241,7 @@ The injection of style tags happens in the **same order** as the `makeStyles` /
 
 ```jsx
 import clsx from 'clsx';
-import { makeStyles } from '@material-ui/core/styles';
+import { makeStyles } from '@material-ui/styles';
 
 const useStylesBase = makeStyles({
   root: {
@@ -402,7 +402,7 @@ The class names are generated by [the class name generator](/styles/api/#createg
 
 ### Default
 
-By default, the class names generated by `@material-ui/core/styles` are **non-deterministic**; you can't rely on them to stay the same. Let's take the following style as an example:
+By default, the class names generated by `@material-ui/styles` are **non-deterministic**; you can't rely on them to stay the same. Let's take the following style as an example:
 
 ```js
 const useStyles = makeStyles({
@@ -567,4 +567,4 @@ Ensuite, vous devez transmettre ce nonce à JSS afin qu’il puisse l’ajouter
 
 ```jsx
 <meta property="csp-nonce" content={nonce} />
-```
+```
diff --git a/docs/src/pages/styles/advanced/advanced-ja.md b/docs/src/pages/styles/advanced/advanced-ja.md
@@ -31,7 +31,7 @@ You might need to access the theme variables inside your React components.
 #### `useTheme` hook
 
 ```jsx
-import { useTheme } from '@material-ui/core/styles';
+import { useTheme } from '@material-ui/styles';
 
 function DeepChild() {
   const theme = useTheme();
@@ -44,7 +44,7 @@ function DeepChild() {
 #### `withTheme` HOC
 
 ```jsx
-import { withTheme } from '@material-ui/core/styles';
+import { withTheme } from '@material-ui/styles';
 
 function DeepChildRaw(props) {
   return <span>{`spacing ${props.theme.spacing}`}</span>;
@@ -241,7 +241,7 @@ The injection of style tags happens in the **same order** as the `makeStyles` /
 
 ```jsx
 import clsx from 'clsx';
-import { makeStyles } from '@material-ui/core/styles';
+import { makeStyles } from '@material-ui/styles';
 
 const useStylesBase = makeStyles({
   root: {
@@ -402,7 +402,7 @@ The class names are generated by [the class name generator](/styles/api/#createg
 
 ### Default
 
-By default, the class names generated by `@material-ui/core/styles` are **non-deterministic**; you can't rely on them to stay the same. Let's take the following style as an example:
+By default, the class names generated by `@material-ui/styles` are **non-deterministic**; you can't rely on them to stay the same. Let's take the following style as an example:
 
 ```js
 const useStyles = makeStyles({
@@ -567,4 +567,4 @@ Then, you must pass this nonce to JSS so it can add it to subsequent `<style>` t
 
 ```jsx
 <meta property="csp-nonce" content={nonce} />
-```
+```
diff --git a/docs/src/pages/styles/advanced/advanced-pt.md b/docs/src/pages/styles/advanced/advanced-pt.md
@@ -31,7 +31,7 @@ Você pode precisar acessar as variáveis de tema dentro de seus componentes Rea
 #### `useTheme` hook
 
 ```jsx
-import { useTheme } from '@material-ui/core/styles';
+import { useTheme } from '@material-ui/styles';
 
 function DeepChild() {
   const theme = useTheme();
@@ -44,7 +44,7 @@ function DeepChild() {
 #### `withTheme` HOC
 
 ```jsx
-import { withTheme } from '@material-ui/core/styles';
+import { withTheme } from '@material-ui/styles';
 
 function DeepChildRaw(props) {
   return <span>{`spacing ${props.theme.spacing}`}</span>;
@@ -241,7 +241,7 @@ A injeção de tags de estilo acontece na **mesma ordem** com as invocações de
 
 ```jsx
 import clsx from 'clsx';
-import { makeStyles } from '@material-ui/core/styles';
+import { makeStyles } from '@material-ui/styles';
 
 const useStylesBase = makeStyles({
   root: {
@@ -402,7 +402,7 @@ Os nomes de classes são gerados pelo [gerador de nome de classe](/styles/api/#c
 
 ### Padrão
 
-Por padrão, os nomes de classes gerados por `@material-ui/core/styles` são **não determinísticos**; você não pode confiar que eles irão permanecer os mesmos. Vejamos a seguinte estilo como um exemplo:
+Por padrão, os nomes de classes gerados por `@material-ui/styles` são **não determinísticos**; você não pode confiar que eles irão permanecer os mesmos. Vejamos a seguinte estilo como um exemplo:
 
 ```js
 const useStyles = makeStyles({
@@ -567,4 +567,4 @@ Então, você deve passar este nonce para o JSS para que ele possa adicioná-lo
 
 ```jsx
 <meta property="csp-nonce" content={nonce} />
-```
+```
diff --git a/docs/src/pages/styles/advanced/advanced-ru.md b/docs/src/pages/styles/advanced/advanced-ru.md
@@ -31,7 +31,7 @@ You might need to access the theme variables inside your React components.
 #### `useTheme` hook
 
 ```jsx
-import { useTheme } from '@material-ui/core/styles';
+import { useTheme } from '@material-ui/styles';
 
 function DeepChild() {
   const theme = useTheme();
@@ -44,7 +44,7 @@ function DeepChild() {
 #### `withTheme` HOC
 
 ```jsx
-import { withTheme } from '@material-ui/core/styles';
+import { withTheme } from '@material-ui/styles';
 
 function DeepChildRaw(props) {
   return <span>{`spacing ${props.theme.spacing}`}</span>;
@@ -241,7 +241,7 @@ The injection of style tags happens in the **same order** as the `makeStyles` /
 
 ```jsx
 import clsx from 'clsx';
-import { makeStyles } from '@material-ui/core/styles';
+import { makeStyles } from '@material-ui/styles';
 
 const useStylesBase = makeStyles({
   root: {
@@ -402,7 +402,7 @@ The class names are generated by [the class name generator](/styles/api/#createg
 
 ### Default
 
-By default, the class names generated by `@material-ui/core/styles` are **non-deterministic**; you can't rely on them to stay the same. Let's take the following style as an example:
+By default, the class names generated by `@material-ui/styles` are **non-deterministic**; you can't rely on them to stay the same. Let's take the following style as an example:
 
 ```js
 const useStyles = makeStyles({
@@ -567,4 +567,4 @@ Then, you must pass this nonce to JSS so it can add it to subsequent `<style>` t
 
 ```jsx
 <meta property="csp-nonce" content={nonce} />
-```
+```
diff --git a/docs/src/pages/styles/advanced/advanced-zh.md b/docs/src/pages/styles/advanced/advanced-zh.md
@@ -26,12 +26,12 @@ function Theming() {
 
 ### 访问组件中的主题
 
-在组件中访问 @material-ui/core/styles 主题。
+在组件中访问 @material-ui/styles 主题。
 
 #### `useTheme` hook
 
 ```jsx
-import { useTheme } from '@material-ui/core/styles';
+import { useTheme } from '@material-ui/styles';
 
 function DeepChild() {
   const theme = useTheme();
@@ -44,7 +44,7 @@ function DeepChild() {
 #### `withTheme` HOC
 
 ```jsx
-import { withTheme } from '@material-ui/core/styles';
+import { withTheme } from '@material-ui/styles';
 
 function DeepChildRaw(props) {
   return <span>{`spacing ${props.theme.spacing}`}</span>;
@@ -241,7 +241,7 @@ import { StylesProvider } from '@material-ui/styles';
 
 ```jsx
 import clsx from 'clsx';
-import { makeStyles } from '@material-ui/core/styles';
+import { makeStyles } from '@material-ui/styles';
 
 const useStylesBase = makeStyles({
   root: {
@@ -402,7 +402,7 @@ The class names are generated by [the class name generator](/styles/api/#createg
 
 ### 默认值
 
-By default, the class names generated by `@material-ui/core/styles` are **non-deterministic**; you can't rely on them to stay the same. Let's take the following style as an example:
+By default, the class names generated by `@material-ui/styles` are **non-deterministic**; you can't rely on them to stay the same. Let's take the following style as an example:
 
 ```js
 const useStyles = makeStyles({
@@ -567,4 +567,4 @@ If you are using Server-Side Rendering (SSR), you should pass the nonce in the `
 
 ```jsx
 <meta property="csp-nonce" content={nonce} />
-```
+```
diff --git a/docs/src/pages/styles/advanced/advanced.md b/docs/src/pages/styles/advanced/advanced.md
@@ -31,7 +31,7 @@ You might need to access the theme variables inside your React components.
 #### `useTheme` hook
 
 ```jsx
-import { useTheme } from '@material-ui/core/styles';
+import { useTheme } from '@material-ui/styles';
 
 function DeepChild() {
   const theme = useTheme();
@@ -44,7 +44,7 @@ function DeepChild() {
 #### `withTheme` HOC
 
 ```jsx
-import { withTheme } from '@material-ui/core/styles';
+import { withTheme } from '@material-ui/styles';
 
 function DeepChildRaw(props) {
   return <span>{`spacing ${props.theme.spacing}`}</span>;
@@ -251,7 +251,7 @@ The injection of style tags happens in the **same order** as the `makeStyles` /
 
 ```jsx
 import clsx from 'clsx';
-import { makeStyles } from '@material-ui/core/styles';
+import { makeStyles } from '@material-ui/styles';
 
 const useStylesBase = makeStyles({
   root: {
@@ -298,7 +298,7 @@ The simplest approach is to add an HTML comment to the `<head>` that determines
 
 ```jsx
 import { create } from 'jss';
-import { StylesProvider, jssPreset } from '@material-ui/core/styles';
+import { StylesProvider, jssPreset } from '@material-ui/styles';
 
 const jss = create({
   ...jssPreset(),
@@ -416,7 +416,7 @@ The class names are generated by [the class name generator](/styles/api/#createg
 
 ### Default
 
-By default, the class names generated by `@material-ui/core/styles` are **non-deterministic**; you can't rely on them to stay the same. Let's take the following style as an example:
+By default, the class names generated by `@material-ui/styles` are **non-deterministic**; you can't rely on them to stay the same. Let's take the following style as an example:
 
 ```js
 const useStyles = makeStyles({