@king-design/react 2.0.0-beta.0 → 2.0.1

package/components/grid/index.js

@@ -1,4 +1,2 @@
 export * from './row';
-export * from './col';
-
-export {normalize} from 'intact-react';
+export * from './col';

package/components/grid/row.d.ts

@@ -10,6 +10,3 @@ export declare class Row extends Component<RowProps> {
     static typeDefs: Required<TypeDefs<RowProps>>;
     private gutter;
 }
-
-
-export {normalize} from 'intact-react';

package/components/grid/row.js

@@ -29,6 +29,4 @@ export var Row = /*#__PURE__*/function (_Component) {
   return Row;
 }(Component);
 Row.template = template;
-Row.typeDefs = typeDefs;
-
-export {normalize} from 'intact-react';
+Row.typeDefs = typeDefs;

package/components/grid/row.vdt.js

@@ -31,6 +31,4 @@ export default function ($props, $blocks, $__proto__) {
     'children': children
   }));
 }
-;
-
-export {normalize} from 'intact-react';
+;

package/components/grid/styles.d.ts

@@ -1,6 +1,3 @@
 import '../../styles/global';
 export declare function makeRowStyles(): string;
 export declare function makeColStyles(): string;
-
-
-export {normalize} from 'intact-react';

package/components/grid/styles.js

@@ -24,7 +24,7 @@ export function makeRowStyles() {
 }
 var colsStyles = makeBreakpointsCols();
 export function makeColStyles() {
-  return /*#__PURE__*/css("position:relative;width:100%;", colsStyles, ";");
+  return /*#__PURE__*/css("position:relative;width:100%;.k-col-wrapper{height:100%;}", colsStyles, ";");
 }
 
 function makeBreakpointsCols() {
@@ -51,6 +51,4 @@ function makeCols(prefix) {
   }
 
   return colsStyles.join('');
-}
-
-export {normalize} from 'intact-react';
+}

package/components/grid/useBreakpoints.d.ts

@@ -1,6 +1,3 @@
 export declare function useBreakpoints(): {
     getBreakpointsClassName: () => Record<string, true>;
 };
-
-
-export {normalize} from 'intact-react';

package/components/grid/useBreakpoints.js

@@ -46,6 +46,4 @@ export function useBreakpoints() {
   return {
     getBreakpointsClassName: getBreakpointsClassName
   };
-}
-
-export {normalize} from 'intact-react';
+}

package/components/grid/useGutter.d.ts

@@ -1,11 +1,8 @@
 export declare const context: {
     Provider: import('intact-react').ComponentConstructor<import("intact").Component<import("../context").ProviderProps<number>, {}, {}, {}>>;
-    Consumer: import("intact").ComponentConstructor<import("intact").Component<{}, {}, {}, {}>>;
+    Consumer: import("intact").ComponentConstructor<import("intact").Component<import("../context").ConsumerProps<number>, {}, {}, {}>>;
 };
 export declare function useGutter(): {
     getGutter: () => import("./constants").PrimitiveValue | null | undefined;
 };
 export declare function gutterStyle(gutter: number, style: string | Record<string, string> | undefined, prop: 'margin' | 'padding'): string | Record<string, string>;
-
-
-export {normalize} from 'intact-react';

package/components/grid/useGutter.js

@@ -99,6 +99,4 @@ export function gutterStyle(gutter, style, prop) {
   }
 
   return style;
-}
-
-export {normalize} from 'intact-react';
+}

package/components/icon/index.d.ts

@@ -13,6 +13,3 @@ export declare class Icon extends Component<IconProps> {
     static defaults: () => Partial<IconProps>;
     private colors;
 }
-
-
-export {normalize} from 'intact-react';

package/components/icon/index.js

@@ -43,6 +43,4 @@ export var Icon = /*#__PURE__*/function (_Component) {
 Icon.displayName = 'Icon';
 Icon.template = template;
 Icon.typeDefs = typeDefs;
-Icon.defaults = defaults;
-
-export {normalize} from 'intact-react';
+Icon.defaults = defaults;

package/components/icon/index.vdt.js

@@ -15,7 +15,8 @@ export default function ($props, $blocks, $__proto__) {
       size = _this$get.size,
       color = _this$get.color,
       rotate = _this$get.rotate,
-      hoverable = _this$get.hoverable;
+      hoverable = _this$get.hoverable,
+      children = _this$get.children;
 
   var classNameObj = (_classNameObj = {
     'k-icon': true,
@@ -43,8 +44,6 @@ export default function ($props, $blocks, $__proto__) {
   return _$cv('i', _extends({
     'className': _$cn(classNameObj),
     'style': addStyle(style, _style)
-  }, getRestProps(this)));
+  }, getRestProps(this)), children);
 }
-;
-
-export {normalize} from 'intact-react';
+;

package/components/icon/styles.d.ts

@@ -4,6 +4,3 @@ import '../../styles/global';
 export declare const colors: readonly ["primary", "warning", "danger", "success"];
 export declare const sizes: readonly ["large", "small", "mini"];
 export default function makeStyles(color?: string): string;
-
-
-export {normalize} from 'intact-react';

package/components/icon/styles.js

@@ -6,7 +6,11 @@ import { rotate } from '../../styles/keyframes';
 import '../../styles/fonts/iconfont';
 import '../../styles/fonts/ionicons';
 import '../../styles/global';
-var iconStyles = {
+var defaults = {
+  get transition() {
+    return theme.transition.small;
+  },
+
   fontSize: {
     default: '16px',
     large: '22px',
@@ -14,7 +18,6 @@ var iconStyles = {
     mini: '12px'
   }
 };
-var defaults = iconStyles;
 var icon;
 setDefault(function () {
   icon = deepDefaults(theme, {
@@ -25,11 +28,10 @@ export var colors = ['primary', 'warning', 'danger', 'success'];
 export var sizes = ['large', 'small', 'mini'];
 export default function makeStyles(color) {
   return /*#__PURE__*/css("font-size:", icon.fontSize.default, ";line-height:1;", _mapInstanceProperty(sizes).call(sizes, function (size) {
-    return /*#__PURE__*/css("&.k-", size, "{font-size:", icon.fontSize[size], ";}");
+    var fontSize = icon.fontSize[size];
+    return /*#__PURE__*/css("&.k-", size, "{font-size:", fontSize, ";}");
   }), " ", _mapInstanceProperty(colors).call(colors, function (color) {
     var _color = theme.color[color];
     return /*#__PURE__*/css("&.k-", color, "{color:", _color, ";&.k-hoverable:hover{color:", palette(_color, -2), ";}}");
-  }), " &.k-rotate:before{animation:", rotate, " 1s infinite linear;}&:before{font-size:inherit;}&.k-hoverable{cursor:pointer;transition:color ", theme.transition, ";", color && "\n                &:hover {\n                    color: " + palette(color, -2) + " !important;\n                }\n            ", ";&:hover{color:", theme.color.primary, ";}}");
-}
-
-export {normalize} from 'intact-react';
+  }), " &.k-rotate:before{animation:", rotate, " 1s infinite linear;}&:before{position:relative;font-size:inherit;z-index:1;}&.k-hoverable{cursor:pointer;transition:color ", icon.transition, ";", color && "\n                &:hover {\n                    color: " + palette(color, -2) + " !important;\n                }\n            ", ";&:hover{color:", theme.color.primary, ";}}");
+}

package/components/input/index.d.ts

@@ -27,6 +27,7 @@ export interface InputProps<V extends Value = Value> extends InputHTMLAttributes
     stackClearIcon?: boolean;
     frozenOnInput?: boolean;
     inline?: boolean;
+    waveDisabled?: boolean;
 }
 export interface InputEvents {
     clear: [MouseEvent];
@@ -53,6 +54,3 @@ export declare class Input<V extends Value = Value> extends Component<InputProps
     select(): void;
     private clear;
 }
-
-
-export {normalize} from 'intact-react';

package/components/input/index.js

@@ -23,7 +23,8 @@ var typeDefs = {
   width: [Number, String],
   stackClearIcon: Boolean,
   frozenOnInput: Boolean,
-  inline: Boolean
+  inline: Boolean,
+  waveDisabled: Boolean
 };
 
 var defaults = function defaults() {
@@ -94,6 +95,4 @@ Input.typeDefs = typeDefs;
 Input.defaults = defaults;
 Input.events = events;
 
-__decorate([bind], Input.prototype, "clear", null);
-
-export {normalize} from 'intact-react';
+__decorate([bind], Input.prototype, "clear", null);

package/components/input/index.spec.d.ts

@@ -1,4 +1 @@
 export {};
-
-
-export {normalize} from 'intact-react';

package/components/input/index.spec.js

@@ -124,6 +124,4 @@ describe('Input', function () {
       }
     }, _callee3);
   })));
-});
-
-export {normalize} from 'intact-react';
+});

package/components/input/index.vdt.js

@@ -1,13 +1,18 @@
 import _extends from "@babel/runtime-corejs3/helpers/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime-corejs3/helpers/objectWithoutPropertiesLoose";
-var _excluded = ["className", "style", "type", "value", "defaultValue", "placeholder", "clearable", "disabled", "size", "rows", "autoWidth", "fluid", "width", "stackClearIcon", "frozenOnInput", "readonly", "inline", "ev-click", "ev-mounseenter", "ev-mouseleave"];
-import { createElementVNode as _$ce, className as _$cn, noop as _$no, createVNode as _$cv, createUnknownComponentVNode as _$cc } from 'intact-react';
+var _excluded = ["className", "style", "type", "value", "defaultValue", "placeholder", "clearable", "disabled", "size", "rows", "autoWidth", "fluid", "width", "stackClearIcon", "frozenOnInput", "readonly", "inline", "waveDisabled", "ev-click", "ev-mounseenter", "ev-mouseleave"];
+import { createElementVNode as _$ce, className as _$cn, createUnknownComponentVNode as _$cc, noop as _$no, createVNode as _$cv } from 'intact-react';
 import { Icon } from '../icon';
 import { addStyle, isTextBlock, getRestProps } from '../utils';
 import { makeStyles } from './styles';
 import { noop, isNullOrUndefined } from 'intact-shared';
+import { Wave } from '../wave';
+import { context as ErrorContext } from '../form/useError';
 export default function ($props, $blocks, $__proto__) {
-  var _classNameObj, children, _children;
+  var _classNameObj,
+      children,
+      _this = this,
+      _children;
 
   $blocks || ($blocks = {});
   $props || ($props = {});
@@ -33,6 +38,7 @@ export default function ($props, $blocks, $__proto__) {
       frozenOnInput = _this$get.frozenOnInput,
       readonly = _this$get.readonly,
       inline = _this$get.inline,
+      waveDisabled = _this$get.waveDisabled,
       click = _this$get['ev-click'],
       mouseenter = _this$get['ev-mounseenter'],
       mouseleave = _this$get['ev-mouseleave'],
@@ -77,39 +83,48 @@ export default function ($props, $blocks, $__proto__) {
   return _$ce(2, 'div', [$blocks.prepend ? (children = $blocks.prepend(noop), _$ce(2, 'div', children, 0, _$cn({
     "k-input-prepend": true,
     "k-input-padding": isTextBlock(children)
-  }))) : void 0, _$ce(2, 'div', [$blocks.prefix ? _$ce(2, 'div', (_$blocks['prefix'] = function ($super) {
-    return null;
-  }, __$blocks['prefix'] = function ($super, data) {
-    var block = $blocks['prefix'];
+  }))) : void 0, _$cc(ErrorContext.Consumer, {
+    'defaultValue': false,
+    'children': function children(isInvalid) {
+      return _$cc(Wave, {
+        'disabled': waveDisabled || disabled || isInvalid,
+        'children': _$ce(2, 'div', [$blocks.prefix ? _$ce(2, 'div', (_$blocks['prefix'] = function ($super) {
+          return null;
+        }, __$blocks['prefix'] = function ($super, data) {
+          var block = $blocks['prefix'];
 
-    var callBlock = function callBlock() {
-      return _$blocks['prefix'].call($this, $super, data);
-    };
+          var callBlock = function callBlock() {
+            return _$blocks['prefix'].call($this, $super, data);
+          };
 
-    return block ? block.call($this, callBlock, data) : callBlock();
-  }, __$blocks['prefix'](_$no)), 0, 'k-input-prefix') : undefined, type !== 'textarea' ? _$cv('input', _extends({}, inputProps, {
-    'className': 'k-input-inner',
-    'type': type
-  })) : _$cv('textarea', _extends({}, inputProps, {
-    'className': 'k-input-inner k-textarea',
-    'rows': rows
-  })), $blocks.suffix || clearable && !disabled ? _$ce(2, 'div', [clearable && !disabled ? _$cc(Icon, {
-    'className': _$cn({
-      "k-input-clear ion-ios-close": true,
-      "k-input-show": hasValue
-    }),
-    'ev-click': this.clear
-  }) : undefined, ' ', (_$blocks['suffix'] = function ($super) {
-    return null;
-  }, __$blocks['suffix'] = function ($super, data) {
-    var block = $blocks['suffix'];
+          return block ? block.call($this, callBlock, data) : callBlock();
+        }, __$blocks['prefix'](_$no)), 0, 'k-input-prefix') : undefined, type !== 'textarea' ? _$cv('input', _extends({}, inputProps, {
+          'className': 'k-input-inner',
+          'type': type
+        })) : _$cv('textarea', _extends({}, inputProps, {
+          'className': 'k-input-inner k-textarea',
+          'rows': rows
+        })), $blocks.suffix || clearable && !disabled ? _$ce(2, 'div', [clearable && !disabled ? _$cc(Icon, {
+          'className': _$cn({
+            "k-input-clear ion-ios-close": true,
+            "k-input-show": hasValue
+          }),
+          'ev-click': _this.clear,
+          'hoverable': true
+        }) : undefined, ' ', (_$blocks['suffix'] = function ($super) {
+          return null;
+        }, __$blocks['suffix'] = function ($super, data) {
+          var block = $blocks['suffix'];
 
-    var callBlock = function callBlock() {
-      return _$blocks['suffix'].call($this, $super, data);
-    };
+          var callBlock = function callBlock() {
+            return _$blocks['suffix'].call($this, $super, data);
+          };
 
-    return block ? block.call($this, callBlock, data) : callBlock();
-  }, __$blocks['suffix'](_$no))], 0, 'k-input-suffix') : undefined, autoWidth ? _$ce(2, 'div', !hasValue ? placeholder : inputValue, 0, 'k-input-fake', null, null, fakeRef) : undefined], 0, 'k-input-wrapper'), $blocks.append ? (_children = $blocks.append(noop), _$ce(2, 'div', _children, 0, _$cn({
+          return block ? block.call($this, callBlock, data) : callBlock();
+        }, __$blocks['suffix'](_$no))], 0, 'k-input-suffix') : undefined, autoWidth ? _$ce(2, 'div', !hasValue ? placeholder : inputValue, 0, 'k-input-fake', null, null, fakeRef) : undefined], 0, 'k-input-wrapper')
+      });
+    }
+  }), $blocks.append ? (_children = $blocks.append(noop), _$ce(2, 'div', _children, 0, _$cn({
     "k-input-append": true,
     "k-input-padding": isTextBlock(_children)
   }))) : void 0], 0, _$cn(classNameObj), {
@@ -121,6 +136,4 @@ export default function ($props, $blocks, $__proto__) {
     'ev-mouseleave': mouseleave
   });
 }
-;
-
-export {normalize} from 'intact-react';
+;

package/components/input/search.d.ts

@@ -24,6 +24,3 @@ export declare class Search extends Component<SearchProps, SearchEvents> {
     onSubmit(e: Event): void;
     submit(): void;
 }
-
-
-export {normalize} from 'intact-react';

package/components/input/search.js

@@ -97,6 +97,4 @@ __decorate([bind], Search.prototype, "onClickBtn", null);
 
 __decorate([bind], Search.prototype, "onChangeValue", null);
 
-__decorate([bind], Search.prototype, "onSubmit", null);
-
-export {normalize} from 'intact-react';
+__decorate([bind], Search.prototype, "onSubmit", null);

package/components/input/search.vdt.js

@@ -23,9 +23,10 @@ export default function ($props, $blocks, $__proto__) {
       size = _this$get.size,
       open = _this$get.open;
 
+  var isTypeNotDefault = type !== 'default';
   var classNameObj = (_classNameObj = {
     'k-search': true
-  }, _classNameObj[className] = className, _classNameObj['k-open'] = open, _classNameObj['k-hide'] = !open, _classNameObj["k-" + type] = type !== 'default', _classNameObj[makeSearchStyles()] = true, _classNameObj);
+  }, _classNameObj[className] = className, _classNameObj['k-open'] = open, _classNameObj['k-hide'] = !open, _classNameObj["k-" + type] = isTypeNotDefault, _classNameObj[makeSearchStyles()] = true, _classNameObj);
   return _$cv('form', _extends({}, getRestProps(this), {
     'className': _$cn(classNameObj),
     'ev-submit': this.onSubmit,
@@ -38,7 +39,8 @@ export default function ($props, $blocks, $__proto__) {
     'ev-$change:value': this.onChangeValue,
     'readonly': !open,
     'size': size,
-    'className': 'k-with-suffix'
+    'className': 'k-with-suffix',
+    'waveDisabled': isTypeNotDefault
   }, null, this.inputRef), _$cc(Button, {
     'icon': true,
     'type': 'none',
@@ -47,6 +49,4 @@ export default function ($props, $blocks, $__proto__) {
     'children': _$cc(Icon, _$tmp0)
   })]);
 }
-;
-
-export {normalize} from 'intact-react';
+;

package/components/input/styles.d.ts

@@ -1,6 +1,3 @@
 import '../../styles/global';
 export declare function makeStyles(): string;
 export declare function makeSearchStyles(): string;
-
-
-export {normalize} from 'intact-react';

package/components/input/styles.js

@@ -4,6 +4,10 @@ import { theme, setDefault } from '../../styles/theme';
 import { deepDefaults, sizes } from '../../styles/utils';
 import '../../styles/global';
 var defaults = deepDefaults({
+  get transition() {
+    return theme.transition.middle;
+  },
+
   get fontSize() {
     return theme.default.fontSize;
   },
@@ -32,8 +36,9 @@ var defaults = deepDefaults({
     return "1px solid " + theme.color.primary;
   },
 
+  // get hoverBorder() { return `1px solid ${theme.color.darkBorder}` },
   get hoverBorder() {
-    return "1px solid " + theme.color.darkBorder;
+    return "1px solid " + theme.color.primary;
   },
 
   get borderRadius() {
@@ -115,7 +120,7 @@ setDefault(function () {
   }).input;
 });
 export function makeStyles() {
-  return /*#__PURE__*/css("display:inline-block;width:", input.width, ";vertical-align:middle;.k-input-wrapper{display:inline-block;width:100%;position:relative;}.k-input-inner{display:inline-block;width:100%;border:", input.border, ";background-color:", input.bgColor, ";transition:border ", theme.transition, ",background ", theme.transition, ",box-shadow ", theme.transition, ";border-radius:", input.borderRadius, ";outline:none;position:relative;color:", input.color, ";&:hover{border:", input.hoverBorder, ";z-index:1;}&:focus{border:", input.focusBorder, ";z-index:1;}&::placeholder{color:", input.placeholderColor, ";}}&.k-fluid{width:100%;}.k-input-prefix,.k-input-suffix{position:absolute;top:50%;transform:translateY(-50%);z-index:2;}.k-input-clear{display:inline-block;vertical-align:top;cursor:pointer;opacity:0;transition:opacity ", theme.transition, ";pointer-events:none;color:", input.clearIconColor, ";&:hover{color:", theme.color.primary, ";}+*{margin-left:", input.clearIconGap, ";}}&:hover .k-input-clear.k-input-show{opacity:1;pointer-events:all;}&.k-stack-clear{.k-input-clear{position:absolute;z-index:1;right:0;&.k-input-show+i{transition:opacity ", theme.transition, ";}}&:hover{.k-input-clear.k-input-show+i{opacity:0;}}}&.k-group{display:table;.k-input-inner{border-radius:0;}.k-input-wrapper:first-child{.k-input-inner{border-radius:", input.borderRadius, " 0 0 ", input.borderRadius, ";}}.k-input-wrapper:last-child{.k-input-inner{border-radius:0 ", input.borderRadius, " ", input.borderRadius, " 0;}}}.k-input-prepend,.k-input-append{display:table-cell;width:1px;vertical-align:middle;background-color:", input.groupBgColor, ";border:", input.border, ";text-align:center;white-space:nowrap;.k-btn{margin:-1px 0;border-radius:0;border:none;}.k-select{margin:-1px;text-align:left;}}.k-input-prepend{border-radius:", input.borderRadius, " 0 0 ", input.borderRadius, ";.k-select{z-index:1;.k-select-wrapper{border-radius:", theme.borderRadius, " 0 0 ", theme.borderRadius, ";}}}.k-input-append{border-radius:0 ", input.borderRadius, " ", input.borderRadius, " 0;.k-select{.k-select-wrapper{border-radius:0 ", theme.borderRadius, " ", theme.borderRadius, " 0;}}}.k-input-padding{padding:0 ", input.groupPaddingGap, ";}.k-input-prepend{border-right:none;}.k-input-append{border-left:none;}&.k-disabled{color:", input.disabledColor, ";cursor:not-allowed;.k-input-inner{color:", input.disabledColor, ";border-color:", input.disabledBorderColor, ";background:", input.disabledBgColor, ";cursor:not-allowed;}}", _mapInstanceProperty(sizes).call(sizes, function (size) {
+  return /*#__PURE__*/css("display:inline-block;width:", input.width, ";vertical-align:middle;.k-input-wrapper{display:inline-block;width:100%;position:relative;}.k-input-inner{display:inline-block;width:100%;border:", input.border, ";background-color:", input.bgColor, ";transition:border ", input.transition, ",background ", input.transition, ",box-shadow ", input.transition, ";border-radius:", input.borderRadius, ";outline:none;position:relative;color:", input.color, ";&:hover{border:", input.hoverBorder, ";z-index:1;}&:focus{border:", input.focusBorder, ";z-index:1;}&::placeholder{color:", input.placeholderColor, ";}}&.k-fluid{width:100%;}.k-input-prefix,.k-input-suffix{position:absolute;top:50%;transform:translateY(-50%);z-index:2;}.k-input-clear{opacity:0;transition:opacity ", input.transition, ";pointer-events:none;color:", input.clearIconColor, ";+*{margin-left:", input.clearIconGap, ";}}&:hover .k-input-clear.k-input-show{opacity:1;pointer-events:all;}&.k-stack-clear{.k-input-clear{position:absolute;z-index:1;right:0;&.k-input-show+i{transition:opacity ", input.transition, ";}}&:hover{.k-input-clear.k-input-show+i{opacity:0;}}}&.k-group{display:table;.k-input-inner{border-radius:0;}.k-input-wrapper:first-child{.k-input-inner{border-radius:", input.borderRadius, " 0 0 ", input.borderRadius, ";}}.k-input-wrapper:last-child{.k-input-inner{border-radius:0 ", input.borderRadius, " ", input.borderRadius, " 0;}}}.k-input-prepend,.k-input-append{display:table-cell;width:1px;vertical-align:middle;background-color:", input.groupBgColor, ";border:", input.border, ";text-align:center;white-space:nowrap;.k-btn{margin:-1px 0;border-radius:0;border:none;}.k-select{margin:-1px;text-align:left;}}.k-input-prepend{border-radius:", input.borderRadius, " 0 0 ", input.borderRadius, ";.k-select{z-index:1;.k-select-wrapper{border-radius:", theme.borderRadius, " 0 0 ", theme.borderRadius, ";}}}.k-input-append{border-radius:0 ", input.borderRadius, " ", input.borderRadius, " 0;.k-select{.k-select-wrapper{border-radius:0 ", theme.borderRadius, " ", theme.borderRadius, " 0;}}}.k-input-padding{padding:0 ", input.groupPaddingGap, ";}.k-input-prepend{border-right:none;}.k-input-append{border-left:none;}&.k-disabled{color:", input.disabledColor, ";cursor:not-allowed;.k-input-inner{color:", input.disabledColor, ";border-color:", input.disabledBorderColor, ";background:", input.disabledBgColor, ";cursor:not-allowed;}}", _mapInstanceProperty(sizes).call(sizes, function (size) {
     var styles = input[size];
     var sizeClassName = /*#__PURE__*/css("font-size:", styles.fontSize, ";.k-input-inner{height:", styles.height, ";line-height:", styles.height, ";font-size:", styles.fontSize, ";padding:0 ", styles.paddingGap, ";}.k-input-prefix{left:", styles.paddingGap, ";}.k-input-suffix{right:", styles.paddingGap, ";}&.k-with-prefix{.k-input-inner{padding-left:calc(", styles.paddingGap, " + 1rem + ", input.clearIconGap, ");}}&.k-with-suffix,&.k-clearable{.k-input-inner{padding-right:calc(", styles.paddingGap, " + 1rem + ", input.clearIconGap, ");}}&:not(.k-stack-clear).k-with-suffix.k-clearable{.k-input-inner{padding-right:calc(", styles.paddingGap, " + 2rem + ", input.clearIconGap, " * 2);}}");
     if (size === 'default') return sizeClassName;
@@ -123,10 +128,8 @@ export function makeStyles() {
   }), "&.k-inline{.k-input-inner{height:auto;line-height:inherit;border:none;border-radius:0;padding:0;}}.k-textarea{padding:", input.textareaPadding, ";height:auto;line-height:1.5;vertical-align:top;}.k-input-fake{position:absolute;visibility:hidden;top:0;white-space:nowrap;}&.k-auto-width{width:auto;.k-input-inner{box-sizing:content-box;}}");
 }
 export function makeSearchStyles() {
-  return /*#__PURE__*/css("position:relative;display:inline-block;.k-input{transition:width ", theme.transition, ";}.k-btn{position:absolute;top:0;right:0;z-index:1;}.k-input-suffix{margin-right:", input.search.suffixMarginRight, ";}&.k-hide{", _mapInstanceProperty(sizes).call(sizes, function (size) {
+  return /*#__PURE__*/css("position:relative;display:inline-block;.k-input{transition:width ", input.transition, ";}.k-btn{position:absolute;top:0;right:0;z-index:1;}.k-input-suffix{margin-right:", input.search.suffixMarginRight, ";}&.k-hide{", _mapInstanceProperty(sizes).call(sizes, function (size) {
     if (size == 'default') return;
     return /*#__PURE__*/css(".k-input.k-", size, "{width:", input[size].height, ";}");
   }), ";.k-input{width:", input.default.height, ";}.k-input-inner{padding:0!important;}}&.k-line{.k-input-inner{border-width:0;}&.k-open{.k-input-inner{border-bottom-width:1px;}}}");
-}
-
-export {normalize} from 'intact-react';
+}

package/components/input/useAutoWidth.d.ts

@@ -2,6 +2,3 @@ export declare function useAutoWidth(): {
     fakeRef: import('intact-react').RefObject<HTMLDivElement>;
     width: import("../../hooks/useState").State<number>;
 };
-
-
-export {normalize} from 'intact-react';

package/components/input/useAutoWidth.js

@@ -26,6 +26,4 @@ export function useAutoWidth() {
     fakeRef: fakeRef,
     width: width
   };
-}
-
-export {normalize} from 'intact-react';
+}

package/components/input/useFrozen.d.ts

@@ -7,6 +7,3 @@ export declare function useFrozen(): {
         _dispatch: boolean;
     }) => void;
 };
-
-
-export {normalize} from 'intact-react';

package/components/input/useFrozen.js

@@ -44,6 +44,4 @@ export function useFrozen() {
     onInput: onInput,
     endInput: endInput
   };
-}
-
-export {normalize} from 'intact-react';
+}

package/components/layout/aside.d.ts

@@ -13,6 +13,3 @@ export declare class Aside extends Component<AsideProps> {
     private rootLayout;
     private getStyles;
 }
-
-
-export {normalize} from 'intact-react';

package/components/layout/aside.js

@@ -63,6 +63,4 @@ export var Aside = /*#__PURE__*/function (_Component) {
 }(Component);
 Aside.template = template;
 Aside.typeDefs = typeDefs;
-Aside.defaults = defaults;
-
-export {normalize} from 'intact-react';
+Aside.defaults = defaults;

package/components/layout/aside.vdt.js

@@ -39,6 +39,4 @@ export default function ($props, $blocks, $__proto__) {
     'style': this.getStyles()
   }), vNodes);
 }
-;
-
-export {normalize} from 'intact-react';
+;

package/components/layout/body.d.ts

@@ -5,6 +5,3 @@ export declare class Body extends Component {
     private getClassNames;
     private getStyles;
 }
-
-
-export {normalize} from 'intact-react';

package/components/layout/body.js

@@ -52,6 +52,4 @@ export var Body = /*#__PURE__*/function (_Component) {
 
   return Body;
 }(Component);
-Body.template = template;
-
-export {normalize} from 'intact-react';
+Body.template = template;

package/components/layout/footer.d.ts

@@ -3,6 +3,3 @@ export declare class Footer extends Component {
     static template: string | import("intact").Template<any>;
     private getClassNames;
 }
-
-
-export {normalize} from 'intact-react';

package/components/layout/footer.js

@@ -23,6 +23,4 @@ export var Footer = /*#__PURE__*/function (_Component) {
 
   return Footer;
 }(Component);
-Footer.template = template;
-
-export {normalize} from 'intact-react';
+Footer.template = template;

package/components/layout/header.d.ts

@@ -14,6 +14,3 @@ export declare class Header extends Component<HeaderProps> {
     private getClassNames;
     private getStyles;
 }
-
-
-export {normalize} from 'intact-react';

package/components/layout/header.js

@@ -71,6 +71,4 @@ export var Header = /*#__PURE__*/function (_Component) {
 }(Component);
 Header.template = template;
 Header.typeDefs = typeDefs;
-Header.defaults = defaults;
-
-export {normalize} from 'intact-react';
+Header.defaults = defaults;

package/components/layout/helpers.d.ts

@@ -3,6 +3,3 @@ export declare const LAYOUT = "Layout";
 export declare const defaultHeight = "64px";
 export declare const defaultWidth = "200px";
 export declare function getStyle(height: number | string): string;
-
-
-export {normalize} from 'intact-react';

package/components/layout/helpers.js

@@ -5,6 +5,4 @@ export var defaultHeight = "64px";
 export var defaultWidth = "200px";
 export function getStyle(height) {
   return isNumber(height) ? height + "px" : height;
-}
-
-export {normalize} from 'intact-react';
+}

package/components/layout/index.d.ts

@@ -3,6 +3,3 @@ export * from './header';
 export * from './body';
 export * from './aside';
 export * from './footer';
-
-
-export {normalize} from 'intact-react';

package/components/layout/index.js

@@ -2,6 +2,4 @@ export * from './layout';
 export * from './header';
 export * from './body';
 export * from './aside';
-export * from './footer';
-
-export {normalize} from 'intact-react';
+export * from './footer';

package/components/layout/layout.d.ts

@@ -13,6 +13,3 @@ export declare class Layout extends Component {
     private getClassNames;
     private getStyles;
 }
-
-
-export {normalize} from 'intact-react';

package/components/layout/layout.js

@@ -70,6 +70,4 @@ export var Layout = /*#__PURE__*/function (_Component) {
 
   return Layout;
 }(Component);
-Layout.template = template;
-
-export {normalize} from 'intact-react';
+Layout.template = template;