3pp-mirror/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-05-19 09:06:12 +02:00
Code Issues Projects Releases Packages Wiki Activity

🐛 fix icon id prop in storybook

Browse source
This commit is contained in:
Juanfran 2025-01-13 10:23:42 +01:00
parent 307834b276
commit a8105f4a0c
2 changed files with 8 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

12
frontend/src/app/main/ui/ds/foundations/assets/icon.stories.jsx
View file

@ -9,7 +9,7 @@ export default {
title: "Foundations/Assets/Icon", title: "Foundations/Assets/Icon",
component: Components.Icon, component: Components.Icon,
argTypes: { argTypes: {
id: { iconId: {
options: icons, options: icons,
control: { type: "select" }, control: { type: "select" },
}, },
@ -37,10 +37,10 @@ export const All = {
gap: "0.5rem", gap: "0.5rem",
}} }}
> >
<Icon id={iconId} size={size} /> <Icon iconId={iconId} size={size} />
<code <code
style={{ style={{
"font-family": "monospace", fontFamily: "monospace",
color: "var(--color-foreground-secondary)", color: "var(--color-foreground-secondary)",
}} }}
> >
@ -55,14 +55,14 @@ export const All = {
size: "m", size: "m",
}, },
parameters: { parameters: {
controls: { exclude: ["id", "size"] }, controls: { exclude: ["iconId", "size"] },
backgrounds: { disable: true }, backgrounds: { disable: true },
}, },
}; };
export const Default = { export const Default = {
args: { args: {
id: "pin", iconId: "pin",
}, },
parameters: { parameters: {
controls: { exclude: ["size"] }, controls: { exclude: ["size"] },
@ -71,7 +71,7 @@ export const Default = {
export const CustomSize = { export const CustomSize = {
args: { args: {
id: "pin", iconId: "pin",
size: "m", size: "m",
}, },
}; };

4
frontend/src/app/main/ui/ds/foundations/utilities/token/token_status.stories.jsx
View file

@ -8,7 +8,7 @@ export default {
title: "Foundations/Utilities/TokenStatus", title: "Foundations/Utilities/TokenStatus",
component: TokenStatusIcon, component: TokenStatusIcon,
argTypes: { argTypes: {
id: { iconId: {
options: tokenStatus, options: tokenStatus,
control: { type: "select" }, control: { type: "select" },
}, },
@ -18,6 +18,6 @@ export default {
export const Default = { export const Default = {
args: { args: {
id: "token-status-full", iconId: "token-status-full",
}, },
}; };