[OUDS] [TRACKING] Backlog to be functionally equivalent to Boosted

Description

This tracking issue can be seen as a backlog of things to develop so that OUDS Web is functionally equivalent to Boosted in terms of features, documentation, packaging, and many other things.
Most of these elements have been removed temporarily when creating the branch for OUDS Web; they existed before in Boosted or Bootstrap, and will probably need to be reintegrated at some point. At least, if they don't, we must decide explicitly that they shouldn't be integrated.

Ready to dev

Make Algolia and search work
- Might be an issue caused by site/assets/js/search.js with the liveUrl targeting web.unified-design-system.orange.com?
Determine what we do with Meteor define in package.js. Do we keep it? Do we need this package.js file?
Take into account this comment: #2647 (review)

Storybook

Warning

Blocked by web.unified-design-system.orange.com not being properly set-up

Error while rendering https://orange-opensource.github.io/Orange-Boosted-Bootstrap/ouds-web/storybook. Due to .storybook/preview-head.html configured to use https://web.unified-design-system.orange.com/docs/0.0/assets/css/docs.css. Should be fixed automatically.
Reintegrate ods.web parameter in hugo.yml with the new value

Documentation

Note

As soon as boosted-sprite.svg must be reintegrated, mention it in the NOTICE.txt

About

About > Brand (Boosted / Bootstrap)
- Do we reintegrate the OBS logos? If so, reintegrate site/static/docs/**/assets/brand/OBS-* and mention them in the NOTICE.txt file.
- site/static/docs/**/assets/brand/orange-logo-formatted.svg must be reintegrated and mentioned in the NOTICE.txt file
About > Overview: (Boosted / Bootstrap)

Content

Content > Figures: (Boosted / Bootstrap)
Content > Images: (Boosted / Bootstrap)
Content > Reboot: (Boosted / Bootstrap)
- Replace opacity-* by sementic name in horizontal rules
Content > Tables: (Boosted / Bootstrap)
Content > Typography: (Boosted / Bootstrap)

Customize

Dark mode

Dark mode: (Boosted)

Extend

Extend > Approach: (Boosted / Bootstrap)
- #2650
- Handle comment whenever .d-none and .d.md-none classes, and responsive concepts are there
- Handle comment whenever buttons are developed
- Handle comment whenever z-index is developed
- Handle comment whenever /getting-started/javascript#data-attributes is there
- Handle comment whenever utilities such as .d-block are there
Extend > Icons: (Boosted / Bootstrap)
- If site/static/docs/**/assets/img/boosted-warning.svg needs to be reintegrated, mention it in the NOTICE.txt file
- icons* properties from hugo.yml were used in this page. If not anymore, drop them from hugo.yml.

Getting Started

Orange Design System for web

Orange Design System for web
- Add the link to the header
- Reintegrate or remove site/data/design-guidelines.yml
- Possibly reintegrate site/static/docs/**/assets/img/platforms/* images, and mention them in the NOTICE.txt

Helpers

Layout

Utilities

Components

Forms

Examples

Note

For all examples, some data are handled in site/data/examples.yml

Caution

As soon as the first example is reintegrated, please remove the "Fake" example from the source code

First 0.1 version

Prepare the versions select to handle minor and major versions
- See site/data/docs-versions.yml

First version releases ready to be shared

In gh-pages, double-check the robots.txt file to maybe remove this rule: Disallow: /ouds-web/*
"Deprecated in" and "Added in" messages (see #2588) to use
Verify that all shortcodes are used, otherwise, delete them
Verify that all partials are used, otherwise, delete them
- WARN Template _default/_markup/render-image.html is unused, source file /site/layouts/_default/_markup/render-image.html
- WARN Template partials/callouts/danger-async-methods.md is unused, source file /site/layouts/partials/callouts/danger-async-methods.md
- WARN Template partials/callouts/info-mediaqueries-breakpoints.md is unused, source file /site/layouts/partials/callouts/info-mediaqueries-breakpoints.md
- WARN Template partials/callouts/info-npm-starter.md is unused, source file /site/layouts/partials/callouts/info-npm-starter.md
- WARN Template partials/callouts/info-prefersreducedmotion.md is unused, source file /site/layouts/partials/callouts/info-prefersreducedmotion.md
- WARN Template partials/callouts/info-sanitizer.md is unused, source file /site/layouts/partials/callouts/info-sanitizer.md
- WARN Template partials/callouts/warning-color-assistive-technologies.md is unused, source file /site/layouts/partials/callouts/warning-color-assistive-technologies.md
- WARN Template partials/callouts/warning-data-bs-title-vs-title.md is unused, source file /site/layouts/partials/callouts/warning-data-bs-title-vs-title.md
- WARN Template partials/callouts/warning-input-support.md is unused, source file /site/layouts/partials/callouts/warning-input-support.md
- WARN Template partials/guide-footer.md is unused, source file /site/layouts/partials/guide-footer.md
- WARN Template partials/js-data-attributes.md is unused, source file /site/layouts/partials/js-data-attributes.md
- WARN Template partials/responsive-img.html is unused, source file /site/layouts/partials/responsive-img.html
- WARN Template partials/table-content.html is unused, source file /site/layouts/partials/table-content.html
- WARN Template shortcodes/added-in.html is unused, source file /site/layouts/shortcodes/added-in.html
- WARN Template shortcodes/bs-table.html is unused, source file /site/layouts/shortcodes/bs-table.html
- WARN Template shortcodes/callout-deprecated-dark-variants.html is unused, source file /site/layouts/shortcodes/callout-deprecated-dark-variants.html
- WARN Template shortcodes/deprecated-in.html is unused, source file /site/layouts/shortcodes/deprecated-in.html
- WARN Template shortcodes/design-callout-alert.html is unused, source file /site/layouts/shortcodes/design-callout-alert.html
- WARN Template shortcodes/docsref.html is unused, source file /site/layouts/shortcodes/docsref.html
- WARN Template shortcodes/enable-btn-close-tooltip.html is unused, source file /site/layouts/shortcodes/enable-btn-close-tooltip.html
- WARN Template shortcodes/js-dismiss.html is unused, source file /site/layouts/shortcodes/js-dismiss.html
- WARN Template shortcodes/markdown.html is unused, source file /site/layouts/shortcodes/markdown.html
- WARN Template shortcodes/partial.html is unused, source file /site/layouts/shortcodes/partial.html
- WARN Template shortcodes/placeholder.html is unused, source file /site/layouts/shortcodes/placeholder.html
- WARN Template shortcodes/svg-docs.html is unused, source file /site/layouts/shortcodes/svg-docs.html
- WARN Template shortcodes/table.html is unused, source file /site/layouts/shortcodes/table.html

After the renaming of the repository

Composer and Packagist
- The name property is already correct
- composer.json will probably need to use the replace property
- In the README, composer require orange-opensource/orange-boosted-bootstrap:dev-ouds/main could be changed to point to a real tagged version
- In the README, the "packagist" badge should be reintegrated
web.unified-design-system.orange.com must target gh-pages root level and boosted.orange.com must target gh-pages/boosted directory

	#boosted {
	width: 25em;
	height: 25em;
	font-size: 36%; // 1
	box-shadow: -2em 2em $gray-600, -4em 4em $gray-300;
	transform: rotateX(50deg) rotateY(0deg) rotateZ(-45deg) scale(.7);

	@include media-breakpoint-up(sm) {
	font-size: xx-small;
	}

	@include media-breakpoint-up(md) {
	font-size: x-small;
	}

	@include media-breakpoint-up(lg) {
	font-size: small;
	}

	@include media-breakpoint-up(xl) {
	font-size: medium;
	}
	}