@uiw/react-input - npm Package Compare versions

Comparing version 5.0.0-bate-0 to 5.0.0-bate-1

cjs/style/input.js

@@ -20,2 +20,4 @@ "use strict";
 
+var _reactIcon = require("@uiw/react-icon");
+
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
@@ -68,3 +70,3 @@
 
-var InputStyleWarp = _styledComponents["default"].div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])(["\n  position: relative;\n  font-size: ", ";\n  line-height: ", ";\n  width: ", ";\n\n  & ", " {\n    width: ", ";\n  }\n\n  > .w-icon {\n    position: absolute;\n    margin: 0 7px 0 7px;\n    transform: translateY(-50%);\n    top: 50%;\n  }\n\n  ", "\n\n  ", "\n"])), function (props) {
+var InputStyleWarp = _styledComponents["default"].div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])(["\n  position: relative;\n  font-size: ", ";\n  line-height: ", ";\n  width: ", ";\n\n  & ", " {\n    width: ", ";\n  }\n\n  > ", " {\n    position: absolute;\n    margin: 0 7px 0 7px;\n    transform: translateY(-50%);\n    top: 50%;\n  }\n\n  ", "\n\n  ", "\n"])), function (props) {
   return (0, _utils.getThemeVariantValue)((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, props), propsTheme), 'fontSizeDefault');
@@ -77,3 +79,3 @@ }, function (props) {
   return (0, _utils.getThemeVariantValue)((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, props), propsTheme), 'widthInputsDefault');
-}, function (props) {
+}, _reactIcon.IconStyleBase, function (props) {
   if (props.size === 'large') {
@@ -80,0 +82,0 @@ return (0, _styledComponents.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2["default"])(["\n        font-size: ", ";\n        ", " {\n          line-height: ", ";\n          height: ", ";\n        }\n      "])), (0, _utils.getThemeVariantValue)((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, props), propsTheme), 'fontSizeLarge'), InputStyleBase, (0, _utils.getThemeVariantValue)((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, props), propsTheme), 'lineHeightInputLarge'), (0, _utils.getThemeVariantValue)((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, props), propsTheme), 'lineHeightInputLarge'));

esm/style/input.js

@@ -8,2 +8,3 @@ import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/taggedTemplateLiteralLoose";
 import { getThemeVariantValue } from '@uiw/utils';
+import { IconStyleBase } from '@uiw/react-icon';
 export var InputStyleTheme = {
@@ -46,3 +47,3 @@ colorInputStyleBase: '#393e48',
 });
-export var InputStyleWarp = styled.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n  position: relative;\n  font-size: ", ";\n  line-height: ", ";\n  width: ", ";\n\n  & ", " {\n    width: ", ";\n  }\n\n  > .w-icon {\n    position: absolute;\n    margin: 0 7px 0 7px;\n    transform: translateY(-50%);\n    top: 50%;\n  }\n\n  ", "\n\n  ", "\n"])), props => getThemeVariantValue(_extends({}, props, propsTheme), 'fontSizeDefault'), props => getThemeVariantValue(_extends({}, props, propsTheme), 'lineHeightInputsDefault'), props => getThemeVariantValue(_extends({}, props, propsTheme), 'widthInputsDefault'), InputStyleBase, props => getThemeVariantValue(_extends({}, props, propsTheme), 'widthInputsDefault'), props => {
+export var InputStyleWarp = styled.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n  position: relative;\n  font-size: ", ";\n  line-height: ", ";\n  width: ", ";\n\n  & ", " {\n    width: ", ";\n  }\n\n  > ", " {\n    position: absolute;\n    margin: 0 7px 0 7px;\n    transform: translateY(-50%);\n    top: 50%;\n  }\n\n  ", "\n\n  ", "\n"])), props => getThemeVariantValue(_extends({}, props, propsTheme), 'fontSizeDefault'), props => getThemeVariantValue(_extends({}, props, propsTheme), 'lineHeightInputsDefault'), props => getThemeVariantValue(_extends({}, props, propsTheme), 'widthInputsDefault'), InputStyleBase, props => getThemeVariantValue(_extends({}, props, propsTheme), 'widthInputsDefault'), IconStyleBase, props => {
   if (props.size === 'large') {
@@ -49,0 +50,0 @@ return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n        font-size: ", ";\n        ", " {\n          line-height: ", ";\n          height: ", ";\n        }\n      "])), getThemeVariantValue(_extends({}, props, propsTheme), 'fontSizeLarge'), InputStyleBase, getThemeVariantValue(_extends({}, props, propsTheme), 'lineHeightInputLarge'), getThemeVariantValue(_extends({}, props, propsTheme), 'lineHeightInputLarge'));

package.json

 {
   "name": "@uiw/react-input",
-  "version": "5.0.0-bate-0",
+  "version": "5.0.0-bate-1",
   "description": "Input component",
@@ -48,5 +48,5 @@ "author": "Kenny Wong <[e-mail]>",
   "dependencies": {
-    "@uiw/react-icon": "^5.0.0-bate-0",
-    "@uiw/utils": "^5.0.0-bate-0"
+    "@uiw/react-icon": "^5.0.0-bate-1",
+    "@uiw/utils": "^5.0.0-bate-1"
   }
 }

src/style/input.ts

 import styled, { css } from 'styled-components';
 import { ThemeVariantValueOptions, getThemeVariantValue, HTMLSpanProps } from '@uiw/utils';
 import { InputProps } from 'src';
-
+import { IconStyleBase } from '@uiw/react-icon';
 export const InputStyleTheme = {
@@ -129,3 +129,3 @@ colorInputStyleBase: '#393e48',
 
-  > .w-icon {
+  > ${IconStyleBase} {
     position: absolute;
@@ -132,0 +132,0 @@ margin: 0 7px 0 7px;

No alert changes

Improved metrics

Total package byte prevSize

98374

increased by0.42%

Lines of code

841

increased by0.36%

Dependency changes

• Updated@uiw/react-icon@^5.0.0-bate-1

• Updated@uiw/utils@^5.0.0-bate-1