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

Comparing version 4.1.11 to 4.1.12

CHANGELOG.md

@@ -6,2 +6,13 @@ # Change Log
 
+## [4.1.12](https://github.com/core-ds/core-components/compare/@alfalab/core-components-icon-button@4.1.11...@alfalab/core-components-icon-button@4.1.12) (2022-06-20)
+
+
+### Bug Fixes
+
+* **icon-button:** fix loading ([#105](https://github.com/core-ds/core-components/issues/105)) ([0b133f0](https://github.com/core-ds/core-components/commit/0b133f042e86702ec2861915f2cdbcdbad9ca905))
+
+
+
+
+
 ## [4.1.11](https://github.com/core-ds/core-components/compare/@alfalab/core-components-icon-button@4.1.10...@alfalab/core-components-icon-button@4.1.11) (2022-06-03)
@@ -8,0 +19,0 @@

dist/Component.js

@@ -53,9 +53,9 @@ 'use strict';
 
-var styles = {"xxs":"icon-button__xxs_111q3","xs":"icon-button__xs_111q3","s":"icon-button__s_111q3","iconWrapper":"icon-button__iconWrapper_111q3","icon":"icon-button__icon_111q3"};
+var styles = {"xxs":"icon-button__xxs_2gci2","xs":"icon-button__xs_2gci2","s":"icon-button__s_2gci2","iconWrapper":"icon-button__iconWrapper_2gci2","icon":"icon-button__icon_2gci2"};
 require('./index.css')
 
-var defaultColors = {"primary":"icon-button__primary_1bcqs","component":"icon-button__component_1bcqs","loader":"icon-button__loader_1bcqs","secondary":"icon-button__secondary_1bcqs","transparent":"icon-button__transparent_1bcqs","negative":"icon-button__negative_1bcqs","tertiary":"icon-button__tertiary_1bcqs"};
+var defaultColors = {"primary":"icon-button__primary_17jqb","component":"icon-button__component_17jqb","loader":"icon-button__loader_17jqb","secondary":"icon-button__secondary_17jqb","transparent":"icon-button__transparent_17jqb","negative":"icon-button__negative_17jqb","tertiary":"icon-button__tertiary_17jqb"};
 require('./default.css')
 
-var invertedColors = {"primary":"icon-button__primary_1n3s2","secondary":"icon-button__secondary_1n3s2","transparent":"icon-button__transparent_1n3s2","negative":"icon-button__negative_1n3s2","tertiary":"icon-button__tertiary_1n3s2"};
+var invertedColors = {"primary":"icon-button__primary_1jarl","secondary":"icon-button__secondary_1jarl","transparent":"icon-button__transparent_1jarl","negative":"icon-button__negative_1jarl","tertiary":"icon-button__tertiary_1jarl"};
 require('./inverted.css')
@@ -69,6 +69,7 @@
     var className = _a.className, Icon = _a.icon, _b = _a.view, view = _b === void 0 ? 'primary' : _b, _c = _a.size, size = _c === void 0 ? 's' : _c, _d = _a.colors, colors = _d === void 0 ? 'default' : _d, restProps = __rest(_a, ["className", "icon", "view", "size", "colors"]);
-    return (React__default['default'].createElement(coreComponentsButton.Button, __assign({}, restProps, { ref: ref, view: 'ghost', className: cn__default['default'](className, colorStyles[colors][view], colorStyles[colors].component, colorStyles[colors].loader), size: 's', leftAddons: React__default['default'].createElement("span", { className: cn__default['default'](styles.iconWrapper, styles[size]) },
-            React__default['default'].createElement(Icon, { className: styles.icon })) })));
+    return (React__default['default'].createElement(coreComponentsButton.Button, __assign({}, restProps, { ref: ref, view: 'ghost', className: cn__default['default'](className, colorStyles[colors][view], colorStyles[colors].component, colorStyles[colors].loader), size: 's' }),
+        React__default['default'].createElement("span", { className: cn__default['default'](styles.iconWrapper, styles[size]) },
+            React__default['default'].createElement(Icon, { className: styles.icon }))));
 });
 
 exports.IconButton = IconButton;

dist/cssm/Component.js

@@ -65,6 +65,7 @@ 'use strict';
     var className = _a.className, Icon = _a.icon, _b = _a.view, view = _b === void 0 ? 'primary' : _b, _c = _a.size, size = _c === void 0 ? 's' : _c, _d = _a.colors, colors = _d === void 0 ? 'default' : _d, restProps = __rest(_a, ["className", "icon", "view", "size", "colors"]);
-    return (React__default['default'].createElement(coreComponentsButton.Button, __assign({}, restProps, { ref: ref, view: 'ghost', className: cn__default['default'](className, colorStyles[colors][view], colorStyles[colors].component, colorStyles[colors].loader), size: 's', leftAddons: React__default['default'].createElement("span", { className: cn__default['default'](styles__default['default'].iconWrapper, styles__default['default'][size]) },
-            React__default['default'].createElement(Icon, { className: styles__default['default'].icon })) })));
+    return (React__default['default'].createElement(coreComponentsButton.Button, __assign({}, restProps, { ref: ref, view: 'ghost', className: cn__default['default'](className, colorStyles[colors][view], colorStyles[colors].component, colorStyles[colors].loader), size: 's' }),
+        React__default['default'].createElement("span", { className: cn__default['default'](styles__default['default'].iconWrapper, styles__default['default'][size]) },
+            React__default['default'].createElement(Icon, { className: styles__default['default'].icon }))));
 });
 
 exports.IconButton = IconButton;

dist/esm/Component.js

@@ -44,9 +44,9 @@ import React, { forwardRef } from 'react';
 
-var styles = {"xxs":"icon-button__xxs_111q3","xs":"icon-button__xs_111q3","s":"icon-button__s_111q3","iconWrapper":"icon-button__iconWrapper_111q3","icon":"icon-button__icon_111q3"};
+var styles = {"xxs":"icon-button__xxs_2gci2","xs":"icon-button__xs_2gci2","s":"icon-button__s_2gci2","iconWrapper":"icon-button__iconWrapper_2gci2","icon":"icon-button__icon_2gci2"};
 require('./index.css')
 
-var defaultColors = {"primary":"icon-button__primary_1bcqs","component":"icon-button__component_1bcqs","loader":"icon-button__loader_1bcqs","secondary":"icon-button__secondary_1bcqs","transparent":"icon-button__transparent_1bcqs","negative":"icon-button__negative_1bcqs","tertiary":"icon-button__tertiary_1bcqs"};
+var defaultColors = {"primary":"icon-button__primary_17jqb","component":"icon-button__component_17jqb","loader":"icon-button__loader_17jqb","secondary":"icon-button__secondary_17jqb","transparent":"icon-button__transparent_17jqb","negative":"icon-button__negative_17jqb","tertiary":"icon-button__tertiary_17jqb"};
 require('./default.css')
 
-var invertedColors = {"primary":"icon-button__primary_1n3s2","secondary":"icon-button__secondary_1n3s2","transparent":"icon-button__transparent_1n3s2","negative":"icon-button__negative_1n3s2","tertiary":"icon-button__tertiary_1n3s2"};
+var invertedColors = {"primary":"icon-button__primary_1jarl","secondary":"icon-button__secondary_1jarl","transparent":"icon-button__transparent_1jarl","negative":"icon-button__negative_1jarl","tertiary":"icon-button__tertiary_1jarl"};
 require('./inverted.css')
@@ -60,6 +60,7 @@
     var className = _a.className, Icon = _a.icon, _b = _a.view, view = _b === void 0 ? 'primary' : _b, _c = _a.size, size = _c === void 0 ? 's' : _c, _d = _a.colors, colors = _d === void 0 ? 'default' : _d, restProps = __rest(_a, ["className", "icon", "view", "size", "colors"]);
-    return (React.createElement(Button, __assign({}, restProps, { ref: ref, view: 'ghost', className: cn(className, colorStyles[colors][view], colorStyles[colors].component, colorStyles[colors].loader), size: 's', leftAddons: React.createElement("span", { className: cn(styles.iconWrapper, styles[size]) },
-            React.createElement(Icon, { className: styles.icon })) })));
+    return (React.createElement(Button, __assign({}, restProps, { ref: ref, view: 'ghost', className: cn(className, colorStyles[colors][view], colorStyles[colors].component, colorStyles[colors].loader), size: 's' }),
+        React.createElement("span", { className: cn(styles.iconWrapper, styles[size]) },
+            React.createElement(Icon, { className: styles.icon }))));
 });
 
 export { IconButton };

dist/modern/Component.js

@@ -5,9 +5,9 @@ import React, { forwardRef } from 'react';
 
-var styles = {"xxs":"icon-button__xxs_111q3","xs":"icon-button__xs_111q3","s":"icon-button__s_111q3","iconWrapper":"icon-button__iconWrapper_111q3","icon":"icon-button__icon_111q3"};
+var styles = {"xxs":"icon-button__xxs_2gci2","xs":"icon-button__xs_2gci2","s":"icon-button__s_2gci2","iconWrapper":"icon-button__iconWrapper_2gci2","icon":"icon-button__icon_2gci2"};
 require('./index.css')
 
-var defaultColors = {"primary":"icon-button__primary_1bcqs","component":"icon-button__component_1bcqs","loader":"icon-button__loader_1bcqs","secondary":"icon-button__secondary_1bcqs","transparent":"icon-button__transparent_1bcqs","negative":"icon-button__negative_1bcqs","tertiary":"icon-button__tertiary_1bcqs"};
+var defaultColors = {"primary":"icon-button__primary_17jqb","component":"icon-button__component_17jqb","loader":"icon-button__loader_17jqb","secondary":"icon-button__secondary_17jqb","transparent":"icon-button__transparent_17jqb","negative":"icon-button__negative_17jqb","tertiary":"icon-button__tertiary_17jqb"};
 require('./default.css')
 
-var invertedColors = {"primary":"icon-button__primary_1n3s2","secondary":"icon-button__secondary_1n3s2","transparent":"icon-button__transparent_1n3s2","negative":"icon-button__negative_1n3s2","tertiary":"icon-button__tertiary_1n3s2"};
+var invertedColors = {"primary":"icon-button__primary_1jarl","secondary":"icon-button__secondary_1jarl","transparent":"icon-button__transparent_1jarl","negative":"icon-button__negative_1jarl","tertiary":"icon-button__tertiary_1jarl"};
 require('./inverted.css')
@@ -20,6 +20,7 @@
 const IconButton = forwardRef(({ className, icon: Icon, view = 'primary', size = 's', colors = 'default', ...restProps }, ref) => {
-    return (React.createElement(Button, Object.assign({}, restProps, { ref: ref, view: 'ghost', className: cn(className, colorStyles[colors][view], colorStyles[colors].component, colorStyles[colors].loader), size: 's', leftAddons: React.createElement("span", { className: cn(styles.iconWrapper, styles[size]) },
-            React.createElement(Icon, { className: styles.icon })) })));
+    return (React.createElement(Button, Object.assign({}, restProps, { ref: ref, view: 'ghost', className: cn(className, colorStyles[colors][view], colorStyles[colors].component, colorStyles[colors].loader), size: 's' }),
+        React.createElement("span", { className: cn(styles.iconWrapper, styles[size]) },
+            React.createElement(Icon, { className: styles.icon }))));
 });
 
 export { IconButton };

package.json

 {
     "name": "@alfalab/core-components-icon-button",
-    "version": "4.1.11",
+    "version": "4.1.12",
     "description": "",
@@ -25,3 +25,3 @@ "keywords": [],
     },
-    "gitHead": "d86d1207351d2e8dceb0519cbb0b64c06aaa6884"
+    "gitHead": "7b9b0bbb422c34b432003ddc335fe15f596ad6d5"
 }

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

Improved metrics

Total package byte prevSize

93905

0.4%

Lines of code

1545

0.13%

Worsened metrics

Number of medium supply chain risk alerts

2

100%

No dependency changes