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

Comparing version 4.1.9 to 4.1.10

dist/Component.d.ts

@@ -15,3 +15,3 @@ /// <reference types="react" />
      */
-    view?: 'primary' | 'secondary' | 'transparent' | 'negative';
+    view?: 'primary' | 'secondary' | 'transparent' | 'tertiary' | 'negative';
     /**
@@ -44,3 +44,3 @@ * Размер компонента
      */
-    view?: "primary" | "secondary" | "transparent" | "negative" | undefined;
+    view?: "primary" | "secondary" | "tertiary" | "transparent" | "negative" | undefined;
     /**
@@ -47,0 +47,0 @@ * Размер компонента

dist/Component.js

@@ -53,9 +53,9 @@ 'use strict';
 
-var styles = {"xxs":"icon-button__xxs_13vlw","xs":"icon-button__xs_13vlw","s":"icon-button__s_13vlw","iconWrapper":"icon-button__iconWrapper_13vlw","icon":"icon-button__icon_13vlw"};
+var styles = {"xxs":"icon-button__xxs_fawpb","xs":"icon-button__xs_fawpb","s":"icon-button__s_fawpb","iconWrapper":"icon-button__iconWrapper_fawpb","icon":"icon-button__icon_fawpb"};
 require('./index.css')
 
-var defaultColors = {"primary":"icon-button__primary_1t0jo","secondary":"icon-button__secondary_1t0jo","transparent":"icon-button__transparent_1t0jo","negative":"icon-button__negative_1t0jo"};
+var defaultColors = {"primary":"icon-button__primary_znr62","component":"icon-button__component_znr62","loader":"icon-button__loader_znr62","secondary":"icon-button__secondary_znr62","transparent":"icon-button__transparent_znr62","negative":"icon-button__negative_znr62","tertiary":"icon-button__tertiary_znr62"};
 require('./default.css')
 
-var invertedColors = {"primary":"icon-button__primary_5qgx7","secondary":"icon-button__secondary_5qgx7","transparent":"icon-button__transparent_5qgx7","negative":"icon-button__negative_5qgx7"};
+var invertedColors = {"primary":"icon-button__primary_107pk","secondary":"icon-button__secondary_107pk","transparent":"icon-button__transparent_107pk","negative":"icon-button__negative_107pk","tertiary":"icon-button__tertiary_107pk"};
 require('./inverted.css')
@@ -69,3 +69,3 @@
     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]), size: 's', leftAddons: React__default['default'].createElement("span", { className: cn__default['default'](styles.iconWrapper, styles[size]) },
+    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 })) })));
@@ -72,0 +72,0 @@ });

dist/cssm/Component.d.ts

@@ -15,3 +15,3 @@ /// <reference types="react" />
      */
-    view?: 'primary' | 'secondary' | 'transparent' | 'negative';
+    view?: 'primary' | 'secondary' | 'transparent' | 'tertiary' | 'negative';
     /**
@@ -44,3 +44,3 @@ * Размер компонента
      */
-    view?: "primary" | "secondary" | "transparent" | "negative" | undefined;
+    view?: "primary" | "secondary" | "tertiary" | "transparent" | "negative" | undefined;
     /**
@@ -47,0 +47,0 @@ * Размер компонента

dist/cssm/Component.js

@@ -65,3 +65,3 @@ '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]), size: 's', leftAddons: React__default['default'].createElement("span", { className: cn__default['default'](styles__default['default'].iconWrapper, styles__default['default'][size]) },
+    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 })) })));
@@ -68,0 +68,0 @@ });

dist/esm/Component.d.ts

@@ -15,3 +15,3 @@ /// <reference types="react" />
      */
-    view?: 'primary' | 'secondary' | 'transparent' | 'negative';
+    view?: 'primary' | 'secondary' | 'transparent' | 'tertiary' | 'negative';
     /**
@@ -44,3 +44,3 @@ * Размер компонента
      */
-    view?: "primary" | "secondary" | "transparent" | "negative" | undefined;
+    view?: "primary" | "secondary" | "tertiary" | "transparent" | "negative" | undefined;
     /**
@@ -47,0 +47,0 @@ * Размер компонента

dist/esm/Component.js

@@ -44,9 +44,9 @@ import React, { forwardRef } from 'react';
 
-var styles = {"xxs":"icon-button__xxs_13vlw","xs":"icon-button__xs_13vlw","s":"icon-button__s_13vlw","iconWrapper":"icon-button__iconWrapper_13vlw","icon":"icon-button__icon_13vlw"};
+var styles = {"xxs":"icon-button__xxs_fawpb","xs":"icon-button__xs_fawpb","s":"icon-button__s_fawpb","iconWrapper":"icon-button__iconWrapper_fawpb","icon":"icon-button__icon_fawpb"};
 require('./index.css')
 
-var defaultColors = {"primary":"icon-button__primary_1t0jo","secondary":"icon-button__secondary_1t0jo","transparent":"icon-button__transparent_1t0jo","negative":"icon-button__negative_1t0jo"};
+var defaultColors = {"primary":"icon-button__primary_znr62","component":"icon-button__component_znr62","loader":"icon-button__loader_znr62","secondary":"icon-button__secondary_znr62","transparent":"icon-button__transparent_znr62","negative":"icon-button__negative_znr62","tertiary":"icon-button__tertiary_znr62"};
 require('./default.css')
 
-var invertedColors = {"primary":"icon-button__primary_5qgx7","secondary":"icon-button__secondary_5qgx7","transparent":"icon-button__transparent_5qgx7","negative":"icon-button__negative_5qgx7"};
+var invertedColors = {"primary":"icon-button__primary_107pk","secondary":"icon-button__secondary_107pk","transparent":"icon-button__transparent_107pk","negative":"icon-button__negative_107pk","tertiary":"icon-button__tertiary_107pk"};
 require('./inverted.css')
@@ -60,3 +60,3 @@
     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]), size: 's', leftAddons: React.createElement("span", { className: cn(styles.iconWrapper, styles[size]) },
+    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 })) })));
@@ -63,0 +63,0 @@ });

dist/modern/Component.d.ts

@@ -15,3 +15,3 @@ /// <reference types="react" />
      */
-    view?: 'primary' | 'secondary' | 'transparent' | 'negative';
+    view?: 'primary' | 'secondary' | 'transparent' | 'tertiary' | 'negative';
     /**
@@ -44,3 +44,3 @@ * Размер компонента
      */
-    view?: "primary" | "secondary" | "transparent" | "negative" | undefined;
+    view?: "primary" | "secondary" | "tertiary" | "transparent" | "negative" | undefined;
     /**
@@ -47,0 +47,0 @@ * Размер компонента

dist/modern/Component.js

@@ -5,9 +5,9 @@ import React, { forwardRef } from 'react';
 
-var styles = {"xxs":"icon-button__xxs_13vlw","xs":"icon-button__xs_13vlw","s":"icon-button__s_13vlw","iconWrapper":"icon-button__iconWrapper_13vlw","icon":"icon-button__icon_13vlw"};
+var styles = {"xxs":"icon-button__xxs_fawpb","xs":"icon-button__xs_fawpb","s":"icon-button__s_fawpb","iconWrapper":"icon-button__iconWrapper_fawpb","icon":"icon-button__icon_fawpb"};
 require('./index.css')
 
-var defaultColors = {"primary":"icon-button__primary_1t0jo","secondary":"icon-button__secondary_1t0jo","transparent":"icon-button__transparent_1t0jo","negative":"icon-button__negative_1t0jo"};
+var defaultColors = {"primary":"icon-button__primary_znr62","component":"icon-button__component_znr62","loader":"icon-button__loader_znr62","secondary":"icon-button__secondary_znr62","transparent":"icon-button__transparent_znr62","negative":"icon-button__negative_znr62","tertiary":"icon-button__tertiary_znr62"};
 require('./default.css')
 
-var invertedColors = {"primary":"icon-button__primary_5qgx7","secondary":"icon-button__secondary_5qgx7","transparent":"icon-button__transparent_5qgx7","negative":"icon-button__negative_5qgx7"};
+var invertedColors = {"primary":"icon-button__primary_107pk","secondary":"icon-button__secondary_107pk","transparent":"icon-button__transparent_107pk","negative":"icon-button__negative_107pk","tertiary":"icon-button__tertiary_107pk"};
 require('./inverted.css')
@@ -20,3 +20,3 @@
 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]), size: 's', leftAddons: React.createElement("span", { className: cn(styles.iconWrapper, styles[size]) },
+    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 })) })));
@@ -23,0 +23,0 @@ });

package.json

 {
     "name": "@alfalab/core-components-icon-button",
-    "version": "4.1.9",
+    "version": "4.1.10",
     "description": "",
@@ -22,6 +22,6 @@ "keywords": [],
     "dependencies": {
-        "@alfalab/core-components-button": "^5.1.4",
+        "@alfalab/core-components-button": "^5.1.5",
         "classnames": "2.2.6"
     },
-    "gitHead": "a185c42cf9dbfd14311fd756c696fa116214e289"
+    "gitHead": "b44d81f1c42835fa6946c4bf15aee99abe2b4b96"
 }

No alert changes

Improved metrics

Total package byte prevSize

93283

13.11%

Lines of code

1543

19.24%

Dependency changes

• Updated

  @alfalab/core-components-button@^5.1.5