@jamsr-ui/button - npm Package Compare versions

Comparing version 0.0.46 to 0.0.47

dist/button.d.ts

@@ -6,2 +6,3 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import './style.js';
+import 'tailwind-merge';
 import 'tailwind-variants';
@@ -8,0 +9,0 @@ import 'tailwind-variants/dist/config.js';

dist/button.js

 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client"
-var _chunkAJAW7AVVjs = require('./chunk-AJAW7AVV.js');require('./chunk-MZVI2KZW.js');require('./chunk-GE37VUCQ.js');exports.Button = _chunkAJAW7AVVjs.a;
+var _chunkUZXJPFHIjs = require('./chunk-UZXJPFHI.js');require('./chunk-DHRH5IZ7.js');require('./chunk-GYUVHTB4.js');exports.Button = _chunkUZXJPFHIjs.a;

dist/index.d.ts

@@ -7,3 +7,4 @@ export { Button, ButtonProps } from './button.js';
 import './style.js';
+import 'tailwind-merge';
 import 'tailwind-variants';
 import 'tailwind-variants/dist/config.js';

dist/index.js

 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client"
-"use client";var _chunkAJAW7AVVjs = require('./chunk-AJAW7AVV.js');var _chunkMZVI2KZWjs = require('./chunk-MZVI2KZW.js');require('./chunk-GE37VUCQ.js');exports.Button = _chunkAJAW7AVVjs.a; exports.useButton = _chunkMZVI2KZWjs.a;
+"use client";var _chunkUZXJPFHIjs = require('./chunk-UZXJPFHI.js');var _chunkDHRH5IZ7js = require('./chunk-DHRH5IZ7.js');require('./chunk-GYUVHTB4.js');exports.Button = _chunkUZXJPFHIjs.a; exports.useButton = _chunkDHRH5IZ7js.a;

dist/style.d.ts

@@ -0,1 +1,2 @@
+import * as tailwind_merge from 'tailwind-merge';
 import * as tailwind_variants from 'tailwind-variants';
@@ -5,3 +6,3 @@ import * as tailwind_variants_dist_config_js from 'tailwind-variants/dist/config.js';
 
-declare const buttonVariant: tailwind_variants.TVReturnType<{
+declare const baseVariant: tailwind_variants.TVReturnType<{
     color: {
@@ -17,3 +18,3 @@ default: string;
         solid: string;
-        outline: string;
+        outlined: string;
         shadow: string;
@@ -53,3 +54,3 @@ light: string;
         solid: string;
-        outline: string;
+        outlined: string;
         shadow: string;
@@ -89,3 +90,3 @@ light: string;
         solid: string;
-        outline: string;
+        outlined: string;
         shadow: string;
@@ -125,3 +126,3 @@ light: string;
         solid: string;
-        outline: string;
+        outlined: string;
         shadow: string;
@@ -161,3 +162,3 @@ light: string;
         solid: string;
-        outline: string;
+        outlined: string;
         shadow: string;
@@ -197,3 +198,3 @@ light: string;
         solid: string;
-        outline: string;
+        outlined: string;
         shadow: string;
@@ -233,3 +234,3 @@ light: string;
         solid: string;
-        outline: string;
+        outlined: string;
         shadow: string;
@@ -259,2 +260,388 @@ light: string;
 }>, unknown, unknown, undefined>>;
+declare const buttonVariant: tailwind_variants.TVReturnType<{} | {
+    color: {
+        default: tailwind_merge.ClassNameValue | {};
+        primary: tailwind_merge.ClassNameValue | {};
+        secondary: tailwind_merge.ClassNameValue | {};
+        success: tailwind_merge.ClassNameValue | {};
+        warning: tailwind_merge.ClassNameValue | {};
+        danger: tailwind_merge.ClassNameValue | {};
+    };
+    variant: {
+        solid: tailwind_merge.ClassNameValue | {};
+        outlined: tailwind_merge.ClassNameValue | {};
+        shadow: tailwind_merge.ClassNameValue | {};
+        light: tailwind_merge.ClassNameValue | {};
+        link: tailwind_merge.ClassNameValue | {};
+    };
+    fullWidth: {
+        true: tailwind_merge.ClassNameValue | {};
+    };
+    size: {
+        xs: tailwind_merge.ClassNameValue | {};
+        sm: tailwind_merge.ClassNameValue | {};
+        md: tailwind_merge.ClassNameValue | {};
+        lg: tailwind_merge.ClassNameValue | {};
+    };
+    rounded: {
+        true: tailwind_merge.ClassNameValue | {};
+    };
+    isIconOnly: {
+        true: tailwind_merge.ClassNameValue | {};
+    };
+    disableAnimation: {
+        true: tailwind_merge.ClassNameValue | {};
+        false: tailwind_merge.ClassNameValue | {};
+    };
+}, undefined, undefined, tailwind_variants_dist_config_js.TVConfig<{} | {
+    color: {
+        default: tailwind_merge.ClassNameValue | {};
+        primary: tailwind_merge.ClassNameValue | {};
+        secondary: tailwind_merge.ClassNameValue | {};
+        success: tailwind_merge.ClassNameValue | {};
+        warning: tailwind_merge.ClassNameValue | {};
+        danger: tailwind_merge.ClassNameValue | {};
+    };
+    variant: {
+        solid: tailwind_merge.ClassNameValue | {};
+        outlined: tailwind_merge.ClassNameValue | {};
+        shadow: tailwind_merge.ClassNameValue | {};
+        light: tailwind_merge.ClassNameValue | {};
+        link: tailwind_merge.ClassNameValue | {};
+    };
+    fullWidth: {
+        true: tailwind_merge.ClassNameValue | {};
+    };
+    size: {
+        xs: tailwind_merge.ClassNameValue | {};
+        sm: tailwind_merge.ClassNameValue | {};
+        md: tailwind_merge.ClassNameValue | {};
+        lg: tailwind_merge.ClassNameValue | {};
+    };
+    rounded: {
+        true: tailwind_merge.ClassNameValue | {};
+    };
+    isIconOnly: {
+        true: tailwind_merge.ClassNameValue | {};
+    };
+    disableAnimation: {
+        true: tailwind_merge.ClassNameValue | {};
+        false: tailwind_merge.ClassNameValue | {};
+    };
+}, {
+    color: {
+        default: string;
+        primary: string;
+        secondary: string;
+        success: string;
+        warning: string;
+        danger: string;
+    };
+    variant: {
+        solid: string;
+        outlined: string;
+        shadow: string;
+        light: string;
+        link: string;
+    };
+    fullWidth: {
+        true: string;
+    };
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    rounded: {
+        true: string;
+    };
+    isIconOnly: {
+        true: string;
+    };
+    disableAnimation: {
+        true: string;
+        false: string;
+    };
+}>, {
+    color: {
+        default: string;
+        primary: string;
+        secondary: string;
+        success: string;
+        warning: string;
+        danger: string;
+    };
+    variant: {
+        solid: string;
+        outlined: string;
+        shadow: string;
+        light: string;
+        link: string;
+    };
+    fullWidth: {
+        true: string;
+    };
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    rounded: {
+        true: string;
+    };
+    isIconOnly: {
+        true: string;
+    };
+    disableAnimation: {
+        true: string;
+        false: string;
+    };
+}, undefined, tailwind_variants.TVReturnType<{
+    color: {
+        default: string;
+        primary: string;
+        secondary: string;
+        success: string;
+        warning: string;
+        danger: string;
+    };
+    variant: {
+        solid: string;
+        outlined: string;
+        shadow: string;
+        light: string;
+        link: string;
+    };
+    fullWidth: {
+        true: string;
+    };
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    rounded: {
+        true: string;
+    };
+    isIconOnly: {
+        true: string;
+    };
+    disableAnimation: {
+        true: string;
+        false: string;
+    };
+}, undefined, string[], tailwind_variants_dist_config_js.TVConfig<{
+    color: {
+        default: string;
+        primary: string;
+        secondary: string;
+        success: string;
+        warning: string;
+        danger: string;
+    };
+    variant: {
+        solid: string;
+        outlined: string;
+        shadow: string;
+        light: string;
+        link: string;
+    };
+    fullWidth: {
+        true: string;
+    };
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    rounded: {
+        true: string;
+    };
+    isIconOnly: {
+        true: string;
+    };
+    disableAnimation: {
+        true: string;
+        false: string;
+    };
+}, {
+    color: {
+        default: string;
+        primary: string;
+        secondary: string;
+        success: string;
+        warning: string;
+        danger: string;
+    };
+    variant: {
+        solid: string;
+        outlined: string;
+        shadow: string;
+        light: string;
+        link: string;
+    };
+    fullWidth: {
+        true: string;
+    };
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    rounded: {
+        true: string;
+    };
+    isIconOnly: {
+        true: string;
+    };
+    disableAnimation: {
+        true: string;
+        false: string;
+    };
+}>, {
+    color: {
+        default: string;
+        primary: string;
+        secondary: string;
+        success: string;
+        warning: string;
+        danger: string;
+    };
+    variant: {
+        solid: string;
+        outlined: string;
+        shadow: string;
+        light: string;
+        link: string;
+    };
+    fullWidth: {
+        true: string;
+    };
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    rounded: {
+        true: string;
+    };
+    isIconOnly: {
+        true: string;
+    };
+    disableAnimation: {
+        true: string;
+        false: string;
+    };
+}, undefined, tailwind_variants.TVReturnType<{
+    color: {
+        default: string;
+        primary: string;
+        secondary: string;
+        success: string;
+        warning: string;
+        danger: string;
+    };
+    variant: {
+        solid: string;
+        outlined: string;
+        shadow: string;
+        light: string;
+        link: string;
+    };
+    fullWidth: {
+        true: string;
+    };
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    rounded: {
+        true: string;
+    };
+    isIconOnly: {
+        true: string;
+    };
+    disableAnimation: {
+        true: string;
+        false: string;
+    };
+}, undefined, string[], tailwind_variants_dist_config_js.TVConfig<{
+    color: {
+        default: string;
+        primary: string;
+        secondary: string;
+        success: string;
+        warning: string;
+        danger: string;
+    };
+    variant: {
+        solid: string;
+        outlined: string;
+        shadow: string;
+        light: string;
+        link: string;
+    };
+    fullWidth: {
+        true: string;
+    };
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    rounded: {
+        true: string;
+    };
+    isIconOnly: {
+        true: string;
+    };
+    disableAnimation: {
+        true: string;
+        false: string;
+    };
+}, {
+    color: {
+        default: string;
+        primary: string;
+        secondary: string;
+        success: string;
+        warning: string;
+        danger: string;
+    };
+    variant: {
+        solid: string;
+        outlined: string;
+        shadow: string;
+        light: string;
+        link: string;
+    };
+    fullWidth: {
+        true: string;
+    };
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    rounded: {
+        true: string;
+    };
+    isIconOnly: {
+        true: string;
+    };
+    disableAnimation: {
+        true: string;
+        false: string;
+    };
+}>, unknown, unknown, undefined>>>;
 declare const buttonGroup: tailwind_variants.TVReturnType<{
@@ -289,5 +676,5 @@ fullWidth: {
 }>, unknown, unknown, undefined>>;
-type ButtonVariantProps = VariantProps<typeof buttonVariant>;
+type ButtonVariantProps = VariantProps<typeof baseVariant>;
 type ButtonGroupVariantProps = VariantProps<typeof buttonGroup>;
 
 export { type ButtonGroupVariantProps, type ButtonVariantProps, buttonGroup, buttonVariant };

dist/style.js

 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client"
-var _chunkGE37VUCQjs = require('./chunk-GE37VUCQ.js');exports.buttonGroup = _chunkGE37VUCQjs.b; exports.buttonVariant = _chunkGE37VUCQjs.a;
+var _chunkGYUVHTB4js = require('./chunk-GYUVHTB4.js');exports.buttonGroup = _chunkGYUVHTB4js.b; exports.buttonVariant = _chunkGYUVHTB4js.a;

dist/use-button.d.ts

@@ -5,2 +5,3 @@ import * as react from 'react';
 import { ButtonVariantProps } from './style.js';
+import 'tailwind-merge';
 import 'tailwind-variants';
@@ -13,2 +14,3 @@ import 'tailwind-variants/dist/config.js';
     isLoading?: boolean;
+    isDisabled?: boolean;
     spinnerPlacement?: "start" | "end";
@@ -27,3 +29,3 @@ disableRipple?: boolean;
     isIconOnly: boolean | undefined;
-    spinnerPlacement: "start" | "end";
+    spinnerPlacement: "end" | "start";
     isDisabled: boolean;
@@ -30,0 +32,0 @@ disableRipple: boolean | undefined;

dist/use-button.js

 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client"
-var _chunkMZVI2KZWjs = require('./chunk-MZVI2KZW.js');require('./chunk-GE37VUCQ.js');exports.useButton = _chunkMZVI2KZWjs.a;
+var _chunkDHRH5IZ7js = require('./chunk-DHRH5IZ7.js');require('./chunk-GYUVHTB4.js');exports.useButton = _chunkDHRH5IZ7js.a;

package.json

 {
   "name": "@jamsr-ui/button",
-  "version": "0.0.46",
+  "version": "0.0.47",
   "description": "",
@@ -19,9 +19,9 @@ "sideEffects": false,
   "peerDependencies": {
-    "react": "19.0.0-rc-e4953922-20240919",
-    "react-dom": "19.0.0-rc-e4953922-20240919"
+    "react-dom": "19.0.0-rc-0751fac7-20241002",
+    "react": "19.0.0-rc-0751fac7-20241002"
   },
   "dependencies": {
-    "@jamsr-ui/ripple": "^0.0.44",
-    "@jamsr-ui/progress": "^0.0.43",
-    "@jamsr-ui/utils": "^0.0.40"
+    "@jamsr-ui/progress": "^0.0.44",
+    "@jamsr-ui/ripple": "^0.0.45",
+    "@jamsr-ui/utils": "^0.0.41"
   },
@@ -28,0 +28,0 @@ "exports": {

New alerts

Minified code

Quality

This package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.

Found 2 instances in 1 package

Fixed alerts

Minified code

Quality

This package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.

Found 2 instances in 1 package

Improved metrics

Total package byte prevSize

45489

increased by70.93%

Lines of code

785

increased by102.32%

Dependency changes

• + Added@jamsr-ui/hooks@0.0.33(transitive)

• + Added@jamsr-ui/progress@0.0.44(transitive)

• + Added@jamsr-ui/ripple@0.0.45(transitive)

• + Added@jamsr-ui/utils@0.0.41(transitive)

• + Addedreact@19.0.0-rc-0751fac7-20241002(transitive)

• + Addedreact-dom@19.0.0-rc-0751fac7-20241002(transitive)

• + Addedscheduler@0.25.0-rc-0751fac7-20241002(transitive)

• + Addedtailwindcss@4.0.3(transitive)

• - Removed@jamsr-ui/hooks@0.0.32(transitive)

• - Removed@jamsr-ui/progress@0.0.43(transitive)

• - Removed@jamsr-ui/ripple@0.0.44(transitive)

• - Removed@jamsr-ui/utils@0.0.40(transitive)

• - Removedreact@19.0.0-rc-e4953922-20240919(transitive)

• - Removedreact-dom@19.0.0-rc-e4953922-20240919(transitive)

• - Removedscheduler@0.25.0-rc-e4953922-20240919(transitive)

• - Removedtailwindcss@4.0.6(transitive)

• Updated@jamsr-ui/progress@^0.0.44

• Updated@jamsr-ui/ripple@^0.0.45

• Updated@jamsr-ui/utils@^0.0.41