@bolttech/ob-atoms-button 1.0.0

package/index.d.ts

@@ -0,0 +1 @@
+export * from "./src/index";

package/package.json

@@ -0,0 +1,10 @@
+{
+  "name": "@bolttech/ob-atoms-button",
+  "version": "1.0.0",
+  "dependencies": {
+    "@bolttech/ui-utils": "0.6.5"
+  },
+  "main": "./index.cjs.js",
+  "type": "commonjs",
+  "types": "./index.d.ts"
+}

package/src/index.d.ts

@@ -0,0 +1,2 @@
+export * from './lib/button';
+export type { IButtonProps, ButtonVariants } from './lib/button.interface';

package/src/lib/button.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { IButtonProps } from './button.interface';
+import './button.css';
+export declare const Button: React.ForwardRefExoticComponent<IButtonProps & React.RefAttributes<HTMLButtonElement>>;

package/src/lib/button.interface.d.ts

@@ -0,0 +1,27 @@
+import { DefaultProps } from '@bolttech/ui-utils';
+export type ButtonVariants = 'transaction' | 'brand' | 'alternative' | 'outline' | 'ghost';
+export type ButtonSizes = 'sm' | 'md' | 'lg';
+export type ButtonTypes = 'button' | 'submit';
+export interface IButtonProps extends DefaultProps {
+    dataTestId?: string;
+    disabled?: boolean;
+    title?: string;
+    variant: ButtonVariants;
+    size: ButtonSizes;
+    /**
+     * The HTML `id` attribute for the button.
+     *
+     * Must be unique within the document and conform to
+     * HTML `id` naming rules (no spaces, not starting with a digit, etc.).
+     * Useful for targeting the button in scripts, automated tests,
+     * or associating it with a `<label>` for accessibility.
+     *
+     * @defaultValue - no `id` attribute is rendered
+     */
+    id?: string;
+    iconRight?: string;
+    iconLeft?: string;
+    type?: ButtonTypes;
+    fullWidth?: boolean;
+    onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+}

package/src/lib/button.stories.d.ts

@@ -0,0 +1,12 @@
+import type { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    component: import("react").ForwardRefExoticComponent<import("./button.interface").IButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+    title: string;
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Alternative: Story;
+export declare const Brand: Story;
+export declare const Ghost: Story;
+export declare const Outline: Story;
+export declare const Transaction: Story;