From 748fe2d240a02833440b69b4228a424dfb3eda1a Mon Sep 17 00:00:00 2001 From: Max Morgan Date: Fri, 28 Jun 2024 13:06:58 -0400 Subject: [PATCH] Update stories to provide sensible parent container sizes --- src/stories/legacybutton.stories.js | 92 ++++++++++++++++------------- src/stories/legacyicon.stories.js | 26 +++++--- 2 files changed, 69 insertions(+), 49 deletions(-) diff --git a/src/stories/legacybutton.stories.js b/src/stories/legacybutton.stories.js index e3763707..147d321b 100644 --- a/src/stories/legacybutton.stories.js +++ b/src/stories/legacybutton.stories.js @@ -36,7 +36,7 @@ export default { }, args: { icon: 'neighborhoods', - outlineColor: 'black', + outlineColor: '#18252A', label: '

Neighborhoods

', href: 'https://www.example.com', @@ -78,7 +78,11 @@ function _createLegacyButton(args) { // Template const Template = (args) => { - return _createLegacyButton(args); + return html` +
+ ${_createLegacyButton(args)} +
+ `; }; export const Primary = Template.bind({}); @@ -86,50 +90,56 @@ export const Primary = Template.bind({}); export const ButtonGrid = () => { return html`
-
- -

+
+ - Neighborhoods -

- +

+ Neighborhoods +

+ +
-
- -

+
+ - People -

- +

+ People +

+ +
-
- -

+
+ - Sustainability -

- +

+ Sustainability +

+ +
`; diff --git a/src/stories/legacyicon.stories.js b/src/stories/legacyicon.stories.js index 607d42d1..2d435ee7 100644 --- a/src/stories/legacyicon.stories.js +++ b/src/stories/legacyicon.stories.js @@ -23,7 +23,7 @@ export default { }, args: { icon: 'neighborhoods', - outlineColor: 'black', + outlineColor: '#18252A', }, }; @@ -36,7 +36,11 @@ function _createLegacyIcon(args) { // Template const Template = (args) => { - return _createLegacyIcon(args); + return html` +
+ ${_createLegacyIcon(args)} +
+ `; }; export const Primary = Template.bind({}); @@ -44,14 +48,20 @@ export const Primary = Template.bind({}); export const IconGrid = () => { return html`
-
- +
+
+ +
-
- +
+
+ +
-
- +
+
+ +
`;