Skip to content

Commit 0f3a098

Browse files
mrholekmrholek
committed
docs: replace text-muted className with text-medium-emphasis 
1 parent 57215db commit 0f3a098

File tree

8 files changed

+84
-81
lines changed

8 files changed

+84
-81
lines changed

‎docs/4.0/api/CPagination.api.mdx

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,5 @@
11
| Property | Description | Type | Default |
22
| --- | --- | --- | --- |
3+
| **align** | Set the alignment of pagination components. | `"start" | "center" | "end"` | - |
34
| **className** | A string of all className you want applied to the base component. | `string` | - |
45
| **size** | Size the component small or large. | `"sm" | "lg"` | - |

‎docs/4.0/api/CSidebar.api.mdx

Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,13 @@
11
| Property | Description | Type | Default |
22
| --- | --- | --- | --- |
33
| **className** | A string of all className you want applied to the component. | `string` | - |
4+
| **hideBelow** | - | `number | boolean | Breakpoints` | - |
5+
| **hideOnMobile** | Toggle the visibility of sidebar component. | `boolean` | true |
46
| **narrow** | Make sidebar narrow. | `boolean` | - |
5-
| **onHide** | Method called before the hide animation has started. | `() => void` | - |
6-
| **onShow** | Method called before the show animation has started. | `() => void` | - |
7+
| **onVisibleChange** | Method called before the show animation has started. | `(visible: boolean) => void` | - |
78
| **overlaid** | Set sidebar to narrow variant. | `boolean` | - |
89
| **position** | Place sidebar in non-static positions. | `"fixed" | "sticky"` | - |
910
| **selfHiding** | Make any sidebar self hiding across all viewports or pick a maximum breakpoint with which to have a self hiding up to. | `boolean | Breakpoints` | - |
1011
| **size** | Size the component small, large, or extra large. | `"sm" | "lg" | "xl"` | - |
1112
| **unfoldable** | Expand narrowed sidebar on hover. | `boolean` | - |
12-
| **visible** | Toggle the visibility of sidebar component. | `boolean` | - |
13+
| **visible** | Toggle the visibility of sidebar component. | `boolean` | true |

‎docs/4.0/api/CToast.api.mdx

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,9 @@
11
| Property | Description | Type | Default |
22
| --- | --- | --- | --- |
3+
| **animation** | Apply a CSS fade transition to the toast. | `boolean` | true |
34
| **autohide** | Auto hide the toast. | `boolean` | true |
45
| **className** | A string of all className you want applied to the base component. | `string` | - |
56
| **color** | Sets the color context of the component to one of CoreUI’s themed colors. | `'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'dark' | 'light' | string` | - |
67
| **delay** | Delay hiding the toast (ms). | `number` | 5000 |
78
| **onDismiss** | Method called before the dissmiss animation has started. | `(index: number) => void` | - |
8-
| **visible** | Toggle the visibility of component. | `boolean` | true |
9+
| **visible** | Toggle the visibility of component. | `boolean` | false |

‎docs/4.0/components/card.mdx

Lines changed: 44 additions & 44 deletions
Large diffs are not rendered by default.

‎docs/4.0/components/dropdown.mdx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -788,14 +788,14 @@ In the following example we use `div` instead of `<CDropdownMenu>` to show `<CDr
788788
Place any freeform text within a dropdown menu with text. Note that you'll likely need additional sizing styles to constrain the menu width.
789789

790790
<Example>
791-
<div className="border rounded p-4 text-muted" style={{ maxWidth: '200px' }}>
791+
<div className="border rounded p-4 text-medium-emphasis" style={{ maxWidth: '200px' }}>
792792
<p>Some example text that's free-flowing within the dropdown menu.</p>
793793
<p className="mb-0">And this is more example text.</p>
794794
</div>
795795
</Example>
796796

797797
```jsx
798-
<div className="border rounded p-4 text-muted" style={{ maxWidth: '200px' }}>
798+
<div className="border rounded p-4 text-medium-emphasis" style={{ maxWidth: '200px' }}>
799799
<p>Some example text that's free-flowing within the dropdown menu.</p>
800800
<p className="mb-0">And this is more example text.</p>
801801
</div>

‎docs/4.0/components/list-group.mdx

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -353,24 +353,24 @@ Add nearly any HTML within, even for linked list groups like the one below, with
353353
<CListGroupItem component="a" href="#">
354354
<div className="d-flex w-100 justify-content-between">
355355
<h5 className="mb-1">List group item heading</h5>
356-
<small className="text-muted">3 days ago</small>
356+
<small className="text-medium-emphasis">3 days ago</small>
357357
</div>
358358
<p className="mb-1">
359359
Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius
360360
blandit.
361361
</p>
362-
<small className="text-muted">Donec id elit non mi porta.</small>
362+
<small className="text-medium-emphasis">Donec id elit non mi porta.</small>
363363
</CListGroupItem>
364364
<CListGroupItem component="a" href="#">
365365
<div className="d-flex w-100 justify-content-between">
366366
<h5 className="mb-1">List group item heading</h5>
367-
<small className="text-muted">3 days ago</small>
367+
<small className="text-medium-emphasis">3 days ago</small>
368368
</div>
369369
<p className="mb-1">
370370
Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius
371371
blandit.
372372
</p>
373-
<small className="text-muted">Donec id elit non mi porta.</small>
373+
<small className="text-medium-emphasis">Donec id elit non mi porta.</small>
374374
</CListGroupItem>
375375
</CListGroup>
376376
</Example>
@@ -390,22 +390,22 @@ Add nearly any HTML within, even for linked list groups like the one below, with
390390
<CListGroupItem component="a" href="#">
391391
<div className="d-flex w-100 justify-content-between">
392392
<h5 className="mb-1">List group item heading</h5>
393-
<small className="text-muted">3 days ago</small>
393+
<small className="text-medium-emphasis">3 days ago</small>
394394
</div>
395395
<p className="mb-1">
396396
Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.
397397
</p>
398-
<small className="text-muted">Donec id elit non mi porta.</small>
398+
<small className="text-medium-emphasis">Donec id elit non mi porta.</small>
399399
</CListGroupItem>
400400
<CListGroupItem component="a" href="#">
401401
<div className="d-flex w-100 justify-content-between">
402402
<h5 className="mb-1">List group item heading</h5>
403-
<small className="text-muted">3 days ago</small>
403+
<small className="text-medium-emphasis">3 days ago</small>
404404
</div>
405405
<p className="mb-1">
406406
Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.
407407
</p>
408-
<small className="text-muted">Donec id elit non mi porta.</small>
408+
<small className="text-medium-emphasis">Donec id elit non mi porta.</small>
409409
</CListGroupItem>
410410
</CListGroup>
411411
```

‎docs/4.0/components/modal.mdx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -841,7 +841,7 @@ Modals have three optional sizes, available via modifier classes to be placed on
841841
</tr>
842842
<tr>
843843
<td>Default</td>
844-
<td className="text-muted">None</td>
844+
<td className="text-medium-emphasis">None</td>
845845
<td>
846846
<code>500px</code>
847847
</td>

‎docs/4.0/layout/containers.mdx

Lines changed: 22 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -53,7 +53,7 @@ The table below illustrates how each container's `max-width` compares to the ori
5353
<tbody>
5454
<tr>
5555
<th scope="row" className="fw-normal"><code>&lt;CContainer&gt;</code></th>
56-
<td className="text-muted">100%</td>
56+
<td className="text-medium-emphasis">100%</td>
5757
<td>540px</td>
5858
<td>720px</td>
5959
<td>960px</td>
@@ -62,7 +62,7 @@ The table below illustrates how each container's `max-width` compares to the ori
6262
</tr>
6363
<tr>
6464
<th scope="row" className="fw-normal"><code>&lt;CContainer sm&gt;</code></th>
65-
<td className="text-muted">100%</td>
65+
<td className="text-medium-emphasis">100%</td>
6666
<td>540px</td>
6767
<td>720px</td>
6868
<td>960px</td>
@@ -71,48 +71,48 @@ The table below illustrates how each container's `max-width` compares to the ori
7171
</tr>
7272
<tr>
7373
<th scope="row" className="fw-normal"><code>&lt;CContainer md&gt;</code></th>
74-
<td className="text-muted">100%</td>
75-
<td className="text-muted">100%</td>
74+
<td className="text-medium-emphasis">100%</td>
75+
<td className="text-medium-emphasis">100%</td>
7676
<td>720px</td>
7777
<td>960px</td>
7878
<td>1140px</td>
7979
<td>1320px</td>
8080
</tr>
8181
<tr>
8282
<th scope="row" className="fw-normal"><code>&lt;CContainer lg&gt;</code></th>
83-
<td className="text-muted">100%</td>
84-
<td className="text-muted">100%</td>
85-
<td className="text-muted">100%</td>
83+
<td className="text-medium-emphasis">100%</td>
84+
<td className="text-medium-emphasis">100%</td>
85+
<td className="text-medium-emphasis">100%</td>
8686
<td>960px</td>
8787
<td>1140px</td>
8888
<td>1320px</td>
8989
</tr>
9090
<tr>
9191
<th scope="row" className="fw-normal"><code>&lt;CContainer xl&gt;</code></th>
92-
<td className="text-muted">100%</td>
93-
<td className="text-muted">100%</td>
94-
<td className="text-muted">100%</td>
95-
<td className="text-muted">100%</td>
92+
<td className="text-medium-emphasis">100%</td>
93+
<td className="text-medium-emphasis">100%</td>
94+
<td className="text-medium-emphasis">100%</td>
95+
<td className="text-medium-emphasis">100%</td>
9696
<td>1140px</td>
9797
<td>1320px</td>
9898
</tr>
9999
<tr>
100100
<th scope="row" className="fw-normal"><code>&lt;CContainer xxl&gt;</code></th>
101-
<td className="text-muted">100%</td>
102-
<td className="text-muted">100%</td>
103-
<td className="text-muted">100%</td>
104-
<td className="text-muted">100%</td>
105-
<td className="text-muted">100%</td>
101+
<td className="text-medium-emphasis">100%</td>
102+
<td className="text-medium-emphasis">100%</td>
103+
<td className="text-medium-emphasis">100%</td>
104+
<td className="text-medium-emphasis">100%</td>
105+
<td className="text-medium-emphasis">100%</td>
106106
<td>1320px</td>
107107
</tr>
108108
<tr>
109109
<th scope="row" className="fw-normal"><code>&lt;CContainer fluid&gt;</code></th>
110-
<td className="text-muted">100%</td>
111-
<td className="text-muted">100%</td>
112-
<td className="text-muted">100%</td>
113-
<td className="text-muted">100%</td>
114-
<td className="text-muted">100%</td>
115-
<td className="text-muted">100%</td>
110+
<td className="text-medium-emphasis">100%</td>
111+
<td className="text-medium-emphasis">100%</td>
112+
<td className="text-medium-emphasis">100%</td>
113+
<td className="text-medium-emphasis">100%</td>
114+
<td className="text-medium-emphasis">100%</td>
115+
<td className="text-medium-emphasis">100%</td>
116116
</tr>
117117
</tbody>
118118
</table>

0 commit comments

Comments
 (0)