@fiscozen/button - npm Package Compare versions

Comparing version 0.1.5 to 0.1.6

dist/src/FzIconButton.vue.d.ts

@@ -0,9 +1,13 @@
+import { IconButtonVariant, ButtonSize } from './types';
 import { IconVariant } from '@fiscozen/icons';
-import { IconButtonVariant, IconButtonSize } from './types';
 
 declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     /**
+     * The label of the button
+     */
+    label?: string | undefined;
+    /**
      * The tooltip of the button will be shown on hover
      */
-    tooltip: string;
+    tooltip?: string | undefined;
     /**
@@ -16,7 +20,7 @@ * primary or secondary button
      */
-    size?: IconButtonSize | undefined;
+    size?: ButtonSize | undefined;
     /**
      * whether action is enabled or not
      */
-    disabled: boolean;
+    disabled?: boolean | undefined;
     /**
@@ -31,2 +35,6 @@ * Icon to be displayed. Use fontawesome search here https://fontawesome.com/v6/icons
     iconVariant?: IconVariant | undefined;
+    /**
+     * Positioning of the icon
+     */
+    iconPosition?: "before" | "after" | undefined;
 }>, {
@@ -37,7 +45,14 @@ variant: string;
     iconVariant: string;
-}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    iconPosition: string;
+}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     /**
+     * The label of the button
+     */
+    label?: string | undefined;
+    /**
      * The tooltip of the button will be shown on hover
      */
-    tooltip: string;
+    tooltip?: string | undefined;
     /**
@@ -50,7 +65,7 @@ * primary or secondary button
      */
-    size?: IconButtonSize | undefined;
+    size?: ButtonSize | undefined;
     /**
      * whether action is enabled or not
      */
-    disabled: boolean;
+    disabled?: boolean | undefined;
     /**
@@ -65,2 +80,6 @@ * Icon to be displayed. Use fontawesome search here https://fontawesome.com/v6/icons
     iconVariant?: IconVariant | undefined;
+    /**
+     * Positioning of the icon
+     */
+    iconPosition?: "before" | "after" | undefined;
 }>, {
@@ -71,7 +90,11 @@ variant: string;
     iconVariant: string;
-}>>>, {
-    size: IconButtonSize;
+    iconPosition: string;
+}>>> & {
+    onClick?: ((...args: any[]) => any) | undefined;
+}, {
+    size: ButtonSize;
     variant: IconButtonVariant;
     disabled: boolean;
     iconVariant: IconVariant;
+    iconPosition: 'before' | 'after';
 }, {}>;
@@ -78,0 +101,0 @@ export default _default;

dist/src/index.d.ts

 export { default as FzIconButton } from './FzIconButton.vue';
-export type { IconButtonVariant } from './types';
+export { default as FzButton } from './FzButton.vue';
+export { default as FzButtonGroup } from './FzButtonGroup.vue';
+export * from './types';

dist/src/types.d.ts

@@ -1,2 +0,4 @@
-export type IconButtonVariant = 'primary' | 'secondary' | 'notification' | 'invisible';
-export type IconButtonSize = 'sm' | 'md' | 'lg';
+export type CommonButtonVariant = 'primary' | 'secondary' | 'invisible';
+export type IconButtonVariant = CommonButtonVariant | 'notification';
+export type ButtonVariant = CommonButtonVariant | 'danger' | 'success';
+export type ButtonSize = 'xs' | 'sm' | 'md' | 'lg';

package.json

 {
   "name": "@fiscozen/button",
-  "version": "0.1.5",
+  "version": "0.1.6",
   "description": "Design System Icon Button Component",
@@ -30,5 +30,5 @@ "main": "src/index.ts",
     "vue-tsc": "^1.8.25",
+    "@fiscozen/eslint-config": "^0.1.0",
     "@fiscozen/tsconfig": "^0.1.0",
-    "@fiscozen/prettier-config": "^0.1.0",
-    "@fiscozen/eslint-config": "^0.1.0"
+    "@fiscozen/prettier-config": "^0.1.0"
   },
@@ -35,0 +35,0 @@ "license": "ISC",

New alerts

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Fixed alerts

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

328528

increased by31.81%

Number of package files

30

increased by15.38%

Lines of code

6439

increased by29.58%

Worsened metrics

Number of low supply chain risk alerts

21

increased by61.54%

No dependency changes