[docs] Use actual symbol of kilogram (mui#27332)

ruppysuppy · Jul 17, 2021 · dabbc3d · dabbc3d
1 parent 5f21880
commit dabbc3d
Show file tree

Hide file tree

Showing 4 changed files with 17 additions and 17 deletions.
diff --git a/docs/src/pages/components/text-fields/InputAdornments.js b/docs/src/pages/components/text-fields/InputAdornments.js
@@ -44,15 +44,15 @@ export default function InputAdornments() {
           id="outlined-start-adornment"
           sx={{ m: 1, width: '25ch' }}
           InputProps={{
-            startAdornment: <InputAdornment position="start">Kg</InputAdornment>,
+            startAdornment: <InputAdornment position="start">kg</InputAdornment>,
           }}
         />
         <FormControl sx={{ m: 1, width: '25ch' }} variant="outlined">
           <OutlinedInput
             id="outlined-adornment-weight"
             value={values.weight}
             onChange={handleChange('weight')}
-            endAdornment={<InputAdornment position="end">Kg</InputAdornment>}
+            endAdornment={<InputAdornment position="end">kg</InputAdornment>}
             aria-describedby="outlined-weight-helper-text"
             inputProps={{
               'aria-label': 'weight',
@@ -99,7 +99,7 @@ export default function InputAdornments() {
           id="filled-start-adornment"
           sx={{ m: 1, width: '25ch' }}
           InputProps={{
-            startAdornment: <InputAdornment position="start">Kg</InputAdornment>,
+            startAdornment: <InputAdornment position="start">kg</InputAdornment>,
           }}
           variant="filled"
         />
@@ -108,7 +108,7 @@ export default function InputAdornments() {
             id="filled-adornment-weight"
             value={values.weight}
             onChange={handleChange('weight')}
-            endAdornment={<InputAdornment position="end">Kg</InputAdornment>}
+            endAdornment={<InputAdornment position="end">kg</InputAdornment>}
             aria-describedby="filled-weight-helper-text"
             inputProps={{
               'aria-label': 'weight',
@@ -153,7 +153,7 @@ export default function InputAdornments() {
           id="standard-start-adornment"
           sx={{ m: 1, width: '25ch' }}
           InputProps={{
-            startAdornment: <InputAdornment position="start">Kg</InputAdornment>,
+            startAdornment: <InputAdornment position="start">kg</InputAdornment>,
           }}
           variant="standard"
         />
@@ -162,7 +162,7 @@ export default function InputAdornments() {
             id="standard-adornment-weight"
             value={values.weight}
             onChange={handleChange('weight')}
-            endAdornment={<InputAdornment position="end">Kg</InputAdornment>}
+            endAdornment={<InputAdornment position="end">kg</InputAdornment>}
             aria-describedby="standard-weight-helper-text"
             inputProps={{
               'aria-label': 'weight',

diff --git a/docs/src/pages/components/text-fields/InputAdornments.tsx b/docs/src/pages/components/text-fields/InputAdornments.tsx
@@ -53,15 +53,15 @@ export default function InputAdornments() {
           id="outlined-start-adornment"
           sx={{ m: 1, width: '25ch' }}
           InputProps={{
-            startAdornment: <InputAdornment position="start">Kg</InputAdornment>,
+            startAdornment: <InputAdornment position="start">kg</InputAdornment>,
           }}
         />
         <FormControl sx={{ m: 1, width: '25ch' }} variant="outlined">
           <OutlinedInput
             id="outlined-adornment-weight"
             value={values.weight}
             onChange={handleChange('weight')}
-            endAdornment={<InputAdornment position="end">Kg</InputAdornment>}
+            endAdornment={<InputAdornment position="end">kg</InputAdornment>}
             aria-describedby="outlined-weight-helper-text"
             inputProps={{
               'aria-label': 'weight',
@@ -108,7 +108,7 @@ export default function InputAdornments() {
           id="filled-start-adornment"
           sx={{ m: 1, width: '25ch' }}
           InputProps={{
-            startAdornment: <InputAdornment position="start">Kg</InputAdornment>,
+            startAdornment: <InputAdornment position="start">kg</InputAdornment>,
           }}
           variant="filled"
         />
@@ -117,7 +117,7 @@ export default function InputAdornments() {
             id="filled-adornment-weight"
             value={values.weight}
             onChange={handleChange('weight')}
-            endAdornment={<InputAdornment position="end">Kg</InputAdornment>}
+            endAdornment={<InputAdornment position="end">kg</InputAdornment>}
             aria-describedby="filled-weight-helper-text"
             inputProps={{
               'aria-label': 'weight',
@@ -162,7 +162,7 @@ export default function InputAdornments() {
           id="standard-start-adornment"
           sx={{ m: 1, width: '25ch' }}
           InputProps={{
-            startAdornment: <InputAdornment position="start">Kg</InputAdornment>,
+            startAdornment: <InputAdornment position="start">kg</InputAdornment>,
           }}
           variant="standard"
         />
@@ -171,7 +171,7 @@ export default function InputAdornments() {
             id="standard-adornment-weight"
             value={values.weight}
             onChange={handleChange('weight')}
-            endAdornment={<InputAdornment position="end">Kg</InputAdornment>}
+            endAdornment={<InputAdornment position="end">kg</InputAdornment>}
             aria-describedby="standard-weight-helper-text"
             inputProps={{
               'aria-label': 'weight',

diff --git a/docs/src/pages/guides/migration-v4/migration-v4.md b/docs/src/pages/guides/migration-v4/migration-v4.md
@@ -2092,10 +2092,10 @@ As the core components use emotion as their style engine, the props used by emot
 - Set the InputAdornment `position` prop to `start` or `end`. Use `start` if used as the value of the `startAdornment` prop. Use `end` if used as the value of the `endAdornment` prop.
 
   ```diff
-  -<TextField startAdornment={<InputAdornment>Kg</InputAdornment>} />
-  -<TextField endAdornment={<InputAdornment>Kg</InputAdornment>} />
-  +<TextField startAdornment={<InputAdornment position="start">Kg</InputAdornment>} />
-  +<TextField endAdornment={<InputAdornment position="end">Kg</InputAdornment>} />
+  -<TextField startAdornment={<InputAdornment>kg</InputAdornment>} />
+  -<TextField endAdornment={<InputAdornment>kg</InputAdornment>} />
+  +<TextField startAdornment={<InputAdornment position="start">kg</InputAdornment>} />
+  +<TextField endAdornment={<InputAdornment position="end">kg</InputAdornment>} />
   ```
 
 ### TextareaAutosize

diff --git a/test/regressions/fixtures/TextField/FilledHiddenLabelInputAdornment.js b/test/regressions/fixtures/TextField/FilledHiddenLabelInputAdornment.js
@@ -10,7 +10,7 @@ export default function FilledHiddenLabelInputAdornment() {
       defaultValue="Value"
       variant="filled"
       InputProps={{
-        startAdornment: <InputAdornment position="start">Kg</InputAdornment>,
+        startAdornment: <InputAdornment position="start">kg</InputAdornment>,
       }}
     />
   );