File tree 11 files changed +25
-27
lines changed
packages/storybook/stories/components
11 files changed +25
-27
lines changed Original file line number Diff line number Diff line change @@ -32,22 +32,22 @@ export const Demo: StoryObj = {
32
32
} ) ,
33
33
args : {
34
34
canCopy : false ,
35
- content : 'import { OsdsText } from \'@ovhcloud/ods-components/react\';'
35
+ content : 'import { OdsText } from \'@ovhcloud/ods-components/react\';'
36
36
} ,
37
37
} ;
38
38
39
39
export const CanCopy : StoryObj = {
40
40
tags : [ 'isHidden' ] ,
41
41
render : ( ) => html `
42
- < ods-code can-copy > import { OsdsText } from '@ovhcloud/ods-components/react';
42
+ < ods-code can-copy > import { OdsText } from '@ovhcloud/ods-components/react';
43
43
</ ods-code >
44
44
` ,
45
45
} ;
46
46
47
47
export const CustomCSS : StoryObj = {
48
48
tags : [ 'isHidden' ] ,
49
49
render : ( ) => html `
50
- < ods-code class ="my-code "> import { OsdsText } from '@ovhcloud/ods-components/react';
50
+ < ods-code class ="my-code "> import { OdsText } from '@ovhcloud/ods-components/react';
51
51
</ ods-code >
52
52
< style >
53
53
.my-code {
@@ -64,15 +64,15 @@ export const Overview: StoryObj = {
64
64
layout : 'centered' ,
65
65
} ,
66
66
render : ( ) => html `
67
- < ods-code can-copy > import { OsdsText } from '@ovhcloud/ods-components/react';
67
+ < ods-code can-copy > import { OdsText } from '@ovhcloud/ods-components/react';
68
68
</ ods-code >
69
69
` ,
70
70
} ;
71
71
72
72
export const Default : StoryObj = {
73
73
tags : [ 'isHidden' ] ,
74
74
render : ( ) => html `
75
- < ods-code > import { OsdsText } from '@ovhcloud/ods-components/react';
75
+ < ods-code > import { OdsText } from '@ovhcloud/ods-components/react';
76
76
</ ods-code >
77
77
` ,
78
78
} ;
Original file line number Diff line number Diff line change @@ -49,7 +49,7 @@ Default usage:
49
49
<!-- is now -->
50
50
51
51
<ods-code >
52
- import { OsdsText } from '@ovhcloud/ods-components/react';
52
+ import { OdsText } from '@ovhcloud/ods-components/react';
53
53
</ods-code >
54
54
```
55
55
@@ -63,6 +63,6 @@ With a copy button:
63
63
<!-- is now -->
64
64
65
65
<ods-code can-copy >
66
- import { OsdsText } from '@ovhcloud/ods-components/react';
66
+ import { OdsText } from '@ovhcloud/ods-components/react';
67
67
</ods-code >
68
68
```
Original file line number Diff line number Diff line change 45
45
46
46
<!-- is now -->
47
47
48
- <osds -divider class =" custom" ></osds -divider >
48
+ <ods -divider class =" custom" ></ods -divider >
49
49
50
50
<style >
51
51
.custom {
@@ -60,7 +60,7 @@ Contrasted:
60
60
61
61
<!-- is now -->
62
62
63
- <osds -divider color =" dark" ></osds -divider >
63
+ <ods -divider color =" dark" ></ods -divider >
64
64
```
65
65
66
66
Separator:
@@ -69,7 +69,7 @@ Separator:
69
69
70
70
<!-- is now -->
71
71
72
- <osds -divider class =" custom" ></osds -divider >
72
+ <ods -divider class =" custom" ></ods -divider >
73
73
74
74
<style >
75
75
.custom {
@@ -78,12 +78,11 @@ Separator:
78
78
</style >
79
79
```
80
80
81
-
82
81
Size:
83
82
``` html
84
83
<osds-divider size =" 1" ></osds-divider >
85
84
86
85
<!-- is now -->
87
86
88
- <osds -divider spacing =" 2" ></osds -divider >
87
+ <ods -divider spacing =" 2" ></ods -divider >
89
88
```
Original file line number Diff line number Diff line change @@ -196,8 +196,7 @@ Label input:
196
196
197
197
<!-- is now -->
198
198
<ods-form-field >
199
- <ods-text slot =' label' color = ' text ' >My label</ods-text >
199
+ <label slot =' label' >My label</label >
200
200
<ods-input type =' text' value =' Input' ></ods-input >
201
201
</ods-form-field >
202
202
```
203
-
Original file line number Diff line number Diff line change @@ -60,7 +60,7 @@ Headline modal:
60
60
<!-- is now -->
61
61
62
62
<ods-modal >
63
- <ods-text preset =" heading-3" >Hello, world!</ods-text >
63
+ <ods-text preset =" heading-3" >Hello, world!</ods-text >
64
64
</ods-modal >
65
65
```
66
66
Original file line number Diff line number Diff line change @@ -35,7 +35,6 @@ The same result would now be achieved using:
35
35
</ods-quantity >
36
36
```
37
37
38
-
39
38
## Attributes changes
40
39
41
40
` disabled ` <ods-badge size = " sm" label = " Updated" ></ods-badge >
@@ -137,9 +136,11 @@ Has been removed.
137
136
The slot plus is now automatically in the component with an ods-button
138
137
139
138
### Input attributes changes
139
+
140
140
[ Doc input] ( /docs/ods-components-form-elements-input--migration-from-17-x )
141
141
142
142
### Button attributes changes
143
+
143
144
[ Doc button] ( /docs/ods-components-button--migration-from-17-x )
144
145
145
146
## Migration examples
Original file line number Diff line number Diff line change @@ -130,5 +130,4 @@ Group radio:
130
130
<ods-radio value =" A" name =" group-radio" ></ods-radio >
131
131
<ods-radio value =" B" name =" group-radio" ></ods-radio >
132
132
<ods-radio value =" C" name =" group-radio" ></ods-radio >
133
-
134
133
```
Original file line number Diff line number Diff line change @@ -217,4 +217,3 @@ Required select:
217
217
<option value =" de" >Germany</option >
218
218
</ods-select >
219
219
```
220
-
Original file line number Diff line number Diff line change @@ -50,7 +50,7 @@ Id switch:
50
50
51
51
<!-- is now -->
52
52
53
- <osds -switch-item input-id =" id-1" value =" 1" >Value 1</osds -switch-item >
53
+ <ods -switch-item input-id =" id-1" value =" 1" >Value 1</ods -switch-item >
54
54
```
55
55
56
56
Checked switch:
@@ -64,9 +64,9 @@ Checked switch:
64
64
<!-- is now -->
65
65
66
66
<ods-switch name =" checked-group" >
67
- <osds -switch-item is-checked value =" 1" >Value 1</osds -switch-item >
68
- <osds -switch-item value =" 2" >Value 2</osds -switch-item >
69
- <osds -switch-item value =" 3" >Value 3</osds -switch-item >
67
+ <ods -switch-item is-checked value =" 1" >Value 1</ods -switch-item >
68
+ <ods -switch-item value =" 2" >Value 2</ods -switch-item >
69
+ <ods -switch-item value =" 3" >Value 3</ods -switch-item >
70
70
</ods-switch >
71
71
```
72
72
@@ -81,8 +81,8 @@ Disabled switch:
81
81
<!-- is now -->
82
82
83
83
<ods-switch is-disabled name =" disabled-group" >
84
- <osds -switch-item value =" 1" >Value 1</osds -switch-item >
85
- <osds -switch-item value =" 2" >Value 2</osds -switch-item >
86
- <osds -switch-item value =" 3" >Value 3</osds -switch-item >
84
+ <ods -switch-item value =" 1" >Value 1</ods -switch-item >
85
+ <ods -switch-item value =" 2" >Value 2</ods -switch-item >
86
+ <ods -switch-item value =" 3" >Value 3</ods -switch-item >
87
87
</ods-switch >
88
88
```
Original file line number Diff line number Diff line change @@ -25,6 +25,7 @@ You can use the new `preset` attribute to obtain the same rendering.
25
25
## Migration examples
26
26
27
27
Size & Level text:
28
+
28
29
``` html
29
30
<osds-text size =" 500" level =" heading" >My text</osds-text >
30
31
@@ -34,6 +35,7 @@ Size & Level text:
34
35
```
35
36
36
37
Color text:
38
+
37
39
``` html
38
40
<osds-text color =" primary" >My text</osds-text >
39
41
@@ -49,6 +51,7 @@ Color text:
49
51
```
50
52
51
53
breakSpaces text:
54
+
52
55
``` html
53
56
<osds-text break-spaces >My text</osds-text >
54
57
@@ -62,4 +65,3 @@ breakSpaces text:
62
65
}
63
66
</style >
64
67
```
65
-
Original file line number Diff line number Diff line change @@ -131,4 +131,3 @@ Arrow tooltip:
131
131
Tooltip content
132
132
</ods-tooltip >
133
133
```
134
-
You can’t perform that action at this time.
0 commit comments