From 6bf0a5cb5034a7e684dcc3500e841785237ce2dd Mon Sep 17 00:00:00 2001
From: Daniel Baumann <daniel.baumann@progress-linux.org>
Date: Sun, 7 Apr 2024 19:32:43 +0200
Subject: Adding upstream version 1:115.7.0.

Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
---
 .../storybook/stories/button.stories.mjs           | 79 ++++++++++++++++++++++
 1 file changed, 79 insertions(+)
 create mode 100644 browser/components/storybook/stories/button.stories.mjs

(limited to 'browser/components/storybook/stories/button.stories.mjs')

diff --git a/browser/components/storybook/stories/button.stories.mjs b/browser/components/storybook/stories/button.stories.mjs
new file mode 100644
index 0000000000..5a6ec2cac5
--- /dev/null
+++ b/browser/components/storybook/stories/button.stories.mjs
@@ -0,0 +1,79 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+import { classMap, html } from "lit.all.mjs";
+
+export default {
+  title: "UI Widgets/Button",
+  component: "button",
+  parameters: {
+    status: "stable",
+    fluent: `
+button-regular = Regular
+button-primary = Primary
+button-disabled = Disabled
+button-danger = Danger
+    `,
+  },
+};
+
+const Template = ({
+  disabled,
+  primary,
+  l10nId,
+  ghostButton,
+  icon,
+  dangerButton,
+}) =>
+  html`
+    <style>
+      .icon-button {
+        background-image: url("${icon}");
+      }
+    </style>
+    <button
+      ?disabled=${disabled}
+      class=${classMap({
+        primary,
+        "ghost-button": ghostButton,
+        "icon-button": icon,
+        "danger-button": dangerButton,
+      })}
+      data-l10n-id=${l10nId}
+    ></button>
+  `;
+
+export const RegularButton = Template.bind({});
+RegularButton.args = {
+  l10nId: "button-regular",
+  primary: false,
+  disabled: false,
+};
+export const PrimaryButton = Template.bind({});
+PrimaryButton.args = {
+  l10nId: "button-primary",
+  primary: true,
+  disabled: false,
+};
+export const DisabledButton = Template.bind({});
+DisabledButton.args = {
+  l10nId: "button-disabled",
+  primary: false,
+  disabled: true,
+};
+
+export const DangerButton = Template.bind({});
+DangerButton.args = {
+  l10nId: "button-danger",
+  primary: true,
+  disabled: false,
+  dangerButton: true,
+};
+
+export const GhostIconButton = Template.bind({});
+GhostIconButton.args = {
+  icon: "chrome://browser/skin/login.svg",
+  disabled: false,
+  ghostButton: true,
+};
-- 
cgit v1.2.3