Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@newageerp/v3.buttons.main-button

Package Overview
Dependencies
Maintainers
1
Versions
170
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@newageerp/v3.buttons.main-button - npm Package Compare versions

Comparing version 0.0.35 to 0.0.36

3

dist/main-button.d.ts

@@ -31,4 +31,5 @@ import { ReactNode } from 'react';

large?: boolean;
loading?: boolean;
};
export declare function MainButton({ title, iconName, color, className, children, onClick, disabled, disabledContent, confirmation, skipPadding, large, }: MainButtonProps): JSX.Element;
export declare function MainButton({ title, iconName, color, className, children, onClick, disabled, disabledContent, confirmation, skipPadding, large, loading, }: MainButtonProps): JSX.Element;
export {};

@@ -28,3 +28,3 @@ "use strict";

})(MainButtonColors || (MainButtonColors = {}));
function MainButton({ title, iconName, color, className, children, onClick, disabled, disabledContent, confirmation, skipPadding, large, }) {
function MainButton({ title, iconName, color, className, children, onClick, disabled, disabledContent, confirmation, skipPadding, large, loading, }) {
const [isPopup, setIsPopup] = (0, react_2.useState)(false);

@@ -50,6 +50,6 @@ const getOnClick = () => {

return (react_1.default.createElement(react_1.default.Fragment, null,
react_1.default.createElement("button", { title: title, onClick: currentFunc, className: (0, classnames_1.default)({ 'tw3-bg-teal-600 tw3-text-white': !color }, { [MainButtonColors[color]]: !!color }, { 'tw3-text-slate-300 tw3-cursor-not-allowed': disabled }, { 'tw3-duration-150': !disabled }, { 'hover:tw3-text-sky-200': !disabled && color !== 'white' }, { 'hover:tw3-text-sky-900': !disabled && color === 'white' }, { 'tw3-py-[9px] tw3-px-[9px]': !skipPadding && !large }, { 'tw3-px-16 tw3-py-[14px]': !skipPadding && large }, 'tw3-items-center', { 'tw3-text-center': color !== 'white' && !iconName }, { 'tw3-text-left': color === 'white' }, 'tw3-flex tw3-rounded-md', className, { 'tw3-min-w-[80px]': !iconName }) },
react_1.default.createElement("button", { title: title, onClick: currentFunc, className: (0, classnames_1.default)({ 'tw3-bg-teal-600 tw3-text-white': !color }, { [MainButtonColors[color]]: !!color }, { 'tw3-text-slate-300 tw3-cursor-not-allowed': disabled }, { 'tw3-duration-150': !disabled }, { 'hover:tw3-text-sky-200': !disabled && color !== 'white' }, { 'hover:tw3-text-sky-900': !disabled && color === 'white' }, { 'tw3-py-[9px] tw3-px-[9px]': !skipPadding && !large }, { 'tw3-px-16 tw3-py-[14px]': !skipPadding && large }, 'tw3-items-center', { 'tw3-text-center': color !== 'white' && !iconName }, { 'tw3-text-left': color === 'white' }, 'tw3-flex tw3-rounded-md', className, { 'tw3-min-w-[80px]': !iconName }, { 'tw3-animate-pulse': loading && !iconName }) },
iconName && (react_1.default.createElement("span", { className: (0, classnames_1.default)('tw3-leading-5', [
`fa-fw fa-light fa-${iconName}`,
]) })),
], { 'tw3-animate-spin': loading }) })),
children && (react_1.default.createElement("span", { className: (0, classnames_1.default)('tw3-leading-5', { 'tw3-font-medium': color !== 'white' }, { 'tw3-ml-1': !!iconName }) }, children))),

@@ -56,0 +56,0 @@ disabled && !!disabledContent && (react_1.default.createElement(v3_widgets_alert_widget_1.AlertWidget, Object.assign({ className: 'tw3-rounded-t-none', style: { marginTop: -3 }, isCompact: true }, disabledContent))),

{
"name": "@newageerp/v3.buttons.main-button",
"version": "0.0.35",
"version": "0.0.36",
"homepage": "https://bit.dev/newageerp/v3/buttons/main-button",

@@ -9,3 +9,3 @@ "main": "dist/index.js",

"name": "v3/buttons/main-button",
"version": "0.0.35"
"version": "0.0.36"
},

@@ -15,3 +15,3 @@ "dependencies": {

"core-js": "^3.0.0",
"@newageerp/v3.popups.confirmation-popup": "0.0.31",
"@newageerp/v3.popups.confirmation-popup": "0.0.32",
"@newageerp/v3.widgets.alert-widget": "0.0.21"

@@ -18,0 +18,0 @@ },

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc