Skip to content

Commit b980151

Browse files
committed
udpates story names and size references
1 parent 5025878 commit b980151

File tree

1 file changed

+18
-20
lines changed

1 file changed

+18
-20
lines changed

stories/rux-button.stories.js

+18-20
Original file line numberDiff line numberDiff line change
@@ -5,14 +5,14 @@ import { RuxIcon } from '../src/components/rux-icon/rux-icon.js' // not finished
55
import Readme from '../src/components/rux-button/README.md'
66

77
export default {
8-
title: 'Components/Buttons',
8+
title: 'Components/Button',
99
decorators: [withKnobs],
1010
}
1111

12-
export const StandardButton = () => {
12+
export const PrimaryButton = () => {
1313
const sizeOptions = {
1414
Small: 'small',
15-
Standard: '',
15+
Medium: '',
1616
Large: 'large',
1717
}
1818

@@ -35,7 +35,7 @@ export const StandardButton = () => {
3535
`
3636
}
3737

38-
StandardButton.story = {
38+
PrimaryButton.story = {
3939
parameters: {
4040
exports: {
4141
render,
@@ -50,7 +50,7 @@ StandardButton.story = {
5050
export const slottedIconButton = () => {
5151
const sizeOptions = {
5252
Small: 'small',
53-
Standard: '',
53+
Medium: '',
5454
Large: 'large',
5555
}
5656

@@ -131,7 +131,7 @@ GroupedButtons.story = {
131131
},
132132
readme: {
133133
sidebar:
134-
'# Grouped Buttons\n\nCommon button groupings follow these conventions: \n\n- Cancel buttons are always presented to the left of actions such as “Submit.”\n\n- Always group together “Ok/Cancel” buttons. Do not justify them apart, but keep a reasonable margin between the buttons.\n\n- Buttons within the same group should maintain their inherent size. Do not stretch one button to match another’s width. \n\nRead the [Rux-Buttons Readme](/?path=/info/components-buttons--standard-button) for more information.',
134+
'# Grouped Buttons\n\nCommon button groupings follow these conventions: \n\n- Cancel buttons are always presented to the left of actions such as “Submit.”\n\n- Always group together “Ok/Cancel” buttons. Do not justify them apart, but keep a reasonable margin between the buttons.\n\n- Buttons within the same group should maintain their inherent size. Do not stretch one button to match another’s width. \n\nRead the [Rux-Button Readme](/?path=/story/components-button--primary-button) for more information.',
135135
},
136136
},
137137
}
@@ -216,48 +216,46 @@ export const AllButtonVariants = () => html`
216216
<ul class="button-list">
217217
<li>
218218
<rux-button iconOnly icon="settings"
219-
>Standard icon-only button</rux-button
219+
>Medium icon-only button</rux-button
220220
>
221-
<rux-button>Standard button</rux-button>
221+
<rux-button>Medium button</rux-button>
222222
</li>
223223
<li>
224-
<rux-button icon="settings"
225-
>Standard button with icon</rux-button
226-
>
224+
<rux-button icon="settings">Medium button with icon</rux-button>
227225
</li>
228226
<li>
229227
<rux-button iconOnly disabled icon="settings"
230-
>Standard disabled icon-only button</rux-button
228+
>Medium disabled icon-only button</rux-button
231229
>
232-
<rux-button disabled>Standard disabled button</rux-button>
230+
<rux-button disabled>Medium disabled button</rux-button>
233231
</li>
234232
<li>
235233
<rux-button disabled icon="settings"
236-
>Standard disabled button with icon</rux-button
234+
>Medium disabled button with icon</rux-button
237235
>
238236
</li>
239237
<li>
240238
<rux-button iconOnly secondary icon="settings"
241-
>Standard secondary icon-only button</rux-button
239+
>Medium secondary icon-only button</rux-button
242240
>
243-
<rux-button secondary>Standard secondary button</rux-button>
241+
<rux-button secondary>Medium secondary button</rux-button>
244242
</li>
245243
<li>
246244
<rux-button secondary icon="settings"
247-
>Standard secondary button with icon</rux-button
245+
>Medium secondary button with icon</rux-button
248246
>
249247
</li>
250248
<li>
251249
<rux-button iconOnly disabled secondary icon="settings"
252-
>Standard disabled secondary icon-only button</rux-button
250+
>Medium disabled secondary icon-only button</rux-button
253251
>
254252
<rux-button secondary disabled
255-
>Standard disabled secondary button</rux-button
253+
>Medium disabled secondary button</rux-button
256254
>
257255
</li>
258256
<li>
259257
<rux-button secondary disabled icon="settings"
260-
>Standard disabled secondary button with icon</rux-button
258+
>Medium disabled secondary button with icon</rux-button
261259
>
262260
</li>
263261
</ul>

0 commit comments

Comments
 (0)