Skip to content

Commit 8a1fa7a

Browse files
dpellierdpellier
committed
fix(doc): ensure components are rendered on canvas tab
1 parent d89d726 commit 8a1fa7a

39 files changed

+162
-39
lines changed

‎packages/storybook/stories/components/accordion/accordion.stories.ts

+4-1
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,12 @@
1-
import type { Meta, StoryObj } from '@storybook/web-components';
1+
import { defineCustomElement } from '@ovhcloud/ods-components/dist/components/ods-accordion';
2+
import { type Meta, type StoryObj } from '@storybook/web-components';
23
import { html } from 'lit-html';
34
import { unsafeHTML } from 'lit-html/directives/unsafe-html.js';
45
import { CONTROL_CATEGORY } from '../../../src/constants/controls';
56
import { orderControls } from '../../../src/helpers/controls';
67

8+
defineCustomElement();
9+
710
const meta: Meta = {
811
title: 'ODS Components/Accordion',
912
component: 'ods-accordion',

‎packages/storybook/stories/components/badge/badge.stories.ts

+4-1
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,12 @@
1-
import type { Meta, StoryObj } from '@storybook/web-components';
21
import { ODS_ICON_NAMES, ODS_BADGE_COLOR, ODS_BADGE_COLORS, ODS_BADGE_SIZE, ODS_BADGE_SIZES } from '@ovhcloud/ods-components';
2+
import { defineCustomElement } from '@ovhcloud/ods-components/dist/components/ods-badge';
3+
import { type Meta, type StoryObj } from '@storybook/web-components';
34
import { html } from 'lit-html';
45
import { CONTROL_CATEGORY } from '../../../src/constants/controls';
56
import { orderControls } from '../../../src/helpers/controls';
67

8+
defineCustomElement();
9+
710
const meta: Meta = {
811
title: 'ODS Components/Badge',
912
component: 'ods-badge',

‎packages/storybook/stories/components/breadcrumb/breadcrumb.stories.ts

+5
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,14 @@
1+
import { defineCustomElement as defineBreadcrumb } from '@ovhcloud/ods-components/dist/components/ods-breadcrumb';
2+
import { defineCustomElement as defineBreadcrumbItem } from '@ovhcloud/ods-components/dist/components/ods-breadcrumb-item';
13
import { type Meta, type StoryObj } from '@storybook/web-components';
24
import { html } from 'lit-html';
35
import { unsafeHTML } from 'lit-html/directives/unsafe-html.js';
46
import { CONTROL_CATEGORY } from '../../../src/constants/controls';
57
import { orderControls } from '../../../src/helpers/controls';
68

9+
defineBreadcrumb();
10+
defineBreadcrumbItem();
11+
712
const meta: Meta = {
813
title: 'ODS Components/Breadcrumb',
914
component: 'ods-breadcrumb',

‎packages/storybook/stories/components/button/button.stories.ts

+4-1
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,3 @@
1-
import type { Meta, StoryObj } from '@storybook/web-components';
21
import {
32
ODS_BUTTON_COLOR,
43
ODS_BUTTON_COLORS,
@@ -11,10 +10,14 @@ import {
1110
ODS_ICON_NAME,
1211
ODS_ICON_NAMES,
1312
} from '@ovhcloud/ods-components';
13+
import { defineCustomElement } from '@ovhcloud/ods-components/dist/components/ods-button';
14+
import { type Meta, type StoryObj } from '@storybook/web-components';
1415
import { html } from 'lit-html';
1516
import { CONTROL_CATEGORY } from '../../../src/constants/controls';
1617
import { orderControls } from '../../../src/helpers/controls';
1718

19+
defineCustomElement();
20+
1821
const meta: Meta = {
1922
title: 'ODS Components/Button',
2023
component: 'ods-button',

‎packages/storybook/stories/components/card/card.stories.ts

+4-1
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,13 @@
1-
import type { Meta, StoryObj } from '@storybook/web-components';
21
import { ODS_CARD_COLOR, ODS_CARD_COLORS } from '@ovhcloud/ods-components';
2+
import { defineCustomElement } from '@ovhcloud/ods-components/dist/components/ods-card';
3+
import { type Meta, type StoryObj } from '@storybook/web-components';
34
import { html } from 'lit-html';
45
import { unsafeHTML } from 'lit-html/directives/unsafe-html.js';
56
import { CONTROL_CATEGORY } from '../../../src/constants/controls';
67
import { orderControls } from '../../../src/helpers/controls';
78

9+
defineCustomElement();
10+
811
const meta: Meta = {
912
title: 'ODS Components/Card',
1013
component: 'ods-card',

‎packages/storybook/stories/components/checkbox/checkbox.stories.ts

+4-1
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,12 @@
1-
import type { Meta, StoryObj } from '@storybook/web-components';
1+
import { defineCustomElement } from '@ovhcloud/ods-components/dist/components/ods-checkbox';
2+
import { type Meta, type StoryObj } from '@storybook/web-components';
23
import { html } from 'lit-html';
34
import { ValidityStateTemplate } from '../../../src/components/validityState/validityState';
45
import { CONTROL_CATEGORY } from '../../../src/constants/controls';
56
import { orderControls } from '../../../src/helpers/controls';
67

8+
defineCustomElement();
9+
710
const meta: Meta = {
811
title: 'ODS Components/Form elements/Checkbox',
912
component: 'ods-checkbox',

‎packages/storybook/stories/components/clipboard/clipboard.stories.ts

+4-1
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,11 @@
1-
import type { Meta, StoryObj } from '@storybook/web-components';
1+
import { defineCustomElement } from '@ovhcloud/ods-components/dist/components/ods-clipboard';
2+
import { type Meta, type StoryObj } from '@storybook/web-components';
23
import { html } from 'lit-html';
34
import { CONTROL_CATEGORY } from '../../../src/constants/controls';
45
import { orderControls } from '../../../src/helpers/controls';
56

7+
defineCustomElement();
8+
69
const meta: Meta = {
710
title: 'ODS Components/Form elements/Clipboard',
811
component: 'ods-clipboard',

‎packages/storybook/stories/components/code/code.stories.ts

+4-1
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,11 @@
1-
import type { Meta, StoryObj } from '@storybook/web-components';
1+
import { defineCustomElement } from '@ovhcloud/ods-components/dist/components/ods-code';
2+
import { type Meta, type StoryObj } from '@storybook/web-components';
23
import { html } from 'lit-html';
34
import { CONTROL_CATEGORY } from '../../../src/constants/controls';
45
import { orderControls } from '../../../src/helpers/controls';
56

7+
defineCustomElement();
8+
69
const meta: Meta = {
710
title: 'ODS Components/Code',
811
component: 'ods-code',

‎packages/storybook/stories/components/datepicker/datepicker.stories.ts

+4-1
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,13 @@
1-
import type { Meta, StoryObj } from '@storybook/web-components';
21
import { ODS_DATEPICKER_LOCALE, ODS_DATEPICKER_LOCALES, formatDate } from '@ovhcloud/ods-components';
2+
import { defineCustomElement } from '@ovhcloud/ods-components/dist/components/ods-datepicker';
3+
import { type Meta, type StoryObj } from '@storybook/web-components';
34
import { html, nothing } from 'lit-html';
45
import { ValidityStateTemplate } from '../../../src/components/validityState/validityState';
56
import { CONTROL_CATEGORY } from '../../../src/constants/controls';
67
import { orderControls } from '../../../src/helpers/controls';
78

9+
defineCustomElement();
10+
811
const meta: Meta = {
912
title: 'ODS Components/Form elements/Datepicker',
1013
component: 'ods-datepicker',

‎packages/storybook/stories/components/divider/divider.stories.ts

+4-1
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,12 @@
1-
import type { Meta, StoryObj } from '@storybook/web-components';
21
import { ODS_DIVIDER_COLOR, ODS_DIVIDER_COLORS, ODS_DIVIDER_SPACING, ODS_DIVIDER_SPACINGS } from '@ovhcloud/ods-components';
2+
import { defineCustomElement } from '@ovhcloud/ods-components/dist/components/ods-divider';
3+
import { type Meta, type StoryObj } from '@storybook/web-components';
34
import { html } from 'lit-html';
45
import { CONTROL_CATEGORY } from '../../../src/constants/controls';
56
import { orderControls } from '../../../src/helpers/controls';
67

8+
defineCustomElement();
9+
710
const meta: Meta = {
811
title: 'ODS Components/Divider',
912
component: 'ods-divider',

‎packages/storybook/stories/components/drawer/drawer.stories.ts

+4-1
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,13 @@
1-
import type { Meta, StoryObj } from '@storybook/web-components';
21
import { ODS_DRAWER_POSITION, ODS_DRAWER_POSITIONS } from '@ovhcloud/ods-components';
2+
import { defineCustomElement } from '@ovhcloud/ods-components/dist/components/ods-drawer';
3+
import { type Meta, type StoryObj } from '@storybook/web-components';
34
import { html } from 'lit-html';
45
import { unsafeHTML } from 'lit-html/directives/unsafe-html.js';
56
import { CONTROL_CATEGORY } from '../../../src/constants/controls';
67
import { orderControls } from '../../../src/helpers/controls';
78

9+
defineCustomElement();
10+
811
const meta: Meta = {
912
title: 'ODS Components/Drawer',
1013
component: 'ods-drawer',

‎packages/storybook/stories/components/file-upload/file-upload.stories.ts

+4-1
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,11 @@
1-
import type { Meta, StoryObj } from '@storybook/web-components';
1+
import { defineCustomElement } from '@ovhcloud/ods-components/dist/components/ods-file-upload';
2+
import { type Meta, type StoryObj } from '@storybook/web-components';
23
import { html } from 'lit-html';
34
import { CONTROL_CATEGORY } from '../../../src/constants/controls';
45
import { orderControls } from '../../../src/helpers/controls';
56

7+
defineCustomElement();
8+
69
const meta: Meta = {
710
title: 'ODS Components/Form elements/File Upload',
811
component: 'ods-file-upload',

‎packages/storybook/stories/components/form-field/form-field.stories.ts

+4-1
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,12 @@
1-
import type { Meta, StoryObj } from '@storybook/web-components';
1+
import { defineCustomElement } from '@ovhcloud/ods-components/dist/components/ods-form-field';
2+
import { type Meta, type StoryObj } from '@storybook/web-components';
23
import { html } from 'lit-html';
34
import { unsafeHTML } from 'lit-html/directives/unsafe-html.js';
45
import { CONTROL_CATEGORY } from '../../../src/constants/controls';
56
import { orderControls } from '../../../src/helpers/controls';
67

8+
defineCustomElement();
9+
710
const meta: Meta = {
811
title: 'ODS Components/Form elements/Form Field',
912
component: 'ods-form-field',

‎packages/storybook/stories/components/icon/icon.stories.ts

+4-1
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,12 @@
1-
import type { Meta, StoryObj } from '@storybook/web-components';
21
import { ODS_ICON_NAME, ODS_ICON_NAMES } from '@ovhcloud/ods-components';
2+
import { defineCustomElement } from '@ovhcloud/ods-components/dist/components/ods-icon';
3+
import { type Meta, type StoryObj } from '@storybook/web-components';
34
import { html } from 'lit-html';
45
import { CONTROL_CATEGORY } from '../../../src/constants/controls';
56
import { orderControls } from '../../../src/helpers/controls';
67

8+
defineCustomElement();
9+
710
type IconNameKey = keyof typeof ODS_ICON_NAME;
811

912
/**

‎packages/storybook/stories/components/input/input.stories.ts

+4-1
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,14 @@
1-
import type { Meta, StoryObj } from '@storybook/web-components';
21
import { ODS_INPUT_TYPE, ODS_INPUT_TYPES } from '@ovhcloud/ods-components';
2+
import { defineCustomElement } from '@ovhcloud/ods-components/dist/components/ods-input';
3+
import { type Meta, type StoryObj } from '@storybook/web-components';
34
import { ifDefined } from 'lit/directives/if-defined.js';
45
import { html, nothing } from 'lit-html';
56
import { ValidityStateTemplate } from '../../../src/components/validityState/validityState';
67
import { CONTROL_CATEGORY } from '../../../src/constants/controls';
78
import { orderControls } from '../../../src/helpers/controls';
89

10+
defineCustomElement();
11+
912
const meta: Meta = {
1013
title: 'ODS Components/Form elements/Input',
1114
component: 'ods-input',

‎packages/storybook/stories/components/link/link.stories.ts

+5-2
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,12 @@
1-
import type { Meta, StoryObj } from '@storybook/web-components';
2-
import { html } from 'lit-html';
31
import { ODS_ICON_NAMES, ODS_LINK_COLOR, ODS_LINK_COLORS, ODS_LINK_ICON_ALIGNMENT, ODS_LINK_ICON_ALIGNMENTS } from '@ovhcloud/ods-components';
2+
import { defineCustomElement } from '@ovhcloud/ods-components/dist/components/ods-link';
3+
import { type Meta, type StoryObj } from '@storybook/web-components';
4+
import { html } from 'lit-html';
45
import { CONTROL_CATEGORY } from '../../../src/constants/controls';
56
import { orderControls } from '../../../src/helpers/controls';
67

8+
defineCustomElement();
9+
710
const meta: Meta = {
811
title: 'ODS Components/Link',
912
component: 'ods-link',

‎packages/storybook/stories/components/medium/medium.stories.ts

+4-1
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,11 @@
1-
import type { Meta, StoryObj } from '@storybook/web-components';
1+
import { defineCustomElement } from '@ovhcloud/ods-components/dist/components/ods-medium';
2+
import { type Meta, type StoryObj } from '@storybook/web-components';
23
import { html } from 'lit-html';
34
import { CONTROL_CATEGORY } from '../../../src/constants/controls';
45
import { orderControls } from '../../../src/helpers/controls';
56

7+
defineCustomElement();
8+
69
const meta: Meta = {
710
title: 'ODS Components/Medium',
811
component: 'ods-medium',

‎packages/storybook/stories/components/message/message.stories.ts

+4-1
Original file line numberDiff line numberDiff line change
@@ -1,15 +1,18 @@
1-
import type { Meta, StoryObj } from '@storybook/web-components';
21
import {
32
ODS_MESSAGE_COLOR,
43
ODS_MESSAGE_COLORS,
54
ODS_MESSAGE_VARIANT,
65
ODS_MESSAGE_VARIANTS,
76
} from '@ovhcloud/ods-components';
7+
import { defineCustomElement } from '@ovhcloud/ods-components/dist/components/ods-message';
8+
import { type Meta, type StoryObj } from '@storybook/web-components';
89
import { html } from 'lit-html';
910
import { unsafeHTML } from 'lit-html/directives/unsafe-html.js';
1011
import { CONTROL_CATEGORY } from '../../../src/constants/controls';
1112
import { orderControls } from '../../../src/helpers/controls';
1213

14+
defineCustomElement();
15+
1316
const meta: Meta = {
1417
title: 'ODS Components/Message',
1518
component: 'ods-message',

‎packages/storybook/stories/components/modal/modal.stories.ts

+4-1
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,14 @@
1-
import type { Meta, StoryObj } from '@storybook/web-components';
21
import { ODS_MODAL_COLOR, ODS_MODAL_COLORS } from '@ovhcloud/ods-components';
2+
import { defineCustomElement } from '@ovhcloud/ods-components/dist/components/ods-modal';
3+
import { type Meta, type StoryObj } from '@storybook/web-components';
34
import { html } from 'lit-html';
45
import { unsafeHTML } from 'lit-html/directives/unsafe-html.js';
56
import { CONTROL_CATEGORY } from '../../../src/constants/controls';
67
import { orderControls } from '../../../src/helpers/controls';
78
import { withResetRoot } from '../../../src/hooks/withResetRoot';
89

10+
defineCustomElement();
11+
912
const meta: Meta = {
1013
title: 'ODS Components/Modal',
1114
component: 'ods-modal',

‎packages/storybook/stories/components/pagination/pagination.stories.ts

+4-1
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,12 @@
1-
import type { Meta, StoryObj } from '@storybook/web-components';
21
import { ODS_PAGINATION_PER_PAGE, ODS_PAGINATION_PER_PAGE_OPTIONS } from '@ovhcloud/ods-components';
2+
import { defineCustomElement } from '@ovhcloud/ods-components/dist/components/ods-pagination';
3+
import { type Meta, type StoryObj } from '@storybook/web-components';
34
import { html } from 'lit-html';
45
import { CONTROL_CATEGORY } from '../../../src/constants/controls';
56
import { orderControls } from '../../../src/helpers/controls';
67

8+
defineCustomElement();
9+
710
const meta: Meta = {
811
title: 'ODS Components/Pagination',
912
component: 'ods-pagination',

‎packages/storybook/stories/components/password/password.stories.ts

+4-1
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,12 @@
1-
import type { Meta, StoryObj } from '@storybook/web-components';
1+
import { defineCustomElement } from '@ovhcloud/ods-components/dist/components/ods-password';
2+
import { type Meta, type StoryObj } from '@storybook/web-components';
23
import { html, nothing } from 'lit-html';
34
import { ValidityStateTemplate } from '../../../src/components/validityState/validityState';
45
import { CONTROL_CATEGORY } from '../../../src/constants/controls';
56
import { orderControls } from '../../../src/helpers/controls';
67

8+
defineCustomElement();
9+
710
const meta: Meta = {
811
title: 'ODS Components/Form elements/Password',
912
component: 'ods-password',

‎packages/storybook/stories/components/phone-number/phone-number.stories.ts

+4-1
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,13 @@
1-
import type { Meta, StoryObj } from '@storybook/web-components';
21
import { ODS_PHONE_NUMBER_COUNTRY_ISO_CODES, ODS_PHONE_NUMBER_LOCALES } from '@ovhcloud/ods-components';
2+
import { defineCustomElement } from '@ovhcloud/ods-components/dist/components/ods-phone-number';
3+
import { type Meta, type StoryObj } from '@storybook/web-components';
34
import { html, nothing } from 'lit-html';
45
import { ValidityStateTemplate } from '../../../src/components/validityState/validityState';
56
import { CONTROL_CATEGORY } from '../../../src/constants/controls';
67
import { orderControls } from '../../../src/helpers/controls';
78

9+
defineCustomElement();
10+
811
const meta: Meta = {
912
title: 'ODS Components/Form elements/Phone Number',
1013
component: 'ods-phone-number',

‎packages/storybook/stories/components/popover/popover.stories.ts

+4-1
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,13 @@
1-
import type { Meta, StoryObj } from '@storybook/web-components';
21
import { ODS_POPOVER_POSITION, ODS_POPOVER_POSITIONS } from '@ovhcloud/ods-components';
2+
import { defineCustomElement } from '@ovhcloud/ods-components/dist/components/ods-popover';
3+
import { type Meta, type StoryObj } from '@storybook/web-components';
34
import { html } from 'lit-html';
45
import { unsafeHTML } from 'lit-html/directives/unsafe-html.js';
56
import { CONTROL_CATEGORY } from '../../../src/constants/controls';
67
import { orderControls } from '../../../src/helpers/controls';
78

9+
defineCustomElement();
10+
811
const meta: Meta = {
912
title: 'ODS Components/Popover',
1013
component: 'ods-popover',

‎packages/storybook/stories/components/progress-bar/progress-bar.stories.ts

+4-1
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,11 @@
1-
import type { Meta, StoryObj } from '@storybook/web-components';
1+
import { defineCustomElement } from '@ovhcloud/ods-components/dist/components/ods-progress-bar';
2+
import { type Meta, type StoryObj } from '@storybook/web-components';
23
import { html } from 'lit-html';
34
import { CONTROL_CATEGORY } from '../../../src/constants/controls';
45
import { orderControls } from '../../../src/helpers/controls';
56

7+
defineCustomElement();
8+
69
const meta: Meta = {
710
title: 'ODS Components/Progress Bar',
811
component: 'ods-progress-bar',

‎packages/storybook/stories/components/quantity/quantity.stories.ts

+4-1
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,12 @@
1-
import type { Meta, StoryObj } from '@storybook/web-components';
1+
import { defineCustomElement } from '@ovhcloud/ods-components/dist/components/ods-quantity';
2+
import { type Meta, type StoryObj } from '@storybook/web-components';
23
import { html } from 'lit-html';
34
import { ValidityStateTemplate } from '../../../src/components/validityState/validityState';
45
import { CONTROL_CATEGORY } from '../../../src/constants/controls';
56
import { orderControls } from '../../../src/helpers/controls';
67

8+
defineCustomElement();
9+
710
const meta: Meta = {
811
title: 'ODS Components/Form elements/Quantity',
912
component: 'ods-quantity',

‎packages/storybook/stories/components/radio/radio.stories.ts

+4-1
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,12 @@
1-
import type { Meta, StoryObj } from '@storybook/web-components';
1+
import { defineCustomElement } from '@ovhcloud/ods-components/dist/components/ods-radio';
2+
import { type Meta, type StoryObj } from '@storybook/web-components';
23
import { html } from 'lit-html';
34
import { ValidityStateTemplate } from '../../../src/components/validityState/validityState';
45
import { CONTROL_CATEGORY } from '../../../src/constants/controls';
56
import { orderControls } from '../../../src/helpers/controls';
67

8+
defineCustomElement();
9+
710
const meta: Meta = {
811
component: 'ods-radio',
912
title: 'ODS Components/Form elements/Radio',

‎packages/storybook/stories/components/range/range.stories.ts

+4-1
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,12 @@
1-
import type { Meta, StoryObj } from '@storybook/web-components';
1+
import { defineCustomElement } from '@ovhcloud/ods-components/dist/components/ods-range';
2+
import { type Meta, type StoryObj } from '@storybook/web-components';
23
import { html } from 'lit-html';
34
import { ValidityStateTemplate } from '../../../src/components/validityState/validityState';
45
import { CONTROL_CATEGORY } from '../../../src/constants/controls';
56
import { orderControls } from '../../../src/helpers/controls';
67

8+
defineCustomElement();
9+
710
const meta: Meta = {
811
component: 'ods-range',
912
title: 'ODS Components/Form elements/Range',

0 commit comments

Comments
 (0)