diff --git a/pkg/webui/components/news-panel/news-item/story.js b/pkg/webui/components/news-panel/news-item/story.js index 1f81364816..2ca13cf3ac 100644 --- a/pkg/webui/components/news-panel/news-item/story.js +++ b/pkg/webui/components/news-panel/news-item/story.js @@ -21,6 +21,12 @@ import NewsItem from '.' export default { title: 'Panel/News Panel/News Item', component: NewsItem, + parameters: { + design: { + type: 'figma', + url: 'https://www.figma.com/file/7pBLWK4tsjoAbyJq2viMAQ/console-redesign?type=design&node-id=1661-5590&mode=design&t=2KlaQGRV9FQm7Nv3-4 ', + }, + }, } export const Default = () => ( diff --git a/pkg/webui/components/panel/story.js b/pkg/webui/components/panel/story.js index 48769dc8b1..ae75c3485d 100644 --- a/pkg/webui/components/panel/story.js +++ b/pkg/webui/components/panel/story.js @@ -23,6 +23,12 @@ import Panel from '.' export default { title: 'Panel', component: Panel, + parameters: { + design: { + type: 'figma', + url: 'https://www.figma.com/file/7pBLWK4tsjoAbyJq2viMAQ/console-redesign?type=design&node-id=1529-7836&mode=design&t=2KlaQGRV9FQm7Nv3-4', + }, + }, } export const Default = () => ( diff --git a/pkg/webui/components/panel/toggle/index.js b/pkg/webui/components/panel/toggle/index.js index a986241144..64c62664ae 100644 --- a/pkg/webui/components/panel/toggle/index.js +++ b/pkg/webui/components/panel/toggle/index.js @@ -34,7 +34,6 @@ const Toggle = ({ options, onToggleChange, active }) => ( message={label} value={value} onClick={onToggleChange} - unstyled className={buttonClassName} /> ) diff --git a/pkg/webui/components/shortcut-panel/shortcut-item/story.js b/pkg/webui/components/shortcut-panel/shortcut-item/story.js index 80908aaf92..96844055ce 100644 --- a/pkg/webui/components/shortcut-panel/shortcut-item/story.js +++ b/pkg/webui/components/shortcut-panel/shortcut-item/story.js @@ -19,6 +19,12 @@ import ShortcutItem from '.' export default { title: 'Panel/Shortcut Panel/Shortcut Item', component: ShortcutItem, + parameters: { + design: { + type: 'figma', + url: 'https://www.figma.com/file/7pBLWK4tsjoAbyJq2viMAQ/console-redesign?type=design&node-id=1661-5695&mode=design&t=2KlaQGRV9FQm7Nv3-4', + }, + }, } export const Default = () => ( diff --git a/pkg/webui/components/status-label/story.js b/pkg/webui/components/status-label/story.js index c028a5f998..9d3aeefdef 100644 --- a/pkg/webui/components/status-label/story.js +++ b/pkg/webui/components/status-label/story.js @@ -38,4 +38,10 @@ export const Default = { control: 'boolean', }, }, + parameters: { + design: { + type: 'figma', + url: 'https://www.figma.com/file/7pBLWK4tsjoAbyJq2viMAQ/console-redesign?type=design&node-id=1599-8145&mode=design&t=2KlaQGRV9FQm7Nv3-4', + }, + }, }