@bolttech/ob-atoms-button 1.0.1 → 1.0.3

package/index.cjs.js

@@ -1,19 +1,9 @@
 'use strict';
 
+var jsxRuntime = require('react/jsx-runtime');
 var react = require('react');
 var uiUtils = require('@bolttech/ui-utils');
 var obAtomsIcon = require('@bolttech/ob-atoms-icon');
-var jsxDevRuntime = require('react/jsx-dev-runtime');
-
-function _objectWithoutPropertiesLoose(r, e) {
-  if (null == r) return {};
-  var t = {};
-  for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
-    if (-1 !== e.indexOf(n)) continue;
-    t[n] = r[n];
-  }
-  return t;
-}
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
@@ -1076,10 +1066,42 @@ $({ target: 'Object', stat: true, arity: 2, forced: Object.assign !== assign },
   assign: assign
 });
 
-const _excluded = ["id", "title", "variant", "size", "disabled", "fullWidth", "onClick", "type", "iconLeft", "iconRight", "dataTestId"];
-var _jsxFileName = "/home/silas-silva/Documents/projects/bgs-frontend-ui/libs/ob/atoms/button/src/lib/button.tsx";
-const Button = /*#__PURE__*/react.forwardRef((_ref, ref) => {
-  let {
+/******************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+/* global Reflect, Promise, SuppressedError, Symbol, Iterator */
+
+
+function __rest(s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+}
+
+typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+    var e = new Error(message);
+    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+};
+
+const Button = /*#__PURE__*/react.forwardRef((_a, ref) => {
+  var {
       id,
       title,
       variant,
@@ -1091,47 +1113,31 @@ const Button = /*#__PURE__*/react.forwardRef((_ref, ref) => {
       iconLeft,
       iconRight,
       dataTestId
-    } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded);
-  return /*#__PURE__*/jsxDevRuntime.jsxDEV("button", Object.assign({}, props, {
+    } = _a,
+    props = __rest(_a, ["id", "title", "variant", "size", "disabled", "fullWidth", "onClick", "type", "iconLeft", "iconRight", "dataTestId"]);
+  return jsxRuntime.jsxs("button", Object.assign({}, props, {
     ref: ref,
     "data-testid": dataTestId,
     id: id,
-    className: `flex align-center button-container ${variant} ${size}${fullWidth ? ' full-width' : ''}`,
+    className: `flex align-center items-center button-container ${variant} ${size}${fullWidth ? ' full-width' : ''}`,
     disabled: disabled,
     onClick: onClick,
     type: type
   }, disabled ? {
     'aria-disabled': disabled
   } : {}, uiUtils.applyDataAttributes(props), {
-    children: [iconLeft && /*#__PURE__*/jsxDevRuntime.jsxDEV(obAtomsIcon.Icon, Object.assign({
+    children: [iconLeft && jsxRuntime.jsx(obAtomsIcon.Icon, Object.assign({
       icon: iconLeft,
       dataTestId: `buttonIcon-${iconLeft}`,
       "aria-hidden": true
-    }, uiUtils.applyDataAttributes(props, 'icon-left')), void 0, false, {
-      fileName: _jsxFileName,
-      lineNumber: 40,
-      columnNumber: 11
-    }, undefined), title && /*#__PURE__*/jsxDevRuntime.jsxDEV("span", Object.assign({}, uiUtils.applyDataAttributes(props, 'label'), {
+    }, uiUtils.applyDataAttributes(props, 'icon-left'))), title && jsxRuntime.jsx("span", Object.assign({}, uiUtils.applyDataAttributes(props, 'label'), {
       children: title
-    }), void 0, false, {
-      fileName: _jsxFileName,
-      lineNumber: 47,
-      columnNumber: 19
-    }, undefined), iconRight && /*#__PURE__*/jsxDevRuntime.jsxDEV(obAtomsIcon.Icon, Object.assign({
+    })), iconRight && jsxRuntime.jsx(obAtomsIcon.Icon, Object.assign({
       dataTestId: `buttonIcon-${iconRight}`,
       icon: iconRight,
       "aria-hidden": true
-    }, uiUtils.applyDataAttributes(props, 'icon-right')), void 0, false, {
-      fileName: _jsxFileName,
-      lineNumber: 49,
-      columnNumber: 11
-    }, undefined)]
-  }), void 0, true, {
-    fileName: _jsxFileName,
-    lineNumber: 27,
-    columnNumber: 7
-  }, undefined);
+    }, uiUtils.applyDataAttributes(props, 'icon-right')))]
+  }));
 });
 
 exports.Button = Button;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bolttech/ob-atoms-button",
-  "version": "1.0.1",
+  "version": "1.0.3",
   "dependencies": {
     "@bolttech/ui-utils": "0.6.7",
     "react": "19.1.2",

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;