@alfalab/core-components-with-suffix - npm Package Compare versions

Comparing version 4.1.36 to 4.1.37

Component.js

@@ -17,3 +17,3 @@ 'use strict';
 
-var styles = {"suffixContainer":"with-suffix__suffixContainer_1yplt","suffixVisible":"with-suffix__suffixVisible_1yplt","hasSuffix":"with-suffix__hasSuffix_1yplt","spacer":"with-suffix__spacer_1yplt","suffix":"with-suffix__suffix_1yplt","disabled":"with-suffix__disabled_1yplt","readOnly":"with-suffix__readOnly_1yplt"};
+var styles = {"suffixContainer":"with-suffix__suffixContainer_b3bhw","suffixVisible":"with-suffix__suffixVisible_b3bhw","hasSuffix":"with-suffix__hasSuffix_b3bhw","spacer":"with-suffix__spacer_b3bhw","suffix":"with-suffix__suffix_b3bhw","disabled":"with-suffix__disabled_b3bhw","inverted":"with-suffix__inverted_b3bhw","readOnly":"with-suffix__readOnly_b3bhw"};
 require('./index.css')
@@ -48,2 +48,3 @@
         var visibleValue = uncontrolled ? stateValue : value;
+        var isInverted = restProps.colors === 'inverted';
         return (React__default.default.createElement(React.Fragment, null,
@@ -60,2 +61,3 @@ React__default.default.createElement(Input, tslib.__assign({ ref: mergeRefs__default.default([ref, setInputNode]), value: visibleValue, disabled: disabled, readOnly: readOnly, onChange: handleInputChange, onClear: handleClear, placeholder: placeholder, className: cn__default.default(className, (_b = {},
                             _c[styles.readOnly] = readOnly,
+                            _c[styles.inverted] = isInverted,
                             _c)) }, suffix))))));
@@ -62,0 +64,0 @@ });

cssm/Component.js

@@ -46,2 +46,3 @@ 'use strict';
         var visibleValue = uncontrolled ? stateValue : value;
+        var isInverted = restProps.colors === 'inverted';
         return (React__default.default.createElement(React.Fragment, null,
@@ -58,2 +59,3 @@ React__default.default.createElement(Input, tslib.__assign({ ref: mergeRefs__default.default([ref, setInputNode]), value: visibleValue, disabled: disabled, readOnly: readOnly, onChange: handleInputChange, onClear: handleClear, placeholder: placeholder, className: cn__default.default(className, (_b = {},
                             _c[styles__default.default.readOnly] = readOnly,
+                            _c[styles__default.default.inverted] = isInverted,
                             _c)) }, suffix))))));
@@ -60,0 +62,0 @@ });

esm/Component.js

@@ -7,3 +7,3 @@ import { __rest, __assign } from 'tslib';
 
-var styles = {"suffixContainer":"with-suffix__suffixContainer_1yplt","suffixVisible":"with-suffix__suffixVisible_1yplt","hasSuffix":"with-suffix__hasSuffix_1yplt","spacer":"with-suffix__spacer_1yplt","suffix":"with-suffix__suffix_1yplt","disabled":"with-suffix__disabled_1yplt","readOnly":"with-suffix__readOnly_1yplt"};
+var styles = {"suffixContainer":"with-suffix__suffixContainer_b3bhw","suffixVisible":"with-suffix__suffixVisible_b3bhw","hasSuffix":"with-suffix__hasSuffix_b3bhw","spacer":"with-suffix__spacer_b3bhw","suffix":"with-suffix__suffix_b3bhw","disabled":"with-suffix__disabled_b3bhw","inverted":"with-suffix__inverted_b3bhw","readOnly":"with-suffix__readOnly_b3bhw"};
 require('./index.css')
@@ -38,2 +38,3 @@
         var visibleValue = uncontrolled ? stateValue : value;
+        var isInverted = restProps.colors === 'inverted';
         return (React.createElement(Fragment, null,
@@ -50,2 +51,3 @@ React.createElement(Input, __assign({ ref: mergeRefs([ref, setInputNode]), value: visibleValue, disabled: disabled, readOnly: readOnly, onChange: handleInputChange, onClear: handleClear, placeholder: placeholder, className: cn(className, (_b = {},
                             _c[styles.readOnly] = readOnly,
+                            _c[styles.inverted] = isInverted,
                             _c)) }, suffix))))));
@@ -52,0 +54,0 @@ });

modern/Component.js

@@ -6,3 +6,3 @@ import React, { forwardRef, useState, useCallback, Fragment } from 'react';
 
-const styles = {"suffixContainer":"with-suffix__suffixContainer_1yplt","suffixVisible":"with-suffix__suffixVisible_1yplt","hasSuffix":"with-suffix__hasSuffix_1yplt","spacer":"with-suffix__spacer_1yplt","suffix":"with-suffix__suffix_1yplt","disabled":"with-suffix__disabled_1yplt","readOnly":"with-suffix__readOnly_1yplt"};
+const styles = {"suffixContainer":"with-suffix__suffixContainer_b3bhw","suffixVisible":"with-suffix__suffixVisible_b3bhw","hasSuffix":"with-suffix__hasSuffix_b3bhw","spacer":"with-suffix__spacer_b3bhw","suffix":"with-suffix__suffix_b3bhw","disabled":"with-suffix__disabled_b3bhw","inverted":"with-suffix__inverted_b3bhw","readOnly":"with-suffix__readOnly_b3bhw"};
 require('./index.css')
@@ -34,2 +34,3 @@
     const visibleValue = uncontrolled ? stateValue : value;
+    const isInverted = restProps.colors === 'inverted';
     return (React.createElement(Fragment, null,
@@ -46,2 +47,3 @@ React.createElement(Input, { ref: mergeRefs([ref, setInputNode]), value: visibleValue, disabled: disabled, readOnly: readOnly, onChange: handleInputChange, onClear: handleClear, placeholder: placeholder, className: cn(className, {
                         [styles.readOnly]: readOnly,
+                        [styles.inverted]: isInverted,
                     }) }, suffix))))));
@@ -48,0 +50,0 @@ });

package.json

 {
     "name": "@alfalab/core-components-with-suffix",
-    "version": "4.1.36",
+    "version": "4.1.37",
     "description": "",
@@ -17,3 +17,3 @@ "keywords": [],
     "dependencies": {
-        "@alfalab/core-components-input": "^15.0.4",
+        "@alfalab/core-components-input": "^15.0.5",
         "@alfalab/core-components-portal": "^3.3.1",
@@ -24,4 +24,4 @@ "classnames": "^2.3.1",
     },
-    "themesVersion": "13.0.1",
+    "themesVersion": "13.0.2",
     "varsVersion": "9.11.1"
 }

No alert changes

Improved metrics

Total package byte prevSize

85363

increased by3.25%

Lines of code

896

increased by5.16%

Dependency changes

• Updated@alfalab/core-components-input@^15.0.5