@king-design/react 3.0.0-beta.1 → 3.0.0-beta.2

package/components/button/styles.d.ts

@@ -24,7 +24,7 @@ declare const defaults: {
     link: {
         readonly color: string;
         readonly hoverColor: string;
-        readonly hoverBgColor: string;
+        hoverBgColor: string;
     };
     none: {
         readonly hoverBgColor: string;

package/components/button/styles.js

@@ -7,7 +7,7 @@ export var types = ['primary', 'warning', 'danger', 'active', 'success'];
 var sizes = ['large', 'small', 'mini'];
 var btnStyles = {
   get color() {
-    return theme.color.lightBlack;
+    return theme.color.text;
   },
 
   bgColor: '#fff',
@@ -181,9 +181,7 @@ var defaults = deepDefaults({
       return theme.color.linkHover;
     },
 
-    get hoverBgColor() {
-      return theme.color.hoverBg;
-    }
+    hoverBgColor: 'transparent' // get hoverBgColor() { return theme.color.hoverBg },
 
   },
   none: {
@@ -238,7 +236,7 @@ export function makeButtonStyles(_ref) {
   css("display:inline-flex;align-items:center;justify-content:center;cursor:pointer;height:", button.height, ";padding:", button.padding, ";outline:none;vertical-align:middle;color:", button.color, ";background:", button.bgColor, ";border-radius:", button.borderRadius, ";border:1px solid ", button.borderColor, ";font-size:", button.fontSize, ";white-space:nowrap;transition:all ", button.transition, ";line-height:", button.lineHeight, ";.k-icon{color:inherit;}&:hover,&:focus{border-color:", button.hoverBorderColor, ";color:", button.hoverColor, ";}&:active{background:", palette(theme.color.primary, -4), ";}.k-button-input{position:absolute;opacity:0;width:0;height:0;}", _mapInstanceProperty(types).call(types, function (type) {
     var typeStyles = button[type];
     return /*#__PURE__*/css("&.k-", type, "{background:", typeStyles.bgColor, ";color:", typeStyles.color, ";border-color:", typeStyles.borderColor, ";&:hover,&:focus{background:", palette(typeStyles.bgColor, -1), ";border-color:", typeStyles.hoverBorderColor, ";color:", typeStyles.color, ";}&:active{background:", palette(typeStyles.bgColor, 1), ";border-color:", palette(typeStyles.borderColor, 1), ";}}");
-  }), "&.k-secondary{color:", secondary.color, ";border-color:", secondary.borderColor, ";&:hover,&:focus{background:", secondary.hoverBgColor, ";}&:active{background:", secondary.activeBgColor, ";}}&.k-link{color:", link.color, ";&:hover{color:", link.hoverColor, ";background:", link.hoverBgColor, ";}}&.k-disabled{&,&:hover{color:", button.disabled.color, ";background:", button.disabled.bgColor, ";border-color:", button.disabled.borderColor, ";cursor:not-allowed;}}&.k-none,&.k-link,&.k-flat{background:transparent;&,&:hover{border:none;}&.k-active{color:", theme.color.primary, ";}}&.k-none:hover{background:", button.none.hoverBgColor, ";}&.k-flat{background:", button.none.hoverBgColor, ";}", _mapInstanceProperty(sizes).call(sizes, function (size) {
+  }), "&.k-secondary{color:", secondary.color, ";border-color:", secondary.borderColor, ";&:hover,&:focus{background:", secondary.hoverBgColor, ";}&:active{background:", secondary.activeBgColor, ";}}&.k-link{color:", link.color, ";&:hover{color:", link.hoverColor, ";background:", link.hoverBgColor, ";}}&.k-none,&.k-link,&.k-flat{background:transparent;&,&:hover{border:none;}&.k-active{color:", theme.color.primary, ";}}&.k-none:hover{background:", button.none.hoverBgColor, ";}&.k-flat{background:", button.none.hoverBgColor, ";}&.k-disabled{&,&:hover{color:", button.disabled.color, ";background:", button.disabled.bgColor, ";border-color:", button.disabled.borderColor, ";cursor:not-allowed;}}&.k-none.k-disabled,&.k-link.k-disabled{&,&:hover{background:transparent;}}", _mapInstanceProperty(sizes).call(sizes, function (size) {
     var styles = button[size];
     return /*#__PURE__*/css("&.k-", size, "{font-size:", styles.fontSize, ";height:", styles.height, ";padding:", styles.padding, ";&.k-btn-icon{width:", styles.height, ";}}");
   }), "&.k-btn-icon{width:", button.height, ";padding:0;.k-icon{margin:0;}}&.k-fluid{width:100%;padding:0;}&.k-circle{border-radius:calc(", button.large.height, " / 2);}&.k-loading{", _mapInstanceProperty(types).call(types, function (type) {

package/components/carousel/index.vdt.js

@@ -7,10 +7,10 @@ import { Icon } from '../icon';
 import { makeStyles } from './styles';
 import { linkEvent } from 'intact';
 var _$tmp0 = {
-  'className': 'ion-ios-arrow-left'
+  'className': 'k-icon-left'
 };
 var _$tmp1 = {
-  'className': 'ion-ios-arrow-right'
+  'className': 'k-icon-right'
 };
 export default function ($props, $blocks, $__proto__) {
   var _classNameObj;

package/components/cascader/index.vdt.js

@@ -11,7 +11,7 @@ var _$tmp0 = {
   'rotate': true
 };
 var _$tmp1 = {
-  'className': 'k-cascader-arrow ion-ios-arrow-right'
+  'className': 'k-cascader-arrow k-icon-right'
 };
 var _$tmp2 = {
   'className': 'k-cascader'

package/components/collapse/item.vdt.js

@@ -39,7 +39,7 @@ export default function ($props, $blocks, $__proto__) {
 
     return block ? block.call($this, callBlock, data) : callBlock();
   }, __$blocks['title'](_$no)), _$cc(Icon, {
-    'className': _$cn((_$cn2 = {}, _$cn2[kls('arrow')] = true, _$cn2['ion-ios-arrow-right'] = true, _$cn2)),
+    'className': _$cn((_$cn2 = {}, _$cn2[kls('arrow')] = true, _$cn2['k-icon-right'] = true, _$cn2)),
     'hoverable': !disabled
   })], 0, _$cn(kls('title')), {
     'ev-click': this.toggle

package/components/copy/index.vdt.js

@@ -8,7 +8,7 @@ import { makeStyles } from './styles';
 import { _$ } from '../../i18n';
 var _$tmp0 = {
   'key': '2',
-  'className': 'k-icon-truth',
+  'className': 'k-icon-check',
   'hoverable': true,
   'color': 'success'
 };

package/components/datepicker/calendar.vdt.js

@@ -6,27 +6,27 @@ import { _$ } from '../../i18n';
 import { makeCalendarStyles } from './styles';
 import { getNowDate } from './helpers';
 var _$tmp0 = {
-  'className': 'ion-ios-arrow-left',
+  'className': 'k-icon-left',
   'size': 'small'
 };
 var _$tmp1 = {
-  'className': 'ion-ios-arrow-left',
+  'className': 'k-icon-left',
   'size': 'small'
 };
 var _$tmp2 = {
-  'className': 'ion-ios-arrow-left',
+  'className': 'k-icon-left',
   'size': 'small'
 };
 var _$tmp3 = {
-  'className': 'ion-ios-arrow-right',
+  'className': 'k-icon-right',
   'size': 'small'
 };
 var _$tmp4 = {
-  'className': 'ion-ios-arrow-right',
+  'className': 'k-icon-right',
   'size': 'small'
 };
 var _$tmp5 = {
-  'className': 'ion-ios-arrow-right',
+  'className': 'k-icon-right',
   'size': 'small'
 };
 export default function ($props, $blocks, $__proto__) {