View on GitHub

Migrating to recent versions

Track and review changes to the OUDS Web source files, documentation, and components to help you migrate from previous versions.

On this page

v0.0.3

Pre-compiled versions

From now on, OUDS Web won’t embed Bootstrap elements that are not part of Orange Unified Design System. However, you can still use our Bootstrap compatibility mode by using ouds-web-bootstrap.css and ouds-web-bootstrap.min.css.

Utilities

Opacity

  • New Opacity utilities: .opacity-transparent, .opacity-weaker, .opacity-weak, .opacity-medium, .opacity-emphasis and .opacity-opaque.

CSS and Sass variables

  • New $enable-bootstrap-compatibility option set to false by default. This option allows you to compile the Sass files with a Bootstrap compatibility mode.

    • For instance, without the Bootstrap compatibility mode, you won’t have the opacity Bootstrap utilities such as opacity-0, opacity-1, opacity-50, etc. You will only have the semantic OUDS Web utilities such as opacity-transparent, opacity-weaker, opacity-weak, etc.

  • New OUDS Web fully implements the design tokens. If you were using the Sass compilation, you must import the new Sass files before the variables.

    See the new import stack 
      @import "functions";
+ @import "tokens/raw";
+ @import "tokens/semantic";
+ @import "tokens/component";
  @import "variables";
  @import "variables-dark";
  // etc
  • New Sass variables:
    • $ouds-opacity-0
    • $ouds-opacity-100
    • $ouds-opacity-300
    • $ouds-opacity-500
    • $ouds-opacity-700
    • $ouds-opacity-900
  • New Sass maps:
    • $ouds-opacities

v0.0.1

OUDS Web v0.0.1 has landed, and is based and compatible with Bootstrap v5.3.3.

If you need more details about the changes, please refer to the v0.0.1 release.

v0.0.0

OUDS Web v0.0.0 has landed, and is based and compatible with Bootstrap v5.3.3.