@alfalab/core-components-icon-button - npm Package Compare versions

Comparing version 6.2.5 to 6.3.0

Component.d.ts

@@ -37,3 +37,3 @@ /// <reference types="react" />
     colors?: 'default' | 'inverted';
-} & Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'size'> & Pick<ButtonProps, 'href' | 'loading' | 'breakpoint'> & Pick<AnchorHTMLAttributes<HTMLAnchorElement>, 'target' | 'download'>;
+} & Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'size'> & Pick<ButtonProps, 'Component' | 'href' | 'loading' | 'breakpoint'> & Pick<AnchorHTMLAttributes<HTMLAnchorElement>, 'target' | 'download'>;
 declare const IconButton: React.ForwardRefExoticComponent<{
@@ -71,3 +71,3 @@ /**
     colors?: "default" | "inverted" | undefined;
-} & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "size"> & Pick<ButtonProps, "href" | "loading" | "breakpoint"> & Pick<React.AnchorHTMLAttributes<HTMLAnchorElement>, "download" | "target"> & React.RefAttributes<HTMLButtonElement>>;
+} & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "size"> & Pick<ButtonProps, "href" | "Component" | "loading" | "breakpoint"> & Pick<React.AnchorHTMLAttributes<HTMLAnchorElement>, "download" | "target"> & React.RefAttributes<HTMLButtonElement>>;
 export { IconButtonProps, IconButton };

Component.js

@@ -15,9 +15,9 @@ 'use strict';
 
-var defaultColors = {"primary":"icon-button__primary_orqu2","secondary":"icon-button__secondary_orqu2","transparent":"icon-button__transparent_orqu2","negative":"icon-button__negative_orqu2","tertiary":"icon-button__tertiary_orqu2","component":"icon-button__component_orqu2","loader":"icon-button__loader_orqu2"};
+var defaultColors = {"primary":"icon-button__primary_j3zp8","secondary":"icon-button__secondary_j3zp8","transparent":"icon-button__transparent_j3zp8","negative":"icon-button__negative_j3zp8","tertiary":"icon-button__tertiary_j3zp8","component":"icon-button__component_j3zp8","loader":"icon-button__loader_j3zp8"};
 require('./default.css')
 
-var styles = {"xxs":"icon-button__xxs_41uh6","xs":"icon-button__xs_41uh6","s":"icon-button__s_41uh6","iconWrapper":"icon-button__iconWrapper_41uh6","center":"icon-button__center_41uh6","left":"icon-button__left_41uh6","right":"icon-button__right_41uh6","icon":"icon-button__icon_41uh6"};
+var styles = {"xxs":"icon-button__xxs_tazad","xs":"icon-button__xs_tazad","s":"icon-button__s_tazad","iconWrapper":"icon-button__iconWrapper_tazad","center":"icon-button__center_tazad","left":"icon-button__left_tazad","right":"icon-button__right_tazad","icon":"icon-button__icon_tazad"};
 require('./index.css')
 
-var invertedColors = {"primary":"icon-button__primary_ecr9z","secondary":"icon-button__secondary_ecr9z","transparent":"icon-button__transparent_ecr9z","negative":"icon-button__negative_ecr9z","tertiary":"icon-button__tertiary_ecr9z","component":"icon-button__component_ecr9z","loader":"icon-button__loader_ecr9z"};
+var invertedColors = {"primary":"icon-button__primary_jny3m","secondary":"icon-button__secondary_jny3m","transparent":"icon-button__transparent_jny3m","negative":"icon-button__negative_jny3m","tertiary":"icon-button__tertiary_jny3m","component":"icon-button__component_jny3m","loader":"icon-button__loader_jny3m"};
 require('./inverted.css')
@@ -24,0 +24,0 @@

cssm/Component.d.ts

@@ -37,3 +37,3 @@ /// <reference types="react" />
     colors?: 'default' | 'inverted';
-} & Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'size'> & Pick<ButtonProps, 'href' | 'loading' | 'breakpoint'> & Pick<AnchorHTMLAttributes<HTMLAnchorElement>, 'target' | 'download'>;
+} & Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'size'> & Pick<ButtonProps, 'Component' | 'href' | 'loading' | 'breakpoint'> & Pick<AnchorHTMLAttributes<HTMLAnchorElement>, 'target' | 'download'>;
 declare const IconButton: React.ForwardRefExoticComponent<{
@@ -71,3 +71,3 @@ /**
     colors?: "default" | "inverted" | undefined;
-} & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "size"> & Pick<ButtonProps, "href" | "loading" | "breakpoint"> & Pick<React.AnchorHTMLAttributes<HTMLAnchorElement>, "download" | "target"> & React.RefAttributes<HTMLButtonElement>>;
+} & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "size"> & Pick<ButtonProps, "href" | "Component" | "loading" | "breakpoint"> & Pick<React.AnchorHTMLAttributes<HTMLAnchorElement>, "download" | "target"> & React.RefAttributes<HTMLButtonElement>>;
 export { IconButtonProps, IconButton };

esm/Component.d.ts

@@ -37,3 +37,3 @@ /// <reference types="react" />
     colors?: 'default' | 'inverted';
-} & Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'size'> & Pick<ButtonProps, 'href' | 'loading' | 'breakpoint'> & Pick<AnchorHTMLAttributes<HTMLAnchorElement>, 'target' | 'download'>;
+} & Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'size'> & Pick<ButtonProps, 'Component' | 'href' | 'loading' | 'breakpoint'> & Pick<AnchorHTMLAttributes<HTMLAnchorElement>, 'target' | 'download'>;
 declare const IconButton: React.ForwardRefExoticComponent<{
@@ -71,3 +71,3 @@ /**
     colors?: "default" | "inverted" | undefined;
-} & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "size"> & Pick<ButtonProps, "href" | "loading" | "breakpoint"> & Pick<React.AnchorHTMLAttributes<HTMLAnchorElement>, "download" | "target"> & React.RefAttributes<HTMLButtonElement>>;
+} & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "size"> & Pick<ButtonProps, "href" | "Component" | "loading" | "breakpoint"> & Pick<React.AnchorHTMLAttributes<HTMLAnchorElement>, "download" | "target"> & React.RefAttributes<HTMLButtonElement>>;
 export { IconButtonProps, IconButton };

esm/Component.js

@@ -6,9 +6,9 @@ import { __rest, __assign } from 'tslib';
 
-var defaultColors = {"primary":"icon-button__primary_orqu2","secondary":"icon-button__secondary_orqu2","transparent":"icon-button__transparent_orqu2","negative":"icon-button__negative_orqu2","tertiary":"icon-button__tertiary_orqu2","component":"icon-button__component_orqu2","loader":"icon-button__loader_orqu2"};
+var defaultColors = {"primary":"icon-button__primary_j3zp8","secondary":"icon-button__secondary_j3zp8","transparent":"icon-button__transparent_j3zp8","negative":"icon-button__negative_j3zp8","tertiary":"icon-button__tertiary_j3zp8","component":"icon-button__component_j3zp8","loader":"icon-button__loader_j3zp8"};
 require('./default.css')
 
-var styles = {"xxs":"icon-button__xxs_41uh6","xs":"icon-button__xs_41uh6","s":"icon-button__s_41uh6","iconWrapper":"icon-button__iconWrapper_41uh6","center":"icon-button__center_41uh6","left":"icon-button__left_41uh6","right":"icon-button__right_41uh6","icon":"icon-button__icon_41uh6"};
+var styles = {"xxs":"icon-button__xxs_tazad","xs":"icon-button__xs_tazad","s":"icon-button__s_tazad","iconWrapper":"icon-button__iconWrapper_tazad","center":"icon-button__center_tazad","left":"icon-button__left_tazad","right":"icon-button__right_tazad","icon":"icon-button__icon_tazad"};
 require('./index.css')
 
-var invertedColors = {"primary":"icon-button__primary_ecr9z","secondary":"icon-button__secondary_ecr9z","transparent":"icon-button__transparent_ecr9z","negative":"icon-button__negative_ecr9z","tertiary":"icon-button__tertiary_ecr9z","component":"icon-button__component_ecr9z","loader":"icon-button__loader_ecr9z"};
+var invertedColors = {"primary":"icon-button__primary_jny3m","secondary":"icon-button__secondary_jny3m","transparent":"icon-button__transparent_jny3m","negative":"icon-button__negative_jny3m","tertiary":"icon-button__tertiary_jny3m","component":"icon-button__component_jny3m","loader":"icon-button__loader_jny3m"};
 require('./inverted.css')
@@ -15,0 +15,0 @@

modern/Component.d.ts

@@ -37,3 +37,3 @@ /// <reference types="react" />
     colors?: 'default' | 'inverted';
-} & Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'size'> & Pick<ButtonProps, 'href' | 'loading' | 'breakpoint'> & Pick<AnchorHTMLAttributes<HTMLAnchorElement>, 'target' | 'download'>;
+} & Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'size'> & Pick<ButtonProps, 'Component' | 'href' | 'loading' | 'breakpoint'> & Pick<AnchorHTMLAttributes<HTMLAnchorElement>, 'target' | 'download'>;
 declare const IconButton: React.ForwardRefExoticComponent<{
@@ -71,3 +71,3 @@ /**
     colors?: "default" | "inverted" | undefined;
-} & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "size"> & Pick<ButtonProps, "href" | "loading" | "breakpoint"> & Pick<React.AnchorHTMLAttributes<HTMLAnchorElement>, "download" | "target"> & React.RefAttributes<HTMLButtonElement>>;
+} & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "size"> & Pick<ButtonProps, "href" | "Component" | "loading" | "breakpoint"> & Pick<React.AnchorHTMLAttributes<HTMLAnchorElement>, "download" | "target"> & React.RefAttributes<HTMLButtonElement>>;
 export { IconButtonProps, IconButton };

modern/Component.js

@@ -5,9 +5,9 @@ import React, { forwardRef } from 'react';
 
-const defaultColors = {"primary":"icon-button__primary_orqu2","secondary":"icon-button__secondary_orqu2","transparent":"icon-button__transparent_orqu2","negative":"icon-button__negative_orqu2","tertiary":"icon-button__tertiary_orqu2","component":"icon-button__component_orqu2","loader":"icon-button__loader_orqu2"};
+const defaultColors = {"primary":"icon-button__primary_j3zp8","secondary":"icon-button__secondary_j3zp8","transparent":"icon-button__transparent_j3zp8","negative":"icon-button__negative_j3zp8","tertiary":"icon-button__tertiary_j3zp8","component":"icon-button__component_j3zp8","loader":"icon-button__loader_j3zp8"};
 require('./default.css')
 
-const styles = {"xxs":"icon-button__xxs_41uh6","xs":"icon-button__xs_41uh6","s":"icon-button__s_41uh6","iconWrapper":"icon-button__iconWrapper_41uh6","center":"icon-button__center_41uh6","left":"icon-button__left_41uh6","right":"icon-button__right_41uh6","icon":"icon-button__icon_41uh6"};
+const styles = {"xxs":"icon-button__xxs_tazad","xs":"icon-button__xs_tazad","s":"icon-button__s_tazad","iconWrapper":"icon-button__iconWrapper_tazad","center":"icon-button__center_tazad","left":"icon-button__left_tazad","right":"icon-button__right_tazad","icon":"icon-button__icon_tazad"};
 require('./index.css')
 
-const invertedColors = {"primary":"icon-button__primary_ecr9z","secondary":"icon-button__secondary_ecr9z","transparent":"icon-button__transparent_ecr9z","negative":"icon-button__negative_ecr9z","tertiary":"icon-button__tertiary_ecr9z","component":"icon-button__component_ecr9z","loader":"icon-button__loader_ecr9z"};
+const invertedColors = {"primary":"icon-button__primary_jny3m","secondary":"icon-button__secondary_jny3m","transparent":"icon-button__transparent_jny3m","negative":"icon-button__negative_jny3m","tertiary":"icon-button__tertiary_jny3m","component":"icon-button__component_jny3m","loader":"icon-button__loader_jny3m"};
 require('./inverted.css')
@@ -14,0 +14,0 @@

package.json

 {
     "name": "@alfalab/core-components-icon-button",
-    "version": "6.2.5",
+    "version": "6.3.0",
     "description": "",
@@ -5,0 +5,0 @@ "keywords": [],

No alert changes

Improved metrics

Total package byte prevSize

99554

0.13%

No dependency changes