chore(docs): move all "Meta" components to a different section (#96)

Signed-off-by: Francois Eoche <[email protected]>

packages/stencil/components/progress-bar/package.json

@@ -2,7 +2,7 @@
   "name": "@ovhcloud/ods-stencil-progress-bar",
   "version": "14.0.1",
   "private": true,
-  "description": "ProgressBar component",
+  "description": "Progress Bar component",
   "author": "OVH SAS",
   "license": "Apache-2.0",
   "main": "dist/index.cjs.js",

packages/stencil/components/progress-bar/src/components/osds-progress-bar/osds-progress-bar.spec.ts

@@ -33,7 +33,7 @@ describe('spec:osds-progress-bar', () => {
 
     page = await newSpecPage({
       components: [OsdsProgressBar],
-      html: `<osds-progress-bar ${OdsStringAttributes2Str(stringAttributes)}>My ProgressBar</osds-progress-bar>`,
+      html: `<osds-progress-bar ${OdsStringAttributes2Str(stringAttributes)}>My Progress Bar</osds-progress-bar>`,
     });
 
     root = page.root;

packages/tools/storybook/.storybook/preview.js

@@ -51,6 +51,8 @@ export const parameters = {
         ],
         'UI Components',
         ['Introduction'],
+        'Meta Components',
+        ['Introduction'],
         'Contributing',
         ['Get Started', 'Deployment and Versioning', 'Repository Strategy', 'Troubleshooting Notes'],
         'Libraries',

packages/tools/storybook/stories/components/accordion-group/accordion-group.specifications.stories.mdx

@@ -1,7 +1,7 @@
 import { Meta } from '@storybook/addon-docs';
 import SpecificationsAccordionGroup from '@ovhcloud/ods-specifications/components/accordion-group/specifications-accordion-group.mdx';
 
-<Meta title="UI Components/Accordion/Accordion Group [molecule]/Specifications" />
+<Meta title="UI Components/Accordion Group [molecule]/Specifications" />
 
 # Accordion Group - Technical Specification
 ----

packages/tools/storybook/stories/components/accordion-group/accordion-group.web-component.stories.page.mdx

@@ -4,7 +4,7 @@ import Usage from '@ovhcloud/ods-stencil-accordion/docs/osds-accordion-group/usa
 import APITable from '@ovhcloud/ods-stencil-accordion/dist/docs/components/osds-accordion-group/readme.md';
 import { getToC } from '../../../core/table-of-contents.mdx';
 
-<Meta title="UI Components/Accordion/Accordion Group [molecule]/Web Component" />
+<Meta title="UI Components/Accordion Group [molecule]/Web Component" />
 
 # `<osds-accordion-group>`
 

packages/tools/storybook/stories/components/accordion-group/accordion-group.web-components.stories.ts

@@ -41,7 +41,7 @@ const storyParams = {
 };
 
 export default {
-  title: 'UI Components/Accordion/Accordion Group [molecule]/Web Component',
+  title: 'UI Components/Accordion Group [molecule]/Web Component',
   parameters: {
     notes: {
       API: iframe('/stencil-accordion/modules/index.html'),

packages/tools/storybook/stories/components/accordion/accordion.specifications.stories.mdx

@@ -1,7 +1,7 @@
 import { Meta } from '@storybook/addon-docs';
 import SpecificationsAccordion from '@ovhcloud/ods-specifications/components/accordion/specifications-accordion.mdx';
 
-<Meta title="UI Components/Accordion/Accordion [atom]/Specifications" />
+<Meta title="UI Components/Accordion [atom]/Specifications" />
 
 # Accordion - Technical Specification
 ----

packages/tools/storybook/stories/components/accordion/accordion.web-component.stories.page.mdx

@@ -4,7 +4,7 @@ import Usage from '@ovhcloud/ods-stencil-accordion/docs/osds-accordion/usage.mdx
 import APITable from '@ovhcloud/ods-stencil-accordion/dist/docs/components/osds-accordion/readme.md';
 import { getToC } from '../../../core/table-of-contents.mdx';
 
-<Meta title="UI Components/Accordion/Accordion [atom]/Web Component" />
+<Meta title="UI Components/Accordion [atom]/Web Component" />
 
 # `<osds-accordion>`
 

packages/tools/storybook/stories/components/accordion/accordion.web-components.stories.ts

@@ -40,7 +40,7 @@ const storyParams = {
 };
 
 export default {
-  title: 'UI Components/Accordion/Accordion [atom]/Web Component',
+  title: 'UI Components/Accordion [atom]/Web Component',
   parameters: {
     notes: {
       API: iframe('/stencil-accordion/modules/index.html'),

packages/tools/storybook/stories/components/checkbox-button/checkbox-button.specifications.stories.mdx

@@ -2,7 +2,7 @@ import { Meta } from '@storybook/addon-docs';
 import SpecificationsCheckboxButton from '@ovhcloud/ods-specifications/components/checkbox-button/specifications-checkbox-button.mdx';
 import Notes from '../notes.mdx';
 
-<Meta title="UI Components/Checkbox/Checkbox Button [atom]/Specifications" />
+<Meta title="UI Components/Checkbox Button [atom]/Specifications" />
 
 # Checkbox Button - Technical Specification
 ----

packages/tools/storybook/stories/components/checkbox-button/checkbox-button.web-component.stories.page.mdx

@@ -3,7 +3,7 @@ import { Canvas, Description, Meta, DocsContainer } from '@storybook/addon-docs'
 import Usage from '@ovhcloud/ods-stencil-checkbox-button/docs/osds-checkbox-button/usage.mdx';
 import APITable from '@ovhcloud/ods-stencil-checkbox-button/dist/docs/components/osds-checkbox-button/readme.md';
 
-<Meta title="UI Components/Checkbox/Checkbox Button [atom]/Web Component" />
+<Meta title="UI Components/Checkbox Button [atom]/Web Component" />
 
 # `<osds-checkbox-button>`
 

packages/tools/storybook/stories/components/checkbox-button/checkbox-button.web-components.stories.ts

@@ -70,7 +70,7 @@ const storyParams = {
 };
 
 export default {
-  title: 'UI Components/Checkbox/Checkbox Button [atom]/Web Component',
+  title: 'UI Components/Checkbox Button [atom]/Web Component',
   parameters: {
     notes: {
       API: iframe('/stencil-checkbox-button/modules/index.html'),

packages/tools/storybook/stories/components/checkbox/checkbox.specifications.stories.mdx

@@ -2,7 +2,7 @@ import { Meta } from '@storybook/addon-docs';
 import SpecificationsCheckbox from '@ovhcloud/ods-specifications/components/checkbox/specifications-checkbox.mdx';
 import Notes from '../notes.mdx';
 
-<Meta title="UI Components/Checkbox/Checkbox [meta]/Specifications" />
+<Meta title="Meta Components/Checkbox [meta]/Specifications" />
 
 # Checkbox - Technical Specification
 ----

packages/tools/storybook/stories/components/checkbox/checkbox.web-component.stories.page.mdx

@@ -3,7 +3,7 @@ import { Canvas, Description, Meta, DocsContainer } from '@storybook/addon-docs'
 import Usage from '@ovhcloud/ods-stencil-checkbox/docs/osds-checkbox/usage.mdx';
 import APITable from '@ovhcloud/ods-stencil-checkbox/dist/docs/components/osds-checkbox/readme.md';
 
-<Meta title="UI Components/Checkbox/Checkbox [meta]/Web Component" />
+<Meta title="Meta Components/Checkbox [meta]/Web Component" />
 
 # `<osds-checkbox>`
 

packages/tools/storybook/stories/components/checkbox/checkbox.web-components.stories.ts

@@ -36,7 +36,7 @@ const storyParams = {
 };
 
 export default {
-  title: 'UI Components/Checkbox/Checkbox [meta]/Web Component',
+  title: 'Meta Components/Checkbox [meta]/Web Component',
   parameters: {
     notes: {
       API: iframe('/stencil-components-checkbox/modules/index.html'),

packages/tools/storybook/stories/components/collapsible/collapsible.specifications.stories.mdx

@@ -2,7 +2,7 @@ import { Meta } from '@storybook/addon-docs';
 import SpecificationsCollapsible from '@ovhcloud/ods-specifications/components/collapsible/specifications-collapsible.mdx';
 import Notes from '../notes.mdx';
 
-<Meta title="UI Components/Collapsible [meta]/Specifications" />
+<Meta title="Meta Components/Collapsible [meta]/Specifications" />
 
 # Collapsible - Technical Specification
 ----

packages/tools/storybook/stories/components/collapsible/collapsible.web-components.stories.ts

@@ -27,7 +27,7 @@ const storyParams = {
 };
 
 export default {
-  title: 'UI Components/Collapsible [meta]/Web Component',
+  title: 'Meta Components/Collapsible [meta]/Web Component',
   parameters: {
     notes: {
       API: iframe('/stencil-collapsible/modules/index.html'),

packages/tools/storybook/stories/components/location-tile/location-tile.replacement.stories.mdx

@@ -2,7 +2,7 @@ import { Meta } from '@storybook/addon-docs';
 import Notes from '../notes.mdx';
 import './location-tile.replacement.css';
 
-<Meta title="UI Components/Tile/Location Tile [deprecated]/Remplacement" />
+<Meta title="UI Components/Location Tile [deprecated]/Remplacement" />
 
 # Location tile - Deprecated
 ----
@@ -29,7 +29,7 @@ import './location-tile.replacement.css';
 <span style={{ display: "grid", "grid-template-columns": "1fr 1fr" }}>
   <span>Html
 
-```html 
+```html
 <osds-tile color="default">
     <div class="location__content-vertical">
         <div class="location__flag-wrapper">
@@ -48,7 +48,7 @@ import './location-tile.replacement.css';
   <span>
     CSS
 
-```css 
+```css
 .location__content-vertical {
     display: grid;
     gap: 1em 0;
@@ -87,7 +87,7 @@ import './location-tile.replacement.css';
     grid-template-columns: 1fr;
     grid-template-rows: auto;
     place-content: center;
-    
+
 }
 
 .location__text-country, .location__text-city {
@@ -120,7 +120,7 @@ import './location-tile.replacement.css';
   </span>
 </span>
 
---- 
+---
 
 ### Horizontal
 
@@ -137,12 +137,12 @@ import './location-tile.replacement.css';
     </div>
 </osds-tile>
 
---- 
+---
 
 <span style={{ display: "grid", "grid-template-columns": "1fr 1fr" }}>
   <span>Html
 
-```html 
+```html
 <osds-tile color="default">
     <div class="location__content-horizontal">
         <div class="location__flag-wrapper">
@@ -161,10 +161,10 @@ import './location-tile.replacement.css';
   <span>
     CSS
 
-```css 
+```css
 .location__content-horizontal {
     display: grid;
-    gap: 0 1em;    
+    gap: 0 1em;
     grid-auto-flow: row;
     grid-auto-rows: 1fr;
     grid-template-areas:
@@ -178,4 +178,4 @@ import './location-tile.replacement.css';
 ```
 
   </span>
-</span>
+</span>

packages/tools/storybook/stories/components/location-tile/location-tile.specifications.stories.mdx

@@ -2,7 +2,7 @@ import { Meta } from '@storybook/addon-docs';
 import SpecificationsLocationTile from '@ovhcloud/ods-specifications/components/location-tile/specifications-location-tile.mdx';
 import Notes from '../notes.mdx';
 
-<Meta title="UI Components/Tile/Location Tile [deprecated]/Specifications" />
+<Meta title="UI Components/Location Tile [deprecated]/Specifications" />
 
 # Location tile Deprecated- Technical Specification
 ----

packages/tools/storybook/stories/components/location-tile/location-tile.web-component.stories.page.mdx

@@ -3,7 +3,7 @@ import { Canvas, Description, Meta, DocsContainer } from '@storybook/addon-docs'
 import Usage from '@ovhcloud/ods-stencil-location-tile/src/docs/osds-location-tile/usage.mdx';
 import APITable from '@ovhcloud/ods-stencil-location-tile/dist/docs/components/osds-location-tile/readme.md';
 
-<Meta title="UI Components/Tile/️Location Tile [deprecated]/Web Component" />
+<Meta title="UI Components/️Location Tile [deprecated]/Web Component" />
 
 <h2 style={{ color: 'red' }}>
 ⚠ Warning this component is deprecated and will be remove soon

packages/tools/storybook/stories/components/location-tile/location-tile.web-components.stories.ts

@@ -84,7 +84,7 @@ const storyParams = {
 };
 
 export default {
-  title: 'UI Components/Tile/Location Tile [deprecated]/Web Component',
+  title: 'UI Components/Location Tile [deprecated]/Web Component',
   parameters: {
     notes: {
       API: iframe('/stencil-location-tile/modules/index.html'),

packages/tools/storybook/stories/components/progress-bar/progress-bar.specifications.stories.mdx

@@ -2,9 +2,9 @@ import { Meta } from '@storybook/addon-docs';
 import SpecificationsProgressBar from '@ovhcloud/ods-specifications/components/progress-bar/specifications-progress-bar.mdx';
 import Notes from '../notes.mdx';
 
-<Meta title="UI Components/ProgressBar [atom]/Specifications" />
+<Meta title="UI Components/Progress Bar [atom]/Specifications" />
 
-# ProgressBar - Technical Specification
+# Progress Bar - Technical Specification
 ----
 
 <SpecificationsProgressBar />

packages/tools/storybook/stories/components/progress-bar/progress-bar.web-components.stories.ts

@@ -33,7 +33,7 @@ const storyParams = {
 };
 
 export default {
-  title: 'UI Components/ProgressBar [atom]/Web Component',
+  title: 'UI Components/Progress Bar [atom]/Web Component',
   parameters: {
     notes: {
       API: iframe('/stencil-progress-bar/modules/index.html'),

packages/tools/storybook/stories/components/radio-button/radio-button.specifications.stories.mdx

@@ -4,7 +4,7 @@ import Notes from '../notes.mdx';
 
 import { getToC } from '../../../core/table-of-contents.mdx';
 
-<Meta title="UI Components/Radio/Radio Button [atom]/Specifications" />
+<Meta title="UI Components/Radio Button [atom]/Specifications" />
 
 # Radio Button - Technical Specification
 ----

packages/tools/storybook/stories/components/radio-button/radio-button.web-component.stories.page.mdx

@@ -3,7 +3,7 @@ import { Canvas, Description, Meta, DocsContainer } from '@storybook/addon-docs'
 import Usage from '@ovhcloud/ods-stencil-radio-button/docs/osds-radio-button/usage.mdx';
 import APITable from '@ovhcloud/ods-stencil-radio-button/dist/docs/components/osds-radio-button/readme.md';
 
-<Meta title="UI Components/Radio/Radio Button [atom]/Web Component" />
+<Meta title="UI Components/Radio Button [atom]/Web Component" />
 
 # `<osds-radio-button>`
 

packages/tools/storybook/stories/components/radio-button/radio-button.web-components.stories.ts

@@ -66,7 +66,7 @@ const storyParams = {
 };
 
 export default {
-  title: 'UI Components/Radio/Radio Button [atom]/Web Component',
+  title: 'UI Components/Radio Button [atom]/Web Component',
   parameters: {
     notes: {
       API: iframe('/stencil-radio-button/modules/index.html'),

packages/tools/storybook/stories/components/radio-group/radio-group.specifications.stories.mdx

@@ -2,7 +2,7 @@ import { Meta } from '@storybook/addon-docs';
 import SpecificationsRadioGroup from '@ovhcloud/ods-specifications/components/radio-group/specifications-radio-group.mdx';
 import Notes from '../notes.mdx';
 
-<Meta title="UI Components/Radio/Radio Group [molecule]/Specifications" />
+<Meta title="Meta Components/Radio Group [meta]/Specifications" />
 
 # Radio group - Technical Specification
 ----

packages/tools/storybook/stories/components/radio-group/radio-group.web-components.stories.page.mdx

@@ -3,7 +3,7 @@ import { Canvas, Description, Meta, DocsContainer } from '@storybook/addon-docs'
 import Usage from '@ovhcloud/ods-stencil-radio/docs/osds-radio-group/usage.mdx';
 import APITable from '@ovhcloud/ods-stencil-radio/dist/docs/components/osds-radio-group/readme.md';
 
-<Meta title="UI Components/Radio/Radio Group [molecule]/Web Component" />
+<Meta title="Meta Components/Radio Group [meta]/Web Component" />
 
 # `<osds-radio-group>`
 

packages/tools/storybook/stories/components/radio-group/radio-group.web-components.stories.ts

@@ -19,7 +19,7 @@ const storyParams = {
 };
 
 export default {
-  title: 'UI Components/Radio/Radio Group [molecule]/Web Component',
+  title: 'Meta Components/Radio Group [meta]/Web Component',
   parameters: {
     notes: {
       API: iframe('stencil-components-radio-group/modules/index.html'),

packages/tools/storybook/stories/components/radio/radio.specifications.stories.mdx

@@ -2,7 +2,7 @@ import { Meta } from '@storybook/addon-docs';
 import SpecificationsRadio from '@ovhcloud/ods-specifications/components/radio/specifications-radio.mdx';
 import Notes from '../notes.mdx';
 
-<Meta title="UI Components/Radio/Radio [meta]/Specifications" />
+<Meta title="Meta Components/Radio [meta]/Specifications" />
 
 # Radio - Technical Specification
 ----

packages/tools/storybook/stories/components/radio/radio.web-component.stories.page.mdx

@@ -3,7 +3,7 @@ import { Canvas, Description, Meta, DocsContainer } from '@storybook/addon-docs'
 import Usage from '@ovhcloud/ods-stencil-radio/docs/osds-radio/usage.mdx';
 import APITable from '@ovhcloud/ods-stencil-radio/dist/docs/components/osds-radio/readme.md';
 
-<Meta title="UI Components/Radio/Radio [meta]/Web Component" />
+<Meta title="Meta Components/Radio [meta]/Web Component" />
 
 # `<osds-radio>`
 

packages/tools/storybook/stories/components/radio/radio.web-components.stories.ts

@@ -23,7 +23,7 @@ const storyParams = {
 };
 
 export default {
-  title: 'UI Components/Radio/Radio [meta]/Web Component',
+  title: 'Meta Components/Radio [meta]/Web Component',
   parameters: {
     notes: {
       API: iframe('stencil-components-radio/modules/index.html'),

packages/tools/storybook/stories/components/tile/tile.specifications.stories.mdx

@@ -2,7 +2,7 @@ import { Meta } from '@storybook/addon-docs';
 import SpecificationsTile from '@ovhcloud/ods-specifications/components/tile/specifications-tile.mdx';
 import Notes from '../notes.mdx';
 
-<Meta title="UI Components/Tile/Tile [atom]/Specifications" />
+<Meta title="UI Components/Tile [atom]/Specifications" />
 
 # Tile - Technical Specification
 ----

packages/tools/storybook/stories/components/tile/tile.web-component.stories.page.mdx

@@ -3,7 +3,7 @@ import { Canvas, Description, Meta, DocsContainer } from '@storybook/addon-docs'
 import Usage from '@ovhcloud/ods-stencil-tile/src/docs/osds-tile/usage.mdx';
 import APITable from '@ovhcloud/ods-stencil-tile/dist/docs/components/osds-tile/readme.md';
 
-<Meta title="UI Components/Tile/️Tile [atom]/Web Component" />
+<Meta title="UI Components/️Tile [atom]/Web Component" />
 
 # `<osds-tile>`
 

packages/tools/storybook/stories/components/tile/tile.web-components.stories.ts

@@ -84,7 +84,7 @@ const storyParams = {
 };
 
 export default {
-  title: 'UI Components/Tile/Tile [atom]/Web Component',
+  title: 'UI Components/Tile [atom]/Web Component',
   parameters: {
     notes: {
       API: iframe('/stencil-tile/modules/index.html'),