diff --git a/ui/stories/3. Layout/Stack/Stack.stories.js b/ui/stories/3. Layout/Stack/Stack.stories.js index 17d7237..f624313 100644 --- a/ui/stories/3. Layout/Stack/Stack.stories.js +++ b/ui/stories/3. Layout/Stack/Stack.stories.js @@ -11,7 +11,7 @@ export default { stackGutter: { control: 'select', options: ['gutter-xs', 'gutter-s', 'gutter-l', 'gutter-xl'], - description: '"Gutter" (margin block) between child elements.', + description: '"Gutter" (block margin) between child elements.', table: { type: { summary: 'gutter-xs, gutter-s, gutter-l, gutter-xl' }, defaultValue: { summary: 'gutter-m' } diff --git a/ui/stories/7. Utilities/Utilities.stories.js b/ui/stories/7. Utilities/Utilities.stories.js index 200ef38..8fda158 100644 --- a/ui/stories/7. Utilities/Utilities.stories.js +++ b/ui/stories/7. Utilities/Utilities.stories.js @@ -11,22 +11,38 @@ export default { marginBlock: { control: 'select', options: ['0', 'xs', 's', 'l', 'xl'], - defaultValue: { summary: 'm' }, + description: 'Add block margin to component.', + table: { + type: { summary: 'select' }, + defaultValue: { summary: 'm' } + }, }, marginInline: { control: 'select', options: ['0', 'xs', 's', 'l', 'xl'], - defaultValue: { summary: 'm' }, + description: 'Add inline margin to component.', + table: { + type: { summary: 'select' }, + defaultValue: { summary: 'm' } + }, }, paddingBlock: { control: 'select', options: ['0', 'xs', 's', 'l', 'xl'], - defaultValue: { summary: 'm' } + description: 'Add block padding to component.', + table: { + type: { summary: 'select' }, + defaultValue: { summary: 'm' } + }, }, paddingInline: { control: 'select', options: ['0', 'xs', 's', 'l', 'xl'], - defaultValue: { summary: 'm' } + description: 'Add inline padding to component.', + table: { + type: { summary: 'select' }, + defaultValue: { summary: 'm' } + }, }, }, };