@scaleds/components - npm Package Compare versions

Comparing version 0.0.5 to 0.0.6

CHANGELOG.md

@@ -6,2 +6,10 @@ # Change Log
 
+## [0.0.6](https://github.com/telekom/scale/compare/v0.0.5...v0.0.6) (2020-03-19)
+
+**Note:** Version bump only for package @scaleds/components
+
+
+
+
+
 ## [0.0.5](https://github.com/telekom/scale/compare/v0.0.3...v0.0.5) (2020-03-17)
@@ -8,0 +16,0 @@

dist/cjs/loader.cjs.js

@@ -5,3 +5,3 @@ 'use strict';
 
-const core = require('./core-a3f1019b.js');
+const core = require('./core-bd9eefa6.js');
 
@@ -11,3 +11,3 @@ const defineCustomElements = (win, options) => {
     core.globals();
-    core.bootstrapLazy([["scale-alert.cjs",[[1,"scale-alert",{"customClass":[1,"custom-class"],"size":[1],"variant":[1],"headline":[513],"opened":[516],"timeout":[8],"icon":[1],"styles":[16],"open":[64]}]]],["scale-badge.cjs",[[1,"scale-badge",{"customClass":[1,"custom-class"],"size":[1],"variant":[1],"pill":[4],"link":[1],"styles":[16]}]]],["scale-button.cjs",[[1,"scale-button",{"customClass":[1,"custom-class"],"size":[1],"variant":[1],"disabled":[4],"href":[1],"target":[1],"styles":[16],"disable":[64],"enable":[64]}]]],["scale-card.cjs",[[1,"scale-card",{"customClass":[1,"custom-class"],"size":[1],"variant":[1],"imageTop":[1,"image-top"],"imageTopAlt":[1,"image-top-alt"],"styles":[16]}]]],["scale-carousel.cjs",[[1,"scale-carousel",{"customClass":[1,"custom-class"],"vertical":[4],"styles":[16],"slidesArray":[32],"value":[32]}]]],["scale-divider.cjs",[[1,"scale-divider",{"customClass":[1,"custom-class"],"size":[1],"vertical":[4],"styles":[16]}]]],["scale-icon.cjs",[[1,"scale-icon",{"customClass":[1,"custom-class"],"name":[1],"path":[1],"styles":[16]}]]],["scale-input.cjs",[[1,"scale-input",{"customClass":[1,"custom-class"],"type":[1],"name":[1],"value":[1025],"errorMessage":[1025,"error-message"],"styles":[16]}]]],["scale-input-error.cjs",[[1,"scale-input-error",{"customClass":[1,"custom-class"],"styles":[16]}]]],["scale-input-group.cjs",[[1,"scale-input-group",{"customClass":[1,"custom-class"],"styles":[16]}]]],["scale-input-label.cjs",[[1,"scale-input-label",{"customClass":[1,"custom-class"],"styles":[16]}]]],["scale-link.cjs",[[1,"scale-link",{"customClass":[1,"custom-class"],"href":[1],"disabled":[4],"underline":[4],"openNewTab":[4,"open-new-tab"],"variant":[1],"styles":[16]}]]],["scale-modal.cjs",[[1,"scale-modal",{"customClass":[1,"custom-class"],"size":[1],"variant":[1],"opened":[516],"styles":[16],"open":[64],"close":[64]}]]],["scale-progress-bar.cjs",[[1,"scale-progress-bar",{"customClass":[1,"custom-class"],"percentage":[2],"variant":[1],"strokeWidth":[2,"stroke-width"],"showText":[4,"show-text"],"textInside":[4,"text-inside"],"styles":[16]}]]],["scale-slider.cjs",[[1,"scale-slider",{"customClass":[1,"custom-class"],"min":[2],"max":[2],"value":[2],"step":[2],"label":[4],"styles":[16]}]]],["scale-switch.cjs",[[1,"scale-switch",{"customClass":[1,"custom-class"],"active":[4],"disabled":[4],"styles":[16]}]]],["scale-tag.cjs",[[1,"scale-tag",{"customClass":[1,"custom-class"],"variant":[1],"pill":[4],"link":[1],"styles":[16]}]]],["scale-text.cjs",[[1,"scale-text",{"customClass":[1,"custom-class"],"styles":[16]}]]],["scale-toast.cjs",[[1,"scale-toast",{"customClass":[1,"custom-class"],"size":[1],"variant":[1],"opened":[516],"autoHide":[8,"auto-hide"],"animated":[4],"time":[2],"positionTop":[2,"position-top"],"positionRight":[2,"position-right"],"fadeDuration":[2,"fade-duration"],"styles":[16],"progress":[32],"toastHeightWithOffset":[32],"open":[64]}]]]], options);
+    core.bootstrapLazy([["scale-alert.cjs",[[1,"scale-alert",{"customClass":[1,"custom-class"],"size":[1],"variant":[1],"headline":[513],"opened":[516],"timeout":[8],"icon":[1],"styles":[16],"open":[64]}]]],["scale-badge.cjs",[[1,"scale-badge",{"customClass":[1,"custom-class"],"size":[1],"variant":[1],"pill":[4],"link":[1],"styles":[16]}]]],["scale-button.cjs",[[1,"scale-button",{"customClass":[1,"custom-class"],"size":[1],"variant":[1],"disabled":[4],"href":[1],"target":[1],"ariaLabel":[1,"aria-label"],"focusable":[4],"role":[1],"styles":[16],"disable":[64],"enable":[64]}]]],["scale-card.cjs",[[1,"scale-card",{"customClass":[1,"custom-class"],"size":[1],"variant":[1],"imageTop":[1,"image-top"],"imageTopAlt":[1,"image-top-alt"],"styles":[16]}]]],["scale-carousel.cjs",[[1,"scale-carousel",{"customClass":[1,"custom-class"],"vertical":[4],"styles":[16],"slidesArray":[32],"value":[32]}]]],["scale-divider.cjs",[[1,"scale-divider",{"customClass":[1,"custom-class"],"size":[1],"vertical":[4],"styles":[16]}]]],["scale-icon.cjs",[[1,"scale-icon",{"customClass":[1,"custom-class"],"name":[1],"path":[1],"styles":[16]}]]],["scale-input.cjs",[[1,"scale-input",{"customClass":[1,"custom-class"],"type":[1],"name":[1],"value":[1025],"errorMessage":[1025,"error-message"],"styles":[16]}]]],["scale-input-error.cjs",[[1,"scale-input-error",{"customClass":[1,"custom-class"],"styles":[16]}]]],["scale-input-group.cjs",[[1,"scale-input-group",{"customClass":[1,"custom-class"],"styles":[16]}]]],["scale-input-label.cjs",[[1,"scale-input-label",{"customClass":[1,"custom-class"],"styles":[16]}]]],["scale-link.cjs",[[1,"scale-link",{"customClass":[1,"custom-class"],"href":[1],"disabled":[4],"underline":[4],"openNewTab":[4,"open-new-tab"],"variant":[1],"styles":[16]}]]],["scale-modal.cjs",[[1,"scale-modal",{"customClass":[1,"custom-class"],"size":[1],"variant":[1],"opened":[516],"styles":[16],"open":[64],"close":[64]}]]],["scale-progress-bar.cjs",[[1,"scale-progress-bar",{"customClass":[1,"custom-class"],"percentage":[2],"variant":[1],"strokeWidth":[2,"stroke-width"],"showText":[4,"show-text"],"textInside":[4,"text-inside"],"styles":[16]}]]],["scale-slider.cjs",[[1,"scale-slider",{"customClass":[1,"custom-class"],"min":[2],"max":[2],"value":[2],"step":[2],"label":[4],"styles":[16]}]]],["scale-switch.cjs",[[1,"scale-switch",{"customClass":[1,"custom-class"],"active":[4],"disabled":[4],"styles":[16]}]]],["scale-tag.cjs",[[1,"scale-tag",{"customClass":[1,"custom-class"],"variant":[1],"pill":[4],"link":[1],"styles":[16]}]]],["scale-text.cjs",[[1,"scale-text",{"customClass":[1,"custom-class"],"styles":[16]}]]],["scale-toast.cjs",[[1,"scale-toast",{"customClass":[1,"custom-class"],"size":[1],"variant":[1],"opened":[516],"autoHide":[8,"auto-hide"],"animated":[4],"time":[2],"positionTop":[2,"position-top"],"positionRight":[2,"position-right"],"fadeDuration":[2,"fade-duration"],"styles":[16],"progress":[32],"toastHeightWithOffset":[32],"open":[64]}]]]], options);
   });
@@ -14,0 +14,0 @@ };

dist/cjs/scale-alert.cjs.entry.js

@@ -5,3 +5,3 @@ 'use strict';
 
-const core = require('./core-a3f1019b.js');
+const core = require('./core-bd9eefa6.js');
 const cssInJs = require('./css-in-js-63d123c5.js');
@@ -8,0 +8,0 @@

dist/cjs/scale-badge.cjs.entry.js

@@ -5,3 +5,3 @@ 'use strict';
 
-const core = require('./core-a3f1019b.js');
+const core = require('./core-bd9eefa6.js');
 const cssInJs = require('./css-in-js-63d123c5.js');
@@ -8,0 +8,0 @@

dist/cjs/scale-button.cjs.entry.js

@@ -5,3 +5,3 @@ 'use strict';
 
-const core = require('./core-a3f1019b.js');
+const core = require('./core-bd9eefa6.js');
 const cssInJs = require('./css-in-js-63d123c5.js');
@@ -33,3 +33,3 @@
         transition: 'all 0.2s ease-in-out',
-        height: '40px',
+        minHeight: '40px',
         textDecoration: 'none',
@@ -50,5 +50,2 @@ '&:before': {
         },
-        '&:not(.tabbing):focus': {
-            outline: 0,
-        },
     },
@@ -91,2 +88,5 @@ 'button--disabled': {
         this.target = '_self';
+        this.ariaLabel = '';
+        this.focusable = true;
+        this.role = '';
     }
@@ -104,3 +104,3 @@ /** Button method: disable()  */
     render() {
-        return (core.h(core.Host, null, core.h("style", null, this.stylesheet.toString()), !!this.href ? (core.h("a", { class: this.getCssClassMap(), href: this.href, target: this.target }, core.h("slot", null))) : (core.h("button", { class: this.getCssClassMap(), disabled: this.disabled }, core.h("slot", null)))));
+        return (core.h(core.Host, null, core.h("style", null, this.stylesheet.toString()), !!this.href ? (core.h("a", { class: this.getCssClassMap(), href: this.href, target: this.target, "aria-label": this.ariaLabel, tabindex: this.focusable ? 0 : -1, role: this.role || 'button' }, core.h("slot", null))) : (core.h("button", Object.assign({ class: this.getCssClassMap(), disabled: this.disabled, "aria-label": this.ariaLabel, tabindex: this.focusable ? 0 : -1 }, !!this.role ? { role: this.role } : {}), core.h("slot", null)))));
     }
@@ -107,0 +107,0 @@ getCssClassMap() {

dist/cjs/scale-card.cjs.entry.js

@@ -5,3 +5,3 @@ 'use strict';
 
-const core = require('./core-a3f1019b.js');
+const core = require('./core-bd9eefa6.js');
 const cssInJs = require('./css-in-js-63d123c5.js');
@@ -8,0 +8,0 @@

dist/cjs/scale-carousel.cjs.entry.js

@@ -5,3 +5,3 @@ 'use strict';
 
-const core = require('./core-a3f1019b.js');
+const core = require('./core-bd9eefa6.js');
 const cssInJs = require('./css-in-js-63d123c5.js');
@@ -8,0 +8,0 @@

dist/cjs/scale-components.cjs.js

 'use strict';
 
-const core = require('./core-a3f1019b.js');
+const core = require('./core-bd9eefa6.js');
 
 core.patchBrowser().then(options => {
   core.globals();
-  return core.bootstrapLazy([["scale-alert.cjs",[[1,"scale-alert",{"customClass":[1,"custom-class"],"size":[1],"variant":[1],"headline":[513],"opened":[516],"timeout":[8],"icon":[1],"styles":[16],"open":[64]}]]],["scale-badge.cjs",[[1,"scale-badge",{"customClass":[1,"custom-class"],"size":[1],"variant":[1],"pill":[4],"link":[1],"styles":[16]}]]],["scale-button.cjs",[[1,"scale-button",{"customClass":[1,"custom-class"],"size":[1],"variant":[1],"disabled":[4],"href":[1],"target":[1],"styles":[16],"disable":[64],"enable":[64]}]]],["scale-card.cjs",[[1,"scale-card",{"customClass":[1,"custom-class"],"size":[1],"variant":[1],"imageTop":[1,"image-top"],"imageTopAlt":[1,"image-top-alt"],"styles":[16]}]]],["scale-carousel.cjs",[[1,"scale-carousel",{"customClass":[1,"custom-class"],"vertical":[4],"styles":[16],"slidesArray":[32],"value":[32]}]]],["scale-divider.cjs",[[1,"scale-divider",{"customClass":[1,"custom-class"],"size":[1],"vertical":[4],"styles":[16]}]]],["scale-icon.cjs",[[1,"scale-icon",{"customClass":[1,"custom-class"],"name":[1],"path":[1],"styles":[16]}]]],["scale-input.cjs",[[1,"scale-input",{"customClass":[1,"custom-class"],"type":[1],"name":[1],"value":[1025],"errorMessage":[1025,"error-message"],"styles":[16]}]]],["scale-input-error.cjs",[[1,"scale-input-error",{"customClass":[1,"custom-class"],"styles":[16]}]]],["scale-input-group.cjs",[[1,"scale-input-group",{"customClass":[1,"custom-class"],"styles":[16]}]]],["scale-input-label.cjs",[[1,"scale-input-label",{"customClass":[1,"custom-class"],"styles":[16]}]]],["scale-link.cjs",[[1,"scale-link",{"customClass":[1,"custom-class"],"href":[1],"disabled":[4],"underline":[4],"openNewTab":[4,"open-new-tab"],"variant":[1],"styles":[16]}]]],["scale-modal.cjs",[[1,"scale-modal",{"customClass":[1,"custom-class"],"size":[1],"variant":[1],"opened":[516],"styles":[16],"open":[64],"close":[64]}]]],["scale-progress-bar.cjs",[[1,"scale-progress-bar",{"customClass":[1,"custom-class"],"percentage":[2],"variant":[1],"strokeWidth":[2,"stroke-width"],"showText":[4,"show-text"],"textInside":[4,"text-inside"],"styles":[16]}]]],["scale-slider.cjs",[[1,"scale-slider",{"customClass":[1,"custom-class"],"min":[2],"max":[2],"value":[2],"step":[2],"label":[4],"styles":[16]}]]],["scale-switch.cjs",[[1,"scale-switch",{"customClass":[1,"custom-class"],"active":[4],"disabled":[4],"styles":[16]}]]],["scale-tag.cjs",[[1,"scale-tag",{"customClass":[1,"custom-class"],"variant":[1],"pill":[4],"link":[1],"styles":[16]}]]],["scale-text.cjs",[[1,"scale-text",{"customClass":[1,"custom-class"],"styles":[16]}]]],["scale-toast.cjs",[[1,"scale-toast",{"customClass":[1,"custom-class"],"size":[1],"variant":[1],"opened":[516],"autoHide":[8,"auto-hide"],"animated":[4],"time":[2],"positionTop":[2,"position-top"],"positionRight":[2,"position-right"],"fadeDuration":[2,"fade-duration"],"styles":[16],"progress":[32],"toastHeightWithOffset":[32],"open":[64]}]]]], options);
+  return core.bootstrapLazy([["scale-alert.cjs",[[1,"scale-alert",{"customClass":[1,"custom-class"],"size":[1],"variant":[1],"headline":[513],"opened":[516],"timeout":[8],"icon":[1],"styles":[16],"open":[64]}]]],["scale-badge.cjs",[[1,"scale-badge",{"customClass":[1,"custom-class"],"size":[1],"variant":[1],"pill":[4],"link":[1],"styles":[16]}]]],["scale-button.cjs",[[1,"scale-button",{"customClass":[1,"custom-class"],"size":[1],"variant":[1],"disabled":[4],"href":[1],"target":[1],"ariaLabel":[1,"aria-label"],"focusable":[4],"role":[1],"styles":[16],"disable":[64],"enable":[64]}]]],["scale-card.cjs",[[1,"scale-card",{"customClass":[1,"custom-class"],"size":[1],"variant":[1],"imageTop":[1,"image-top"],"imageTopAlt":[1,"image-top-alt"],"styles":[16]}]]],["scale-carousel.cjs",[[1,"scale-carousel",{"customClass":[1,"custom-class"],"vertical":[4],"styles":[16],"slidesArray":[32],"value":[32]}]]],["scale-divider.cjs",[[1,"scale-divider",{"customClass":[1,"custom-class"],"size":[1],"vertical":[4],"styles":[16]}]]],["scale-icon.cjs",[[1,"scale-icon",{"customClass":[1,"custom-class"],"name":[1],"path":[1],"styles":[16]}]]],["scale-input.cjs",[[1,"scale-input",{"customClass":[1,"custom-class"],"type":[1],"name":[1],"value":[1025],"errorMessage":[1025,"error-message"],"styles":[16]}]]],["scale-input-error.cjs",[[1,"scale-input-error",{"customClass":[1,"custom-class"],"styles":[16]}]]],["scale-input-group.cjs",[[1,"scale-input-group",{"customClass":[1,"custom-class"],"styles":[16]}]]],["scale-input-label.cjs",[[1,"scale-input-label",{"customClass":[1,"custom-class"],"styles":[16]}]]],["scale-link.cjs",[[1,"scale-link",{"customClass":[1,"custom-class"],"href":[1],"disabled":[4],"underline":[4],"openNewTab":[4,"open-new-tab"],"variant":[1],"styles":[16]}]]],["scale-modal.cjs",[[1,"scale-modal",{"customClass":[1,"custom-class"],"size":[1],"variant":[1],"opened":[516],"styles":[16],"open":[64],"close":[64]}]]],["scale-progress-bar.cjs",[[1,"scale-progress-bar",{"customClass":[1,"custom-class"],"percentage":[2],"variant":[1],"strokeWidth":[2,"stroke-width"],"showText":[4,"show-text"],"textInside":[4,"text-inside"],"styles":[16]}]]],["scale-slider.cjs",[[1,"scale-slider",{"customClass":[1,"custom-class"],"min":[2],"max":[2],"value":[2],"step":[2],"label":[4],"styles":[16]}]]],["scale-switch.cjs",[[1,"scale-switch",{"customClass":[1,"custom-class"],"active":[4],"disabled":[4],"styles":[16]}]]],["scale-tag.cjs",[[1,"scale-tag",{"customClass":[1,"custom-class"],"variant":[1],"pill":[4],"link":[1],"styles":[16]}]]],["scale-text.cjs",[[1,"scale-text",{"customClass":[1,"custom-class"],"styles":[16]}]]],["scale-toast.cjs",[[1,"scale-toast",{"customClass":[1,"custom-class"],"size":[1],"variant":[1],"opened":[516],"autoHide":[8,"auto-hide"],"animated":[4],"time":[2],"positionTop":[2,"position-top"],"positionRight":[2,"position-right"],"fadeDuration":[2,"fade-duration"],"styles":[16],"progress":[32],"toastHeightWithOffset":[32],"open":[64]}]]]], options);
 });

dist/cjs/scale-divider.cjs.entry.js

@@ -5,3 +5,3 @@ 'use strict';
 
-const core = require('./core-a3f1019b.js');
+const core = require('./core-bd9eefa6.js');
 const cssInJs = require('./css-in-js-63d123c5.js');
@@ -8,0 +8,0 @@

dist/cjs/scale-icon.cjs.entry.js

@@ -5,3 +5,3 @@ 'use strict';
 
-const core = require('./core-a3f1019b.js');
+const core = require('./core-bd9eefa6.js');
 const cssInJs = require('./css-in-js-63d123c5.js');
@@ -8,0 +8,0 @@

dist/cjs/scale-input-error.cjs.entry.js

@@ -5,3 +5,3 @@ 'use strict';
 
-const core = require('./core-a3f1019b.js');
+const core = require('./core-bd9eefa6.js');
 const cssInJs = require('./css-in-js-63d123c5.js');
@@ -8,0 +8,0 @@

dist/cjs/scale-input-group.cjs.entry.js

@@ -5,3 +5,3 @@ 'use strict';
 
-const core = require('./core-a3f1019b.js');
+const core = require('./core-bd9eefa6.js');
 const cssInJs = require('./css-in-js-63d123c5.js');
@@ -8,0 +8,0 @@

dist/cjs/scale-input-label.cjs.entry.js

@@ -5,3 +5,3 @@ 'use strict';
 
-const core = require('./core-a3f1019b.js');
+const core = require('./core-bd9eefa6.js');
 const cssInJs = require('./css-in-js-63d123c5.js');
@@ -8,0 +8,0 @@

dist/cjs/scale-input.cjs.entry.js

@@ -5,3 +5,3 @@ 'use strict';
 
-const core = require('./core-a3f1019b.js');
+const core = require('./core-bd9eefa6.js');
 const cssInJs = require('./css-in-js-63d123c5.js');
@@ -8,0 +8,0 @@

dist/cjs/scale-link.cjs.entry.js

@@ -5,3 +5,3 @@ 'use strict';
 
-const core = require('./core-a3f1019b.js');
+const core = require('./core-bd9eefa6.js');
 const cssInJs = require('./css-in-js-63d123c5.js');
@@ -8,0 +8,0 @@

dist/cjs/scale-modal.cjs.entry.js

@@ -5,3 +5,3 @@ 'use strict';
 
-const core = require('./core-a3f1019b.js');
+const core = require('./core-bd9eefa6.js');
 const cssInJs = require('./css-in-js-63d123c5.js');
@@ -8,0 +8,0 @@

dist/cjs/scale-progress-bar.cjs.entry.js

@@ -5,3 +5,3 @@ 'use strict';
 
-const core = require('./core-a3f1019b.js');
+const core = require('./core-bd9eefa6.js');
 const cssInJs = require('./css-in-js-63d123c5.js');
@@ -8,0 +8,0 @@

dist/cjs/scale-slider.cjs.entry.js

@@ -5,3 +5,3 @@ 'use strict';
 
-const core = require('./core-a3f1019b.js');
+const core = require('./core-bd9eefa6.js');
 const cssInJs = require('./css-in-js-63d123c5.js');
@@ -8,0 +8,0 @@

dist/cjs/scale-switch.cjs.entry.js

@@ -5,3 +5,3 @@ 'use strict';
 
-const core = require('./core-a3f1019b.js');
+const core = require('./core-bd9eefa6.js');
 const cssInJs = require('./css-in-js-63d123c5.js');
@@ -8,0 +8,0 @@

dist/cjs/scale-tag.cjs.entry.js

@@ -5,3 +5,3 @@ 'use strict';
 
-const core = require('./core-a3f1019b.js');
+const core = require('./core-bd9eefa6.js');
 const cssInJs = require('./css-in-js-63d123c5.js');
@@ -8,0 +8,0 @@

dist/cjs/scale-text.cjs.entry.js

@@ -5,3 +5,3 @@ 'use strict';
 
-const core = require('./core-a3f1019b.js');
+const core = require('./core-bd9eefa6.js');
 const cssInJs = require('./css-in-js-63d123c5.js');
@@ -8,0 +8,0 @@

dist/collection/collection-manifest.json

 {
   "entries": [
+    "components/button/button.js",
+    "components/input-error/input-error.js",
+    "components/input-group/input-group.js",
+    "components/input-label/input-label.js",
+    "components/text/text.js",
+    "components/badge/badge.js",
     "components/alert/alert.js",
-    "components/badge/badge.js",
     "components/card/card.js",
     "components/carousel/carousel.js",
+    "components/icon/icon.js",
     "components/divider/divider.js",
-    "components/icon/icon.js",
-    "components/input-error/input-error.js",
-    "components/input-group/input-group.js",
-    "components/input-label/input-label.js",
     "components/input/input.js",
     "components/link/link.js",
     "components/progress-bar/progress-bar.js",
-    "components/modal/modal.js",
     "components/slider/slider.js",
     "components/switch/switch.js",
     "components/tag/tag.js",
-    "components/toast/toast.js",
-    "components/text/text.js",
-    "components/button/button.js"
+    "components/modal/modal.js",
+    "components/toast/toast.js"
   ],
@@ -23,0 +23,0 @@ "compiler": {

dist/collection/components/button/button.js

@@ -25,2 +25,5 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
         this.target = '_self';
+        this.ariaLabel = '';
+        this.focusable = true;
+        this.role = '';
     }
@@ -40,4 +43,4 @@ /** Button method: disable()  */
             h("style", null, this.stylesheet.toString()),
-            !!this.href ? (h("a", { class: this.getCssClassMap(), href: this.href, target: this.target },
-                h("slot", null))) : (h("button", { class: this.getCssClassMap(), disabled: this.disabled },
+            !!this.href ? (h("a", { class: this.getCssClassMap(), href: this.href, target: this.target, "aria-label": this.ariaLabel, tabindex: this.focusable ? 0 : -1, role: this.role || 'button' },
+                h("slot", null))) : (h("button", Object.assign({ class: this.getCssClassMap(), disabled: this.disabled, "aria-label": this.ariaLabel, tabindex: this.focusable ? 0 : -1 }, !!this.role ? { role: this.role } : {}),
                 h("slot", null)))));
@@ -160,2 +163,56 @@ }
         },
+        "ariaLabel": {
+            "type": "string",
+            "mutable": false,
+            "complexType": {
+                "original": "string",
+                "resolved": "string",
+                "references": {}
+            },
+            "required": false,
+            "optional": true,
+            "docs": {
+                "tags": [],
+                "text": ""
+            },
+            "attribute": "aria-label",
+            "reflect": false,
+            "defaultValue": "''"
+        },
+        "focusable": {
+            "type": "boolean",
+            "mutable": false,
+            "complexType": {
+                "original": "boolean",
+                "resolved": "boolean",
+                "references": {}
+            },
+            "required": false,
+            "optional": true,
+            "docs": {
+                "tags": [],
+                "text": ""
+            },
+            "attribute": "focusable",
+            "reflect": false,
+            "defaultValue": "true"
+        },
+        "role": {
+            "type": "string",
+            "mutable": false,
+            "complexType": {
+                "original": "string",
+                "resolved": "string",
+                "references": {}
+            },
+            "required": false,
+            "optional": true,
+            "docs": {
+                "tags": [],
+                "text": ""
+            },
+            "attribute": "role",
+            "reflect": false,
+            "defaultValue": "''"
+        },
         "styles": {
@@ -162,0 +219,0 @@ "type": "unknown",

dist/collection/components/button/button.styles.js

@@ -25,3 +25,3 @@ export const styles = {
         transition: 'all 0.2s ease-in-out',
-        height: '40px',
+        minHeight: '40px',
         textDecoration: 'none',
@@ -42,5 +42,2 @@ '&:before': {
         },
-        '&:not(.tabbing):focus': {
-            outline: 0,
-        },
     },
@@ -47,0 +44,0 @@ 'button--disabled': {

dist/esm/scale-alert.entry.js

@@ -1,2 +0,2 @@
-import { r as registerInstance, h, H as Host, c as getElement } from './core-5cd1e83b.js';
+import { r as registerInstance, h, H as Host, c as getElement } from './core-e53dfe87.js';
 import { c as classNames, C as CssInJs } from './css-in-js-f29f95ce.js';
@@ -3,0 +3,0 @@

dist/esm/scale-badge.entry.js

@@ -1,2 +0,2 @@
-import { r as registerInstance, h, H as Host } from './core-5cd1e83b.js';
+import { r as registerInstance, h, H as Host } from './core-e53dfe87.js';
 import { c as classNames, C as CssInJs } from './css-in-js-f29f95ce.js';
@@ -3,0 +3,0 @@

dist/esm/scale-button.entry.js

@@ -1,2 +0,2 @@
-import { r as registerInstance, h, H as Host } from './core-5cd1e83b.js';
+import { r as registerInstance, h, H as Host } from './core-e53dfe87.js';
 import { c as classNames, C as CssInJs } from './css-in-js-f29f95ce.js';
@@ -28,3 +28,3 @@
         transition: 'all 0.2s ease-in-out',
-        height: '40px',
+        minHeight: '40px',
         textDecoration: 'none',
@@ -45,5 +45,2 @@ '&:before': {
         },
-        '&:not(.tabbing):focus': {
-            outline: 0,
-        },
     },
@@ -86,2 +83,5 @@ 'button--disabled': {
         this.target = '_self';
+        this.ariaLabel = '';
+        this.focusable = true;
+        this.role = '';
     }
@@ -99,3 +99,3 @@ /** Button method: disable()  */
     render() {
-        return (h(Host, null, h("style", null, this.stylesheet.toString()), !!this.href ? (h("a", { class: this.getCssClassMap(), href: this.href, target: this.target }, h("slot", null))) : (h("button", { class: this.getCssClassMap(), disabled: this.disabled }, h("slot", null)))));
+        return (h(Host, null, h("style", null, this.stylesheet.toString()), !!this.href ? (h("a", { class: this.getCssClassMap(), href: this.href, target: this.target, "aria-label": this.ariaLabel, tabindex: this.focusable ? 0 : -1, role: this.role || 'button' }, h("slot", null))) : (h("button", Object.assign({ class: this.getCssClassMap(), disabled: this.disabled, "aria-label": this.ariaLabel, tabindex: this.focusable ? 0 : -1 }, !!this.role ? { role: this.role } : {}), h("slot", null)))));
     }
@@ -102,0 +102,0 @@ getCssClassMap() {

dist/esm/scale-card.entry.js

@@ -1,2 +0,2 @@
-import { r as registerInstance, h, H as Host, c as getElement } from './core-5cd1e83b.js';
+import { r as registerInstance, h, H as Host, c as getElement } from './core-e53dfe87.js';
 import { c as classNames, C as CssInJs } from './css-in-js-f29f95ce.js';
@@ -3,0 +3,0 @@

dist/esm/scale-carousel.entry.js

@@ -1,2 +0,2 @@
-import { r as registerInstance, h, H as Host, c as getElement } from './core-5cd1e83b.js';
+import { r as registerInstance, h, H as Host, c as getElement } from './core-e53dfe87.js';
 import { c as classNames, C as CssInJs } from './css-in-js-f29f95ce.js';
@@ -3,0 +3,0 @@

dist/esm/scale-divider.entry.js

@@ -1,2 +0,2 @@
-import { r as registerInstance, h, H as Host } from './core-5cd1e83b.js';
+import { r as registerInstance, h, H as Host } from './core-e53dfe87.js';
 import { c as classNames, C as CssInJs } from './css-in-js-f29f95ce.js';
@@ -3,0 +3,0 @@

dist/esm/scale-icon.entry.js

@@ -1,2 +0,2 @@
-import { r as registerInstance, h, H as Host } from './core-5cd1e83b.js';
+import { r as registerInstance, h, H as Host } from './core-e53dfe87.js';
 import { c as classNames, C as CssInJs } from './css-in-js-f29f95ce.js';
@@ -3,0 +3,0 @@

dist/esm/scale-input-error.entry.js

@@ -1,2 +0,2 @@
-import { r as registerInstance, h, H as Host } from './core-5cd1e83b.js';
+import { r as registerInstance, h, H as Host } from './core-e53dfe87.js';
 import { c as classNames, C as CssInJs } from './css-in-js-f29f95ce.js';
@@ -3,0 +3,0 @@

dist/esm/scale-input-group.entry.js

@@ -1,2 +0,2 @@
-import { r as registerInstance, h, H as Host } from './core-5cd1e83b.js';
+import { r as registerInstance, h, H as Host } from './core-e53dfe87.js';
 import { c as classNames, C as CssInJs } from './css-in-js-f29f95ce.js';
@@ -3,0 +3,0 @@

dist/esm/scale-input-label.entry.js

@@ -1,2 +0,2 @@
-import { r as registerInstance, h, H as Host } from './core-5cd1e83b.js';
+import { r as registerInstance, h, H as Host } from './core-e53dfe87.js';
 import { c as classNames, C as CssInJs } from './css-in-js-f29f95ce.js';
@@ -3,0 +3,0 @@

dist/esm/scale-input.entry.js

@@ -1,2 +0,2 @@
-import { r as registerInstance, d as createEvent, h, H as Host } from './core-5cd1e83b.js';
+import { r as registerInstance, d as createEvent, h, H as Host } from './core-e53dfe87.js';
 import { c as classNames, C as CssInJs } from './css-in-js-f29f95ce.js';
@@ -3,0 +3,0 @@

dist/esm/scale-link.entry.js

@@ -1,2 +0,2 @@
-import { r as registerInstance, h, H as Host } from './core-5cd1e83b.js';
+import { r as registerInstance, h, H as Host } from './core-e53dfe87.js';
 import { c as classNames, C as CssInJs } from './css-in-js-f29f95ce.js';
@@ -3,0 +3,0 @@

dist/esm/scale-modal.entry.js

@@ -1,2 +0,2 @@
-import { r as registerInstance, h, H as Host, c as getElement } from './core-5cd1e83b.js';
+import { r as registerInstance, h, H as Host, c as getElement } from './core-e53dfe87.js';
 import { c as classNames, C as CssInJs } from './css-in-js-f29f95ce.js';
@@ -3,0 +3,0 @@

dist/esm/scale-progress-bar.entry.js

@@ -1,2 +0,2 @@
-import { r as registerInstance, h, H as Host } from './core-5cd1e83b.js';
+import { r as registerInstance, h, H as Host } from './core-e53dfe87.js';
 import { c as classNames, C as CssInJs } from './css-in-js-f29f95ce.js';
@@ -3,0 +3,0 @@

dist/esm/scale-slider.entry.js

@@ -1,2 +0,2 @@
-import { r as registerInstance, h, H as Host } from './core-5cd1e83b.js';
+import { r as registerInstance, h, H as Host } from './core-e53dfe87.js';
 import { c as classNames, C as CssInJs } from './css-in-js-f29f95ce.js';
@@ -3,0 +3,0 @@

dist/esm/scale-switch.entry.js

@@ -1,2 +0,2 @@
-import { r as registerInstance, h, H as Host } from './core-5cd1e83b.js';
+import { r as registerInstance, h, H as Host } from './core-e53dfe87.js';
 import { c as classNames, C as CssInJs } from './css-in-js-f29f95ce.js';
@@ -3,0 +3,0 @@

dist/esm/scale-tag.entry.js

@@ -1,2 +0,2 @@
-import { r as registerInstance, h, H as Host } from './core-5cd1e83b.js';
+import { r as registerInstance, h, H as Host } from './core-e53dfe87.js';
 import { c as classNames, C as CssInJs } from './css-in-js-f29f95ce.js';
@@ -3,0 +3,0 @@

dist/esm/scale-text.entry.js

@@ -1,2 +0,2 @@
-import { r as registerInstance, h, H as Host } from './core-5cd1e83b.js';
+import { r as registerInstance, h, H as Host } from './core-e53dfe87.js';
 import { c as classNames, C as CssInJs } from './css-in-js-f29f95ce.js';
@@ -3,0 +3,0 @@

dist/scale-components.json

 {
-  "timestamp": "2020-03-17T12:19:13",
+  "timestamp": "2020-03-19T11:49:57",
   "compiler": {
@@ -314,2 +314,19 @@ "name": "@stencil/core",
         {
+          "name": "ariaLabel",
+          "type": "string",
+          "mutable": false,
+          "attr": "aria-label",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "default": "''",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
+        {
           "name": "customClass",
@@ -349,2 +366,19 @@ "type": "string",
         {
+          "name": "focusable",
+          "type": "boolean",
+          "mutable": false,
+          "attr": "focusable",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "default": "true",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
+        {
           "name": "href",
@@ -367,2 +401,19 @@ "type": "string",
         {
+          "name": "role",
+          "type": "string",
+          "mutable": false,
+          "attr": "role",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "default": "''",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
+        {
           "name": "size",
@@ -369,0 +420,0 @@ "type": "string",

dist/scale-components/scale-alert.entry.js

@@ -1,2 +0,2 @@
-import { r as registerInstance, h, H as Host, c as getElement } from './core-95ea6ac7.js';
+import { r as registerInstance, h, H as Host, c as getElement } from './core-8be2cc8d.js';
 import { c as classNames, C as CssInJs } from './css-in-js-f29f95ce.js';
@@ -3,0 +3,0 @@

dist/scale-components/scale-badge.entry.js

@@ -1,2 +0,2 @@
-import { r as registerInstance, h, H as Host } from './core-95ea6ac7.js';
+import { r as registerInstance, h, H as Host } from './core-8be2cc8d.js';
 import { c as classNames, C as CssInJs } from './css-in-js-f29f95ce.js';
@@ -3,0 +3,0 @@

dist/scale-components/scale-button.entry.js

@@ -1,2 +0,2 @@
-import { r as registerInstance, h, H as Host } from './core-95ea6ac7.js';
+import { r as registerInstance, h, H as Host } from './core-8be2cc8d.js';
 import { c as classNames, C as CssInJs } from './css-in-js-f29f95ce.js';
@@ -28,3 +28,3 @@
         transition: 'all 0.2s ease-in-out',
-        height: '40px',
+        minHeight: '40px',
         textDecoration: 'none',
@@ -45,5 +45,2 @@ '&:before': {
         },
-        '&:not(.tabbing):focus': {
-            outline: 0,
-        },
     },
@@ -86,2 +83,5 @@ 'button--disabled': {
         this.target = '_self';
+        this.ariaLabel = '';
+        this.focusable = true;
+        this.role = '';
     }
@@ -99,3 +99,3 @@ /** Button method: disable()  */
     render() {
-        return (h(Host, null, h("style", null, this.stylesheet.toString()), !!this.href ? (h("a", { class: this.getCssClassMap(), href: this.href, target: this.target }, h("slot", null))) : (h("button", { class: this.getCssClassMap(), disabled: this.disabled }, h("slot", null)))));
+        return (h(Host, null, h("style", null, this.stylesheet.toString()), !!this.href ? (h("a", { class: this.getCssClassMap(), href: this.href, target: this.target, "aria-label": this.ariaLabel, tabindex: this.focusable ? 0 : -1, role: this.role || 'button' }, h("slot", null))) : (h("button", Object.assign({ class: this.getCssClassMap(), disabled: this.disabled, "aria-label": this.ariaLabel, tabindex: this.focusable ? 0 : -1 }, !!this.role ? { role: this.role } : {}), h("slot", null)))));
     }
@@ -102,0 +102,0 @@ getCssClassMap() {

dist/scale-components/scale-card.entry.js

@@ -1,2 +0,2 @@
-import { r as registerInstance, h, H as Host, c as getElement } from './core-95ea6ac7.js';
+import { r as registerInstance, h, H as Host, c as getElement } from './core-8be2cc8d.js';
 import { c as classNames, C as CssInJs } from './css-in-js-f29f95ce.js';
@@ -3,0 +3,0 @@

dist/scale-components/scale-carousel.entry.js

@@ -1,2 +0,2 @@
-import { r as registerInstance, h, H as Host, c as getElement } from './core-95ea6ac7.js';
+import { r as registerInstance, h, H as Host, c as getElement } from './core-8be2cc8d.js';
 import { c as classNames, C as CssInJs } from './css-in-js-f29f95ce.js';
@@ -3,0 +3,0 @@

dist/scale-components/scale-components.esm.js

@@ -1,6 +0,6 @@
-import { p as patchBrowser, g as globals, b as bootstrapLazy } from './core-95ea6ac7.js';
+import { p as patchBrowser, g as globals, b as bootstrapLazy } from './core-8be2cc8d.js';
 
 patchBrowser().then(options => {
   globals();
-  return bootstrapLazy([["scale-alert",[[1,"scale-alert",{"customClass":[1,"custom-class"],"size":[1],"variant":[1],"headline":[513],"opened":[516],"timeout":[8],"icon":[1],"styles":[16],"open":[64]}]]],["scale-badge",[[1,"scale-badge",{"customClass":[1,"custom-class"],"size":[1],"variant":[1],"pill":[4],"link":[1],"styles":[16]}]]],["scale-button",[[1,"scale-button",{"customClass":[1,"custom-class"],"size":[1],"variant":[1],"disabled":[4],"href":[1],"target":[1],"styles":[16],"disable":[64],"enable":[64]}]]],["scale-card",[[1,"scale-card",{"customClass":[1,"custom-class"],"size":[1],"variant":[1],"imageTop":[1,"image-top"],"imageTopAlt":[1,"image-top-alt"],"styles":[16]}]]],["scale-carousel",[[1,"scale-carousel",{"customClass":[1,"custom-class"],"vertical":[4],"styles":[16],"slidesArray":[32],"value":[32]}]]],["scale-divider",[[1,"scale-divider",{"customClass":[1,"custom-class"],"size":[1],"vertical":[4],"styles":[16]}]]],["scale-icon",[[1,"scale-icon",{"customClass":[1,"custom-class"],"name":[1],"path":[1],"styles":[16]}]]],["scale-input",[[1,"scale-input",{"customClass":[1,"custom-class"],"type":[1],"name":[1],"value":[1025],"errorMessage":[1025,"error-message"],"styles":[16]}]]],["scale-input-error",[[1,"scale-input-error",{"customClass":[1,"custom-class"],"styles":[16]}]]],["scale-input-group",[[1,"scale-input-group",{"customClass":[1,"custom-class"],"styles":[16]}]]],["scale-input-label",[[1,"scale-input-label",{"customClass":[1,"custom-class"],"styles":[16]}]]],["scale-link",[[1,"scale-link",{"customClass":[1,"custom-class"],"href":[1],"disabled":[4],"underline":[4],"openNewTab":[4,"open-new-tab"],"variant":[1],"styles":[16]}]]],["scale-modal",[[1,"scale-modal",{"customClass":[1,"custom-class"],"size":[1],"variant":[1],"opened":[516],"styles":[16],"open":[64],"close":[64]}]]],["scale-progress-bar",[[1,"scale-progress-bar",{"customClass":[1,"custom-class"],"percentage":[2],"variant":[1],"strokeWidth":[2,"stroke-width"],"showText":[4,"show-text"],"textInside":[4,"text-inside"],"styles":[16]}]]],["scale-slider",[[1,"scale-slider",{"customClass":[1,"custom-class"],"min":[2],"max":[2],"value":[2],"step":[2],"label":[4],"styles":[16]}]]],["scale-switch",[[1,"scale-switch",{"customClass":[1,"custom-class"],"active":[4],"disabled":[4],"styles":[16]}]]],["scale-tag",[[1,"scale-tag",{"customClass":[1,"custom-class"],"variant":[1],"pill":[4],"link":[1],"styles":[16]}]]],["scale-text",[[1,"scale-text",{"customClass":[1,"custom-class"],"styles":[16]}]]],["scale-toast",[[1,"scale-toast",{"customClass":[1,"custom-class"],"size":[1],"variant":[1],"opened":[516],"autoHide":[8,"auto-hide"],"animated":[4],"time":[2],"positionTop":[2,"position-top"],"positionRight":[2,"position-right"],"fadeDuration":[2,"fade-duration"],"styles":[16],"progress":[32],"toastHeightWithOffset":[32],"open":[64]}]]]], options);
+  return bootstrapLazy([["scale-alert",[[1,"scale-alert",{"customClass":[1,"custom-class"],"size":[1],"variant":[1],"headline":[513],"opened":[516],"timeout":[8],"icon":[1],"styles":[16],"open":[64]}]]],["scale-badge",[[1,"scale-badge",{"customClass":[1,"custom-class"],"size":[1],"variant":[1],"pill":[4],"link":[1],"styles":[16]}]]],["scale-button",[[1,"scale-button",{"customClass":[1,"custom-class"],"size":[1],"variant":[1],"disabled":[4],"href":[1],"target":[1],"ariaLabel":[1,"aria-label"],"focusable":[4],"role":[1],"styles":[16],"disable":[64],"enable":[64]}]]],["scale-card",[[1,"scale-card",{"customClass":[1,"custom-class"],"size":[1],"variant":[1],"imageTop":[1,"image-top"],"imageTopAlt":[1,"image-top-alt"],"styles":[16]}]]],["scale-carousel",[[1,"scale-carousel",{"customClass":[1,"custom-class"],"vertical":[4],"styles":[16],"slidesArray":[32],"value":[32]}]]],["scale-divider",[[1,"scale-divider",{"customClass":[1,"custom-class"],"size":[1],"vertical":[4],"styles":[16]}]]],["scale-icon",[[1,"scale-icon",{"customClass":[1,"custom-class"],"name":[1],"path":[1],"styles":[16]}]]],["scale-input",[[1,"scale-input",{"customClass":[1,"custom-class"],"type":[1],"name":[1],"value":[1025],"errorMessage":[1025,"error-message"],"styles":[16]}]]],["scale-input-error",[[1,"scale-input-error",{"customClass":[1,"custom-class"],"styles":[16]}]]],["scale-input-group",[[1,"scale-input-group",{"customClass":[1,"custom-class"],"styles":[16]}]]],["scale-input-label",[[1,"scale-input-label",{"customClass":[1,"custom-class"],"styles":[16]}]]],["scale-link",[[1,"scale-link",{"customClass":[1,"custom-class"],"href":[1],"disabled":[4],"underline":[4],"openNewTab":[4,"open-new-tab"],"variant":[1],"styles":[16]}]]],["scale-modal",[[1,"scale-modal",{"customClass":[1,"custom-class"],"size":[1],"variant":[1],"opened":[516],"styles":[16],"open":[64],"close":[64]}]]],["scale-progress-bar",[[1,"scale-progress-bar",{"customClass":[1,"custom-class"],"percentage":[2],"variant":[1],"strokeWidth":[2,"stroke-width"],"showText":[4,"show-text"],"textInside":[4,"text-inside"],"styles":[16]}]]],["scale-slider",[[1,"scale-slider",{"customClass":[1,"custom-class"],"min":[2],"max":[2],"value":[2],"step":[2],"label":[4],"styles":[16]}]]],["scale-switch",[[1,"scale-switch",{"customClass":[1,"custom-class"],"active":[4],"disabled":[4],"styles":[16]}]]],["scale-tag",[[1,"scale-tag",{"customClass":[1,"custom-class"],"variant":[1],"pill":[4],"link":[1],"styles":[16]}]]],["scale-text",[[1,"scale-text",{"customClass":[1,"custom-class"],"styles":[16]}]]],["scale-toast",[[1,"scale-toast",{"customClass":[1,"custom-class"],"size":[1],"variant":[1],"opened":[516],"autoHide":[8,"auto-hide"],"animated":[4],"time":[2],"positionTop":[2,"position-top"],"positionRight":[2,"position-right"],"fadeDuration":[2,"fade-duration"],"styles":[16],"progress":[32],"toastHeightWithOffset":[32],"open":[64]}]]]], options);
 });

dist/scale-components/scale-divider.entry.js

@@ -1,2 +0,2 @@
-import { r as registerInstance, h, H as Host } from './core-95ea6ac7.js';
+import { r as registerInstance, h, H as Host } from './core-8be2cc8d.js';
 import { c as classNames, C as CssInJs } from './css-in-js-f29f95ce.js';
@@ -3,0 +3,0 @@

dist/scale-components/scale-icon.entry.js

@@ -1,2 +0,2 @@
-import { r as registerInstance, h, H as Host } from './core-95ea6ac7.js';
+import { r as registerInstance, h, H as Host } from './core-8be2cc8d.js';
 import { c as classNames, C as CssInJs } from './css-in-js-f29f95ce.js';
@@ -3,0 +3,0 @@

dist/scale-components/scale-input-error.entry.js

@@ -1,2 +0,2 @@
-import { r as registerInstance, h, H as Host } from './core-95ea6ac7.js';
+import { r as registerInstance, h, H as Host } from './core-8be2cc8d.js';
 import { c as classNames, C as CssInJs } from './css-in-js-f29f95ce.js';
@@ -3,0 +3,0 @@

dist/scale-components/scale-input-group.entry.js

@@ -1,2 +0,2 @@
-import { r as registerInstance, h, H as Host } from './core-95ea6ac7.js';
+import { r as registerInstance, h, H as Host } from './core-8be2cc8d.js';
 import { c as classNames, C as CssInJs } from './css-in-js-f29f95ce.js';
@@ -3,0 +3,0 @@

dist/scale-components/scale-input-label.entry.js

@@ -1,2 +0,2 @@
-import { r as registerInstance, h, H as Host } from './core-95ea6ac7.js';
+import { r as registerInstance, h, H as Host } from './core-8be2cc8d.js';
 import { c as classNames, C as CssInJs } from './css-in-js-f29f95ce.js';
@@ -3,0 +3,0 @@

dist/scale-components/scale-input.entry.js

@@ -1,2 +0,2 @@
-import { r as registerInstance, d as createEvent, h, H as Host } from './core-95ea6ac7.js';
+import { r as registerInstance, d as createEvent, h, H as Host } from './core-8be2cc8d.js';
 import { c as classNames, C as CssInJs } from './css-in-js-f29f95ce.js';
@@ -3,0 +3,0 @@

dist/scale-components/scale-link.entry.js

@@ -1,2 +0,2 @@
-import { r as registerInstance, h, H as Host } from './core-95ea6ac7.js';
+import { r as registerInstance, h, H as Host } from './core-8be2cc8d.js';
 import { c as classNames, C as CssInJs } from './css-in-js-f29f95ce.js';
@@ -3,0 +3,0 @@

dist/scale-components/scale-modal.entry.js

@@ -1,2 +0,2 @@
-import { r as registerInstance, h, H as Host, c as getElement } from './core-95ea6ac7.js';
+import { r as registerInstance, h, H as Host, c as getElement } from './core-8be2cc8d.js';
 import { c as classNames, C as CssInJs } from './css-in-js-f29f95ce.js';
@@ -3,0 +3,0 @@

dist/scale-components/scale-progress-bar.entry.js

@@ -1,2 +0,2 @@
-import { r as registerInstance, h, H as Host } from './core-95ea6ac7.js';
+import { r as registerInstance, h, H as Host } from './core-8be2cc8d.js';
 import { c as classNames, C as CssInJs } from './css-in-js-f29f95ce.js';
@@ -3,0 +3,0 @@

dist/scale-components/scale-slider.entry.js

@@ -1,2 +0,2 @@
-import { r as registerInstance, h, H as Host } from './core-95ea6ac7.js';
+import { r as registerInstance, h, H as Host } from './core-8be2cc8d.js';
 import { c as classNames, C as CssInJs } from './css-in-js-f29f95ce.js';
@@ -3,0 +3,0 @@

dist/scale-components/scale-switch.entry.js

@@ -1,2 +0,2 @@
-import { r as registerInstance, h, H as Host } from './core-95ea6ac7.js';
+import { r as registerInstance, h, H as Host } from './core-8be2cc8d.js';
 import { c as classNames, C as CssInJs } from './css-in-js-f29f95ce.js';
@@ -3,0 +3,0 @@

dist/scale-components/scale-tag.entry.js

@@ -1,2 +0,2 @@
-import { r as registerInstance, h, H as Host } from './core-95ea6ac7.js';
+import { r as registerInstance, h, H as Host } from './core-8be2cc8d.js';
 import { c as classNames, C as CssInJs } from './css-in-js-f29f95ce.js';
@@ -3,0 +3,0 @@

dist/scale-components/scale-text.entry.js

@@ -1,2 +0,2 @@
-import { r as registerInstance, h, H as Host } from './core-95ea6ac7.js';
+import { r as registerInstance, h, H as Host } from './core-8be2cc8d.js';
 import { c as classNames, C as CssInJs } from './css-in-js-f29f95ce.js';
@@ -3,0 +3,0 @@

dist/types/components.d.ts

@@ -83,2 +83,3 @@ /* eslint-disable */
   interface ScaleButton {
+    'ariaLabel'?: string;
     /**
@@ -100,2 +101,3 @@ * (optional) Button class
     'enable': () => Promise<void>;
+    'focusable'?: boolean;
     /**
@@ -105,2 +107,3 @@ * (optional) Link button
     'href'?: string;
+    'role'?: string;
     /**
@@ -675,2 +678,3 @@ * (optional) Button size
   interface ScaleButton {
+    'ariaLabel'?: string;
     /**
@@ -684,2 +688,3 @@ * (optional) Button class
     'disabled'?: boolean;
+    'focusable'?: boolean;
     /**
@@ -689,2 +694,3 @@ * (optional) Link button
     'href'?: string;
+    'role'?: string;
     /**
@@ -691,0 +697,0 @@ * (optional) Button size

dist/types/components/button/button.d.ts

@@ -17,2 +17,5 @@ import { CssClassMap } from '../../utils/utils';
     target?: string;
+    ariaLabel?: string;
+    focusable?: boolean;
+    role?: string;
     /** (optional) Injected jss styles */
@@ -19,0 +22,0 @@ styles?: StyleSheet;

package.json

 {
   "name": "@scaleds/components",
-  "version": "0.0.5",
+  "version": "0.0.6",
   "description": "Scale Components",
@@ -5,0 +5,0 @@ "main": "dist/index.js",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Uses eval

Supply chain risk

Package uses dynamic code execution (e.g., eval()), which is a dangerous practice. This can prevent the code from running in certain environments and increases the risk that the code may contain exploits or malicious behavior.

Found 1 instance in 1 package

Improved metrics

Number of package files

273

increased by26.39%

Number of medium supply chain risk alerts

12

decreased by-55.56%

Worsened metrics

Total package byte prevSize

7431006

decreased by-2.09%

Lines of code

189914

decreased by-2.5%

No dependency changes