@progress/kendo-vue-buttons 3.5.0 → 3.5.1-dev.202208150613

package/dist/es/Button.js

@@ -115,7 +115,7 @@ var ButtonVue2 = {
       var hasIcon = icon !== undefined || iconClass !== undefined || imageUrl !== undefined;
       var defaultSlot = getDefaultSlots(this);
       var hasChildren = defaultSlot;
-      return _a = {}, _a[styles.button] = true, _a["k-button-" + (kendoThemeMaps.sizeMap[size] || size)] = size, _a["k-button-" + shape] = shape && shape !== 'rectangle', _a["k-rounded-" + (kendoThemeMaps.roundedMap[rounded] || rounded)] = rounded, _a['k-icon-button'] = !hasChildren && hasIcon, _a['k-disabled'] = disabled, _a['k-selected'] = this.computedSelected, _a['k-rtl'] = dir === 'rtl', _a["k-button-" + fillMode] = fillMode, _a["k-button-" + fillMode + "-" + themeColor] = fillMode && themeColor, _a;
+      return _a = {}, _a[styles.button] = true, _a["k-button-".concat(kendoThemeMaps.sizeMap[size] || size)] = size, _a["k-button-".concat(shape)] = shape && shape !== 'rectangle', _a["k-rounded-".concat(kendoThemeMaps.roundedMap[rounded] || rounded)] = rounded, _a['k-icon-button'] = !hasChildren && hasIcon, _a['k-disabled'] = disabled, _a['k-selected'] = this.computedSelected, _a['k-rtl'] = dir === 'rtl', _a["k-button-".concat(fillMode)] = fillMode, _a["k-button-".concat(fillMode, "-").concat(themeColor)] = fillMode && themeColor, _a;
     }
   },
   updated: function updated() {

package/dist/es/ButtonGroupInterface.js

@@ -1 +1,2 @@
+export {};
 // tslint:enable:max-line-length

package/dist/es/ButtonInterface.js

@@ -1 +1,2 @@
+export {};
 // tslint:enable:max-line-length

package/dist/es/Chip/Chip.js

@@ -292,7 +292,7 @@ var ChipVue2 = {
         'k-disabled': this.$props.disabled,
         'k-selected': this.currentSelected,
         'k-focus': this.computedFocused()
-      }, _a["k-chip-" + (kendoThemeMaps.sizeMap[size] || size)] = size, _a["k-rounded-" + (kendoThemeMaps.roundedMap[rounded] || rounded)] = rounded, _a["k-chip-" + fillMode] = fillMode, _a["k-chip-" + fillMode + "-" + themeColor] = Boolean(fillMode && themeColor), _a['k-chip-success'] = type === 'success', _a['k-chip-warning'] = type === 'warning', _a['k-chip-error'] = type === 'error', _a['k-chip-info'] = type === 'info', _a['k-chip-outline'] = look === 'outline' || look === 'outlined', _a['k-chip-solid'] = look === 'solid' || look === 'filled', _a)),
+      }, _a["k-chip-".concat(kendoThemeMaps.sizeMap[size] || size)] = size, _a["k-rounded-".concat(kendoThemeMaps.roundedMap[rounded] || rounded)] = rounded, _a["k-chip-".concat(fillMode)] = fillMode, _a["k-chip-".concat(fillMode, "-").concat(themeColor)] = Boolean(fillMode && themeColor), _a['k-chip-success'] = type === 'success', _a['k-chip-warning'] = type === 'warning', _a['k-chip-error'] = type === 'error', _a['k-chip-info'] = type === 'info', _a['k-chip-outline'] = look === 'outline' || look === 'outlined', _a['k-chip-solid'] = look === 'solid' || look === 'filled', _a)),
       "aria-checked": this.currentSelected,
       "aria-disabled": this.$props.disabled,
       "aria-describedby": this.$props.ariaDescribedBy,

package/dist/es/Chip/ChipList.js

@@ -215,7 +215,7 @@ var ChipListVue2 = {
       dir: this.currentDir,
       style: this.$props.style,
       tabindex: getTabIndex(this.$props.tabIndex, this.$props.disabled, undefined),
-      "class": classNames('k-chip-list', (_a = {}, _a["k-chip-list-" + (kendoThemeMaps.sizeMap[size] || size)] = size, _a['k-rtl'] = this.currentDir === 'rtl', _a['k-selection-single'] = this.$props.selection === 'single', _a['k-selection-multiple'] = this.$props.selection === 'multiple', _a['k-disabled'] = this.$props.disabled, _a)),
+      "class": classNames('k-chip-list', (_a = {}, _a["k-chip-list-".concat(kendoThemeMaps.sizeMap[size] || size)] = size, _a['k-rtl'] = this.currentDir === 'rtl', _a['k-selection-single'] = this.$props.selection === 'single', _a['k-selection-multiple'] = this.$props.selection === 'multiple', _a['k-disabled'] = this.$props.disabled, _a)),
       "aria-labelledby": this.$props.ariaLabelledBy,
       "aria-describedby": this.$props.ariaDescribedBy
     }, [this.computedDataItems.map(function (item) {

package/dist/es/Chip/selection-reducer.js

@@ -1,15 +1,11 @@
-var __spreadArrays = this && this.__spreadArrays || function () {
-  for (var s = 0, i = 0, il = arguments.length; i < il; i++) {
-    s += arguments[i].length;
-  }
-
-  for (var r = Array(s), k = 0, i = 0; i < il; i++) {
-    for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++) {
-      r[k] = a[j];
+var __spreadArray = this && this.__spreadArray || function (to, from, pack) {
+  if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+    if (ar || !(i in from)) {
+      if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+      ar[i] = from[i];
     }
   }
-
-  return r;
+  return to.concat(ar || Array.prototype.slice.call(from));
 };
 /**
  * @hidden
@@ -70,7 +66,7 @@ export var selectionReducer = function selectionReducer(state, action) {
                 return i === action.payload;
               }) ? state.filter(function (i) {
                 return i !== action.payload;
-              }) : __spreadArrays(state, [action.payload]);
+              }) : __spreadArray(__spreadArray([], state, true), [action.payload], false);
             }
 
             if (state === null) {
@@ -87,7 +83,7 @@ export var selectionReducer = function selectionReducer(state, action) {
                 return i === action.payload;
               }) ? state.filter(function (i) {
                 return i !== action.payload;
-              }) : __spreadArrays(state, [action.payload]);
+              }) : __spreadArray(__spreadArray([], state, true), [action.payload], false);
             }
 
             return state;

package/dist/es/FloatingActionButton/FloatingActionButton.js

@@ -141,7 +141,7 @@ var FloatingActionButtonVue2 = {
           rounded = _b.rounded;
       return _a = {
         'k-fab': true
-      }, _a["k-fab-" + (shape || 'rectangle')] = shape !== null, _a["k-fab-" + (kendoThemeMaps.sizeMap[size] || size)] = size, _a["k-rounded-" + (kendoThemeMaps.roundedMap[rounded] || rounded)] = rounded, _a["k-fab-" + fillMode] = fillMode, _a["k-fab-" + fillMode + "-" + themeColor] = fillMode && themeColor, _a['k-disabled'] = this.$props.disabled, _a['k-focus'] = this.currentFocused, _a["k-" + this.$props.align.vertical + "-" + this.$props.align.horizontal] = true, _a;
+      }, _a["k-fab-".concat(shape || 'rectangle')] = shape !== null, _a["k-fab-".concat(kendoThemeMaps.sizeMap[size] || size)] = size, _a["k-rounded-".concat(kendoThemeMaps.roundedMap[rounded] || rounded)] = rounded, _a["k-fab-".concat(fillMode)] = fillMode, _a["k-fab-".concat(fillMode, "-").concat(themeColor)] = fillMode && themeColor, _a['k-disabled'] = this.$props.disabled, _a['k-focus'] = this.currentFocused, _a["k-".concat(this.$props.align.vertical, "-").concat(this.$props.align.horizontal)] = true, _a;
     },
     computedOpened: function computedOpened() {
       return this.$props.opened === undefined ? this.currentOpened : this.$props.opened;
@@ -335,13 +335,13 @@ var FloatingActionButtonVue2 = {
             index: index,
             attrs: this.v3 ? undefined : {
               index: index,
-              id: this.listId + "-" + index,
+              id: "".concat(this.listId, "-").concat(index),
               disabled: disabled || element.disabled,
               focused: this.focusedIndex === index,
               dataItem: element,
               item: item
             },
-            id: this.listId + "-" + index,
+            id: "".concat(this.listId, "-").concat(index),
             disabled: disabled || element.disabled,
             focused: this.focusedIndex === index,
             dataItem: element,
@@ -376,9 +376,9 @@ var FloatingActionButtonVue2 = {
         "aria-disabled": disabled,
         "aria-expanded": items ? this.computedOpened : undefined,
         "aria-haspopup": items ? true : false,
-        "aria-label": (text || '') + " floatingactionbutton",
+        "aria-label": "".concat(text || '', " floatingactionbutton"),
         "aria-owns": items ? this.listId : undefined,
-        "aria-activedescendant": this.focusedIndex >= 0 && items ? this.listId + "-" + this.focusedIndex : undefined,
+        "aria-activedescendant": this.focusedIndex >= 0 && items ? "".concat(this.listId, "-").concat(this.focusedIndex) : undefined,
         tabindex: getTabIndex(tabIndex, disabled),
         accesskey: accessKey,
         dir: this.currentDir,
@@ -389,9 +389,9 @@ var FloatingActionButtonVue2 = {
       "aria-disabled": disabled,
       "aria-expanded": items ? this.computedOpened : undefined,
       "aria-haspopup": items ? true : false,
-      "aria-label": (text || '') + " floatingactionbutton",
+      "aria-label": "".concat(text || '', " floatingactionbutton"),
       "aria-owns": items ? this.listId : undefined,
-      "aria-activedescendant": this.focusedIndex >= 0 && items ? this.listId + "-" + this.focusedIndex : undefined,
+      "aria-activedescendant": this.focusedIndex >= 0 && items ? "".concat(this.listId, "-").concat(this.focusedIndex) : undefined,
       tabindex: getTabIndex(tabIndex, disabled),
       accesskey: accessKey,
       dir: this.currentDir,
@@ -416,7 +416,7 @@ var FloatingActionButtonVue2 = {
       attrs: this.v3 ? undefined : {
         role: "presentation"
       },
-      "class": classNames("k-fab-icon k-icon k-i-" + icon)
+      "class": classNames("k-fab-icon k-icon k-i-".concat(icon))
     }) : iconClass ? h("span", {
       role: "presentation",
       attrs: this.v3 ? undefined : {

package/dist/es/FloatingActionButton/FloatingActionButtonItem.js

@@ -81,13 +81,13 @@ var FloatingActionButtonItemVue2 = {
         role: 'menuitem',
         tabindex: getTabIndex(tabIndex, disabled),
         "aria-disabled": disabled,
-        "aria-label": (text || '') + " floatingactionbutton item"
+        "aria-label": "".concat(text || '', " floatingactionbutton item")
       },
       "class": this.itemClassNames,
       role: 'menuitem',
       tabindex: getTabIndex(tabIndex, disabled),
       "aria-disabled": disabled,
-      "aria-label": (text || '') + " floatingactionbutton item",
+      "aria-label": "".concat(text || '', " floatingactionbutton item"),
       onClick: this.handleClick,
       on: this.v3 ? undefined : {
         "click": this.handleClick,
@@ -99,7 +99,7 @@ var FloatingActionButtonItemVue2 = {
     }, [text && h("span", {
       "class": "k-fab-item-text"
     }, [text]), icon && h("span", {
-      "class": classNames("k-fab-item-icon k-icon k-i-" + icon)
+      "class": classNames("k-fab-item-icon k-icon k-i-".concat(icon))
     })]);
     item = getTemplate.call(this, {
       h: h,

package/dist/es/FloatingActionButton/interfaces/FloatingActionButtonHandle.js

@@ -0,0 +1 @@
+export {};

package/dist/es/FloatingActionButton/interfaces/FloatingActionButtonPopupSettings.js

@@ -0,0 +1 @@
+export {};

package/dist/es/FloatingActionButton/interfaces/FloatingActionButtonProps.js

@@ -0,0 +1 @@
+export {};

package/dist/es/FloatingActionButton/models/align-offset.js

@@ -0,0 +1 @@
+export {};

package/dist/es/FloatingActionButton/models/align.js

@@ -0,0 +1 @@
+export {};

package/dist/es/FloatingActionButton/models/events.js

@@ -1 +1,2 @@
 // import { FloatingActionButtonItemProps } from '../../main';
+export {};

package/dist/es/FloatingActionButton/models/position-mode.js

@@ -0,0 +1 @@
+export {};

package/dist/es/FloatingActionButton/models/shape.js

@@ -0,0 +1 @@
+export {};

package/dist/es/FloatingActionButton/models/size.js

@@ -0,0 +1 @@
+export {};

package/dist/es/FloatingActionButton/models/theme-color.js

@@ -0,0 +1 @@
+export {};

package/dist/es/FloatingActionButton/utils.js

@@ -53,13 +53,13 @@ export var position = function (ref, align, alignOffset, isRtl) {
             toStringValues(alignOffset.x) :
             DEFAULT_OFFSET;
         var xCenterFab = alignOffset && alignOffset.x !== undefined ?
-            "calc(50% + " + toStringValues(alignOffset.x) + ")" :
+            "calc(50% + ".concat(toStringValues(alignOffset.x), ")") :
             '50%';
         var yFab = alignOffset && alignOffset.y !== undefined ?
             toStringValues(alignOffset.y) :
             DEFAULT_OFFSET;
         var yCenterFab = alignOffset && alignOffset.y !== undefined ?
-            "calc(50% + " + toStringValues(alignOffset.y) + ")" :
+            "calc(50% + ".concat(toStringValues(alignOffset.y), ")") :
             '50%';
         ref.style.setProperty(horizontalPosition(align, isRtl), horizontal === 'center' ? xCenterFab : xFab);
         ref.style.setProperty(verticalPosition(align), vertical === 'middle' ? yCenterFab : yFab);

package/dist/es/ListButton/ButtonItem.js

@@ -67,7 +67,7 @@ var ButtonItemVue2 = {
           textField = _a.textField,
           index = _a.index;
       var text = dataItem.text !== undefined ? dataItem.text : textField ? dataItem[textField] : dataItem;
-      var iconClass = dataItem.icon ? "k-icon k-i-" + dataItem.icon : dataItem.iconClass;
+      var iconClass = dataItem.icon ? "k-icon k-i-".concat(dataItem.icon) : dataItem.iconClass;
       var itemContent = h("span", {
         tabindex: -1,
         attrs: this.v3 ? undefined : {

package/dist/es/ListButton/DropDownButton.js

@@ -185,7 +185,7 @@ var DropDownButtonVue2 = {
               render: templateRendering.call(this, itemRender, getListeners.call(this)),
               item: item,
               index: index,
-              id: this.guid + "-" + index
+              id: "".concat(this.guid, "-").concat(index)
             },
             textField: textField,
             focused: this.focusedIndex === index,
@@ -199,7 +199,7 @@ var DropDownButtonVue2 = {
             item: item,
             index: index,
             key: index,
-            id: this.guid + "-" + index
+            id: "".concat(this.guid, "-").concat(index)
           })
         );
       }, this) : null;
@@ -233,7 +233,7 @@ var DropDownButtonVue2 = {
           } : undefined
         }, this.v3 ? function () {
           return [h("ul", {
-            "class": "k-group k-menu-group k-reset k-menu-group-" + (kendoThemeMaps.sizeMap[size] || size),
+            "class": "k-group k-menu-group k-reset k-menu-group-".concat(kendoThemeMaps.sizeMap[size] || size),
             role: "menu",
             attrs: _this.v3 ? undefined : {
               role: "menu",
@@ -242,7 +242,7 @@ var DropDownButtonVue2 = {
             id: _this.guid
           }, [renderChildItems.call(_this)])];
         } : [h("ul", {
-          "class": "k-group k-menu-group k-reset k-menu-group-" + (kendoThemeMaps.sizeMap[size] || size),
+          "class": "k-group k-menu-group k-reset k-menu-group-".concat(kendoThemeMaps.sizeMap[size] || size),
           role: "menu",
           attrs: _this.v3 ? undefined : {
             role: "menu",
@@ -289,9 +289,9 @@ var DropDownButtonVue2 = {
         "aria-disabled": disabled,
         "aria-haspopup": true,
         "aria-expanded": this.computedOpened,
-        "aria-label": this.$props.text + " dropdownbutton",
+        "aria-label": "".concat(this.$props.text, " dropdownbutton"),
         "aria-owns": this.guid,
-        "aria-activedescendant": this.focusedIndex !== undefined && this.focusedIndex >= 0 ? this.guid + "-" + this.focusedIndex : undefined
+        "aria-activedescendant": this.focusedIndex !== undefined && this.focusedIndex >= 0 ? "".concat(this.guid, "-").concat(this.focusedIndex) : undefined
       },
       shape: this.$props.shape,
       rounded: this.$props.rounded,
@@ -318,9 +318,9 @@ var DropDownButtonVue2 = {
       "aria-disabled": disabled,
       "aria-haspopup": true,
       "aria-expanded": this.computedOpened,
-      "aria-label": this.$props.text + " dropdownbutton",
+      "aria-label": "".concat(this.$props.text, " dropdownbutton"),
       "aria-owns": this.guid,
-      "aria-activedescendant": this.focusedIndex !== undefined && this.focusedIndex >= 0 ? this.guid + "-" + this.focusedIndex : undefined
+      "aria-activedescendant": this.focusedIndex !== undefined && this.focusedIndex >= 0 ? "".concat(this.guid, "-").concat(this.focusedIndex) : undefined
     }, this.v3 ? function () {
       return [_this2.$props.text, defaultSlot];
     } : [_this2.$props.text, defaultSlot]), renderPopup.call(this)]);

package/dist/es/ListButton/SplitButton.js

@@ -176,7 +176,7 @@ var SplitButtonVue2 = {
               render: templateRendering.call(this, itemRender, getListeners.call(this)),
               item: item,
               index: index,
-              id: this.guid + "-" + index
+              id: "".concat(this.guid, "-").concat(index)
             },
             textField: textField,
             focused: this.focusedIndex === index,
@@ -190,7 +190,7 @@ var SplitButtonVue2 = {
             item: item,
             key: index,
             index: index,
-            id: this.guid + "-" + index
+            id: "".concat(this.guid, "-").concat(index)
           })
         );
       }, this) : null;
@@ -224,7 +224,7 @@ var SplitButtonVue2 = {
           } : undefined
         }, this.v3 ? function () {
           return [h("ul", {
-            "class": "k-group k-menu-group k-reset k-menu-group-" + (kendoThemeMaps.sizeMap[size] || size),
+            "class": "k-group k-menu-group k-reset k-menu-group-".concat(kendoThemeMaps.sizeMap[size] || size),
             role: "menu",
             attrs: _this2.v3 ? undefined : {
               role: "menu",
@@ -233,7 +233,7 @@ var SplitButtonVue2 = {
             id: _this2.guid
           }, [renderChildItems.call(_this2)])];
         } : [h("ul", {
-          "class": "k-group k-menu-group k-reset k-menu-group-" + (kendoThemeMaps.sizeMap[size] || size),
+          "class": "k-group k-menu-group k-reset k-menu-group-".concat(kendoThemeMaps.sizeMap[size] || size),
           role: "menu",
           attrs: _this2.v3 ? undefined : {
             role: "menu",
@@ -278,9 +278,9 @@ var SplitButtonVue2 = {
         "aria-disabled": disabled,
         "aria-haspopup": true,
         "aria-expanded": this.computedOpened,
-        "aria-label": this.$props.text + " splitbutton",
+        "aria-label": "".concat(this.$props.text, " splitbutton"),
         "aria-owns": this.guid,
-        "aria-activedescendant": this.focusedIndex !== undefined && this.focusedIndex >= 0 ? this.guid + "-" + this.focusedIndex : undefined
+        "aria-activedescendant": this.focusedIndex !== undefined && this.focusedIndex >= 0 ? "".concat(this.guid, "-").concat(this.focusedIndex) : undefined
       },
       rounded: this.$props.rounded,
       fillMode: this.$props.fillMode,
@@ -307,9 +307,9 @@ var SplitButtonVue2 = {
       "aria-disabled": disabled,
       "aria-haspopup": true,
       "aria-expanded": this.computedOpened,
-      "aria-label": this.$props.text + " splitbutton",
+      "aria-label": "".concat(this.$props.text, " splitbutton"),
       "aria-owns": this.guid,
-      "aria-activedescendant": this.focusedIndex !== undefined && this.focusedIndex >= 0 ? this.guid + "-" + this.focusedIndex : undefined
+      "aria-activedescendant": this.focusedIndex !== undefined && this.focusedIndex >= 0 ? "".concat(this.guid, "-").concat(this.focusedIndex) : undefined
     }, this.v3 ? function () {
       return [_this3.$props.text, defaultSlot];
     } : [_this3.$props.text, defaultSlot]), // @ts-ignore

package/dist/es/ListButton/models/ButtonItemInterface.js

@@ -1 +1,2 @@
+export {};
 // tslint:enable:max-line-length

package/dist/es/ListButton/models/ListButtonProps.js

@@ -1 +1,2 @@
+export {};
 // tslint:enable:max-line-length

package/dist/es/ListButton/models/PopupSettings.js

@@ -0,0 +1 @@
+export {};

package/dist/es/ListButton/models/events.js

@@ -0,0 +1 @@
+export {};

package/dist/es/buttonLook.js

@@ -0,0 +1 @@
+export {};

package/dist/es/models/index.js

@@ -0,0 +1 @@
+export {};

package/dist/es/package-metadata.js

@@ -5,7 +5,7 @@ export var packageMetadata = {
     name: '@progress/kendo-vue-buttons',
     productName: 'Kendo UI for Vue',
     productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
-    publishDate: 1659428804,
+    publishDate: 1660543116,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning'
 };

package/dist/es/util.d.ts

@@ -6,6 +6,9 @@ export declare const internalButtons = ".k-dropdownlist > .k-button,.k-colorpick
  * @hidden
  */
 export declare const toolbarButtons: string[];
+/**
+ * @hidden
+ */
 declare const _default: {
     styles: {
         button: string;
@@ -25,7 +28,4 @@ declare const _default: {
         rtl: string;
     };
 };
-/**
- * @hidden
- */
 export default _default;

package/dist/esm/Button.d.ts

@@ -0,0 +1,123 @@
+import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from './additionalTypes';
+declare type DefaultData<V> = object | ((this: V) => {});
+declare type DefaultMethods<V> = {
+    [key: string]: (this: V, ...args: any[]) => any;
+};
+import { ButtonInterface } from './ButtonInterface';
+/**
+ * Represents the props of the [Kendo UI for Vue Button component]({% slug overview_button %}).
+ * Extends the [native button props](https://developer.mozilla.org/en-US/docs/Web/API/HTMLButtonElement).
+ */
+export interface ButtonProps extends ButtonInterface {
+    /**
+     * Configures the `size` of the Button.
+     *
+     * The available options are:
+     * - small
+     * - medium
+     * - large
+     * - null&mdash;Does not set a size `className`.
+     *
+     * @default `medium`
+     */
+    size?: null | 'small' | 'medium' | 'large' | string;
+    /**
+     * Configures the `shape` of the Button.
+     *
+     * The available options are:
+     * - rectangle
+     * - square
+     * - null&mdash;Does not set a shape `className`.
+     *
+     * @default `rectangle`
+     */
+    shape?: null | 'rectangle' | 'square' | string;
+    /**
+     * Configures the `roundness` of the Button.
+     *
+     * The available options are:
+     * - small
+     * - medium
+     * - large
+     * - circle
+     * - full
+     * - null&mdash;Does not set a rounded `className`.
+     *
+     * @default `medium`
+     */
+    rounded?: null | 'small' | 'medium' | 'large' | 'full' | string;
+    /**
+     * Configures the `fillMode` of the Button.
+     *
+     * The available options are:
+     * - solid
+     * - outline
+     * - flat
+     * - link
+     * - null&mdash;Does not set a fillMode `className`.
+     *
+     * @default `solid`
+     */
+    fillMode?: null | 'solid' | 'outline' | 'flat' | 'link' | string;
+    /**
+     * Configures the `themeColor` of the Button.
+     *
+     * The available options are:
+     * - base
+     * - primary
+     * - secondary
+     * - tertiary
+     * - info
+     * - success
+     * - warning
+     * - dark
+     * - light
+     * - inverse
+     * - null&mdash;Does not set a themeColor `className`.
+     *
+     * @default `base`
+     */
+    themeColor?: null | 'base' | 'primary' | 'secondary' | 'tertiary' | 'info' | 'success' | 'warning' | 'dark' | 'light' | 'inverse' | string;
+}
+/**
+ * @hidden
+ */
+export interface ButtonState {
+    _activeTemp?: boolean;
+}
+/**
+ * @hidden
+ */
+export interface ButtonComputed {
+    [key: string]: any;
+    buttonClasses: object;
+}
+/**
+ * @hidden
+ */
+export interface ButtonMethods {
+    [key: string]: any;
+    focus: (e: any) => void;
+    toggleIfApplicable: () => void;
+    handleClick: (event: any) => void;
+}
+/**
+ * @hidden
+ */
+export interface ButtonData {
+    currentActive: boolean;
+}
+/**
+ * @hidden
+ */
+export interface ButtonAll extends Vue2type, ButtonMethods, ButtonData, ButtonComputed, ButtonState {
+}
+/**
+ * @hidden
+ */
+declare let ButtonVue2: ComponentOptions<ButtonAll, DefaultData<ButtonData>, DefaultMethods<ButtonAll>, ButtonComputed, RecordPropsDefinition<ButtonProps>>;
+/**
+ * @hidden
+ */
+declare const Button: DefineComponent<ButtonProps, any, ButtonData, ButtonComputed, ButtonMethods, {}, {}, {}, string, ButtonProps, ButtonProps, {}>;
+export { Button, ButtonVue2 };