From 44e18cf4676be9c4b52e5b1de5435ec08be7ada9 Mon Sep 17 00:00:00 2001 From: Daniel Riera Date: Wed, 22 Jan 2025 10:02:19 -0500 Subject: [PATCH] PM-17351-implement-initial-design-links (#12986) --- .../lit-stories/buttons/action-button.lit-stories.ts | 6 ++++++ .../lit-stories/buttons/badge-button.lit-stories.ts | 6 ++++++ .../lit-stories/buttons/close-button.lit-stories.ts | 6 ++++++ .../lit-stories/buttons/edit-button.lit-stories.ts | 6 ++++++ .../components/lit-stories/notification/body.lit-stories.ts | 6 ++++++ .../lit-stories/notification/footer.lit-stories.ts | 6 ++++++ .../lit-stories/notification/header.lit-stories.ts | 6 ++++++ 7 files changed, 42 insertions(+) diff --git a/apps/browser/src/autofill/content/components/lit-stories/buttons/action-button.lit-stories.ts b/apps/browser/src/autofill/content/components/lit-stories/buttons/action-button.lit-stories.ts index aa53555d116..4e0efd5955c 100644 --- a/apps/browser/src/autofill/content/components/lit-stories/buttons/action-button.lit-stories.ts +++ b/apps/browser/src/autofill/content/components/lit-stories/buttons/action-button.lit-stories.ts @@ -25,6 +25,12 @@ export default { theme: ThemeTypes.Light, buttonAction: () => alert("Clicked"), }, + parameters: { + design: { + type: "figma", + url: "https://www.figma.com/design/LEhqLAcBPY8uDKRfU99n9W/Autofill-notification-redesign?node-id=487-14755&t=2O7uCAkwRZCcjumm-4", + }, + }, } as Meta; const Template = (args: Args) => ActionButton({ ...args }); diff --git a/apps/browser/src/autofill/content/components/lit-stories/buttons/badge-button.lit-stories.ts b/apps/browser/src/autofill/content/components/lit-stories/buttons/badge-button.lit-stories.ts index 876a70eebc1..df44a70278d 100644 --- a/apps/browser/src/autofill/content/components/lit-stories/buttons/badge-button.lit-stories.ts +++ b/apps/browser/src/autofill/content/components/lit-stories/buttons/badge-button.lit-stories.ts @@ -25,6 +25,12 @@ export default { theme: ThemeTypes.Light, buttonAction: () => alert("Clicked"), }, + parameters: { + design: { + type: "figma", + url: "https://www.figma.com/design/LEhqLAcBPY8uDKRfU99n9W/Autofill-notification-redesign?node-id=502-24973&t=2O7uCAkwRZCcjumm-4", + }, + }, } as Meta; const Template = (args: Args) => BadgeButton({ ...args }); diff --git a/apps/browser/src/autofill/content/components/lit-stories/buttons/close-button.lit-stories.ts b/apps/browser/src/autofill/content/components/lit-stories/buttons/close-button.lit-stories.ts index dc202f330ae..f622ab8b3ec 100644 --- a/apps/browser/src/autofill/content/components/lit-stories/buttons/close-button.lit-stories.ts +++ b/apps/browser/src/autofill/content/components/lit-stories/buttons/close-button.lit-stories.ts @@ -20,6 +20,12 @@ export default { alert("Close button clicked!"); }, }, + parameters: { + design: { + type: "figma", + url: "https://www.figma.com/design/LEhqLAcBPY8uDKRfU99n9W/Autofill-notification-redesign?node-id=502-24633&t=2O7uCAkwRZCcjumm-4", + }, + }, } as Meta; const Template = (args: Args) => CloseButton({ ...args }); diff --git a/apps/browser/src/autofill/content/components/lit-stories/buttons/edit-button.lit-stories.ts b/apps/browser/src/autofill/content/components/lit-stories/buttons/edit-button.lit-stories.ts index 769fe475dd5..34ecae30dc2 100644 --- a/apps/browser/src/autofill/content/components/lit-stories/buttons/edit-button.lit-stories.ts +++ b/apps/browser/src/autofill/content/components/lit-stories/buttons/edit-button.lit-stories.ts @@ -24,6 +24,12 @@ export default { theme: ThemeTypes.Light, buttonAction: () => alert("Clicked"), }, + parameters: { + design: { + type: "figma", + url: "https://www.figma.com/design/LEhqLAcBPY8uDKRfU99n9W/Autofill-notification-redesign?node-id=502-24633&t=2O7uCAkwRZCcjumm-4", + }, + }, } as Meta; const Template = (args: Args) => EditButton({ ...args }); diff --git a/apps/browser/src/autofill/content/components/lit-stories/notification/body.lit-stories.ts b/apps/browser/src/autofill/content/components/lit-stories/notification/body.lit-stories.ts index 00ea905a2f3..90616647b0e 100644 --- a/apps/browser/src/autofill/content/components/lit-stories/notification/body.lit-stories.ts +++ b/apps/browser/src/autofill/content/components/lit-stories/notification/body.lit-stories.ts @@ -44,6 +44,12 @@ export default { theme: ThemeTypes.Light, notificationType: "change", }, + parameters: { + design: { + type: "figma", + url: "https://www.figma.com/design/LEhqLAcBPY8uDKRfU99n9W/Autofill-notification-redesign?node-id=217-6841&m=dev", + }, + }, } as Meta; const Template = (args: Args) => NotificationBody({ ...args }); diff --git a/apps/browser/src/autofill/content/components/lit-stories/notification/footer.lit-stories.ts b/apps/browser/src/autofill/content/components/lit-stories/notification/footer.lit-stories.ts index c8f30eb036f..d63c72bf019 100644 --- a/apps/browser/src/autofill/content/components/lit-stories/notification/footer.lit-stories.ts +++ b/apps/browser/src/autofill/content/components/lit-stories/notification/footer.lit-stories.ts @@ -23,6 +23,12 @@ export default { theme: ThemeTypes.Light, notificationType: "add", }, + parameters: { + design: { + type: "figma", + url: "https://www.figma.com/design/LEhqLAcBPY8uDKRfU99n9W/Autofill-notification-redesign?node-id=32-4949&m=dev", + }, + }, } as Meta; const Template = (args: Args) => NotificationFooter({ ...args }); diff --git a/apps/browser/src/autofill/content/components/lit-stories/notification/header.lit-stories.ts b/apps/browser/src/autofill/content/components/lit-stories/notification/header.lit-stories.ts index fd8423f995e..49cc1e6bd8d 100644 --- a/apps/browser/src/autofill/content/components/lit-stories/notification/header.lit-stories.ts +++ b/apps/browser/src/autofill/content/components/lit-stories/notification/header.lit-stories.ts @@ -24,6 +24,12 @@ export default { theme: ThemeTypes.Light, handleCloseNotification: () => alert("Close Clicked"), }, + parameters: { + design: { + type: "figma", + url: "https://www.figma.com/design/LEhqLAcBPY8uDKRfU99n9W/Autofill-notification-redesign?node-id=32-3461&m=dev", + }, + }, } as Meta; const Template = (args: Args) => NotificationHeader({ ...args });