Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[OUDS] Docs: Drop all 'deprecated in' and 'added in' messages #2588

Merged
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 0 additions & 4 deletions site/content/docs/5.3/components/accordion.md
Original file line number Diff line number Diff line change
Expand Up @@ -206,8 +206,6 @@ Omit the `data-bs-parent` attribute on each `.accordion-collapse` to make accord

## Dark variant

{{< deprecated-in "5.3.3" >}}

{{< callout-deprecated-dark-variants "accordion" >}}

## Accessibility
Expand All @@ -218,8 +216,6 @@ Please read the [collapse accessibility section]({{< docsref "/components/collap

### Variables

{{< added-in "5.2.0" >}}

As part of Boosted's evolving CSS variables approach, accordions now use local CSS variables on `.accordion` for enhanced real-time customization. Values for the CSS variables are set via Sass, so Sass customization is still supported, too.

{{< scss-docs name="accordion-css-vars" file="scss/_accordion.scss" >}}
Expand Down
6 changes: 0 additions & 6 deletions site/content/docs/5.3/components/alerts.md
Original file line number Diff line number Diff line change
Expand Up @@ -131,16 +131,12 @@ When an alert is dismissed, the element is completely removed from the page stru

## Dark variant

{{< deprecated-in "5.3.3" >}}

{{< callout-deprecated-dark-variants "alert" >}}

## CSS

### Variables

{{< added-in "5.2.0" >}}

As part of Boosted's evolving CSS variables approach, alerts now use local CSS variables on `.alert` for enhanced real-time customization. Values for the CSS variables are set via Sass, so Sass customization is still supported, too.

{{< scss-docs name="alert-css-vars" file="scss/_alert.scss" >}}
Expand All @@ -155,8 +151,6 @@ Customization through CSS variables can be seen on the `.alert-sm` class where w

### Sass mixins

{{< deprecated-in "5.3.0" >}}

{{< scss-docs name="alert-variant-mixin" file="scss/mixins/_alert.scss" >}}

### Sass loops
Expand Down
2 changes: 0 additions & 2 deletions site/content/docs/5.3/components/back-to-top.md
Original file line number Diff line number Diff line change
Expand Up @@ -86,8 +86,6 @@ Use a `title` attribute instead of `data-bs-label` to ensure a visible label is

### Variables

{{< added-in "5.2.0" >}}

As part of Boosted's evolving CSS variables approach, Back to tops now use local CSS variables on `.back-to-top` for enhanced real-time customization. Values for the CSS variables are set via Sass, so Sass customization is still supported, too.

{{< scss-docs name="back-to-top-css-vars" file="scss/_back-to-top.scss" >}}
Expand Down
4 changes: 0 additions & 4 deletions site/content/docs/5.3/components/badge.md
Original file line number Diff line number Diff line change
Expand Up @@ -76,8 +76,6 @@ Please refer to our Boosted [Navbars]({{< docsref "/examples/navbars" >}}) examp

## Background colors

{{< added-in "5.2.0" >}}

{{< design-callout-alert >}}
These component variants should not be used because they do not exist in the Orange Design System specifications.
{{< /design-callout-alert >}}
Expand Down Expand Up @@ -116,8 +114,6 @@ Instead, consider using our Boosted [Tags]({{< docsref "/components/tags" >}}).

### Variables

{{< added-in "5.2.0" >}}

As part of Boosted's evolving CSS variables approach, badges now use local CSS variables on `.badge` for enhanced real-time customization. Values for the CSS variables are set via Sass, so Sass customization is still supported, too.

{{< scss-docs name="badge-css-vars" file="scss/_badge.scss" >}}
Expand Down
4 changes: 0 additions & 4 deletions site/content/docs/5.3/components/breadcrumb.md
Original file line number Diff line number Diff line change
Expand Up @@ -98,8 +98,6 @@ $breadcrumb-divider: none;
<!-- Boosted mod: Dark variant -->
## Dark variant

{{< deprecated-in "5.3.3" >}}

{{< callout-deprecated-dark-variants "breadcrumb" >}}
<!-- End mod -->

Expand All @@ -113,8 +111,6 @@ For more information, see the [ARIA Authoring Practices Guide breadcrumb pattern

### Variables

{{< added-in "5.2.0" >}}

As part of Boosted's evolving CSS variables approach, breadcrumbs now use local CSS variables on `.breadcrumb` for enhanced real-time customization. Values for the CSS variables are set via Sass, so Sass customization is still supported, too.

{{< scss-docs name="breadcrumb-css-vars" file="scss/_breadcrumb.scss" >}}
Expand Down
4 changes: 0 additions & 4 deletions site/content/docs/5.3/components/buttons.md
Original file line number Diff line number Diff line change
Expand Up @@ -161,8 +161,6 @@ Supported social networks are declared in a dedicated Sass map—meaning you're

## Dark variant

{{< deprecated-in "5.3.3" >}}

{{< callout-deprecated-dark-variants "btn" >}}
<!-- End mod -->

Expand Down Expand Up @@ -380,8 +378,6 @@ document.querySelectorAll('.btn').forEach(buttonElement => {

### Variables

{{< added-in "5.2.0" >}}

As part of Boosted's evolving CSS variables approach, buttons now use local CSS variables on `.btn` for enhanced real-time customization. Values for the CSS variables are set via Sass, so Sass customization is still supported, too.

{{< scss-docs name="btn-css-vars" file="scss/_buttons.scss" >}}
Expand Down
4 changes: 0 additions & 4 deletions site/content/docs/5.3/components/card.md
Original file line number Diff line number Diff line change
Expand Up @@ -419,8 +419,6 @@ Cards include various options for customizing their backgrounds, borders, and co

### Background and color

{{< added-in "5.2.0" >}}

Set a `background-color` with contrasting foreground `color` with [our `.text-bg-{color}` helpers]({{< docsref "helpers/color-background" >}}). Previously it was required to manually pair your choice of [`.text-{color}`]({{< docsref "/utilities/colors" >}}) and [`.bg-{color}`]({{< docsref "/utilities/background" >}}) utilities for styling, which you still may use if you prefer.

{{< example >}}
Expand Down Expand Up @@ -739,8 +737,6 @@ In `v4` we used a CSS-only technique to mimic the behavior of [Masonry](https://

### Variables

{{< added-in "5.2.0" >}}

As part of Boosted's evolving CSS variables approach, cards now use local CSS variables on `.card` for enhanced real-time customization. Values for the CSS variables are set via Sass, so Sass customization is still supported, too.

{{< scss-docs name="card-css-vars" file="scss/_card.scss" >}}
Expand Down
2 changes: 0 additions & 2 deletions site/content/docs/5.3/components/carousel.md
Original file line number Diff line number Diff line change
Expand Up @@ -102,8 +102,6 @@ Carousel progress indicator is paused under multiple conditions:
<!-- Boosted mod -->
### With pause/play button

{{< added-in "5.2.0" >}}

Adding a pause and play button is recommended to setup an accessible carousel.
When using this button, do not forget to turn off the pause on hover by adding `data-bs-pause="false"` to your carousel.

Expand Down
4 changes: 0 additions & 4 deletions site/content/docs/5.3/components/close-button.md
Original file line number Diff line number Diff line change
Expand Up @@ -26,8 +26,6 @@ Disabled close buttons change their `color`. We've also applied `pointer-events:

## Dark variant

{{< deprecated-in "5.3.3" >}}

{{< callout-deprecated-dark-variants "btn-close" >}}

## Eco-design variant
Expand Down Expand Up @@ -66,8 +64,6 @@ If you choose this option, please be aware that if the design of close buttons c

### Variables

{{< added-in "5.2.1" >}}

As part of Boosted’s evolving CSS variables approach, close button now use local CSS variables on `.btn-close` for enhanced real-time customization. Values for the CSS variables are set via Sass, so Sass customization is still supported, too.

{{< scss-docs name="close-css-vars" file="scss/_close.scss" >}}
Expand Down
4 changes: 0 additions & 4 deletions site/content/docs/5.3/components/dropdowns.md
Original file line number Diff line number Diff line change
Expand Up @@ -393,8 +393,6 @@ Please refer to the [Dropdown](https://system.design.orange.com/0c1af118d/p/910b

## Dark dropdowns

{{< deprecated-in "5.3.3" >}}

{{< callout-deprecated-dark-variants "dropdown-menu" >}}

## Directions
Expand Down Expand Up @@ -1023,8 +1021,6 @@ The 3 last auto close behavior variants should not be used because featuring a s

### Variables

{{< added-in "5.2.0" >}}

As part of Boosted's evolving CSS variables approach, dropdowns now use local CSS variables on `.dropdown-menu` for enhanced real-time customization. Values for the CSS variables are set via Sass, so Sass customization is still supported, too.

{{< scss-docs name="dropdown-css-vars" file="scss/_dropdown.scss" >}}
Expand Down
2 changes: 0 additions & 2 deletions site/content/docs/5.3/components/footer.md
Original file line number Diff line number Diff line change
Expand Up @@ -6,8 +6,6 @@ group: components
aliases:
- "/docs/components/footer/"
toc: true
added:
version: "5.2"
---

## How it works
Expand Down
6 changes: 0 additions & 6 deletions site/content/docs/5.3/components/list-group.md
Original file line number Diff line number Diff line change
Expand Up @@ -335,17 +335,13 @@ You can use `.stretched-link` on `<label>`s to make the whole list group item cl
<!-- Boosted mod -->
## Dark variant

{{< deprecated-in "5.3.3" >}}

{{< callout-deprecated-dark-variants "list-group" >}}
<!-- End mod -->

## CSS

### Variables

{{< added-in "5.2.0" >}}

As part of Boosted's evolving CSS variables approach, list groups now use local CSS variables on `.list-group` for enhanced real-time customization. Values for the CSS variables are set via Sass, so Sass customization is still supported, too.

{{< scss-docs name="list-group-css-vars" file="scss/_list-group.scss" >}}
Expand All @@ -356,8 +352,6 @@ As part of Boosted's evolving CSS variables approach, list groups now use local

### Sass mixins

{{< deprecated-in "5.3.0" >}}

{{< scss-docs name="list-group-mixin" file="scss/mixins/_list-group.scss" >}}

### Sass loops
Expand Down
4 changes: 0 additions & 4 deletions site/content/docs/5.3/components/local-navigation.md
Original file line number Diff line number Diff line change
Expand Up @@ -6,8 +6,6 @@ group: components
aliases:
- "/docs/components/local-navigation/"
toc: true
added:
version: "5.3"
---

## Example
Expand Down Expand Up @@ -38,8 +36,6 @@ Since the component is supposed to be rendered on a full-size page, there are so

## Dark variant

{{< deprecated-in "5.3.3" >}}

{{< callout-deprecated-dark-variants "local-nav" >}}

## CSS
Expand Down
2 changes: 0 additions & 2 deletions site/content/docs/5.3/components/modal.md
Original file line number Diff line number Diff line change
Expand Up @@ -820,8 +820,6 @@ Please refer to the [Modals](https://system.design.orange.com/0c1af118d/p/16d9f3

### Variables

{{< added-in "5.2.0" >}}

As part of Boosted's evolving CSS variables approach, modals now use local CSS variables on `.modal`, `.modal-dialog-scrollable` and `.modal-backdrop` for enhanced real-time customization. Values for the CSS variables are set via Sass, so Sass customization is still supported, too.

{{< scss-docs name="modal-css-vars" file="scss/_modal.scss" >}}
Expand Down
2 changes: 0 additions & 2 deletions site/content/docs/5.3/components/navbar.md
Original file line number Diff line number Diff line change
Expand Up @@ -770,8 +770,6 @@ When using offcanvas in a dark navbar, be aware that you may need to have a dark

### Variables

{{< added-in "5.2.0" >}}

As part Boosted's evolving CSS variables approach, navbars now use local CSS variables on `.navbar` for enhanced real-time customization. Values for the CSS variables are set via Sass, so Sass customization is still supported, too.

{{< scss-docs name="navbar-css-vars" file="scss/_navbar.scss" >}}
Expand Down
6 changes: 0 additions & 6 deletions site/content/docs/5.3/components/navs-tabs.md
Original file line number Diff line number Diff line change
Expand Up @@ -204,8 +204,6 @@ If you want it to wrap nicely on lower breakpoints, consider using [our Local Na
<!-- Boosted mod -->
### Nested tabs

{{< added-in "5.2.0" >}}

Nav tabs light is nested in a tab for adding a level of depth in information organization.

{{< example >}}
Expand Down Expand Up @@ -406,8 +404,6 @@ This variant should not be used because it is a button component in the Orange D

### Variables

{{< added-in "5.2.0" >}}

As part of Boosted's evolving CSS variables approach, navs now use local CSS variables on `.nav`, `.nav-tabs`, and `.nav-pills` for enhanced real-time customization. Values for the CSS variables are set via Sass, so Sass customization is still supported, too.

On the `.nav` base class:
Expand All @@ -426,8 +422,6 @@ On the `.tab-content` modifier class:

{{< scss-docs name="tab-content-css-vars" file="scss/_nav.scss" >}}

{{< added-in "5.3.0" >}}

On the `.nav-underline` modifier class:

{{< scss-docs name="nav-underline-css-vars" file="scss/_nav.scss" >}}
Expand Down
6 changes: 0 additions & 6 deletions site/content/docs/5.3/components/offcanvas.md
Original file line number Diff line number Diff line change
Expand Up @@ -146,14 +146,10 @@ When backdrop is set to static, the offcanvas will not close when clicking outsi

## Dark offcanvas

{{< deprecated-in "5.3.3" >}}

{{< callout-deprecated-dark-variants "offcanvas" >}}

## Responsive

{{< added-in "5.2.0" >}}

Responsive offcanvas classes hide content outside the viewport from a specified breakpoint and down. Above that breakpoint, the contents within will behave as usual. For example, `.offcanvas-lg` hides content in an offcanvas below the `lg` breakpoint, but shows the content above the `lg` breakpoint.

{{< example stackblitz_add_js="true" >}}
Expand Down Expand Up @@ -245,8 +241,6 @@ Since the offcanvas panel is conceptually a modal dialog, be sure to add `aria-l

### Variables

{{< added-in "5.2.0" >}}

As part of Bootstrap's evolving CSS variables approach, offcanvas now uses local CSS variables on `.offcanvas` for enhanced real-time customization. Values for the CSS variables are set via Sass, so Sass customization is still supported, too.

{{< scss-docs name="offcanvas-css-vars" file="scss/_offcanvas.scss" >}}
Expand Down
4 changes: 0 additions & 4 deletions site/content/docs/5.3/components/orange-navbar.md
Original file line number Diff line number Diff line change
Expand Up @@ -6,8 +6,6 @@ group: components
aliases:
- "/docs/components/orange-navbar/"
toc: true
added:
version: "5.2"
---

## How it works
Expand Down Expand Up @@ -536,8 +534,6 @@ It should be visible only for the larger screens (`lg` to `xxl` breakpoints) usi

### Variables

{{< added-in "5.2.0" >}}

As part of Boosted's evolving CSS variables approach, orange navbars now use local CSS variables on `.navbar` for enhanced real-time customization. Values for the CSS variables are set via Sass, so Sass customization is still supported, too.

{{< scss-docs name="navbar-css-vars" file="scss/_navbar.scss" >}}
Expand Down
4 changes: 0 additions & 4 deletions site/content/docs/5.3/components/pagination.md
Original file line number Diff line number Diff line change
Expand Up @@ -146,17 +146,13 @@ To avoid pagination wrapping or overflowing, we limit the number or pagination i

## Dark variant

{{< deprecated-in "5.3.3" >}}

{{< callout-deprecated-dark-variants "pagination" >}}
<!-- End mod -->

## CSS

### Variables

{{< added-in "5.2.0" >}}

As part of Boosted's evolving CSS variables approach, pagination now uses local CSS variables on `.pagination` for enhanced real-time customization. Values for the CSS variables are set via Sass, so Sass customization is still supported, too.

{{< scss-docs name="pagination-css-vars" file="scss/_pagination.scss" >}}
Expand Down
2 changes: 0 additions & 2 deletions site/content/docs/5.3/components/placeholders.md
Original file line number Diff line number Diff line change
Expand Up @@ -6,8 +6,6 @@ group: components
aliases:
- "/docs/components/placeholders/"
toc: true
added:
version: "5.1"
---

## About
Expand Down
4 changes: 0 additions & 4 deletions site/content/docs/5.3/components/popovers.md
Original file line number Diff line number Diff line change
Expand Up @@ -98,8 +98,6 @@ const popover = new boosted.Popover('.example-popover', {

### Custom popovers

{{< added-in "5.2.0" >}}

You can customize the appearance of popovers using [CSS variables](#variables). We set a custom class with `data-bs-custom-class="custom-popover"` to scope our custom appearance and use it to override some of the local CSS variables.

{{< scss-docs name="custom-popovers" file="site/assets/scss/_component-examples.scss" >}}
Expand Down Expand Up @@ -148,8 +146,6 @@ For disabled popover triggers, you may also prefer `data-bs-trigger="hover focus

### Variables

{{< added-in "5.2.0" >}}

As part of Boosted's evolving CSS variables approach, popovers now use local CSS variables on `.popover` for enhanced real-time customization. Values for the CSS variables are set via Sass, so Sass customization is still supported, too.

{{< scss-docs name="popover-css-vars" file="scss/_popover.scss" >}}
Expand Down
2 changes: 0 additions & 2 deletions site/content/docs/5.3/components/progress.md
Original file line number Diff line number Diff line change
Expand Up @@ -226,8 +226,6 @@ Please refer to the [Progress bar](https://system.design.orange.com/0c1af118d/p/

### Variables

{{< added-in "5.2.0" >}}

As part of Boosted's evolving CSS variables approach, progress bars now use local CSS variables on `.progress` for enhanced real-time customization. Values for the CSS variables are set via Sass, so Sass customization is still supported, too.

{{< scss-docs name="progress-css-vars" file="scss/_progress.scss" >}}
Expand Down
4 changes: 0 additions & 4 deletions site/content/docs/5.3/components/spinners.md
Original file line number Diff line number Diff line change
Expand Up @@ -55,8 +55,6 @@ The border spinner uses `currentColor` for its `border-color`, meaning you can c

## Growing spinner

{{< added-in "5.2.0" >}}

If you don't fancy a border spinner, switch to the grow spinner. While it doesn't technically spin, it does repeatedly grow!

{{< example >}}
Expand Down Expand Up @@ -184,8 +182,6 @@ Use spinners within buttons to indicate an action is currently processing or tak

### Variables

{{< added-in "5.2.0" >}}

As part of Boosted's evolving CSS variables approach, spinners now use local CSS variables on `.spinner-border` and `.spinner-grow` for enhanced real-time customization. Values for the CSS variables are set via Sass, so Sass customization is still supported, too.

Border spinner variables:
Expand Down
4 changes: 0 additions & 4 deletions site/content/docs/5.3/components/stepped-process.md
Original file line number Diff line number Diff line change
Expand Up @@ -47,16 +47,12 @@ Add `.active` to a `.stepped-process-item` to indicate the current step, alongsi

## Dark variant

{{< deprecated-in "5.3.3" >}}

{{< callout-deprecated-dark-variants "stepped-process" >}}

## CSS

### Variables

{{< added-in "5.2.0" >}}

As part of Boosted's evolving CSS variables approach, stepped processes now use local CSS variables on `.stepped-process` for enhanced real-time customization. Values for the CSS variables are set via Sass, so Sass customization is still supported, too.

{{< scss-docs name="stepped-process-css-vars" file="scss/_stepped-process.scss" >}}
Expand Down
Loading
Loading