@agility/plenum-ui 2.0.0-rc47 → 2.0.0-rc49

package/stories/atoms/buttons/Button/Danger/Danger.stories.ts

@@ -1,90 +1,90 @@
-import type { Meta, StoryObj } from "@storybook/react"
-import Button from "../Button"
-import { defaultIcon } from "../defaultArgs"
-
-// More on how to set up stories at: https://storybook.js.org/docs/7.0/react/writing-stories/introduction
-const meta: Meta<typeof Button> = {
-	title: "Design System/atoms/Buttons/Button/Danger",
-	component: Button,
-	tags: ["autodocs"],
-	argTypes: {}
-}
-
-export default meta
-type Story = StoryObj<typeof Button>
-// #region Danger Button Stories
-export const Danger: Story = {
-	args: {
-		actionType: "danger",
-		label: "Danger Zone!",
-		onClick: () => {
-			window.alert("Button clicked!")
-		}
-	}
-}
-
-export const DangerDisabled: Story = {
-	args: {
-		actionType: "danger",
-		label: "Danger Zone!",
-		disabled: true,
-		onClick: () => {
-			window.alert("Button clicked!")
-		}
-	}
-}
-
-export const DangerTrailingIcon: Story = {
-	args: {
-		...Danger.args,
-		icon: {
-			...defaultIcon,
-			icon: "IconTrash"
-		},
-		iconPosition: "trailing"
-	}
-}
-export const DangerLeadingIcon: Story = {
-	args: {
-		...DangerTrailingIcon.args,
-		iconPosition: "leading"
-	}
-}
-export const DangerSimpleIconName: Story = {
-	args: {
-		...Danger.args,
-		icon: "IconTrash",
-		iconPosition: "leading"
-	}
-}
-export const DangerExtraSmall: Story = {
-	args: {
-		...Danger.args,
-		size: "sm"
-	}
-}
-export const DangerSmall: Story = {
-	args: {
-		...Danger.args,
-		size: "sm"
-	}
-}
-export const DangerMedium: Story = {
-	args: {
-		...Danger.args,
-		size: "md"
-	}
-}
-export const DangerLarge: Story = {
-	args: {
-		...Danger.args,
-		size: "lg"
-	}
-}
-export const DangerExtraLarge: Story = {
-	args: {
-		...Danger.args,
-		size: "xl"
-	}
-}
-// #endregion
+import type { Meta, StoryObj } from "@storybook/react"
+import Button from "../Button"
+import { defaultIcon } from "../defaultArgs"
+
+// More on how to set up stories at: https://storybook.js.org/docs/7.0/react/writing-stories/introduction
+const meta: Meta<typeof Button> = {
+	title: "Design System/atoms/Buttons/Button/Danger",
+	component: Button,
+	tags: ["autodocs"],
+	argTypes: {}
+}
+
+export default meta
+type Story = StoryObj<typeof Button>
+// #region Danger Button Stories
+export const Danger: Story = {
+	args: {
+		actionType: "danger",
+		label: "Danger Zone!",
+		onClick: () => {
+			window.alert("Button clicked!")
+		}
+	}
+}
+
+export const DangerDisabled: Story = {
+	args: {
+		actionType: "danger",
+		label: "Danger Zone!",
+		disabled: true,
+		onClick: () => {
+			window.alert("Button clicked!")
+		}
+	}
+}
+
+export const DangerTrailingIcon: Story = {
+	args: {
+		...Danger.args,
+		icon: {
+			...defaultIcon,
+			icon: "IconTrash"
+		},
+		iconPosition: "trailing"
+	}
+}
+export const DangerLeadingIcon: Story = {
+	args: {
+		...DangerTrailingIcon.args,
+		iconPosition: "leading"
+	}
+}
+export const DangerSimpleIconName: Story = {
+	args: {
+		...Danger.args,
+		icon: "IconTrash",
+		iconPosition: "leading"
+	}
+}
+export const DangerExtraSmall: Story = {
+	args: {
+		...Danger.args,
+		size: "sm"
+	}
+}
+export const DangerSmall: Story = {
+	args: {
+		...Danger.args,
+		size: "sm"
+	}
+}
+export const DangerMedium: Story = {
+	args: {
+		...Danger.args,
+		size: "md"
+	}
+}
+export const DangerLarge: Story = {
+	args: {
+		...Danger.args,
+		size: "lg"
+	}
+}
+export const DangerExtraLarge: Story = {
+	args: {
+		...Danger.args,
+		size: "xl"
+	}
+}
+// #endregion

package/stories/atoms/buttons/Button/Primary/Primary.stories.ts

@@ -1,97 +1,97 @@
-import type { Meta, StoryObj } from "@storybook/react"
-import Button from "../Button"
-import { defaultIcon } from "../defaultArgs"
-
-// More on how to set up stories at: https://storybook.js.org/docs/7.0/react/writing-stories/introduction
-const meta: Meta<typeof Button> = {
-	title: "Design System/atoms/Buttons/Button/Primary",
-	component: Button,
-	tags: ["autodocs"],
-	argTypes: {},
-	parameters: {
-		design: {
-			type: "figma",
-			url: "https://www.figma.com/file/Rb5fJ8hD3pwvLnidgCaGgB/Agility-UI?type=design&node-id=12-149&mode=design&t=9hpwa8YStpwXksff-4"
-		}
-	}
-}
-
-export default meta
-type Story = StoryObj<typeof Button>
-//#region Primary Button Stories
-export const Primary: Story = {
-	args: {
-		actionType: "primary",
-		label: "Button",
-		onClick: () => {
-			window.alert("Button clicked!")
-		}
-	}
-}
-
-export const PrimaryDisabled: Story = {
-	args: {
-		actionType: "primary",
-		label: "Button",
-		disabled: true,
-		onClick: () => {
-			window.alert("Button clicked!")
-		}
-	}
-}
-
-export const PrimaryLeadingIcon: Story = {
-	args: {
-		...Primary.args,
-		icon: {
-			...defaultIcon,
-			icon: "IconCheck",
-			outline: false
-		},
-		iconPosition: "leading"
-	}
-}
-export const PrimarySimpleIconName: Story = {
-	args: {
-		...Primary.args,
-		icon: "IconCheck",
-		iconPosition: "leading"
-	}
-}
-export const PrimaryTrailingIcon: Story = {
-	args: {
-		...PrimaryLeadingIcon.args,
-		iconPosition: "trailing"
-	}
-}
-export const PrimaryExtraSmall: Story = {
-	args: {
-		...Primary.args,
-		size: "sm"
-	}
-}
-export const PrimarySmall: Story = {
-	args: {
-		...Primary.args,
-		size: "sm"
-	}
-}
-export const PrimaryMedium: Story = {
-	args: {
-		...Primary.args,
-		size: "md"
-	}
-}
-export const PrimaryLarge: Story = {
-	args: {
-		...Primary.args,
-		size: "lg"
-	}
-}
-export const PrimaryExtraLarge: Story = {
-	args: {
-		...Primary.args,
-		size: "xl"
-	}
-}
-// #endregion
+import type { Meta, StoryObj } from "@storybook/react"
+import Button from "../Button"
+import { defaultIcon } from "../defaultArgs"
+
+// More on how to set up stories at: https://storybook.js.org/docs/7.0/react/writing-stories/introduction
+const meta: Meta<typeof Button> = {
+	title: "Design System/atoms/Buttons/Button/Primary",
+	component: Button,
+	tags: ["autodocs"],
+	argTypes: {},
+	parameters: {
+		design: {
+			type: "figma",
+			url: "https://www.figma.com/file/Rb5fJ8hD3pwvLnidgCaGgB/Agility-UI?type=design&node-id=12-149&mode=design&t=9hpwa8YStpwXksff-4"
+		}
+	}
+}
+
+export default meta
+type Story = StoryObj<typeof Button>
+//#region Primary Button Stories
+export const Primary: Story = {
+	args: {
+		actionType: "primary",
+		label: "Button",
+		onClick: () => {
+			window.alert("Button clicked!")
+		}
+	}
+}
+
+export const PrimaryDisabled: Story = {
+	args: {
+		actionType: "primary",
+		label: "Button",
+		disabled: true,
+		onClick: () => {
+			window.alert("Button clicked!")
+		}
+	}
+}
+
+export const PrimaryLeadingIcon: Story = {
+	args: {
+		...Primary.args,
+		icon: {
+			...defaultIcon,
+			icon: "IconCheck",
+			outline: false
+		},
+		iconPosition: "leading"
+	}
+}
+export const PrimarySimpleIconName: Story = {
+	args: {
+		...Primary.args,
+		icon: "IconCheck",
+		iconPosition: "leading"
+	}
+}
+export const PrimaryTrailingIcon: Story = {
+	args: {
+		...PrimaryLeadingIcon.args,
+		iconPosition: "trailing"
+	}
+}
+export const PrimaryExtraSmall: Story = {
+	args: {
+		...Primary.args,
+		size: "sm"
+	}
+}
+export const PrimarySmall: Story = {
+	args: {
+		...Primary.args,
+		size: "sm"
+	}
+}
+export const PrimaryMedium: Story = {
+	args: {
+		...Primary.args,
+		size: "md"
+	}
+}
+export const PrimaryLarge: Story = {
+	args: {
+		...Primary.args,
+		size: "lg"
+	}
+}
+export const PrimaryExtraLarge: Story = {
+	args: {
+		...Primary.args,
+		size: "xl"
+	}
+}
+// #endregion

package/stories/atoms/buttons/Button/Secondary/Secondary.stories.ts

@@ -1,93 +1,93 @@
-import type { Meta, StoryObj } from "@storybook/react"
-import Button from "../Button"
-import { defaultIcon } from "../defaultArgs"
-
-// More on how to set up stories at: https://storybook.js.org/docs/7.0/react/writing-stories/introduction
-const meta: Meta<typeof Button> = {
-	title: "Design System/atoms/Buttons/Button/Secondary",
-	component: Button,
-	tags: ["autodocs"],
-	argTypes: {},
-	parameters: {
-		design: {
-			type: "figma",
-			url: "https://www.figma.com/file/Rb5fJ8hD3pwvLnidgCaGgB/Agility-UI?type=design&node-id=12-213&mode=design&t=9hpwa8YStpwXksff-4"
-		}
-	}
-}
-
-export default meta
-type Story = StoryObj<typeof Button>
-// #region Secondary Button Stories
-export const Secondary: Story = {
-	args: {
-		actionType: "secondary",
-		label: "Button",
-		onClick: () => {
-			window.alert("Button clicked!")
-		}
-	}
-}
-
-export const SecondaryDisabled: Story = {
-	args: {
-		actionType: "secondary",
-		label: "Button",
-		disabled: true,
-		onClick: () => {
-			window.alert("Button clicked!")
-		}
-	}
-}
-
-export const SecondaryTrailingIcon: Story = {
-	args: {
-		...Secondary.args,
-		icon: { ...defaultIcon, icon: "Icon3dCubeSphere" },
-		iconPosition: "trailing"
-	}
-}
-export const SecondaryLeadingIcon: Story = {
-	args: {
-		...SecondaryTrailingIcon.args,
-		iconPosition: "leading"
-	}
-}
-export const SecondarySimpleIconName: Story = {
-	args: {
-		...Secondary.args,
-		icon: "IconBell",
-		iconPosition: "leading"
-	}
-}
-export const SecondaryExtraSmall: Story = {
-	args: {
-		...Secondary.args,
-		size: "sm"
-	}
-}
-export const SecondarySmall: Story = {
-	args: {
-		...Secondary.args,
-		size: "sm"
-	}
-}
-export const SecondaryMedium: Story = {
-	args: {
-		...Secondary.args,
-		size: "md"
-	}
-}
-export const SecondaryLarge: Story = {
-	args: {
-		...Secondary.args,
-		size: "lg"
-	}
-}
-export const SecondaryExtraLarge: Story = {
-	args: {
-		...Secondary.args,
-		size: "xl"
-	}
-}
-// #endregion
+import type { Meta, StoryObj } from "@storybook/react"
+import Button from "../Button"
+import { defaultIcon } from "../defaultArgs"
+
+// More on how to set up stories at: https://storybook.js.org/docs/7.0/react/writing-stories/introduction
+const meta: Meta<typeof Button> = {
+	title: "Design System/atoms/Buttons/Button/Secondary",
+	component: Button,
+	tags: ["autodocs"],
+	argTypes: {},
+	parameters: {
+		design: {
+			type: "figma",
+			url: "https://www.figma.com/file/Rb5fJ8hD3pwvLnidgCaGgB/Agility-UI?type=design&node-id=12-213&mode=design&t=9hpwa8YStpwXksff-4"
+		}
+	}
+}
+
+export default meta
+type Story = StoryObj<typeof Button>
+// #region Secondary Button Stories
+export const Secondary: Story = {
+	args: {
+		actionType: "secondary",
+		label: "Button",
+		onClick: () => {
+			window.alert("Button clicked!")
+		}
+	}
+}
+
+export const SecondaryDisabled: Story = {
+	args: {
+		actionType: "secondary",
+		label: "Button",
+		disabled: true,
+		onClick: () => {
+			window.alert("Button clicked!")
+		}
+	}
+}
+
+export const SecondaryTrailingIcon: Story = {
+	args: {
+		...Secondary.args,
+		icon: { ...defaultIcon, icon: "Icon3dCubeSphere" },
+		iconPosition: "trailing"
+	}
+}
+export const SecondaryLeadingIcon: Story = {
+	args: {
+		...SecondaryTrailingIcon.args,
+		iconPosition: "leading"
+	}
+}
+export const SecondarySimpleIconName: Story = {
+	args: {
+		...Secondary.args,
+		icon: "IconBell",
+		iconPosition: "leading"
+	}
+}
+export const SecondaryExtraSmall: Story = {
+	args: {
+		...Secondary.args,
+		size: "sm"
+	}
+}
+export const SecondarySmall: Story = {
+	args: {
+		...Secondary.args,
+		size: "sm"
+	}
+}
+export const SecondaryMedium: Story = {
+	args: {
+		...Secondary.args,
+		size: "md"
+	}
+}
+export const SecondaryLarge: Story = {
+	args: {
+		...Secondary.args,
+		size: "lg"
+	}
+}
+export const SecondaryExtraLarge: Story = {
+	args: {
+		...Secondary.args,
+		size: "xl"
+	}
+}
+// #endregion

package/stories/atoms/buttons/Button/defaultArgs.ts

@@ -1,9 +1,9 @@
-import { IDynamicIconProps } from "../../icons"
-
-const defaultIcon: IDynamicIconProps = {
-	icon: "IconBell",
-	className: "w-5 h-5",
-	outline: true
-}
-
-export { defaultIcon }
+import { IDynamicIconProps } from "../../icons"
+
+const defaultIcon: IDynamicIconProps = {
+	icon: "IconBell",
+	className: "w-5 h-5",
+	outline: true
+}
+
+export { defaultIcon }

package/stories/atoms/buttons/Button/index.ts

@@ -1,3 +1,3 @@
-import Button, { IButtonProps, BTNActionType } from "./Button"
-export type { IButtonProps, BTNActionType }
-export default Button
+import Button, { IButtonProps, BTNActionType } from "./Button"
+export type { IButtonProps, BTNActionType }
+export default Button

package/stories/atoms/buttons/Capsule/Alternative/Alternative.stories.ts

@@ -1,27 +1,27 @@
-import type { Meta, StoryObj } from "@storybook/react"
-import { defaultIcon } from "../../Button/defaultArgs"
-import Capsule from "../Capsule"
-// More on how to set up stories at: https://storybook.js.org/docs/7.0/react/writing-stories/introduction
-const meta: Meta<typeof Capsule> = {
-	title: "Design System/atoms/Buttons/Capsule/Alternative",
-	component: Capsule,
-	tags: ["autodocs"],
-	parameters: {
-		design: {
-			type: "figma",
-			url: "https://www.figma.com/file/Rb5fJ8hD3pwvLnidgCaGgB/Agility-UI?type=design&node-id=243-12178&mode=design&t=9hpwa8YStpwXksff-4"
-		}
-	}
-}
-
-export default meta
-type Story = StoryObj<typeof Capsule>
-export const Alternative: Story = {
-	args: {
-		label: "Alternative",
-		onClick: () => {
-			window.alert("Button clicked!")
-		},
-		actionType: "alternative"
-	}
-}
+import type { Meta, StoryObj } from "@storybook/react"
+import { defaultIcon } from "../../Button/defaultArgs"
+import Capsule from "../Capsule"
+// More on how to set up stories at: https://storybook.js.org/docs/7.0/react/writing-stories/introduction
+const meta: Meta<typeof Capsule> = {
+	title: "Design System/atoms/Buttons/Capsule/Alternative",
+	component: Capsule,
+	tags: ["autodocs"],
+	parameters: {
+		design: {
+			type: "figma",
+			url: "https://www.figma.com/file/Rb5fJ8hD3pwvLnidgCaGgB/Agility-UI?type=design&node-id=243-12178&mode=design&t=9hpwa8YStpwXksff-4"
+		}
+	}
+}
+
+export default meta
+type Story = StoryObj<typeof Capsule>
+export const Alternative: Story = {
+	args: {
+		label: "Alternative",
+		onClick: () => {
+			window.alert("Button clicked!")
+		},
+		actionType: "alternative"
+	}
+}