@momentum-design/components - npm Package Compare versions

Comparing version 0.16.2 to 0.16.3

dist/components/button/button.component.d.ts

@@ -69,7 +69,2 @@ import { CSSResult, PropertyValueMap } from 'lit';
     /**
-     * The tabindex of the button.
-     * @default 0
-     */
-    tabIndex: number;
-    /**
      * This property defines the ARIA role for the element. By default, it is set to 'button'.
@@ -76,0 +71,0 @@ * Consumers should override this role when:

dist/components/button/button.component.js

@@ -73,7 +73,2 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
         /**
-         * The tabindex of the button.
-         * @default 0
-         */
-        this.tabIndex = 0;
-        /**
          * This property defines the ARIA role for the element. By default, it is set to 'button'.
@@ -243,6 +238,2 @@ * Consumers should override this role when:
 __decorate([
-    property({ type: Number, reflect: true }),
-    __metadata("design:type", Object)
-], Button.prototype, "tabIndex", void 0);
-__decorate([
     property({ type: String, reflect: true }),
@@ -249,0 +240,0 @@ __metadata("design:type", Object)

dist/components/buttonsimple/buttonsimple.component.d.ts

 import { CSSResult, PropertyValueMap } from 'lit';
 import { Component } from '../../models';
 import { ButtonSize, ButtonType } from './buttonsimple.types';
+declare const Buttonsimple_base: import("../../utils/mixins/index.types").Constructor<import("../../utils/mixins/TabIndexMixin").TabIndexMixinInterface> & import("../../utils/mixins/index.types").Constructor<import("../../utils/mixins/DisabledMixin").DisabledMixinInterface> & typeof Component;
 /**
@@ -12,3 +13,3 @@ * `mdc-buttonsimple` is a component that can be configured in various ways to suit different use cases.
  */
-declare class Buttonsimple extends Component {
+declare class Buttonsimple extends Buttonsimple_base {
     /**
@@ -22,8 +23,2 @@ * The button's active state indicates whether it is currently toggled on (active) or off (inactive).
     /**
-     * Indicates whether the button is disabled.
-     * When the button is disabled for user interaction; it is not focusable or clickable.
-     * @default false
-     */
-    disabled: boolean;
-    /**
      * Indicates whether the button is soft disabled.
@@ -45,7 +40,2 @@ * When set to `true`, the button appears visually disabled but still allows
     /**
-     * The tabindex of the button.
-     * @default 0
-     */
-    tabIndex: number;
-    /**
      * This property defines the ARIA role for the element. By default, it is set to 'button'.
@@ -52,0 +42,0 @@ * Consumers should override this role when:

dist/components/buttonsimple/buttonsimple.component.js

@@ -15,2 +15,4 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
 import { BUTTON_TYPE, DEFAULTS } from './buttonsimple.constants';
+import { DisabledMixin } from '../../utils/mixins/DisabledMixin';
+import { TabIndexMixin } from '../../utils/mixins/TabIndexMixin';
 /**
@@ -24,3 +26,3 @@ * `mdc-buttonsimple` is a component that can be configured in various ways to suit different use cases.
  */
-class Buttonsimple extends Component {
+class Buttonsimple extends TabIndexMixin(DisabledMixin(Component)) {
     /** @internal */
@@ -40,8 +42,2 @@ get form() {
         /**
-         * Indicates whether the button is disabled.
-         * When the button is disabled for user interaction; it is not focusable or clickable.
-         * @default false
-         */
-        this.disabled = false;
-        /**
          * Indicates whether the button is soft disabled.
@@ -63,7 +59,2 @@ * When set to `true`, the button appears visually disabled but still allows
         /**
-         * The tabindex of the button.
-         * @default 0
-         */
-        this.tabIndex = 0;
-        /**
          * This property defines the ARIA role for the element. By default, it is set to 'button'.
@@ -218,6 +209,2 @@ * Consumers should override this role when:
 __decorate([
-    property({ type: Boolean }),
-    __metadata("design:type", Object)
-], Buttonsimple.prototype, "disabled", void 0);
-__decorate([
     property({ type: Boolean, attribute: 'soft-disabled' }),
@@ -231,6 +218,2 @@ __metadata("design:type", Object)
 __decorate([
-    property({ type: Number, reflect: true }),
-    __metadata("design:type", Object)
-], Buttonsimple.prototype, "tabIndex", void 0);
-__decorate([
     property({ type: String, reflect: true }),
@@ -237,0 +220,0 @@ __metadata("design:type", Object)

dist/react/index.d.ts

@@ -1,4 +0,4 @@
-export { default as Avatar } from './avatar';
 export { default as AvatarButton } from './avatarbutton';
 export { default as Badge } from './badge';
+export { default as Avatar } from './avatar';
 export { default as Bullet } from './bullet';
@@ -5,0 +5,0 @@ export { default as Button } from './button';

dist/react/index.js

@@ -1,4 +0,4 @@
-export { default as Avatar } from './avatar';
 export { default as AvatarButton } from './avatarbutton';
 export { default as Badge } from './badge';
+export { default as Avatar } from './avatar';
 export { default as Bullet } from './bullet';
@@ -5,0 +5,0 @@ export { default as Button } from './button';

dist/utils/mixins/DisabledMixin.js

@@ -15,2 +15,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
             super(...arguments);
+            /**
+             * Indicates whether the component is disabled.
+             * When the component is disabled for user interaction; it is not focusable or clickable.
+             * @default false
+             */
             this.disabled = false;
@@ -17,0 +22,0 @@ }

dist/utils/mixins/TabIndexMixin.js

@@ -15,2 +15,6 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
             super(...arguments);
+            /**
+             * This property specifies the tab order of the element.
+             * @default 0
+             */
             this.tabIndex = 0;
@@ -20,3 +24,3 @@ }
     __decorate([
-        property({ reflect: true, type: Number, attribute: 'tabindex' }),
+        property({ reflect: true, type: Number }),
         __metadata("design:type", Object)
@@ -23,0 +27,0 @@ ], InnerMixinClass.prototype, "tabIndex", void 0);

package.json

@@ -38,3 +38,3 @@ {
   },
-  "version": "0.16.2"
+  "version": "0.16.3"
 }

No alert changes

Improved metrics

Total package byte prevSize

905180

increased by0.28%

No dependency changes