From be67ab60db4925df84428a233109eff3ed036d85 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Pawe=C5=82=20Kuna?= <1282324+codecalm@users.noreply.github.com> Date: Wed, 24 May 2023 20:47:33 +0200 Subject: [PATCH] Update CSS class from `text-muted` to `text-secondary` for better Bootstrap compatibility (#1595) --- .changeset/gorgeous-windows-study.md | 5 + docs/components/alerts.mdx | 36 +++---- docs/components/cards.mdx | 42 ++++---- docs/components/dropdowns.mdx | 6 +- docs/components/empty.mdx | 8 +- docs/components/modals.mdx | 8 +- docs/components/switch-icon.mdx | 22 ++--- docs/components/tables.mdx | 66 ++++++------- docs/components/timelines.mdx | 96 +++++++++---------- docs/components/tracking.mdx | 4 +- docs/forms/form-elements.mdx | 4 +- docs/layout/page-headers.mdx | 4 +- docs/layout/page-layouts.mdx | 2 +- docs/utilities/borders.mdx | 60 ++++++------ src/pages/2-step-verification-code.html | 2 +- src/pages/2-step-verification.html | 2 +- src/pages/_data/colors.yml | 2 +- src/pages/_includes/cards/auth-lock.html | 2 +- src/pages/_includes/cards/blog-single.html | 6 +- src/pages/_includes/cards/card-image.html | 2 +- src/pages/_includes/cards/card-tabs.html | 2 +- src/pages/_includes/cards/card.html | 4 +- src/pages/_includes/cards/comments.html | 6 +- .../_includes/cards/company-employees.html | 2 +- src/pages/_includes/cards/company-lookup.html | 40 ++++---- .../_includes/cards/development-activity.html | 4 +- .../_includes/cards/forgot-password.html | 4 +- src/pages/_includes/cards/gallery-photo.html | 6 +- src/pages/_includes/cards/icons-banner.html | 2 +- src/pages/_includes/cards/invoice.html | 8 +- src/pages/_includes/cards/invoices.html | 8 +- .../_includes/cards/most-visited-pages.html | 6 +- .../_includes/cards/music/track-info.html | 2 +- .../_includes/cards/music/tracks-list.html | 4 +- .../_includes/cards/navbar-notifications.html | 8 +- .../_includes/cards/order-statistics.html | 4 +- .../cards/pricing-card-enterprise.html | 2 +- src/pages/_includes/cards/pricing-card.html | 2 +- src/pages/_includes/cards/profile-2.html | 2 +- .../_includes/cards/profile-timeline.html | 6 +- .../_includes/cards/project-progress.html | 2 +- .../_includes/cards/project-summary.html | 2 +- src/pages/_includes/cards/sign-in.html | 2 +- src/pages/_includes/cards/sign-up.html | 2 +- src/pages/_includes/cards/small-stats-2.html | 4 +- src/pages/_includes/cards/small-stats-3.html | 2 +- src/pages/_includes/cards/small-stats.html | 2 +- src/pages/_includes/cards/store-list.html | 4 +- .../_includes/cards/store-product-grid.html | 2 +- src/pages/_includes/cards/subscribe.html | 2 +- src/pages/_includes/cards/table-users.html | 6 +- src/pages/_includes/cards/tasks.html | 6 +- src/pages/_includes/cards/timeline.html | 24 ++--- src/pages/_includes/cards/user-card-bg.html | 2 +- src/pages/_includes/cards/user-card-big.html | 2 +- src/pages/_includes/cards/user-card.html | 2 +- src/pages/_includes/cards/user-info.html | 12 +-- src/pages/_includes/cards/users-list-2.html | 2 +- .../_includes/cards/users-list-headers.html | 2 +- src/pages/_includes/cards/users-list.html | 4 +- .../layout/headers/page-header-2.html | 2 +- .../layout/headers/page-header-3.html | 2 +- .../_includes/layout/headers/profile.html | 2 +- .../_includes/layout/headers/uptime.html | 2 +- src/pages/_includes/layout/homepage.html | 8 +- src/pages/_includes/layout/layouts-list.html | 2 +- src/pages/_includes/layout/navbar-side.html | 2 +- src/pages/_includes/layout/page-header.html | 2 +- src/pages/_includes/parts/activity.html | 2 +- .../_includes/parts/charts/activity.html | 6 +- src/pages/_includes/parts/dropdown/days.html | 2 +- .../_includes/parts/dropdown/months.html | 2 +- .../form/selectgroup-project-manager.html | 2 +- src/pages/_includes/parts/modals/danger.html | 2 +- .../_includes/parts/modals/deactivate.html | 2 +- src/pages/_includes/parts/modals/report.html | 2 +- src/pages/_includes/parts/modals/success.html | 2 +- src/pages/_includes/parts/nav/nav-aside.html | 2 +- src/pages/_includes/parts/tasks.html | 6 +- src/pages/_includes/ui/alert.html | 2 +- src/pages/_includes/ui/empty.html | 2 +- src/pages/_includes/ui/form/input-icon.html | 2 +- .../_includes/ui/progress-description.html | 2 +- src/pages/_includes/ui/table.html | 10 +- src/pages/cards.html | 12 +-- src/pages/job-listing.html | 8 +- src/pages/license.html | 4 +- src/pages/page-loader.html | 2 +- src/pages/pricing-table.html | 8 +- src/pages/settings-plan.html | 2 +- src/pages/sign-in-cover.html | 2 +- src/pages/sign-in-link.html | 4 +- src/pages/steps.html | 8 +- src/pages/trial-ended.html | 10 +- src/pages/typography.html | 17 +++- src/pages/users.html | 2 +- src/pages/wizard.html | 2 +- src/scss/_debug.scss | 2 +- src/scss/_variables-dark.scss | 2 +- src/scss/_variables.scss | 59 ++++++------ src/scss/layout/_dark.scss | 2 +- src/scss/layout/_page.scss | 8 +- src/scss/mixins/_mixins.scss | 2 +- src/scss/ui/_accordion.scss | 2 +- src/scss/ui/_alerts.scss | 2 +- src/scss/ui/_avatars.scss | 2 +- src/scss/ui/_breadcrumbs.scss | 2 +- src/scss/ui/_buttons.scss | 2 +- src/scss/ui/_calendars.scss | 2 +- src/scss/ui/_cards.scss | 8 +- src/scss/ui/_dropdowns.scss | 4 +- src/scss/ui/_empty.scss | 4 +- src/scss/ui/_forms.scss | 8 +- src/scss/ui/_lists.scss | 2 +- src/scss/ui/_modals.scss | 2 +- src/scss/ui/_nav.scss | 2 +- src/scss/ui/_pagination.scss | 2 +- src/scss/ui/_status.scss | 8 +- src/scss/ui/_timeline.scss | 2 +- src/scss/ui/forms/_form-check.scss | 6 +- src/scss/ui/forms/_form-imagecheck.scss | 2 +- src/scss/ui/forms/_form-selectgroup.scss | 2 +- src/scss/ui/typo/_hr.scss | 2 +- src/scss/vendor/_dropzone.scss | 2 +- src/scss/vendor/_litepicker.scss | 6 +- 125 files changed, 455 insertions(+), 432 deletions(-) create mode 100644 .changeset/gorgeous-windows-study.md diff --git a/.changeset/gorgeous-windows-study.md b/.changeset/gorgeous-windows-study.md new file mode 100644 index 000000000..81b06dda9 --- /dev/null +++ b/.changeset/gorgeous-windows-study.md @@ -0,0 +1,5 @@ +--- +"@tabler/core": minor +--- + +Update CSS class from `text-muted` to `text-secondary` for better Bootstrap compatibility diff --git a/docs/components/alerts.mdx b/docs/components/alerts.mdx index 67b48abcd..6e5579400 100644 --- a/docs/components/alerts.mdx +++ b/docs/components/alerts.mdx @@ -11,26 +11,26 @@ Depending on the information you need to convey, you can use one of the followin ```html example ``` ```html ``` @@ -65,7 +65,7 @@ Add the `x` close button to make an alert modal dismissible. Thanks to that, you

Wow! Everything worked!

-
Your account has been saved!
+
Your account has been saved!
@@ -82,7 +82,7 @@ Add the `x` close button to make an alert modal dismissible. Thanks to that, you

Did you know?

-
Here is something that you might like to know.
+
Here is something that you might like to know.
@@ -98,7 +98,7 @@ Add the `x` close button to make an alert modal dismissible. Thanks to that, you

Uh oh, something went wrong

-
Sorry! There was a problem with your request.
+
Sorry! There was a problem with your request.
@@ -115,7 +115,7 @@ Add the `x` close button to make an alert modal dismissible. Thanks to that, you

I'm so sorry…

-
Your account has been deleted and can't be restored.
+
Your account has been deleted and can't be restored.
@@ -131,7 +131,7 @@ Add the `x` close button to make an alert modal dismissible. Thanks to that, you

Wow! Everything worked!

-
Your account has been saved!
+
Your account has been saved!
@@ -153,7 +153,7 @@ Add an icon to your alert modal to make it more user-friendly and help users eas

Wow! Everything worked!

-
Your account has been saved!
+
Your account has been saved!
@@ -169,7 +169,7 @@ Add an icon to your alert modal to make it more user-friendly and help users eas

Did you know?

-
Here is something that you might like to know.
+
Here is something that you might like to know.
@@ -184,7 +184,7 @@ Add an icon to your alert modal to make it more user-friendly and help users eas

Uh oh, something went wrong

-
Sorry! There was a problem with your request.
+
Sorry! There was a problem with your request.
@@ -200,7 +200,7 @@ Add an icon to your alert modal to make it more user-friendly and help users eas

I'm so sorry…

-
Your account has been deleted and can't be restored.
+
Your account has been deleted and can't be restored.
@@ -215,7 +215,7 @@ Add an icon to your alert modal to make it more user-friendly and help users eas

Wow! Everything worked!

-
Your account has been saved!
+
Your account has been saved!
@@ -227,7 +227,7 @@ Add an icon to your alert modal to make it more user-friendly and help users eas

Did you know?

-
Here is something that you might like to know.
+
Here is something that you might like to know.
@@ -239,7 +239,7 @@ Add an icon to your alert modal to make it more user-friendly and help users eas

Uh oh, something went wrong

-
Sorry! There was a problem with your request.
+
Sorry! There was a problem with your request.
@@ -251,7 +251,7 @@ Add an icon to your alert modal to make it more user-friendly and help users eas

I'm so sorry…

-
Your account has been deleted and can't be restored.
+
Your account has been deleted and can't be restored.
diff --git a/docs/components/cards.mdx b/docs/components/cards.mdx index 8212a34ef..9dbc30f48 100644 --- a/docs/components/cards.mdx +++ b/docs/components/cards.mdx @@ -62,7 +62,7 @@ Add a title to your card by including the `.card-title` class within `.card-body

Card title

-

This is some text within a card body.

+

This is some text within a card body.

@@ -70,7 +70,7 @@ Add a title to your card by including the `.card-title` class within `.card-body

Card title

-

This is some text within a card body.

+

This is some text within a card body.

``` @@ -85,7 +85,7 @@ To create a more visually appealing card, add a title and an image. Thanks to th

Card with title and image

-

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima +

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima neque pariatur perferendis sed suscipit velit vitae voluptatem.

@@ -102,15 +102,15 @@ Add an image to your blog post card to make it eye-catching. You can do it by ad

How do you know she is a witch?

-
Are you suggesting that coconuts migrate? No, no, no! Yes, yes. A bit. But she's got a wart. You ...
+
Are you suggesting that coconuts migrate? No, no, no! Yes, yes. A bit. But she's got a wart. You ...
Maryjo Lebarree -
3 days ago
+
3 days ago
- + @@ -160,12 +160,12 @@ You can also add an image on the left side of the card. To do it, add the `.card
@@ -223,7 +223,7 @@ Add a status color to your card, either at the top or on the side of the card, t

Card with side status

-

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima +

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima neque pariatur perferendis sed suscipit velit vitae voluptatem.

@@ -237,7 +237,7 @@ Use the `card-stacked` class to stack up multiple cards, if you want to save scr

Stacked card

-

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima +

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima neque pariatur perferendis sed suscipit velit vitae voluptatem.

@@ -259,7 +259,7 @@ Organize multiple cards into tabs to be able to display more content in a well-o
Content of tab #1
-

+

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci, alias aliquid distinctio dolorem expedita, fugiat hic magni molestiae molestias odit.

@@ -267,7 +267,7 @@ Organize multiple cards into tabs to be able to display more content in a well-o
Content of tab #2
-

+

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci, alias aliquid distinctio dolorem expedita, fugiat hic magni molestiae molestias odit.

@@ -275,7 +275,7 @@ Organize multiple cards into tabs to be able to display more content in a well-o
Content of tab #3
-

+

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci, alias aliquid distinctio dolorem expedita, fugiat hic magni molestiae molestias odit.

@@ -283,7 +283,7 @@ Organize multiple cards into tabs to be able to display more content in a well-o
Content of tab #4
-

+

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci, alias aliquid distinctio dolorem expedita, fugiat hic magni molestiae molestias odit.

@@ -307,7 +307,7 @@ Organize multiple cards into tabs to be able to display more content in a well-o
Content of tab #1
-

+

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci, alias aliquid distinctio dolorem expedita, fugiat hic magni molestiae molestias odit.

@@ -316,7 +316,7 @@ Organize multiple cards into tabs to be able to display more content in a well-o
Content of tab #2
-

+

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci, alias aliquid distinctio dolorem expedita, fugiat hic magni molestiae molestias odit.

@@ -325,7 +325,7 @@ Organize multiple cards into tabs to be able to display more content in a well-o
Content of tab #3
-

+

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci, alias aliquid distinctio dolorem expedita, fugiat hic magni molestiae molestias odit.

@@ -334,7 +334,7 @@ Organize multiple cards into tabs to be able to display more content in a well-o
Content of tab #4
-

+

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci, alias aliquid distinctio dolorem expedita, fugiat hic magni molestiae molestias odit.

diff --git a/docs/components/dropdowns.mdx b/docs/components/dropdowns.mdx index a9860889c..497dae882 100644 --- a/docs/components/dropdowns.mdx +++ b/docs/components/dropdowns.mdx @@ -222,15 +222,15 @@ Use a dropdown with card content to make it easy for users to get more informati

How do you know she is a witch?

-
Are you suggesting that coconuts migrate? No, no, no! Yes, yes. A bit. But she's got a wart. You ...
+
Are you suggesting that coconuts migrate? No, no, no! Yes, yes. A bit. But she's got a wart. You ...
Maryjo Lebarree -
3 days ago
+
3 days ago

No results found

-

+

Try adjusting your search or filter to find what you're looking for.

@@ -44,7 +44,7 @@ Make your empty state screen more attractive and engaging by adding an illustrat

Invoices are managed from here

-

+

Try adjusting your search or filter to find what you're looking for.

@@ -68,7 +68,7 @@ Instead of adding an icon or illustration you can simply give the text:
404

Oops… You just found an error page

-

+

Try adjusting your search or filter to find what you're looking for.

@@ -89,7 +89,7 @@ Instead of adding an icon or illustration you can simply give the text:
404

Oops… You just found an error page

-

+

Try adjusting your search or filter to find what you're looking for.

diff --git a/docs/components/modals.mdx b/docs/components/modals.mdx index 04c7604b8..b006d2ad1 100644 --- a/docs/components/modals.mdx +++ b/docs/components/modals.mdx @@ -50,7 +50,7 @@ description: Use Bootstrap’s JavaScript modal plugin to add dialogs to your si

Are you sure?

-
Do you really want to remove 84 files? What you've done cannot be undone.
+
Do you really want to remove 84 files? What you've done cannot be undone.
@@ -66,9 +66,9 @@ The available timeline design is comprised of many components that will help you
-
1 day ago
+
1 day ago

+290 Page Likes

-

This is great, keep it up!

+

This is great, keep it up!

@@ -83,7 +83,7 @@ The available timeline design is comprised of many components that will help you
-
2 days ago
+
2 days ago

+3 Friend Requests

@@ -105,7 +105,7 @@ The available timeline design is comprised of many components that will help you
-
3 days ago
+
3 days ago

+2 New photos

@@ -134,9 +134,9 @@ The available timeline design is comprised of many components that will help you
-
2 weeks ago
+
2 weeks ago

System updated to v2.02

-

Check the complete changelog at the activity +

Check the complete changelog at the activity page.

@@ -152,9 +152,9 @@ The available timeline design is comprised of many components that will help you
-
10 hrs ago
+
10 hrs ago

+1150 Followers

-

You’re getting more and more followers, keep it up!

+

You’re getting more and more followers, keep it up!

@@ -164,9 +164,9 @@ The available timeline design is comprised of many components that will help you
-
2 hrs ago
+
2 hrs ago

+3 New Products were added!

-

Congratulations!

+

Congratulations!

@@ -176,9 +176,9 @@ The available timeline design is comprised of many components that will help you
-
1 day ago
+
1 day ago

Database backup completed!

-

Download the latest backup.

+

Download the latest backup.

@@ -188,9 +188,9 @@ The available timeline design is comprised of many components that will help you
-
1 day ago
+
1 day ago

+290 Page Likes

-

This is great, keep it up!

+

This is great, keep it up!

@@ -200,7 +200,7 @@ The available timeline design is comprised of many components that will help you
-
2 days ago
+
2 days ago

+3 Friend Requests

@@ -219,7 +219,7 @@ The available timeline design is comprised of many components that will help you
-
3 days ago
+
3 days ago

+2 New photos

@@ -244,9 +244,9 @@ The available timeline design is comprised of many components that will help you
-
2 weeks ago
+
2 weeks ago

System updated to v2.02

-

Check the complete changelog at the activity +

Check the complete changelog at the activity page.

@@ -269,9 +269,9 @@ Use a simplified version of the timeline, if it suits your design better. You ca
-
10 hrs ago
+
10 hrs ago

+1150 Followers

-

You’re getting more and more followers, keep it up!

+

You’re getting more and more followers, keep it up!

@@ -287,9 +287,9 @@ Use a simplified version of the timeline, if it suits your design better. You ca
-
2 hrs ago
+
2 hrs ago

+3 New Products were added!

-

Congratulations!

+

Congratulations!

@@ -302,9 +302,9 @@ Use a simplified version of the timeline, if it suits your design better. You ca
-
1 day ago
+
1 day ago

Database backup completed!

-

Download the latest backup.

+

Download the latest backup.

@@ -317,9 +317,9 @@ Use a simplified version of the timeline, if it suits your design better. You ca
-
1 day ago
+
1 day ago

+290 Page Likes

-

This is great, keep it up!

+

This is great, keep it up!

@@ -334,7 +334,7 @@ Use a simplified version of the timeline, if it suits your design better. You ca
-
2 days ago
+
2 days ago

+3 Friend Requests

@@ -356,7 +356,7 @@ Use a simplified version of the timeline, if it suits your design better. You ca
-
3 days ago
+
3 days ago

+2 New photos

@@ -385,9 +385,9 @@ Use a simplified version of the timeline, if it suits your design better. You ca
-
2 weeks ago
+
2 weeks ago

System updated to v2.02

-

Check the complete changelog at the activity +

Check the complete changelog at the activity page.

@@ -403,9 +403,9 @@ Use a simplified version of the timeline, if it suits your design better. You ca
-
10 hrs ago
+
10 hrs ago

+1150 Followers

-

You’re getting more and more followers, keep it up!

+

You’re getting more and more followers, keep it up!

@@ -415,9 +415,9 @@ Use a simplified version of the timeline, if it suits your design better. You ca
-
2 hrs ago
+
2 hrs ago

+3 New Products were added!

-

Congratulations!

+

Congratulations!

@@ -427,9 +427,9 @@ Use a simplified version of the timeline, if it suits your design better. You ca
-
1 day ago
+
1 day ago

Database backup completed!

-

Download the latest backup.

+

Download the latest backup.

@@ -439,9 +439,9 @@ Use a simplified version of the timeline, if it suits your design better. You ca
-
1 day ago
+
1 day ago

+290 Page Likes

-

This is great, keep it up!

+

This is great, keep it up!

@@ -451,7 +451,7 @@ Use a simplified version of the timeline, if it suits your design better. You ca
-
2 days ago
+
2 days ago

+3 Friend Requests

@@ -470,7 +470,7 @@ Use a simplified version of the timeline, if it suits your design better. You ca
-
3 days ago
+
3 days ago

+2 New photos

@@ -495,9 +495,9 @@ Use a simplified version of the timeline, if it suits your design better. You ca
-
2 weeks ago
+
2 weeks ago

System updated to v2.02

-

Check the complete changelog at the activity +

Check the complete changelog at the activity page.

diff --git a/docs/components/tracking.mdx b/docs/components/tracking.mdx index 18e66b5d1..1866e5d2d 100644 --- a/docs/components/tracking.mdx +++ b/docs/components/tracking.mdx @@ -61,7 +61,7 @@ You can add a tracking component inside the cards to give your reports a fresh l
Status monitoring