Merge branch 'main' of https://github.com/coreui/coreui

Author: mrholek

README.md

@@ -7,9 +7,9 @@
 <h3 align="center">CoreUI</h3>
 
 <p align="center">
-  Open Source UI Components Library built on top of Bootstrap 5.
+  An advanced UI library based on Bootstrap 5 – CoreUI extends Bootstrap with PRO components, and ready-to-use admin templates for React, Angular, Vue, and more.
   <br>
-  <a href="https://coreui.io/docs/"><strong>Explore CoreUI docs »</strong></a>
+  <a href="https://coreui.io/bootstrap/docs/"><strong>Explore CoreUI docs »</strong></a>
   <br>
   <br>
   <a href="https://github.com/coreui/coreui/issues/new?template=bug_report.md">Report bug</a>
@@ -84,15 +84,18 @@ Read the [Getting started page](https://coreui.io/docs/getting-started/introduct
 - [Bootstrap Navbar](https://coreui.io/bootstrap/docs/components/navbar/)
 - [Bootstrap Offcanvas](https://coreui.io/bootstrap/docs/components/offcanvas/)
 - [Bootstrap Pagination](https://coreui.io/bootstrap/docs/components/pagination/)
+- [Bootstrap Password Input](https://coreui.io/bootstrap/docs/forms/password-input/) **PRO**
 - [Bootstrap Placeholder](https://coreui.io/bootstrap/docs/components/placeholder/)
 - [Bootstrap Popover](https://coreui.io/bootstrap/docs/components/popover/)
 - [Bootstrap Progress](https://coreui.io/bootstrap/docs/components/progress/)
 - [Bootstrap Radio](https://coreui.io/bootstrap/docs/forms/radio/)
 - [Bootstrap Range](https://coreui.io/bootstrap/docs/forms/range/)
+- [Bootstrap Range Slider](https://coreui.io/bootstrap/docs/forms/range-slider/) **PRO**
 - [Bootstrap Rating](https://coreui.io/bootstrap/docs/forms/rating/) **PRO**
 - [Bootstrap Select](https://coreui.io/bootstrap/docs/forms/select/)
 - [Bootstrap Sidebar](https://coreui.io/bootstrap/docs/components/sidebar/)
 - [Bootstrap Spinner](https://coreui.io/bootstrap/docs/components/spinner/)
+- [Bootstrap Stepper](https://coreui.io/bootstrap/docs/forms/stepper/) **PRO**
 - [Bootstrap Switch](https://coreui.io/bootstrap/docs/forms/switch/)
 - [Bootstrap Table](https://coreui.io/bootstrap/docs/content/tables/)
 - [Bootstrap Textarea](https://coreui.io/bootstrap/docs/forms/textarea/)

docs/content/components/alerts.md

@@ -1,5 +1,5 @@
 #### Asynchronous methods and transitions
 
-All API methods are **asynchronous** and start a **transition**. They return to the caller as soon as the transition is started but **before it ends**. In addition, a method call on a **transitioning component will be ignored**.
+All our API methods are **asynchronous** and initiate a **transition**. They return to the caller as soon as the transition begins but **before it concludes**. Furthermore, a method call on a **transitioning component will be ignored**.
 
-[See our JavaScript documentation for more information](/getting-started/javascript/#asynchronous-functions-and-transitions).
+[Refer to our JavaScript documentation for further details](/getting-started/javascript/#asynchronous-functions-and-transitions).

docs/content/components/tooltips.md

@@ -1 +1 @@
-The animation effect of this component is dependent on the `prefers-reduced-motion` media query. See the [reduced motion section of our accessibility documentation](/getting-started/accessibility/#reduced-motion).
+This component's animation effect relies on the `prefers-reduced-motion` media query. For more information, refer to the [reduced motion section of our accessibility documentation](/getting-started/accessibility/#reduced-motion).

docs/layouts/partials/callouts/danger-async-methods.md

@@ -1 +1 @@
-By default, this component uses the built-in content sanitizer, which strips out any HTML elements that are not explicitly allowed. See the [sanitizer section in our JavaScript documentation](/getting-started/javascript/#sanitizer) for more details.
+By default, this component utilizes the built-in content sanitizer, which removes any HTML elements that are not explicitly allowed. Refer to the [sanitizer section in our JavaScript documentation](/getting-started/javascript/#sanitizer) for more details.

docs/layouts/partials/callouts/info-prefersreducedmotion.md

@@ -1,3 +1,3 @@
 ##### Conveying meaning to assistive technologies
 
-Using color to add meaning only provides a visual indication, which will not be conveyed to users of assistive technologies – such as screen readers. Ensure that information denoted by the color is either obvious from the content itself (e.g. the visible text), or is included through alternative means, such as additional text hidden with the `.visually-hidden` class.
+Relying on color to convey meaning creates a visual cue that assistive technologies, like screen readers, cannot perceive. It's essential that any information represented by color is either apparent from the content itself (e.g., the visible text) or supplemented by alternative methods, such as extra text using the `.visually-hidden` class.

docs/layouts/partials/callouts/info-sanitizer.md

@@ -1 +1 @@
-Feel free to use either `title` or `data-coreui-title` in your HTML. When `title` is used, Popper will replace it automatically with `data-coreui-title` when the element is rendered.
+You can choose to use either `title` or `data-coreui-title` in your HTML. If you opt for `title,` Popper will automatically change it to `data-coreui-title` upon rendering the element.

docs/layouts/partials/callouts/warning-color-assistive-technologies.md

@@ -1,3 +1,3 @@
-As options can be passed via data attributes or JavaScript, you can append an option name to `data-coreui-`, as in `data-coreui-animation="{value}"`. Make sure to change the case type of the option name from "_camelCase_" to "_kebab-case_" when passing the options via data attributes. For example, use `data-coreui-custom-class="beautifier"` instead of `data-coreui-customClass="beautifier"`.
+Options can be passed using data attributes or JavaScript. To do this, append an option name to `data-coreui-`, such as `data-coreui-animation="{value}"`. Remember to convert the case of the option name from "_camelCase_" to "_kebab-case_" when using data attributes. For instance, you should write `data-coreui-custom-class="beautifier"` rather than `data-coreui-customClass="beautifier"`.
 
-As of CoreUI 4.2.0, all components support an **experimental** reserved data attribute `data-coreui-config` that can house simple component configuration as a JSON string. When an element has `data-coreui-config='{"delay":0, "title":123}'` and `data-coreui-title="456"` attributes, the final `title` value will be `456` and the separate data attributes will override values given on `data-coreui-config`. In addition, existing data attributes are able to house JSON values like `data-coreui-delay='{"show":0,"hide":150}'`.
+Starting with CoreUI 4.2.0, all components support an **experimental** reserved data attribute named `data-coreui-config`, which can contain simple component configurations as a JSON string. If an element has attributes `data-coreui-config='{"delay":50, "title":689}'` and `data-coreui-title="Custom Title"`, then the final value for `title` will be `Custom Title`, as the standard data attributes will take precedence over values specified in `data-coreui-config`. Moreover, existing data attributes can also hold JSON values like `data-coreui-delay='{"show":50, "hide":250}'`.

docs/layouts/partials/callouts/warning-data-bs-title-vs-title.md

@@ -1 +1 @@
-{{- .Inner | markdownify -}}
+{{ .Inner | htmlUnescape | markdownify }}

docs/layouts/partials/js-data-attributes.md

@@ -231,7 +231,8 @@
     border: var(--#{$prefix}nav-enclosed-link-border-width) solid transparent;
     @include border-radius(calc(var(--#{$prefix}nav-enclosed-border-radius) - var(--#{$prefix}nav-enclosed-padding)));
 
-    &.disabled {
+    &.disabled,
+    &:disabled {
       color: var(--#{$prefix}nav-enclosed-link-disabled-color);
     }
   }