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

Comparing version 6.0.1 to 6.0.2

Component.js

 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var React = require('react');
@@ -9,6 +7,6 @@ var cn = require('classnames');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
@@ -54,9 +52,9 @@ /******************************************************************************
 
-var defaultColors = {"primary":"icon-button__primary_nb6n4","secondary":"icon-button__secondary_nb6n4","transparent":"icon-button__transparent_nb6n4","negative":"icon-button__negative_nb6n4","tertiary":"icon-button__tertiary_nb6n4","component":"icon-button__component_nb6n4","loader":"icon-button__loader_nb6n4"};
+var defaultColors = {"primary":"icon-button__primary_p69vs","secondary":"icon-button__secondary_p69vs","transparent":"icon-button__transparent_p69vs","negative":"icon-button__negative_p69vs","tertiary":"icon-button__tertiary_p69vs","component":"icon-button__component_p69vs","loader":"icon-button__loader_p69vs"};
 require('./default.css')
 
-var styles = {"xxs":"icon-button__xxs_1dpxt","xs":"icon-button__xs_1dpxt","s":"icon-button__s_1dpxt","iconWrapper":"icon-button__iconWrapper_1dpxt","icon":"icon-button__icon_1dpxt"};
+var styles = {"xxs":"icon-button__xxs_12jjs","xs":"icon-button__xs_12jjs","s":"icon-button__s_12jjs","iconWrapper":"icon-button__iconWrapper_12jjs","icon":"icon-button__icon_12jjs"};
 require('./index.css')
 
-var invertedColors = {"primary":"icon-button__primary_z27xh","secondary":"icon-button__secondary_z27xh","transparent":"icon-button__transparent_z27xh","negative":"icon-button__negative_z27xh","tertiary":"icon-button__tertiary_z27xh","component":"icon-button__component_z27xh","loader":"icon-button__loader_z27xh"};
+var invertedColors = {"primary":"icon-button__primary_10xb6","secondary":"icon-button__secondary_10xb6","transparent":"icon-button__transparent_10xb6","negative":"icon-button__negative_10xb6","tertiary":"icon-button__tertiary_10xb6","component":"icon-button__component_10xb6","loader":"icon-button__loader_10xb6"};
 require('./inverted.css')
@@ -71,9 +69,9 @@
     var className = _a.className, Icon = _a.icon, _c = _a.view, view = _c === void 0 ? 'primary' : _c, _d = _a.size, size = _d === void 0 ? 's' : _d, _e = _a.colors, colors = _e === void 0 ? 'default' : _e, 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, (_b = {},
+    return (React__default.default.createElement(coreComponentsButton.Button, __assign({}, restProps, { ref: ref, view: 'ghost', className: cn__default.default(className, colorStyles[colors][view], colorStyles[colors].component, (_b = {},
             _b[colorStyles[colors].loader] = restProps.loading,
             _b)), size: 's' }),
-        React__default['default'].createElement("span", { className: cn__default['default'](styles.iconWrapper, styles[size]) },
-            React__default['default'].createElement(Icon, { className: styles.icon }))));
+        React__default.default.createElement("span", { className: cn__default.default(styles.iconWrapper, styles[size]) },
+            React__default.default.createElement(Icon, { className: styles.icon }))));
 });
 
 exports.IconButton = IconButton;

cssm/Component.js

 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var React = require('react');
@@ -12,9 +10,9 @@ var cn = require('classnames');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
-var defaultColors__default = /*#__PURE__*/_interopDefaultLegacy(defaultColors);
-var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
-var invertedColors__default = /*#__PURE__*/_interopDefaultLegacy(invertedColors);
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
+var defaultColors__default = /*#__PURE__*/_interopDefaultCompat(defaultColors);
+var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
+var invertedColors__default = /*#__PURE__*/_interopDefaultCompat(invertedColors);
 
@@ -61,4 +59,4 @@ /******************************************************************************
 var colorStyles = {
-    default: defaultColors__default['default'],
-    inverted: invertedColors__default['default'],
+    default: defaultColors__default.default,
+    inverted: invertedColors__default.default,
 };
@@ -68,9 +66,9 @@ var IconButton = React.forwardRef(function (_a, ref) {
     var className = _a.className, Icon = _a.icon, _c = _a.view, view = _c === void 0 ? 'primary' : _c, _d = _a.size, size = _d === void 0 ? 's' : _d, _e = _a.colors, colors = _e === void 0 ? 'default' : _e, 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, (_b = {},
+    return (React__default.default.createElement(coreComponentsButton.Button, __assign({}, restProps, { ref: ref, view: 'ghost', className: cn__default.default(className, colorStyles[colors][view], colorStyles[colors].component, (_b = {},
             _b[colorStyles[colors].loader] = restProps.loading,
             _b)), 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 }))));
+        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;

cssm/index.js

 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var Component = require('./Component.js');
@@ -6,0 +4,0 @@ require('react');

esm/Component.js

@@ -44,9 +44,9 @@ import React, { forwardRef } from 'react';
 
-var defaultColors = {"primary":"icon-button__primary_nb6n4","secondary":"icon-button__secondary_nb6n4","transparent":"icon-button__transparent_nb6n4","negative":"icon-button__negative_nb6n4","tertiary":"icon-button__tertiary_nb6n4","component":"icon-button__component_nb6n4","loader":"icon-button__loader_nb6n4"};
+var defaultColors = {"primary":"icon-button__primary_p69vs","secondary":"icon-button__secondary_p69vs","transparent":"icon-button__transparent_p69vs","negative":"icon-button__negative_p69vs","tertiary":"icon-button__tertiary_p69vs","component":"icon-button__component_p69vs","loader":"icon-button__loader_p69vs"};
 require('./default.css')
 
-var styles = {"xxs":"icon-button__xxs_1dpxt","xs":"icon-button__xs_1dpxt","s":"icon-button__s_1dpxt","iconWrapper":"icon-button__iconWrapper_1dpxt","icon":"icon-button__icon_1dpxt"};
+var styles = {"xxs":"icon-button__xxs_12jjs","xs":"icon-button__xs_12jjs","s":"icon-button__s_12jjs","iconWrapper":"icon-button__iconWrapper_12jjs","icon":"icon-button__icon_12jjs"};
 require('./index.css')
 
-var invertedColors = {"primary":"icon-button__primary_z27xh","secondary":"icon-button__secondary_z27xh","transparent":"icon-button__transparent_z27xh","negative":"icon-button__negative_z27xh","tertiary":"icon-button__tertiary_z27xh","component":"icon-button__component_z27xh","loader":"icon-button__loader_z27xh"};
+var invertedColors = {"primary":"icon-button__primary_10xb6","secondary":"icon-button__secondary_10xb6","transparent":"icon-button__transparent_10xb6","negative":"icon-button__negative_10xb6","tertiary":"icon-button__tertiary_10xb6","component":"icon-button__component_10xb6","loader":"icon-button__loader_10xb6"};
 require('./inverted.css')
@@ -53,0 +53,0 @@

index.js

 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var Component = require('./Component.js');
@@ -6,0 +4,0 @@ require('react');

modern/Component.js

@@ -5,9 +5,9 @@ import React, { forwardRef } from 'react';
 
-var defaultColors = {"primary":"icon-button__primary_nb6n4","secondary":"icon-button__secondary_nb6n4","transparent":"icon-button__transparent_nb6n4","negative":"icon-button__negative_nb6n4","tertiary":"icon-button__tertiary_nb6n4","component":"icon-button__component_nb6n4","loader":"icon-button__loader_nb6n4"};
+const defaultColors = {"primary":"icon-button__primary_p69vs","secondary":"icon-button__secondary_p69vs","transparent":"icon-button__transparent_p69vs","negative":"icon-button__negative_p69vs","tertiary":"icon-button__tertiary_p69vs","component":"icon-button__component_p69vs","loader":"icon-button__loader_p69vs"};
 require('./default.css')
 
-var styles = {"xxs":"icon-button__xxs_1dpxt","xs":"icon-button__xs_1dpxt","s":"icon-button__s_1dpxt","iconWrapper":"icon-button__iconWrapper_1dpxt","icon":"icon-button__icon_1dpxt"};
+const styles = {"xxs":"icon-button__xxs_12jjs","xs":"icon-button__xs_12jjs","s":"icon-button__s_12jjs","iconWrapper":"icon-button__iconWrapper_12jjs","icon":"icon-button__icon_12jjs"};
 require('./index.css')
 
-var invertedColors = {"primary":"icon-button__primary_z27xh","secondary":"icon-button__secondary_z27xh","transparent":"icon-button__transparent_z27xh","negative":"icon-button__negative_z27xh","tertiary":"icon-button__tertiary_z27xh","component":"icon-button__component_z27xh","loader":"icon-button__loader_z27xh"};
+const invertedColors = {"primary":"icon-button__primary_10xb6","secondary":"icon-button__secondary_10xb6","transparent":"icon-button__transparent_10xb6","negative":"icon-button__negative_10xb6","tertiary":"icon-button__tertiary_10xb6","component":"icon-button__component_10xb6","loader":"icon-button__loader_10xb6"};
 require('./inverted.css')
@@ -14,0 +14,0 @@

modern/index.js

@@ -0,4 +1,4 @@
+export { IconButton } from './Component.js';
 import 'react';
 import 'classnames';
 import '@alfalab/core-components-button/modern';
-export { IconButton } from './Component.js';

package.json

 {
     "name": "@alfalab/core-components-icon-button",
-    "version": "6.0.1",
+    "version": "6.0.2",
     "description": "",
@@ -20,5 +20,5 @@ "keywords": [],
     "dependencies": {
-        "@alfalab/core-components-button": "^7.0.1",
+        "@alfalab/core-components-button": "^7.0.2",
         "classnames": "^2.3.1"
     }
 }

No alert changes

Worsened metrics

Total package byte prevSize

71192

-0.42%

Lines of code

1707

-0.23%

Dependency changes

• Updated

  @alfalab/core-components-button@^7.0.2