@aristobyte-ui/button 2.4.0 → 2.5.1

package/es/src/main/components/Button/index.d.ts

@@ -0,0 +1,29 @@
+import * as React from 'react';
+import { type IconPropsType } from '@aristobyte-ui/utils';
+import './Button.scss';
+export interface IButton {
+    type?: 'button' | 'link';
+    text?: string;
+    children?: React.ReactElement | React.JSX.Element | React.ReactNode | string;
+    href?: string;
+    target?: '_self' | '_blank' | '_parent' | '_top';
+    onClick?: (e: React.MouseEvent<HTMLButtonElement | HTMLAnchorElement, MouseEvent>) => void | Promise<void>;
+    disabled?: boolean;
+    transparent?: boolean;
+    variant?: 'default' | 'primary' | 'secondary' | 'success' | 'error' | 'warning';
+    appearance?: 'solid' | 'outline' | 'outline-dashed' | 'no-outline' | 'glowing';
+    size?: 'xsm' | 'sm' | 'md' | 'lg' | 'xlg';
+    radius?: 'none' | 'sm' | 'md' | 'lg' | 'full';
+    icon?: {
+        component: (props: IconPropsType) => React.JSX.Element;
+        color?: string;
+        size?: number;
+        align?: 'left' | 'right';
+    };
+    isLoading?: boolean;
+    spinnerType?: 'default' | 'duo' | 'gradient' | 'pulse' | 'pulse-duo';
+    className?: string;
+    style?: React.CSSProperties;
+}
+export declare const Button: React.FC<IButton>;
+//# sourceMappingURL=index.d.ts.map

package/es/src/main/components/Button/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../packages/button/src/main/components/Button/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,KAAK,aAAa,EAAgB,MAAM,sBAAsB,CAAC;AAExE,OAAO,eAAe,CAAC;AAEvB,MAAM,WAAW,OAAO;IACtB,IAAI,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC,YAAY,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC;IAC7E,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,CAAC;IACjD,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,GAAG,iBAAiB,EAAE,UAAU,CAAC,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC3G,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;IAChF,UAAU,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,gBAAgB,GAAG,YAAY,GAAG,SAAS,CAAC;IAC/E,IAAI,CAAC,EAAE,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;IAC1C,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;IAC9C,IAAI,CAAC,EAAE;QACL,SAAS,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC;QACvD,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;KAC1B,CAAC;IACF,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,SAAS,GAAG,KAAK,GAAG,UAAU,GAAG,OAAO,GAAG,WAAW,CAAC;IACrE,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,OAAO,CAwEpC,CAAC"}

package/es/src/main/components/ButtonGroup/ButtonGroup.scss

@@ -0,0 +1,66 @@
+@use '@aristobyte-ui/utils/styles' as *;
+
+.button-group {
+  align-items: center;
+  display: flex;
+  overflow: hidden;
+  max-width: max-content;
+
+  &-align {
+    &--horizontal {
+      flex-direction: row;
+    }
+
+    &--vertical {
+      flex-direction: column;
+    }
+  }
+
+  &-variant {
+    &--default {
+      background-color: $color-default;
+    }
+
+    &--primary {
+      background-color: $color-primary;
+    }
+
+    &--secondary {
+      background-color: $color-secondary;
+    }
+
+    &--success {
+      background-color: $color-success;
+    }
+
+    &--error {
+      background-color: $color-error;
+    }
+
+    &--warning {
+      background-color: $color-warning;
+    }
+  }
+
+  &-radius {
+    &--none {
+      border-radius: 0rem; // 0px
+    }
+
+    &--sm {
+      border-radius: 0.125rem; // 2px
+    }
+
+    &--md {
+      border-radius: 0.375rem; // 6px
+    }
+
+    &--lg {
+      border-radius: 0.5rem; // 8px
+    }
+
+    &--full {
+      border-radius: 1.5rem; // 24px
+    }
+  }
+}

package/es/src/main/components/ButtonGroup/index.d.ts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import { type IButton, Button } from '../Button';
+import './ButtonGroup.scss';
+export interface IButtonGroup {
+    children: React.ReactElement<IButton, typeof Button> | React.ReactElement<IButton, typeof Button>[];
+    align?: 'vertical' | 'horizontal';
+    variant?: 'default' | 'primary' | 'secondary' | 'success' | 'error' | 'warning';
+    size?: 'xsm' | 'sm' | 'md' | 'lg' | 'xlg';
+    radius?: 'none' | 'sm' | 'md' | 'lg' | 'full';
+    disabled?: boolean;
+    className?: string;
+    style?: React.CSSProperties;
+}
+export declare const ButtonGroup: React.FC<IButtonGroup>;
+//# sourceMappingURL=index.d.ts.map

package/es/src/main/components/ButtonGroup/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../packages/button/src/main/components/ButtonGroup/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAEjD,OAAO,oBAAoB,CAAC;AAE5B,MAAM,WAAW,YAAY;IAC3B,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC,OAAO,EAAE,OAAO,MAAM,CAAC,GAAG,KAAK,CAAC,YAAY,CAAC,OAAO,EAAE,OAAO,MAAM,CAAC,EAAE,CAAC;IACpG,KAAK,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IAClC,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;IAChF,IAAI,CAAC,EAAE,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;IAC1C,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;IAC9C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CA+B9C,CAAC"}

package/es/src/main/components/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./Button";
+export * from "./ButtonGroup";
+//# sourceMappingURL=index.d.ts.map

package/es/src/main/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../packages/button/src/main/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC"}

package/es/src/main/index.d.ts

@@ -0,0 +1,2 @@
+export * from './components';
+//# sourceMappingURL=index.d.ts.map

package/es/src/main/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../packages/button/src/main/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}