ak-button - npm Package Compare versions

Comparing version 1.4.3 to 1.4.4

CHANGELOG.md

@@ -1,6 +0,16 @@
-<a name="1.4.3"></a>
-## 1.4.3 (2016-09-29)
+<a name="1.4.4"></a>
+## 1.4.4 (2016-10-07)
 
 
 
+<a name="ak-button@1.4.4"></a>
+## ak-button@1.4.4 (2016-10-07)
+
+
+### Bug Fixes
+
+* **icons:** Use ak-icon (single consumption) ([559bac4](https://bitbucket.org/atlassian/atlaskit/commits/559bac4))
+
+
+
 <a name="ak-button@1.4.2"></a>
@@ -7,0 +17,0 @@ ## ak-button@1.4.2 (2016-09-29)

dist/bundle-cjs.js

@@ -77,45 +77,10 @@ module.exports = /******/
     }), exports.TYPE = exports.APPEARANCE = void 0;
-    var _defineProperty2 = __webpack_require__(4), _defineProperty3 = _interopRequireDefault(_defineProperty2), _hasOwn = Object.prototype.hasOwnProperty, _forOwn = function(object, iterator) {
+    var _defineProperty2 = __webpack_require__(1), _defineProperty3 = _interopRequireDefault(_defineProperty2), _attr = function(value, name) {
+        _skatejs.vdom.attr(name, value);
+    }, _hasOwn = Object.prototype.hasOwnProperty, _forOwn = function(object, iterator) {
         for (var prop in object) _hasOwn.call(object, prop) && iterator(object[prop], prop);
-    }, _renderArbitrary = function _renderArbitrary(child) {
-        var type = typeof child;
-        "number" === type || "string" === type || "object" === type && child instanceof String ? _skatejs.vdom.text(child) : "function" === type && child.__jsxDOMWrapper ? child() : Array.isArray(child) ? child.forEach(_renderArbitrary) : "object" === type && "[object Object]" === String(child) && _forOwn(child, _renderArbitrary);
-    };
-    /** @jsx vdom */
-    __webpack_require__(5);
-    var _skatejs = __webpack_require__(9), _shadow = __webpack_require__(10), _shadow2 = _interopRequireDefault(_shadow), _classnames = __webpack_require__(11), _classnames2 = _interopRequireDefault(_classnames), _akutilCommon = __webpack_require__(12), classKeys = _shadow2["default"].locals, attributeValuesToEnumObject = function(values) {
-        return values.reduce(function(acum, val) {
-            return acum[val.toUpperCase()] = val, acum;
-        }, {});
-    }, getClasses = function(elem) {
-        var _ref;
-        return _ref = {}, (0, _defineProperty3["default"])(_ref, classKeys.button, !0), 
-        (0, _defineProperty3["default"])(_ref, classKeys.compact, elem.compact), (0, _defineProperty3["default"])(_ref, classKeys.disabled, elem.disabled), 
-        (0, _defineProperty3["default"])(_ref, classKeys.selected, elem.selected && !elem.disabled), 
-        (0, _defineProperty3["default"])(_ref, classKeys.primary, "primary" === elem.appearance && !elem.disabled && !elem.selected), 
-        (0, _defineProperty3["default"])(_ref, classKeys.subtle, "subtle" === elem.appearance && !elem.disabled && !elem.selected), 
-        (0, _defineProperty3["default"])(_ref, classKeys.link, "link" === elem.appearance && !elem.selected), 
-        _ref;
-    }, getSlotName = function(side) {
-        return side || "default";
-    }, getSlot = function(side) {
-        return _skatejs.vdom.elementOpen("span", null, null, "className", classKeys[getSlotName(side) + "SlotWrapper"]), 
-        _skatejs.vdom.elementVoid("slot", null, null, "name", side, "className", classKeys[getSlotName(side) + "Slot"]), 
-        _skatejs.vdom.elementClose("span");
-    }, getContent = function() {
-        return _skatejs.vdom.elementOpen("span", null, null, "className", classKeys.buttonContent), 
-        _renderArbitrary(getSlot("before")), _renderArbitrary(getSlot()), _renderArbitrary(getSlot("after")), 
-        _skatejs.vdom.elementClose("span");
-    }, APPEARANCE_VALUES = [ "primary", "standard", "subtle", "link" ], TYPE_VALUES = [ "button", "submit" ], APPEARANCE = exports.APPEARANCE = attributeValuesToEnumObject(APPEARANCE_VALUES), appearancePropertyValues = (exports.TYPE = attributeValuesToEnumObject(TYPE_VALUES), 
-    {
-        attribute: "appearance",
-        values: APPEARANCE_VALUES,
-        invalidDefault: APPEARANCE.STANDARD
-    }), typePropertyValues = {
-        attribute: "type",
-        values: TYPE_VALUES,
-        missingDefault: "button",
-        invalidDefault: "button"
-    }, definition = {
-        props: {
+    }, _skatejs = __webpack_require__(2), _akTheme = __webpack_require__(3), _akutilCommon = __webpack_require__(4), _enumeratedProperties = __webpack_require__(5), _Slot = __webpack_require__(6), _Slot2 = _interopRequireDefault(_Slot), _Button = __webpack_require__(7), _Button2 = _interopRequireDefault(_Button), _symbols = __webpack_require__(9), _styles = __webpack_require__(11), _styles2 = _interopRequireDefault(_styles), APPEARANCE = _enumeratedProperties.appearance.values, TYPE = _enumeratedProperties.type.values;
+    exports.APPEARANCE = APPEARANCE, exports.TYPE = TYPE;
+    var definition = {
+        props: (0, _defineProperty3["default"])({
             /**
@@ -130,5 +95,3 @@ * @description Predefined appearances of an ak-button. One of:
 	     */
-            appearance: (0, _akutilCommon.enumeration)(appearancePropertyValues)({
-                attribute: !0
-            }),
+            appearance: _enumeratedProperties.appearance.enumeration,
             /**
@@ -143,5 +106,3 @@ * @description Type of the ak-button. One of:
 	     */
-            type: (0, _akutilCommon.enumeration)(typePropertyValues)({
-                attribute: !0
-            }),
+            type: _enumeratedProperties.type.enumeration,
             /**
@@ -180,269 +141,287 @@ * @description Option to disable button and every click event
             })
-        },
+        }, _symbols.stylesKey, {
+            attribute: !1
+        }),
         render: function(elem) {
-            return _skatejs.vdom.elementOpen("span", null, null, "className", classKeys.root), 
-            _skatejs.vdom.elementOpen("style"), _renderArbitrary(_shadow2["default"].toString()), 
-            _skatejs.vdom.elementClose("style"), _skatejs.vdom.elementOpen("button", null, null, "className", (0, 
-            _classnames2["default"])(getClasses(elem)), "type", elem.type, "disabled", elem.disabled, "onmousedown", function(e) {
-                return e.preventDefault();
-            }), _renderArbitrary(getContent()), _skatejs.vdom.elementClose("button"), _skatejs.vdom.elementClose("span");
+            var styles = elem[_symbols.stylesKey] = (0, _akutilCommon.style)(_skatejs.vdom, _styles2["default"]);
+            return _skatejs.vdom.elementOpenStart(_Button2["default"]), _forOwn((0, _skatejs.props)(elem), _attr), 
+            _skatejs.vdom.attr("styles", styles), _skatejs.vdom.elementOpenEnd(_Button2["default"]), 
+            _skatejs.vdom.elementVoid(_Slot2["default"], null, null, "styles", styles, "name", "before"), 
+            _skatejs.vdom.elementVoid(_Slot2["default"], null, null, "styles", styles), _skatejs.vdom.elementVoid(_Slot2["default"], null, null, "styles", styles, "name", "after"), 
+            _skatejs.vdom.elementClose(_Button2["default"]);
         }
-    }, AkButton = (0, _skatejs.define)("ak-button", definition);
+    }, AkButton = (0, _skatejs.define)("ak-button", (0, _akTheme.themeable)(definition));
     exports["default"] = AkButton;
 }, /* 1 */
-, /* 2 */
-, /* 3 */
-, /* 4 */
 /***/
 function(module, exports) {
     module.exports = require("babel-runtime/helpers/defineProperty");
+}, /* 2 */
+/***/
+function(module, exports) {
+    module.exports = require("skatejs");
+}, /* 3 */
+/***/
+function(module, exports) {
+    module.exports = require("ak-theme");
+}, /* 4 */
+/***/
+function(module, exports) {
+    module.exports = require("akutil-common");
 }, /* 5 */
 /***/
 function(module, exports, __webpack_require__) {
-    // style-loader: Adds some css to the DOM by adding a <style> tag
-    // load the styles
-    var content = __webpack_require__(6);
-    "string" == typeof content && (content = [ [ module.id, content, "" ] ]);
-    // add the styles to the DOM
-    __webpack_require__(8)(content, {});
-    content.locals && (module.exports = content.locals);
+    "use strict";
+    Object.defineProperty(exports, "__esModule", {
+        value: !0
+    }), exports.type = exports.appearance = void 0;
+    var _akutilCommon = __webpack_require__(4), attributeValuesToEnumObject = function(values) {
+        return values.reduce(function(acum, val) {
+            return acum[val.toUpperCase()] = val, acum;
+        }, {});
+    }, APPEARANCE_VALUES = [ "primary", "standard", "subtle", "link" ], TYPE_VALUES = [ "button", "submit" ], APPEARANCE = attributeValuesToEnumObject(APPEARANCE_VALUES), TYPE = attributeValuesToEnumObject(TYPE_VALUES), appearancePropertyValues = {
+        attribute: "appearance",
+        values: APPEARANCE_VALUES,
+        invalidDefault: APPEARANCE.STANDARD
+    }, typePropertyValues = {
+        attribute: "type",
+        values: TYPE_VALUES,
+        missingDefault: "button",
+        invalidDefault: "button"
+    };
+    exports.appearance = {
+        enumeration: (0, _akutilCommon.enumeration)(appearancePropertyValues)({
+            attribute: !0
+        }),
+        values: APPEARANCE
+    }, exports.type = {
+        enumeration: (0, _akutilCommon.enumeration)(typePropertyValues)({
+            attribute: !0
+        }),
+        values: TYPE
+    };
 }, /* 6 */
 /***/
 function(module, exports, __webpack_require__) {
-    exports = module.exports = __webpack_require__(7)(), // imports
-    // module
-    exports.push([ module.id, "._31L_2bvCZypgC4vUIMA3v2,ak-button{display:-webkit-inline-box;display:inline-flex}._31L_2bvCZypgC4vUIMA3v2[disabled],ak-button[disabled]{pointer-events:none}._31L_2bvCZypgC4vUIMA3v2>_shadow_root_,ak-button>_shadow_root_{display:inline-block}", "" ]), 
-    // exports
-    exports.locals = {
-        "ak-button": "_31L_2bvCZypgC4vUIMA3v2",
-        akButton: "_31L_2bvCZypgC4vUIMA3v2"
+    "use strict";
+    Object.defineProperty(exports, "__esModule", {
+        value: !0
+    });
+    var _skatejs = __webpack_require__(2), getSlotName = function(side) {
+        return side || "default";
     };
+    exports["default"] = function(props) {
+        var name = props.name, styles = props.styles;
+        return _skatejs.vdom.elementOpen("span", null, null, "className", styles[getSlotName(name) + "-slot-wrapper"]), 
+        _skatejs.vdom.elementVoid("slot", null, null, "name", name, "className", styles[getSlotName(name) + "-slot"]), 
+        _skatejs.vdom.elementClose("span");
+    };
 }, /* 7 */
 /***/
-function(module, exports) {
-    /*
-		MIT License http://www.opensource.org/licenses/mit-license.php
-		Author Tobias Koppers @sokra
-	*/
-    // css base code, injected by the css-loader
-    module.exports = function() {
-        var list = [];
-        // return the list of modules as css string
-        // import a list of modules into the list
-        return list.toString = function() {
-            for (var result = [], i = 0; i < this.length; i++) {
-                var item = this[i];
-                item[2] ? result.push("@media " + item[2] + "{" + item[1] + "}") : result.push(item[1]);
-            }
-            return result.join("");
-        }, list.i = function(modules, mediaQuery) {
-            "string" == typeof modules && (modules = [ [ null, modules, "" ] ]);
-            for (var alreadyImportedModules = {}, i = 0; i < this.length; i++) {
-                var id = this[i][0];
-                "number" == typeof id && (alreadyImportedModules[id] = !0);
-            }
-            for (i = 0; i < modules.length; i++) {
-                var item = modules[i];
-                // skip already imported module
-                // this implementation is not 100% perfect for weird media query combinations
-                //  when a module is imported multiple times with different media queries.
-                //  I hope this will never occur (Hey this way we have smaller bundles)
-                "number" == typeof item[0] && alreadyImportedModules[item[0]] || (mediaQuery && !item[2] ? item[2] = mediaQuery : mediaQuery && (item[2] = "(" + item[2] + ") and (" + mediaQuery + ")"), 
-                list.push(item));
-            }
-        }, list;
+function(module, exports, __webpack_require__) {
+    "use strict";
+    function _interopRequireDefault(obj) {
+        return obj && obj.__esModule ? obj : {
+            "default": obj
+        };
+    }
+    Object.defineProperty(exports, "__esModule", {
+        value: !0
+    });
+    var _defineProperty2 = __webpack_require__(1), _defineProperty3 = _interopRequireDefault(_defineProperty2), _hasOwn = Object.prototype.hasOwnProperty, _forOwn = function(object, iterator) {
+        for (var prop in object) _hasOwn.call(object, prop) && iterator(object[prop], prop);
+    }, _renderArbitrary = function _renderArbitrary(child) {
+        var type = typeof child;
+        "number" === type || "string" === type || "object" === type && child instanceof String ? _skatejs.vdom.text(child) : "function" === type && child.__jsxDOMWrapper ? child() : Array.isArray(child) ? child.forEach(_renderArbitrary) : "object" === type && "[object Object]" === String(child) && _forOwn(child, _renderArbitrary);
+    }, _skatejs = __webpack_require__(2), _classnames = __webpack_require__(8), _classnames2 = _interopRequireDefault(_classnames), _enumeratedProperties = __webpack_require__(5), _appearance$values = _enumeratedProperties.appearance.values, PRIMARY = _appearance$values.PRIMARY, SUBTLE = _appearance$values.SUBTLE, LINK = _appearance$values.LINK, getClasses = function(styles, props) {
+        var _ref;
+        return _ref = {}, (0, _defineProperty3["default"])(_ref, styles.button, !0), (0, 
+        _defineProperty3["default"])(_ref, styles.compact, props.compact), (0, _defineProperty3["default"])(_ref, styles.disabled, props.disabled), 
+        (0, _defineProperty3["default"])(_ref, styles.selected, props.selected && !props.disabled), 
+        (0, _defineProperty3["default"])(_ref, styles.primary, props.appearance === PRIMARY && !props.disabled && !props.selected), 
+        (0, _defineProperty3["default"])(_ref, styles.subtle, props.appearance === SUBTLE && !props.disabled && !props.selected), 
+        (0, _defineProperty3["default"])(_ref, styles.link, props.appearance === LINK && !props.selected), 
+        _ref;
     };
+    /* eslint-disable react/prop-types */
+    exports["default"] = function(props, children) {
+        return _skatejs.vdom.elementOpen("span", null, null, "className", props.styles.root), 
+        _skatejs.vdom.elementOpen("button", null, null, "className", (0, _classnames2["default"])(getClasses(props.styles, props)), "type", props.type, "disabled", props.disabled, "onmousedown", function(e) {
+            return e.preventDefault();
+        }), _skatejs.vdom.elementOpen("span", null, null, "className", props.styles["button-content"]), 
+        _renderArbitrary(children()), _skatejs.vdom.elementClose("span"), _skatejs.vdom.elementClose("button"), 
+        _skatejs.vdom.elementClose("span");
+    };
 }, /* 8 */
 /***/
+function(module, exports) {
+    module.exports = require("classnames");
+}, /* 9 */
+/***/
 function(module, exports, __webpack_require__) {
-    function addStylesToDom(styles, options) {
-        for (var i = 0; i < styles.length; i++) {
-            var item = styles[i], domStyle = stylesInDom[item.id];
-            if (domStyle) {
-                domStyle.refs++;
-                for (var j = 0; j < domStyle.parts.length; j++) domStyle.parts[j](item.parts[j]);
-                for (;j < item.parts.length; j++) domStyle.parts.push(addStyle(item.parts[j], options));
-            } else {
-                for (var parts = [], j = 0; j < item.parts.length; j++) parts.push(addStyle(item.parts[j], options));
-                stylesInDom[item.id] = {
-                    id: item.id,
-                    refs: 1,
-                    parts: parts
-                };
-            }
-        }
-    }
-    function listToStyles(list) {
-        for (var styles = [], newStyles = {}, i = 0; i < list.length; i++) {
-            var item = list[i], id = item[0], css = item[1], media = item[2], sourceMap = item[3], part = {
-                css: css,
-                media: media,
-                sourceMap: sourceMap
-            };
-            newStyles[id] ? newStyles[id].parts.push(part) : styles.push(newStyles[id] = {
-                id: id,
-                parts: [ part ]
-            });
-        }
-        return styles;
-    }
-    function insertStyleElement(options, styleElement) {
-        var head = getHeadElement(), lastStyleElementInsertedAtTop = styleElementsInsertedAtTop[styleElementsInsertedAtTop.length - 1];
-        if ("top" === options.insertAt) lastStyleElementInsertedAtTop ? lastStyleElementInsertedAtTop.nextSibling ? head.insertBefore(styleElement, lastStyleElementInsertedAtTop.nextSibling) : head.appendChild(styleElement) : head.insertBefore(styleElement, head.firstChild), 
-        styleElementsInsertedAtTop.push(styleElement); else {
-            if ("bottom" !== options.insertAt) throw new Error("Invalid value for parameter 'insertAt'. Must be 'top' or 'bottom'.");
-            head.appendChild(styleElement);
-        }
-    }
-    function removeStyleElement(styleElement) {
-        styleElement.parentNode.removeChild(styleElement);
-        var idx = styleElementsInsertedAtTop.indexOf(styleElement);
-        idx >= 0 && styleElementsInsertedAtTop.splice(idx, 1);
-    }
-    function createStyleElement(options) {
-        var styleElement = document.createElement("style");
-        return styleElement.type = "text/css", insertStyleElement(options, styleElement), 
-        styleElement;
-    }
-    function createLinkElement(options) {
-        var linkElement = document.createElement("link");
-        return linkElement.rel = "stylesheet", insertStyleElement(options, linkElement), 
-        linkElement;
-    }
-    function addStyle(obj, options) {
-        var styleElement, update, remove;
-        if (options.singleton) {
-            var styleIndex = singletonCounter++;
-            styleElement = singletonElement || (singletonElement = createStyleElement(options)), 
-            update = applyToSingletonTag.bind(null, styleElement, styleIndex, !1), remove = applyToSingletonTag.bind(null, styleElement, styleIndex, !0);
-        } else obj.sourceMap && "function" == typeof URL && "function" == typeof URL.createObjectURL && "function" == typeof URL.revokeObjectURL && "function" == typeof Blob && "function" == typeof btoa ? (styleElement = createLinkElement(options), 
-        update = updateLink.bind(null, styleElement), remove = function() {
-            removeStyleElement(styleElement), styleElement.href && URL.revokeObjectURL(styleElement.href);
-        }) : (styleElement = createStyleElement(options), update = applyToTag.bind(null, styleElement), 
-        remove = function() {
-            removeStyleElement(styleElement);
-        });
-        return update(obj), function(newObj) {
-            if (newObj) {
-                if (newObj.css === obj.css && newObj.media === obj.media && newObj.sourceMap === obj.sourceMap) return;
-                update(obj = newObj);
-            } else remove();
+    "use strict";
+    function _interopRequireDefault(obj) {
+        return obj && obj.__esModule ? obj : {
+            "default": obj
         };
     }
-    function applyToSingletonTag(styleElement, index, remove, obj) {
-        var css = remove ? "" : obj.css;
-        if (styleElement.styleSheet) styleElement.styleSheet.cssText = replaceText(index, css); else {
-            var cssNode = document.createTextNode(css), childNodes = styleElement.childNodes;
-            childNodes[index] && styleElement.removeChild(childNodes[index]), childNodes.length ? styleElement.insertBefore(cssNode, childNodes[index]) : styleElement.appendChild(cssNode);
-        }
-    }
-    function applyToTag(styleElement, obj) {
-        var css = obj.css, media = obj.media;
-        if (media && styleElement.setAttribute("media", media), styleElement.styleSheet) styleElement.styleSheet.cssText = css; else {
-            for (;styleElement.firstChild; ) styleElement.removeChild(styleElement.firstChild);
-            styleElement.appendChild(document.createTextNode(css));
-        }
-    }
-    function updateLink(linkElement, obj) {
-        var css = obj.css, sourceMap = obj.sourceMap;
-        sourceMap && (// http://stackoverflow.com/a/26603875
-        css += "\n/*# sourceMappingURL=data:application/json;base64," + btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))) + " */");
-        var blob = new Blob([ css ], {
-            type: "text/css"
-        }), oldSrc = linkElement.href;
-        linkElement.href = URL.createObjectURL(blob), oldSrc && URL.revokeObjectURL(oldSrc);
-    }
-    /*
-		MIT License http://www.opensource.org/licenses/mit-license.php
-		Author Tobias Koppers @sokra
-	*/
-    var stylesInDom = {}, memoize = function(fn) {
-        var memo;
-        return function() {
-            return "undefined" == typeof memo && (memo = fn.apply(this, arguments)), memo;
-        };
-    }, isOldIE = memoize(function() {
-        return /msie [6-9]\b/.test(window.navigator.userAgent.toLowerCase());
-    }), getHeadElement = memoize(function() {
-        return document.head || document.getElementsByTagName("head")[0];
-    }), singletonElement = null, singletonCounter = 0, styleElementsInsertedAtTop = [];
-    module.exports = function(list, options) {
-        options = options || {}, // Force single-tag solution on IE6-9, which has a hard limit on the # of <style>
-        // tags it will allow on a page
-        "undefined" == typeof options.singleton && (options.singleton = isOldIE()), // By default, add <style> tags to the bottom of <head>.
-        "undefined" == typeof options.insertAt && (options.insertAt = "bottom");
-        var styles = listToStyles(list);
-        return addStylesToDom(styles, options), function(newList) {
-            for (var mayRemove = [], i = 0; i < styles.length; i++) {
-                var item = styles[i], domStyle = stylesInDom[item.id];
-                domStyle.refs--, mayRemove.push(domStyle);
-            }
-            if (newList) {
-                var newStyles = listToStyles(newList);
-                addStylesToDom(newStyles, options);
-            }
-            for (var i = 0; i < mayRemove.length; i++) {
-                var domStyle = mayRemove[i];
-                if (0 === domStyle.refs) {
-                    for (var j = 0; j < domStyle.parts.length; j++) domStyle.parts[j]();
-                    delete stylesInDom[domStyle.id];
-                }
-            }
-        };
-    };
-    var replaceText = function() {
-        var textStore = [];
-        return function(index, replacement) {
-            return textStore[index] = replacement, textStore.filter(Boolean).join("\n");
-        };
-    }();
-}, /* 9 */
+    Object.defineProperty(exports, "__esModule", {
+        value: !0
+    }), exports.stylesKey = void 0;
+    var _symbol = __webpack_require__(10), _symbol2 = _interopRequireDefault(_symbol);
+    exports.stylesKey = (0, _symbol2["default"])("ak-button-styles");
+}, /* 10 */
 /***/
 function(module, exports) {
-    module.exports = require("skatejs");
-}, /* 10 */
+    module.exports = require("babel-runtime/core-js/symbol");
+}, /* 11 */
 /***/
 function(module, exports, __webpack_require__) {
-    exports = module.exports = __webpack_require__(7)(), // imports
-    // module
-    exports.push([ module.id, "::content>[slot=before]{margin-right:8px}::slotted([slot=before]){margin-right:8px}._3psTmVDO_wsgbLKWUo4gTZ>*{margin-right:8px}::content>[slot=after]{margin-left:8px}::slotted([slot=after]){margin-left:8px}._3uRpAOgvjWxNy1nkRVvY0t>*{margin-left:8px}:host ._1Fo7IgpdcYLMuFeiBm-kzS{align-self:center;display:-webkit-box;display:flex}._1Fo7IgpdcYLMuFeiBm-kzS,._1UE1jrnOn-frvaEEGE_37t{align-self:center;display:-webkit-box;display:flex}._1o9YeP8DOxoQTensdzhrWP{-webkit-box-align:baseline;align-items:baseline;display:-webkit-inline-box;display:inline-flex;flex-wrap:nowrap}._3psTmVDO_wsgbLKWUo4gTZ,._3uRpAOgvjWxNy1nkRVvY0t,._22NsmS2b-MIIj1fGcyd6k5{display:-webkit-inline-box;display:inline-flex}button::-moz-focus-inner{margin:0;padding:0;border:0}._3GzZSICG1oPJel1c4_EObT{display:inline-block}._2Qep03_yqM2CZAcLCDAX1B{box-sizing:border-box;background:#eceef1;border-width:0;border-radius:3px;color:#42526e;display:inline-block;font-style:normal;font-size:inherit;height:2.28571429em;line-height:1.42857143;margin:0;outline:none;padding:6px 8px;text-align:center;-webkit-transition:background .1s ease-out,box-shadow .15s cubic-bezier(.47,.03,.49,1.38);transition:background .1s ease-out,box-shadow .15s cubic-bezier(.47,.03,.49,1.38);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}._2Qep03_yqM2CZAcLCDAX1B:hover{background:#e5e8ec;cursor:pointer;-webkit-transition:background .2s ease-out,box-shadow .15s cubic-bezier(.47,.03,.49,1.38);transition:background .2s ease-out,box-shadow .15s cubic-bezier(.47,.03,.49,1.38)}._2Qep03_yqM2CZAcLCDAX1B:active{background:#bfebff;-webkit-transition-duration:0s;transition-duration:0s}._2Qep03_yqM2CZAcLCDAX1B:focus{box-shadow:0 0 0 2px #0091ea;-webkit-transition-duration:0s,.2s;transition-duration:0s,.2s}._2Qep03_yqM2CZAcLCDAX1B:focus:active{box-shadow:0 0 0 0 #0091ea}._2Qep03_yqM2CZAcLCDAX1B._3m6YegzVE32UQC6u2al8qi{background:#165ecc;color:#eceef1}._2Qep03_yqM2CZAcLCDAX1B._3m6YegzVE32UQC6u2al8qi:hover{background:#1251ae}._2Qep03_yqM2CZAcLCDAX1B._3m6YegzVE32UQC6u2al8qi:active{background:#0074e0}._2Qep03_yqM2CZAcLCDAX1B.lW7gC7XXbUl_Ecxw8Lxr3:not(:hover):not(:focus):not(:active){background:none}._2Qep03_yqM2CZAcLCDAX1B.X0FrY0s5O-RgqksaF7Tvu{color:#cfd4db}._2Qep03_yqM2CZAcLCDAX1B.X0FrY0s5O-RgqksaF7Tvu ::content>*{pointer-events:none}._2Qep03_yqM2CZAcLCDAX1B.X0FrY0s5O-RgqksaF7Tvu ::slotted(*){pointer-events:none}._2Qep03_yqM2CZAcLCDAX1B.X0FrY0s5O-RgqksaF7Tvu ._22NsmS2b-MIIj1fGcyd6k5>*{pointer-events:none}._2Qep03_yqM2CZAcLCDAX1B.X0FrY0s5O-RgqksaF7Tvu:hover{cursor:not-allowed}._2Qep03_yqM2CZAcLCDAX1B.js8PpsWRWdOhVM_y5nAXE{background:#253858;color:#eceef1}._2Qep03_yqM2CZAcLCDAX1B._1qEoQlodHpFGkbo3CBeUP3{background:none;color:#165ecc;-webkit-transition:color .1s ease-out;transition:color .1s ease-out}._2Qep03_yqM2CZAcLCDAX1B._1qEoQlodHpFGkbo3CBeUP3:hover{color:#0074e0;text-decoration:underline}._2Qep03_yqM2CZAcLCDAX1B._1qEoQlodHpFGkbo3CBeUP3:active{color:#0074e0;text-decoration:none}._2Qep03_yqM2CZAcLCDAX1B._1qEoQlodHpFGkbo3CBeUP3.X0FrY0s5O-RgqksaF7Tvu{color:#cfd4db;background:none}._2Qep03_yqM2CZAcLCDAX1B.gpG5B46WN9c_3VqYjaA_{height:1.71428571em;padding-top:2px;padding-bottom:2px}", "" ]), 
-    // exports
-    exports.locals = {
-        "before-slot": "_3psTmVDO_wsgbLKWUo4gTZ",
-        beforeSlot: "_3psTmVDO_wsgbLKWUo4gTZ",
-        "after-slot": "_3uRpAOgvjWxNy1nkRVvY0t",
-        afterSlot: "_3uRpAOgvjWxNy1nkRVvY0t",
-        "before-slot-wrapper": "_1Fo7IgpdcYLMuFeiBm-kzS",
-        beforeSlotWrapper: "_1Fo7IgpdcYLMuFeiBm-kzS",
-        "after-slot-wrapper": "_1UE1jrnOn-frvaEEGE_37t",
-        afterSlotWrapper: "_1UE1jrnOn-frvaEEGE_37t",
-        "button-content": "_1o9YeP8DOxoQTensdzhrWP",
-        buttonContent: "_1o9YeP8DOxoQTensdzhrWP",
-        "default-slot": "_22NsmS2b-MIIj1fGcyd6k5",
-        defaultSlot: "_22NsmS2b-MIIj1fGcyd6k5",
-        root: "_3GzZSICG1oPJel1c4_EObT",
-        root: "_3GzZSICG1oPJel1c4_EObT",
-        button: "_2Qep03_yqM2CZAcLCDAX1B",
-        button: "_2Qep03_yqM2CZAcLCDAX1B",
-        primary: "_3m6YegzVE32UQC6u2al8qi",
-        primary: "_3m6YegzVE32UQC6u2al8qi",
-        subtle: "lW7gC7XXbUl_Ecxw8Lxr3",
-        subtle: "lW7gC7XXbUl_Ecxw8Lxr3",
-        disabled: "X0FrY0s5O-RgqksaF7Tvu",
-        disabled: "X0FrY0s5O-RgqksaF7Tvu",
-        selected: "js8PpsWRWdOhVM_y5nAXE",
-        selected: "js8PpsWRWdOhVM_y5nAXE",
-        link: "_1qEoQlodHpFGkbo3CBeUP3",
-        link: "_1qEoQlodHpFGkbo3CBeUP3",
-        compact: "gpG5B46WN9c_3VqYjaA_",
-        compact: "gpG5B46WN9c_3VqYjaA_"
+    "use strict";
+    Object.defineProperty(exports, "__esModule", {
+        value: !0
+    });
+    var _akutilSharedStyles = __webpack_require__(12), baseFont = "inherit", em = 14, grid = 8, lineHeight = 20, buttonLineHeight = lineHeight / em, buttonHeight = 4 * grid / em + "em", compactButtonHeight = 3 * grid / em + "em", baseRadius = _akutilSharedStyles.akBorderRadius, sideSlotMargin = grid + "px", defaultBackgroundColor = _akutilSharedStyles.akColorN20, defaultBackgroundColorHover = _akutilSharedStyles.akColorN30, defaultBackgroundColorFocus = _akutilSharedStyles.akColorB200, defaultBackgroundColorActive = _akutilSharedStyles.akColorB50, defaultColor = _akutilSharedStyles.akColorN500, primaryBackgroundColor = _akutilSharedStyles.akColorB400, primaryBackgroundColorHover = _akutilSharedStyles.akColorB500, primaryBackgroundColorActive = _akutilSharedStyles.akColorB300, primaryColor = _akutilSharedStyles.akColorN20, selectedBackgroundColor = _akutilSharedStyles.akColorN700, selectedColor = _akutilSharedStyles.akColorN20, linkColor = _akutilSharedStyles.akColorB400, linkColorHover = _akutilSharedStyles.akColorB300, linkColorActive = linkColorHover, disabledColor = _akutilSharedStyles.akColorN40;
+    exports["default"] = {
+        // light DOM styles
+        ":host": {
+            display: "inline-flex"
+        },
+        ":host(> _shadow_root_)": {
+            display: "inline-block"
+        },
+        ":host([disabled])": {
+            "pointer-events": "none"
+        },
+        // shadow DOM styles
+        '::slotted([slot="before"])': {
+            "margin-right": sideSlotMargin
+        },
+        '::slotted([slot="after"])': {
+            "margin-left": sideSlotMargin
+        },
+        ":host .before-slot-wrapper": {
+            "align-self": "center",
+            display: "flex"
+        },
+        "before-slot-wrapper": {
+            "align-self": "center",
+            display: "flex"
+        },
+        "after-slot-wrapper": {
+            "align-self": "center",
+            display: "flex"
+        },
+        "button-content": {
+            "align-items": "baseline",
+            display: "inline-flex",
+            "flex-wrap": "nowrap"
+        },
+        "before-slot": {
+            display: "inline-flex"
+        },
+        "after-slot": {
+            display: "inline-flex"
+        },
+        "default-slot": {
+            display: "inline-flex"
+        },
+        root: {
+            display: "inline-block"
+        },
+        button: {
+            "box-sizing": "border-box",
+            background: defaultBackgroundColor,
+            "border-width": "0",
+            "border-radius": baseRadius,
+            color: defaultColor,
+            display: "inline-block",
+            "font-style": "normal",
+            "font-size": baseFont,
+            height: buttonHeight,
+            "line-height": buttonLineHeight,
+            margin: "0",
+            outline: "none",
+            padding: .75 * grid + "px " + grid + "px",
+            "text-align": "center",
+            transition: "background 0.1s ease-out, box-shadow 0.15s cubic-bezier(0.47, 0.03, 0.49, 1.38)",
+            "user-select": "none",
+            "&::-moz-focus-inner": {
+                margin: 0,
+                padding: 0,
+                border: 0
+            },
+            "&:hover": {
+                background: defaultBackgroundColorHover,
+                cursor: "pointer",
+                transition: "background 0.2s ease-out, box-shadow 0.15s cubic-bezier(0.47, 0.03, 0.49, 1.38)"
+            },
+            "&:active": {
+                background: defaultBackgroundColorActive,
+                "transition-duration": "0s"
+            },
+            "&:focus": {
+                "box-shadow": "0 0 0 2px " + defaultBackgroundColorFocus,
+                "transition-duration": "0s, 0.2s"
+            },
+            "&:focus:active": {
+                "box-shadow": "0 0 0 0 " + defaultBackgroundColorFocus
+            }
+        },
+        primary: {
+            background: primaryBackgroundColor,
+            color: primaryColor,
+            "&:hover": {
+                background: primaryBackgroundColorHover
+            },
+            "&:active": {
+                background: primaryBackgroundColorActive
+            }
+        },
+        subtle: {
+            background: "none"
+        },
+        disabled: {
+            color: disabledColor,
+            "::slotted(*)": {
+                "pointer-events": "none"
+            },
+            cursor: "not-allowed"
+        },
+        selected: {
+            background: selectedBackgroundColor,
+            color: selectedColor,
+            "&:hover": {
+                background: selectedBackgroundColor,
+                transition: "none"
+            }
+        },
+        link: {
+            background: "none",
+            color: linkColor,
+            transition: "color 0.1s ease-out",
+            "&:hover": {
+                background: "none",
+                color: linkColorHover,
+                "text-decoration": "underline"
+            },
+            "&:active": {
+                color: linkColorActive,
+                "text-decoration": "none"
+            },
+            "&.disabled": {
+                color: disabledColor,
+                background: "none"
+            }
+        },
+        compact: {
+            height: compactButtonHeight,
+            "padding-top": grid / 4 + "px",
+            "padding-bottom": grid / 4 + "px"
+        }
     };
-}, /* 11 */
-/***/
-function(module, exports) {
-    module.exports = require("classnames");
 }, /* 12 */
 /***/
 function(module, exports) {
-    module.exports = require("akutil-common");
+    module.exports = require("akutil-shared-styles");
 } ]);

dist/bundle-cjs.min.js

@@ -1,1 +0,1 @@
-module.exports=function(e){function t(o){if(n[o])return n[o].exports;var r=n[o]={exports:{},id:o,loaded:!1};return e[o].call(r.exports,r,r.exports,t),r.loaded=!0,r.exports}var n={};return t.m=e,t.c=n,t.p="",t(0)}([function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t.TYPE=t.APPEARANCE=void 0;var r=n(4),a=o(r),i=Object.prototype.hasOwnProperty,s=function(e,t){for(var n in e)i.call(e,n)&&t(e[n],n)},l=function O(e){var t=typeof e;"number"===t||"string"===t||"object"===t&&e instanceof String?u.vdom.text(e):"function"===t&&e.__jsxDOMWrapper?e():Array.isArray(e)?e.forEach(O):"object"===t&&"[object Object]"===String(e)&&s(e,O)};n(5);var u=n(9),c=n(10),p=o(c),d=n(11),f=o(d),b=n(12),_=p["default"].locals,v=function(e){return e.reduce(function(e,t){return e[t.toUpperCase()]=t,e},{})},m=function(e){var t;return t={},(0,a["default"])(t,_.button,!0),(0,a["default"])(t,_.compact,e.compact),(0,a["default"])(t,_.disabled,e.disabled),(0,a["default"])(t,_.selected,e.selected&&!e.disabled),(0,a["default"])(t,_.primary,"primary"===e.appearance&&!e.disabled&&!e.selected),(0,a["default"])(t,_.subtle,"subtle"===e.appearance&&!e.disabled&&!e.selected),(0,a["default"])(t,_.link,"link"===e.appearance&&!e.selected),t},g=function(e){return e||"default"},y=function(e){return u.vdom.elementOpen("span",null,null,"className",_[g(e)+"SlotWrapper"]),u.vdom.elementVoid("slot",null,null,"name",e,"className",_[g(e)+"Slot"]),u.vdom.elementClose("span")},C=function(){return u.vdom.elementOpen("span",null,null,"className",_.buttonContent),l(y("before")),l(y()),l(y("after")),u.vdom.elementClose("span")},h=["primary","standard","subtle","link"],A=["button","submit"],x=t.APPEARANCE=v(h),k=(t.TYPE=v(A),{attribute:"appearance",values:h,invalidDefault:x.STANDARD}),L={attribute:"type",values:A,missingDefault:"button",invalidDefault:"button"},q={props:{appearance:(0,b.enumeration)(k)({attribute:!0}),type:(0,b.enumeration)(L)({attribute:!0}),disabled:u.prop["boolean"]({attribute:!0}),compact:u.prop["boolean"]({attribute:!0}),selected:u.prop["boolean"]({attribute:!0})},render:function(e){return u.vdom.elementOpen("span",null,null,"className",_.root),u.vdom.elementOpen("style"),l(p["default"].toString()),u.vdom.elementClose("style"),u.vdom.elementOpen("button",null,null,"className",(0,f["default"])(m(e)),"type",e.type,"disabled",e.disabled,"onmousedown",function(e){return e.preventDefault()}),l(C()),u.vdom.elementClose("button"),u.vdom.elementClose("span")}},M=(0,u.define)("ak-button",q);t["default"]=M},,,,function(e,t){e.exports=require("babel-runtime/helpers/defineProperty")},function(e,t,n){var o=n(6);"string"==typeof o&&(o=[[e.id,o,""]]),n(8)(o,{}),o.locals&&(e.exports=o.locals)},function(e,t,n){t=e.exports=n(7)(),t.push([e.id,"._31L_2bvCZypgC4vUIMA3v2,ak-button{display:-webkit-inline-box;display:inline-flex}._31L_2bvCZypgC4vUIMA3v2[disabled],ak-button[disabled]{pointer-events:none}._31L_2bvCZypgC4vUIMA3v2>_shadow_root_,ak-button>_shadow_root_{display:inline-block}",""]),t.locals={"ak-button":"_31L_2bvCZypgC4vUIMA3v2",akButton:"_31L_2bvCZypgC4vUIMA3v2"}},function(e,t){e.exports=function(){var e=[];return e.toString=function(){for(var e=[],t=0;t<this.length;t++){var n=this[t];n[2]?e.push("@media "+n[2]+"{"+n[1]+"}"):e.push(n[1])}return e.join("")},e.i=function(t,n){"string"==typeof t&&(t=[[null,t,""]]);for(var o={},r=0;r<this.length;r++){var a=this[r][0];"number"==typeof a&&(o[a]=!0)}for(r=0;r<t.length;r++){var i=t[r];"number"==typeof i[0]&&o[i[0]]||(n&&!i[2]?i[2]=n:n&&(i[2]="("+i[2]+") and ("+n+")"),e.push(i))}},e}},function(e,t,n){function o(e,t){for(var n=0;n<e.length;n++){var o=e[n],r=f[o.id];if(r){r.refs++;for(var a=0;a<r.parts.length;a++)r.parts[a](o.parts[a]);for(;a<o.parts.length;a++)r.parts.push(u(o.parts[a],t))}else{for(var i=[],a=0;a<o.parts.length;a++)i.push(u(o.parts[a],t));f[o.id]={id:o.id,refs:1,parts:i}}}}function r(e){for(var t=[],n={},o=0;o<e.length;o++){var r=e[o],a=r[0],i=r[1],s=r[2],l=r[3],u={css:i,media:s,sourceMap:l};n[a]?n[a].parts.push(u):t.push(n[a]={id:a,parts:[u]})}return t}function a(e,t){var n=v(),o=y[y.length-1];if("top"===e.insertAt)o?o.nextSibling?n.insertBefore(t,o.nextSibling):n.appendChild(t):n.insertBefore(t,n.firstChild),y.push(t);else{if("bottom"!==e.insertAt)throw new Error("Invalid value for parameter 'insertAt'. Must be 'top' or 'bottom'.");n.appendChild(t)}}function i(e){e.parentNode.removeChild(e);var t=y.indexOf(e);t>=0&&y.splice(t,1)}function s(e){var t=document.createElement("style");return t.type="text/css",a(e,t),t}function l(e){var t=document.createElement("link");return t.rel="stylesheet",a(e,t),t}function u(e,t){var n,o,r;if(t.singleton){var a=g++;n=m||(m=s(t)),o=c.bind(null,n,a,!1),r=c.bind(null,n,a,!0)}else e.sourceMap&&"function"==typeof URL&&"function"==typeof URL.createObjectURL&&"function"==typeof URL.revokeObjectURL&&"function"==typeof Blob&&"function"==typeof btoa?(n=l(t),o=d.bind(null,n),r=function(){i(n),n.href&&URL.revokeObjectURL(n.href)}):(n=s(t),o=p.bind(null,n),r=function(){i(n)});return o(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;o(e=t)}else r()}}function c(e,t,n,o){var r=n?"":o.css;if(e.styleSheet)e.styleSheet.cssText=C(t,r);else{var a=document.createTextNode(r),i=e.childNodes;i[t]&&e.removeChild(i[t]),i.length?e.insertBefore(a,i[t]):e.appendChild(a)}}function p(e,t){var n=t.css,o=t.media;if(o&&e.setAttribute("media",o),e.styleSheet)e.styleSheet.cssText=n;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(n))}}function d(e,t){var n=t.css,o=t.sourceMap;o&&(n+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(o))))+" */");var r=new Blob([n],{type:"text/css"}),a=e.href;e.href=URL.createObjectURL(r),a&&URL.revokeObjectURL(a)}var f={},b=function(e){var t;return function(){return"undefined"==typeof t&&(t=e.apply(this,arguments)),t}},_=b(function(){return/msie [6-9]\b/.test(window.navigator.userAgent.toLowerCase())}),v=b(function(){return document.head||document.getElementsByTagName("head")[0]}),m=null,g=0,y=[];e.exports=function(e,t){t=t||{},"undefined"==typeof t.singleton&&(t.singleton=_()),"undefined"==typeof t.insertAt&&(t.insertAt="bottom");var n=r(e);return o(n,t),function(e){for(var a=[],i=0;i<n.length;i++){var s=n[i],l=f[s.id];l.refs--,a.push(l)}if(e){var u=r(e);o(u,t)}for(var i=0;i<a.length;i++){var l=a[i];if(0===l.refs){for(var c=0;c<l.parts.length;c++)l.parts[c]();delete f[l.id]}}}};var C=function(){var e=[];return function(t,n){return e[t]=n,e.filter(Boolean).join("\n")}}()},function(e,t){e.exports=require("skatejs")},function(e,t,n){t=e.exports=n(7)(),t.push([e.id,"::content>[slot=before]{margin-right:8px}::slotted([slot=before]){margin-right:8px}._3psTmVDO_wsgbLKWUo4gTZ>*{margin-right:8px}::content>[slot=after]{margin-left:8px}::slotted([slot=after]){margin-left:8px}._3uRpAOgvjWxNy1nkRVvY0t>*{margin-left:8px}:host ._1Fo7IgpdcYLMuFeiBm-kzS{align-self:center;display:-webkit-box;display:flex}._1Fo7IgpdcYLMuFeiBm-kzS,._1UE1jrnOn-frvaEEGE_37t{align-self:center;display:-webkit-box;display:flex}._1o9YeP8DOxoQTensdzhrWP{-webkit-box-align:baseline;align-items:baseline;display:-webkit-inline-box;display:inline-flex;flex-wrap:nowrap}._3psTmVDO_wsgbLKWUo4gTZ,._3uRpAOgvjWxNy1nkRVvY0t,._22NsmS2b-MIIj1fGcyd6k5{display:-webkit-inline-box;display:inline-flex}button::-moz-focus-inner{margin:0;padding:0;border:0}._3GzZSICG1oPJel1c4_EObT{display:inline-block}._2Qep03_yqM2CZAcLCDAX1B{box-sizing:border-box;background:#eceef1;border-width:0;border-radius:3px;color:#42526e;display:inline-block;font-style:normal;font-size:inherit;height:2.28571429em;line-height:1.42857143;margin:0;outline:none;padding:6px 8px;text-align:center;-webkit-transition:background .1s ease-out,box-shadow .15s cubic-bezier(.47,.03,.49,1.38);transition:background .1s ease-out,box-shadow .15s cubic-bezier(.47,.03,.49,1.38);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}._2Qep03_yqM2CZAcLCDAX1B:hover{background:#e5e8ec;cursor:pointer;-webkit-transition:background .2s ease-out,box-shadow .15s cubic-bezier(.47,.03,.49,1.38);transition:background .2s ease-out,box-shadow .15s cubic-bezier(.47,.03,.49,1.38)}._2Qep03_yqM2CZAcLCDAX1B:active{background:#bfebff;-webkit-transition-duration:0s;transition-duration:0s}._2Qep03_yqM2CZAcLCDAX1B:focus{box-shadow:0 0 0 2px #0091ea;-webkit-transition-duration:0s,.2s;transition-duration:0s,.2s}._2Qep03_yqM2CZAcLCDAX1B:focus:active{box-shadow:0 0 0 0 #0091ea}._2Qep03_yqM2CZAcLCDAX1B._3m6YegzVE32UQC6u2al8qi{background:#165ecc;color:#eceef1}._2Qep03_yqM2CZAcLCDAX1B._3m6YegzVE32UQC6u2al8qi:hover{background:#1251ae}._2Qep03_yqM2CZAcLCDAX1B._3m6YegzVE32UQC6u2al8qi:active{background:#0074e0}._2Qep03_yqM2CZAcLCDAX1B.lW7gC7XXbUl_Ecxw8Lxr3:not(:hover):not(:focus):not(:active){background:none}._2Qep03_yqM2CZAcLCDAX1B.X0FrY0s5O-RgqksaF7Tvu{color:#cfd4db}._2Qep03_yqM2CZAcLCDAX1B.X0FrY0s5O-RgqksaF7Tvu ::content>*{pointer-events:none}._2Qep03_yqM2CZAcLCDAX1B.X0FrY0s5O-RgqksaF7Tvu ::slotted(*){pointer-events:none}._2Qep03_yqM2CZAcLCDAX1B.X0FrY0s5O-RgqksaF7Tvu ._22NsmS2b-MIIj1fGcyd6k5>*{pointer-events:none}._2Qep03_yqM2CZAcLCDAX1B.X0FrY0s5O-RgqksaF7Tvu:hover{cursor:not-allowed}._2Qep03_yqM2CZAcLCDAX1B.js8PpsWRWdOhVM_y5nAXE{background:#253858;color:#eceef1}._2Qep03_yqM2CZAcLCDAX1B._1qEoQlodHpFGkbo3CBeUP3{background:none;color:#165ecc;-webkit-transition:color .1s ease-out;transition:color .1s ease-out}._2Qep03_yqM2CZAcLCDAX1B._1qEoQlodHpFGkbo3CBeUP3:hover{color:#0074e0;text-decoration:underline}._2Qep03_yqM2CZAcLCDAX1B._1qEoQlodHpFGkbo3CBeUP3:active{color:#0074e0;text-decoration:none}._2Qep03_yqM2CZAcLCDAX1B._1qEoQlodHpFGkbo3CBeUP3.X0FrY0s5O-RgqksaF7Tvu{color:#cfd4db;background:none}._2Qep03_yqM2CZAcLCDAX1B.gpG5B46WN9c_3VqYjaA_{height:1.71428571em;padding-top:2px;padding-bottom:2px}",""]),t.locals={"before-slot":"_3psTmVDO_wsgbLKWUo4gTZ",beforeSlot:"_3psTmVDO_wsgbLKWUo4gTZ","after-slot":"_3uRpAOgvjWxNy1nkRVvY0t",afterSlot:"_3uRpAOgvjWxNy1nkRVvY0t","before-slot-wrapper":"_1Fo7IgpdcYLMuFeiBm-kzS",beforeSlotWrapper:"_1Fo7IgpdcYLMuFeiBm-kzS","after-slot-wrapper":"_1UE1jrnOn-frvaEEGE_37t",afterSlotWrapper:"_1UE1jrnOn-frvaEEGE_37t","button-content":"_1o9YeP8DOxoQTensdzhrWP",buttonContent:"_1o9YeP8DOxoQTensdzhrWP","default-slot":"_22NsmS2b-MIIj1fGcyd6k5",defaultSlot:"_22NsmS2b-MIIj1fGcyd6k5",root:"_3GzZSICG1oPJel1c4_EObT",root:"_3GzZSICG1oPJel1c4_EObT",button:"_2Qep03_yqM2CZAcLCDAX1B",button:"_2Qep03_yqM2CZAcLCDAX1B",primary:"_3m6YegzVE32UQC6u2al8qi",primary:"_3m6YegzVE32UQC6u2al8qi",subtle:"lW7gC7XXbUl_Ecxw8Lxr3",subtle:"lW7gC7XXbUl_Ecxw8Lxr3",disabled:"X0FrY0s5O-RgqksaF7Tvu",disabled:"X0FrY0s5O-RgqksaF7Tvu",selected:"js8PpsWRWdOhVM_y5nAXE",selected:"js8PpsWRWdOhVM_y5nAXE",link:"_1qEoQlodHpFGkbo3CBeUP3",link:"_1qEoQlodHpFGkbo3CBeUP3",compact:"gpG5B46WN9c_3VqYjaA_",compact:"gpG5B46WN9c_3VqYjaA_"}},function(e,t){e.exports=require("classnames")},function(e,t){e.exports=require("akutil-common")}]);
+module.exports=function(e){function t(n){if(o[n])return o[n].exports;var a=o[n]={exports:{},id:n,loaded:!1};return e[n].call(a.exports,a,a.exports,t),a.loaded=!0,a.exports}var o={};return t.m=e,t.c=o,t.p="",t(0)}([function(e,t,o){"use strict";function n(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t.TYPE=t.APPEARANCE=void 0;var a=o(1),r=n(a),l=function(e,t){u.vdom.attr(t,e)},s=Object.prototype.hasOwnProperty,i=function(e,t){for(var o in e)s.call(e,o)&&t(e[o],o)},u=o(2),d=o(3),c=o(4),p=o(5),f=o(6),b=n(f),m=o(7),v=n(m),y=o(9),k=o(11),x=n(k),g=p.appearance.values,h=p.type.values;t.APPEARANCE=g,t.TYPE=h;var _={props:(0,r["default"])({appearance:p.appearance.enumeration,type:p.type.enumeration,disabled:u.prop["boolean"]({attribute:!0}),compact:u.prop["boolean"]({attribute:!0}),selected:u.prop["boolean"]({attribute:!0})},y.stylesKey,{attribute:!1}),render:function(e){var t=e[y.stylesKey]=(0,c.style)(u.vdom,x["default"]);return u.vdom.elementOpenStart(v["default"]),i((0,u.props)(e),l),u.vdom.attr("styles",t),u.vdom.elementOpenEnd(v["default"]),u.vdom.elementVoid(b["default"],null,null,"styles",t,"name","before"),u.vdom.elementVoid(b["default"],null,null,"styles",t),u.vdom.elementVoid(b["default"],null,null,"styles",t,"name","after"),u.vdom.elementClose(v["default"])}},C=(0,u.define)("ak-button",(0,d.themeable)(_));t["default"]=C},function(e,t){e.exports=require("babel-runtime/helpers/defineProperty")},function(e,t){e.exports=require("skatejs")},function(e,t){e.exports=require("ak-theme")},function(e,t){e.exports=require("akutil-common")},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.type=t.appearance=void 0;var n=o(4),a=function(e){return e.reduce(function(e,t){return e[t.toUpperCase()]=t,e},{})},r=["primary","standard","subtle","link"],l=["button","submit"],s=a(r),i=a(l),u={attribute:"appearance",values:r,invalidDefault:s.STANDARD},d={attribute:"type",values:l,missingDefault:"button",invalidDefault:"button"};t.appearance={enumeration:(0,n.enumeration)(u)({attribute:!0}),values:s},t.type={enumeration:(0,n.enumeration)(d)({attribute:!0}),values:i}},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=o(2),a=function(e){return e||"default"};t["default"]=function(e){var t=e.name,o=e.styles;return n.vdom.elementOpen("span",null,null,"className",o[a(t)+"-slot-wrapper"]),n.vdom.elementVoid("slot",null,null,"name",t,"className",o[a(t)+"-slot"]),n.vdom.elementClose("span")}},function(e,t,o){"use strict";function n(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var a=o(1),r=n(a),l=Object.prototype.hasOwnProperty,s=function(e,t){for(var o in e)l.call(e,o)&&t(e[o],o)},i=function k(e){var t=typeof e;"number"===t||"string"===t||"object"===t&&e instanceof String?u.vdom.text(e):"function"===t&&e.__jsxDOMWrapper?e():Array.isArray(e)?e.forEach(k):"object"===t&&"[object Object]"===String(e)&&s(e,k)},u=o(2),d=o(8),c=n(d),p=o(5),f=p.appearance.values,b=f.PRIMARY,m=f.SUBTLE,v=f.LINK,y=function(e,t){var o;return o={},(0,r["default"])(o,e.button,!0),(0,r["default"])(o,e.compact,t.compact),(0,r["default"])(o,e.disabled,t.disabled),(0,r["default"])(o,e.selected,t.selected&&!t.disabled),(0,r["default"])(o,e.primary,t.appearance===b&&!t.disabled&&!t.selected),(0,r["default"])(o,e.subtle,t.appearance===m&&!t.disabled&&!t.selected),(0,r["default"])(o,e.link,t.appearance===v&&!t.selected),o};t["default"]=function(e,t){return u.vdom.elementOpen("span",null,null,"className",e.styles.root),u.vdom.elementOpen("button",null,null,"className",(0,c["default"])(y(e.styles,e)),"type",e.type,"disabled",e.disabled,"onmousedown",function(e){return e.preventDefault()}),u.vdom.elementOpen("span",null,null,"className",e.styles["button-content"]),i(t()),u.vdom.elementClose("span"),u.vdom.elementClose("button"),u.vdom.elementClose("span")}},function(e,t){e.exports=require("classnames")},function(e,t,o){"use strict";function n(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t.stylesKey=void 0;var a=o(10),r=n(a);t.stylesKey=(0,r["default"])("ak-button-styles")},function(e,t){e.exports=require("babel-runtime/core-js/symbol")},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=o(12),a="inherit",r=14,l=8,s=20,i=s/r,u=4*l/r+"em",d=3*l/r+"em",c=n.akBorderRadius,p=l+"px",f=n.akColorN20,b=n.akColorN30,m=n.akColorB200,v=n.akColorB50,y=n.akColorN500,k=n.akColorB400,x=n.akColorB500,g=n.akColorB300,h=n.akColorN20,_=n.akColorN700,C=n.akColorN20,O=n.akColorB400,w=n.akColorB300,N=w,P=n.akColorN40;t["default"]={":host":{display:"inline-flex"},":host(> _shadow_root_)":{display:"inline-block"},":host([disabled])":{"pointer-events":"none"},'::slotted([slot="before"])':{"margin-right":p},'::slotted([slot="after"])':{"margin-left":p},":host .before-slot-wrapper":{"align-self":"center",display:"flex"},"before-slot-wrapper":{"align-self":"center",display:"flex"},"after-slot-wrapper":{"align-self":"center",display:"flex"},"button-content":{"align-items":"baseline",display:"inline-flex","flex-wrap":"nowrap"},"before-slot":{display:"inline-flex"},"after-slot":{display:"inline-flex"},"default-slot":{display:"inline-flex"},root:{display:"inline-block"},button:{"box-sizing":"border-box",background:f,"border-width":"0","border-radius":c,color:y,display:"inline-block","font-style":"normal","font-size":a,height:u,"line-height":i,margin:"0",outline:"none",padding:.75*l+"px "+l+"px","text-align":"center",transition:"background 0.1s ease-out, box-shadow 0.15s cubic-bezier(0.47, 0.03, 0.49, 1.38)","user-select":"none","&::-moz-focus-inner":{margin:0,padding:0,border:0},"&:hover":{background:b,cursor:"pointer",transition:"background 0.2s ease-out, box-shadow 0.15s cubic-bezier(0.47, 0.03, 0.49, 1.38)"},"&:active":{background:v,"transition-duration":"0s"},"&:focus":{"box-shadow":"0 0 0 2px "+m,"transition-duration":"0s, 0.2s"},"&:focus:active":{"box-shadow":"0 0 0 0 "+m}},primary:{background:k,color:h,"&:hover":{background:x},"&:active":{background:g}},subtle:{background:"none"},disabled:{color:P,"::slotted(*)":{"pointer-events":"none"},cursor:"not-allowed"},selected:{background:_,color:C,"&:hover":{background:_,transition:"none"}},link:{background:"none",color:O,transition:"color 0.1s ease-out","&:hover":{background:"none",color:w,"text-decoration":"underline"},"&:active":{color:N,"text-decoration":"none"},"&.disabled":{color:P,background:"none"}},compact:{height:d,"padding-top":l/4+"px","padding-bottom":l/4+"px"}}},function(e,t){e.exports=require("akutil-shared-styles")}]);

dist/bundle.js

 !function(root, factory) {
-    "object" == typeof exports && "object" == typeof module ? module.exports = factory(require("babel-runtime/helpers/defineProperty"), require("skatejs"), require("classnames"), require("akutil-common")) : "function" == typeof define && define.amd ? define([ "babel-runtime/helpers/defineProperty", "skatejs", "classnames", "akutil-common" ], factory) : "object" == typeof exports ? exports.akButton = factory(require("babel-runtime/helpers/defineProperty"), require("skatejs"), require("classnames"), require("akutil-common")) : root.akButton = factory(root["babel-runtime/helpers/defineProperty"], root.skatejs, root.classnames, root["akutil-common"]);
-}(this, function(__WEBPACK_EXTERNAL_MODULE_4__, __WEBPACK_EXTERNAL_MODULE_9__, __WEBPACK_EXTERNAL_MODULE_11__, __WEBPACK_EXTERNAL_MODULE_12__) {
+    "object" == typeof exports && "object" == typeof module ? module.exports = factory(require("babel-runtime/helpers/defineProperty"), require("skatejs"), require("ak-theme"), require("akutil-common"), require("classnames"), require("babel-runtime/core-js/symbol"), require("akutil-shared-styles")) : "function" == typeof define && define.amd ? define([ "babel-runtime/helpers/defineProperty", "skatejs", "ak-theme", "akutil-common", "classnames", "babel-runtime/core-js/symbol", "akutil-shared-styles" ], factory) : "object" == typeof exports ? exports.akButton = factory(require("babel-runtime/helpers/defineProperty"), require("skatejs"), require("ak-theme"), require("akutil-common"), require("classnames"), require("babel-runtime/core-js/symbol"), require("akutil-shared-styles")) : root.akButton = factory(root["babel-runtime/helpers/defineProperty"], root.skatejs, root["ak-theme"], root["akutil-common"], root.classnames, root["babel-runtime/core-js/symbol"], root["akutil-shared-styles"]);
+}(this, function(__WEBPACK_EXTERNAL_MODULE_1__, __WEBPACK_EXTERNAL_MODULE_2__, __WEBPACK_EXTERNAL_MODULE_3__, __WEBPACK_EXTERNAL_MODULE_4__, __WEBPACK_EXTERNAL_MODULE_8__, __WEBPACK_EXTERNAL_MODULE_10__, __WEBPACK_EXTERNAL_MODULE_12__) {
     /******/
@@ -80,45 +80,10 @@ return function(modules) {
         }), exports.TYPE = exports.APPEARANCE = void 0;
-        var _defineProperty2 = __webpack_require__(4), _defineProperty3 = _interopRequireDefault(_defineProperty2), _hasOwn = Object.prototype.hasOwnProperty, _forOwn = function(object, iterator) {
+        var _defineProperty2 = __webpack_require__(1), _defineProperty3 = _interopRequireDefault(_defineProperty2), _attr = function(value, name) {
+            _skatejs.vdom.attr(name, value);
+        }, _hasOwn = Object.prototype.hasOwnProperty, _forOwn = function(object, iterator) {
             for (var prop in object) _hasOwn.call(object, prop) && iterator(object[prop], prop);
-        }, _renderArbitrary = function _renderArbitrary(child) {
-            var type = typeof child;
-            "number" === type || "string" === type || "object" === type && child instanceof String ? _skatejs.vdom.text(child) : "function" === type && child.__jsxDOMWrapper ? child() : Array.isArray(child) ? child.forEach(_renderArbitrary) : "object" === type && "[object Object]" === String(child) && _forOwn(child, _renderArbitrary);
-        };
-        /** @jsx vdom */
-        __webpack_require__(5);
-        var _skatejs = __webpack_require__(9), _shadow = __webpack_require__(10), _shadow2 = _interopRequireDefault(_shadow), _classnames = __webpack_require__(11), _classnames2 = _interopRequireDefault(_classnames), _akutilCommon = __webpack_require__(12), classKeys = _shadow2["default"].locals, attributeValuesToEnumObject = function(values) {
-            return values.reduce(function(acum, val) {
-                return acum[val.toUpperCase()] = val, acum;
-            }, {});
-        }, getClasses = function(elem) {
-            var _ref;
-            return _ref = {}, (0, _defineProperty3["default"])(_ref, classKeys.button, !0), 
-            (0, _defineProperty3["default"])(_ref, classKeys.compact, elem.compact), (0, _defineProperty3["default"])(_ref, classKeys.disabled, elem.disabled), 
-            (0, _defineProperty3["default"])(_ref, classKeys.selected, elem.selected && !elem.disabled), 
-            (0, _defineProperty3["default"])(_ref, classKeys.primary, "primary" === elem.appearance && !elem.disabled && !elem.selected), 
-            (0, _defineProperty3["default"])(_ref, classKeys.subtle, "subtle" === elem.appearance && !elem.disabled && !elem.selected), 
-            (0, _defineProperty3["default"])(_ref, classKeys.link, "link" === elem.appearance && !elem.selected), 
-            _ref;
-        }, getSlotName = function(side) {
-            return side || "default";
-        }, getSlot = function(side) {
-            return _skatejs.vdom.elementOpen("span", null, null, "className", classKeys[getSlotName(side) + "SlotWrapper"]), 
-            _skatejs.vdom.elementVoid("slot", null, null, "name", side, "className", classKeys[getSlotName(side) + "Slot"]), 
-            _skatejs.vdom.elementClose("span");
-        }, getContent = function() {
-            return _skatejs.vdom.elementOpen("span", null, null, "className", classKeys.buttonContent), 
-            _renderArbitrary(getSlot("before")), _renderArbitrary(getSlot()), _renderArbitrary(getSlot("after")), 
-            _skatejs.vdom.elementClose("span");
-        }, APPEARANCE_VALUES = [ "primary", "standard", "subtle", "link" ], TYPE_VALUES = [ "button", "submit" ], APPEARANCE = exports.APPEARANCE = attributeValuesToEnumObject(APPEARANCE_VALUES), appearancePropertyValues = (exports.TYPE = attributeValuesToEnumObject(TYPE_VALUES), 
-        {
-            attribute: "appearance",
-            values: APPEARANCE_VALUES,
-            invalidDefault: APPEARANCE.STANDARD
-        }), typePropertyValues = {
-            attribute: "type",
-            values: TYPE_VALUES,
-            missingDefault: "button",
-            invalidDefault: "button"
-        }, definition = {
-            props: {
+        }, _skatejs = __webpack_require__(2), _akTheme = __webpack_require__(3), _akutilCommon = __webpack_require__(4), _enumeratedProperties = __webpack_require__(5), _Slot = __webpack_require__(6), _Slot2 = _interopRequireDefault(_Slot), _Button = __webpack_require__(7), _Button2 = _interopRequireDefault(_Button), _symbols = __webpack_require__(9), _styles = __webpack_require__(11), _styles2 = _interopRequireDefault(_styles), APPEARANCE = _enumeratedProperties.appearance.values, TYPE = _enumeratedProperties.type.values;
+        exports.APPEARANCE = APPEARANCE, exports.TYPE = TYPE;
+        var definition = {
+            props: (0, _defineProperty3["default"])({
                 /**
@@ -133,5 +98,3 @@ * @description Predefined appearances of an ak-button. One of:
 	     */
-                appearance: (0, _akutilCommon.enumeration)(appearancePropertyValues)({
-                    attribute: !0
-                }),
+                appearance: _enumeratedProperties.appearance.enumeration,
                 /**
@@ -146,5 +109,3 @@ * @description Type of the ak-button. One of:
 	     */
-                type: (0, _akutilCommon.enumeration)(typePropertyValues)({
-                    attribute: !0
-                }),
+                type: _enumeratedProperties.type.enumeration,
                 /**
@@ -183,19 +144,30 @@ * @description Option to disable button and every click event
                 })
-            },
+            }, _symbols.stylesKey, {
+                attribute: !1
+            }),
             render: function(elem) {
-                return _skatejs.vdom.elementOpen("span", null, null, "className", classKeys.root), 
-                _skatejs.vdom.elementOpen("style"), _renderArbitrary(_shadow2["default"].toString()), 
-                _skatejs.vdom.elementClose("style"), _skatejs.vdom.elementOpen("button", null, null, "className", (0, 
-                _classnames2["default"])(getClasses(elem)), "type", elem.type, "disabled", elem.disabled, "onmousedown", function(e) {
-                    return e.preventDefault();
-                }), _renderArbitrary(getContent()), _skatejs.vdom.elementClose("button"), _skatejs.vdom.elementClose("span");
+                var styles = elem[_symbols.stylesKey] = (0, _akutilCommon.style)(_skatejs.vdom, _styles2["default"]);
+                return _skatejs.vdom.elementOpenStart(_Button2["default"]), _forOwn((0, _skatejs.props)(elem), _attr), 
+                _skatejs.vdom.attr("styles", styles), _skatejs.vdom.elementOpenEnd(_Button2["default"]), 
+                _skatejs.vdom.elementVoid(_Slot2["default"], null, null, "styles", styles, "name", "before"), 
+                _skatejs.vdom.elementVoid(_Slot2["default"], null, null, "styles", styles), _skatejs.vdom.elementVoid(_Slot2["default"], null, null, "styles", styles, "name", "after"), 
+                _skatejs.vdom.elementClose(_Button2["default"]);
             }
-        }, AkButton = (0, _skatejs.define)("ak-button", definition);
+        }, AkButton = (0, _skatejs.define)("ak-button", (0, _akTheme.themeable)(definition));
         exports["default"] = AkButton;
     }, /* 1 */
-    , /* 2 */
-    , /* 3 */
-    , /* 4 */
     /***/
     function(module, exports) {
+        module.exports = __WEBPACK_EXTERNAL_MODULE_1__;
+    }, /* 2 */
+    /***/
+    function(module, exports) {
+        module.exports = __WEBPACK_EXTERNAL_MODULE_2__;
+    }, /* 3 */
+    /***/
+    function(module, exports) {
+        module.exports = __WEBPACK_EXTERNAL_MODULE_3__;
+    }, /* 4 */
+    /***/
+    function(module, exports) {
         module.exports = __WEBPACK_EXTERNAL_MODULE_4__;
@@ -205,244 +177,251 @@ }, /* 5 */
     function(module, exports, __webpack_require__) {
-        // style-loader: Adds some css to the DOM by adding a <style> tag
-        // load the styles
-        var content = __webpack_require__(6);
-        "string" == typeof content && (content = [ [ module.id, content, "" ] ]);
-        // add the styles to the DOM
-        __webpack_require__(8)(content, {});
-        content.locals && (module.exports = content.locals);
+        "use strict";
+        Object.defineProperty(exports, "__esModule", {
+            value: !0
+        }), exports.type = exports.appearance = void 0;
+        var _akutilCommon = __webpack_require__(4), attributeValuesToEnumObject = function(values) {
+            return values.reduce(function(acum, val) {
+                return acum[val.toUpperCase()] = val, acum;
+            }, {});
+        }, APPEARANCE_VALUES = [ "primary", "standard", "subtle", "link" ], TYPE_VALUES = [ "button", "submit" ], APPEARANCE = attributeValuesToEnumObject(APPEARANCE_VALUES), TYPE = attributeValuesToEnumObject(TYPE_VALUES), appearancePropertyValues = {
+            attribute: "appearance",
+            values: APPEARANCE_VALUES,
+            invalidDefault: APPEARANCE.STANDARD
+        }, typePropertyValues = {
+            attribute: "type",
+            values: TYPE_VALUES,
+            missingDefault: "button",
+            invalidDefault: "button"
+        };
+        exports.appearance = {
+            enumeration: (0, _akutilCommon.enumeration)(appearancePropertyValues)({
+                attribute: !0
+            }),
+            values: APPEARANCE
+        }, exports.type = {
+            enumeration: (0, _akutilCommon.enumeration)(typePropertyValues)({
+                attribute: !0
+            }),
+            values: TYPE
+        };
     }, /* 6 */
     /***/
     function(module, exports, __webpack_require__) {
-        exports = module.exports = __webpack_require__(7)(), // imports
-        // module
-        exports.push([ module.id, "._31L_2bvCZypgC4vUIMA3v2,ak-button{display:-webkit-inline-box;display:inline-flex}._31L_2bvCZypgC4vUIMA3v2[disabled],ak-button[disabled]{pointer-events:none}._31L_2bvCZypgC4vUIMA3v2>_shadow_root_,ak-button>_shadow_root_{display:inline-block}", "" ]), 
-        // exports
-        exports.locals = {
-            "ak-button": "_31L_2bvCZypgC4vUIMA3v2",
-            akButton: "_31L_2bvCZypgC4vUIMA3v2"
+        "use strict";
+        Object.defineProperty(exports, "__esModule", {
+            value: !0
+        });
+        var _skatejs = __webpack_require__(2), getSlotName = function(side) {
+            return side || "default";
         };
+        exports["default"] = function(props) {
+            var name = props.name, styles = props.styles;
+            return _skatejs.vdom.elementOpen("span", null, null, "className", styles[getSlotName(name) + "-slot-wrapper"]), 
+            _skatejs.vdom.elementVoid("slot", null, null, "name", name, "className", styles[getSlotName(name) + "-slot"]), 
+            _skatejs.vdom.elementClose("span");
+        };
     }, /* 7 */
     /***/
-    function(module, exports) {
-        /*
-		MIT License http://www.opensource.org/licenses/mit-license.php
-		Author Tobias Koppers @sokra
-	*/
-        // css base code, injected by the css-loader
-        module.exports = function() {
-            var list = [];
-            // return the list of modules as css string
-            // import a list of modules into the list
-            return list.toString = function() {
-                for (var result = [], i = 0; i < this.length; i++) {
-                    var item = this[i];
-                    item[2] ? result.push("@media " + item[2] + "{" + item[1] + "}") : result.push(item[1]);
-                }
-                return result.join("");
-            }, list.i = function(modules, mediaQuery) {
-                "string" == typeof modules && (modules = [ [ null, modules, "" ] ]);
-                for (var alreadyImportedModules = {}, i = 0; i < this.length; i++) {
-                    var id = this[i][0];
-                    "number" == typeof id && (alreadyImportedModules[id] = !0);
-                }
-                for (i = 0; i < modules.length; i++) {
-                    var item = modules[i];
-                    // skip already imported module
-                    // this implementation is not 100% perfect for weird media query combinations
-                    //  when a module is imported multiple times with different media queries.
-                    //  I hope this will never occur (Hey this way we have smaller bundles)
-                    "number" == typeof item[0] && alreadyImportedModules[item[0]] || (mediaQuery && !item[2] ? item[2] = mediaQuery : mediaQuery && (item[2] = "(" + item[2] + ") and (" + mediaQuery + ")"), 
-                    list.push(item));
-                }
-            }, list;
+    function(module, exports, __webpack_require__) {
+        "use strict";
+        function _interopRequireDefault(obj) {
+            return obj && obj.__esModule ? obj : {
+                "default": obj
+            };
+        }
+        Object.defineProperty(exports, "__esModule", {
+            value: !0
+        });
+        var _defineProperty2 = __webpack_require__(1), _defineProperty3 = _interopRequireDefault(_defineProperty2), _hasOwn = Object.prototype.hasOwnProperty, _forOwn = function(object, iterator) {
+            for (var prop in object) _hasOwn.call(object, prop) && iterator(object[prop], prop);
+        }, _renderArbitrary = function _renderArbitrary(child) {
+            var type = typeof child;
+            "number" === type || "string" === type || "object" === type && child instanceof String ? _skatejs.vdom.text(child) : "function" === type && child.__jsxDOMWrapper ? child() : Array.isArray(child) ? child.forEach(_renderArbitrary) : "object" === type && "[object Object]" === String(child) && _forOwn(child, _renderArbitrary);
+        }, _skatejs = __webpack_require__(2), _classnames = __webpack_require__(8), _classnames2 = _interopRequireDefault(_classnames), _enumeratedProperties = __webpack_require__(5), _appearance$values = _enumeratedProperties.appearance.values, PRIMARY = _appearance$values.PRIMARY, SUBTLE = _appearance$values.SUBTLE, LINK = _appearance$values.LINK, getClasses = function(styles, props) {
+            var _ref;
+            return _ref = {}, (0, _defineProperty3["default"])(_ref, styles.button, !0), (0, 
+            _defineProperty3["default"])(_ref, styles.compact, props.compact), (0, _defineProperty3["default"])(_ref, styles.disabled, props.disabled), 
+            (0, _defineProperty3["default"])(_ref, styles.selected, props.selected && !props.disabled), 
+            (0, _defineProperty3["default"])(_ref, styles.primary, props.appearance === PRIMARY && !props.disabled && !props.selected), 
+            (0, _defineProperty3["default"])(_ref, styles.subtle, props.appearance === SUBTLE && !props.disabled && !props.selected), 
+            (0, _defineProperty3["default"])(_ref, styles.link, props.appearance === LINK && !props.selected), 
+            _ref;
         };
+        /* eslint-disable react/prop-types */
+        exports["default"] = function(props, children) {
+            return _skatejs.vdom.elementOpen("span", null, null, "className", props.styles.root), 
+            _skatejs.vdom.elementOpen("button", null, null, "className", (0, _classnames2["default"])(getClasses(props.styles, props)), "type", props.type, "disabled", props.disabled, "onmousedown", function(e) {
+                return e.preventDefault();
+            }), _skatejs.vdom.elementOpen("span", null, null, "className", props.styles["button-content"]), 
+            _renderArbitrary(children()), _skatejs.vdom.elementClose("span"), _skatejs.vdom.elementClose("button"), 
+            _skatejs.vdom.elementClose("span");
+        };
     }, /* 8 */
     /***/
+    function(module, exports) {
+        module.exports = __WEBPACK_EXTERNAL_MODULE_8__;
+    }, /* 9 */
+    /***/
     function(module, exports, __webpack_require__) {
-        function addStylesToDom(styles, options) {
-            for (var i = 0; i < styles.length; i++) {
-                var item = styles[i], domStyle = stylesInDom[item.id];
-                if (domStyle) {
-                    domStyle.refs++;
-                    for (var j = 0; j < domStyle.parts.length; j++) domStyle.parts[j](item.parts[j]);
-                    for (;j < item.parts.length; j++) domStyle.parts.push(addStyle(item.parts[j], options));
-                } else {
-                    for (var parts = [], j = 0; j < item.parts.length; j++) parts.push(addStyle(item.parts[j], options));
-                    stylesInDom[item.id] = {
-                        id: item.id,
-                        refs: 1,
-                        parts: parts
-                    };
-                }
-            }
-        }
-        function listToStyles(list) {
-            for (var styles = [], newStyles = {}, i = 0; i < list.length; i++) {
-                var item = list[i], id = item[0], css = item[1], media = item[2], sourceMap = item[3], part = {
-                    css: css,
-                    media: media,
-                    sourceMap: sourceMap
-                };
-                newStyles[id] ? newStyles[id].parts.push(part) : styles.push(newStyles[id] = {
-                    id: id,
-                    parts: [ part ]
-                });
-            }
-            return styles;
-        }
-        function insertStyleElement(options, styleElement) {
-            var head = getHeadElement(), lastStyleElementInsertedAtTop = styleElementsInsertedAtTop[styleElementsInsertedAtTop.length - 1];
-            if ("top" === options.insertAt) lastStyleElementInsertedAtTop ? lastStyleElementInsertedAtTop.nextSibling ? head.insertBefore(styleElement, lastStyleElementInsertedAtTop.nextSibling) : head.appendChild(styleElement) : head.insertBefore(styleElement, head.firstChild), 
-            styleElementsInsertedAtTop.push(styleElement); else {
-                if ("bottom" !== options.insertAt) throw new Error("Invalid value for parameter 'insertAt'. Must be 'top' or 'bottom'.");
-                head.appendChild(styleElement);
-            }
-        }
-        function removeStyleElement(styleElement) {
-            styleElement.parentNode.removeChild(styleElement);
-            var idx = styleElementsInsertedAtTop.indexOf(styleElement);
-            idx >= 0 && styleElementsInsertedAtTop.splice(idx, 1);
-        }
-        function createStyleElement(options) {
-            var styleElement = document.createElement("style");
-            return styleElement.type = "text/css", insertStyleElement(options, styleElement), 
-            styleElement;
-        }
-        function createLinkElement(options) {
-            var linkElement = document.createElement("link");
-            return linkElement.rel = "stylesheet", insertStyleElement(options, linkElement), 
-            linkElement;
-        }
-        function addStyle(obj, options) {
-            var styleElement, update, remove;
-            if (options.singleton) {
-                var styleIndex = singletonCounter++;
-                styleElement = singletonElement || (singletonElement = createStyleElement(options)), 
-                update = applyToSingletonTag.bind(null, styleElement, styleIndex, !1), remove = applyToSingletonTag.bind(null, styleElement, styleIndex, !0);
-            } else obj.sourceMap && "function" == typeof URL && "function" == typeof URL.createObjectURL && "function" == typeof URL.revokeObjectURL && "function" == typeof Blob && "function" == typeof btoa ? (styleElement = createLinkElement(options), 
-            update = updateLink.bind(null, styleElement), remove = function() {
-                removeStyleElement(styleElement), styleElement.href && URL.revokeObjectURL(styleElement.href);
-            }) : (styleElement = createStyleElement(options), update = applyToTag.bind(null, styleElement), 
-            remove = function() {
-                removeStyleElement(styleElement);
-            });
-            return update(obj), function(newObj) {
-                if (newObj) {
-                    if (newObj.css === obj.css && newObj.media === obj.media && newObj.sourceMap === obj.sourceMap) return;
-                    update(obj = newObj);
-                } else remove();
+        "use strict";
+        function _interopRequireDefault(obj) {
+            return obj && obj.__esModule ? obj : {
+                "default": obj
             };
         }
-        function applyToSingletonTag(styleElement, index, remove, obj) {
-            var css = remove ? "" : obj.css;
-            if (styleElement.styleSheet) styleElement.styleSheet.cssText = replaceText(index, css); else {
-                var cssNode = document.createTextNode(css), childNodes = styleElement.childNodes;
-                childNodes[index] && styleElement.removeChild(childNodes[index]), childNodes.length ? styleElement.insertBefore(cssNode, childNodes[index]) : styleElement.appendChild(cssNode);
-            }
-        }
-        function applyToTag(styleElement, obj) {
-            var css = obj.css, media = obj.media;
-            if (media && styleElement.setAttribute("media", media), styleElement.styleSheet) styleElement.styleSheet.cssText = css; else {
-                for (;styleElement.firstChild; ) styleElement.removeChild(styleElement.firstChild);
-                styleElement.appendChild(document.createTextNode(css));
-            }
-        }
-        function updateLink(linkElement, obj) {
-            var css = obj.css, sourceMap = obj.sourceMap;
-            sourceMap && (// http://stackoverflow.com/a/26603875
-            css += "\n/*# sourceMappingURL=data:application/json;base64," + btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))) + " */");
-            var blob = new Blob([ css ], {
-                type: "text/css"
-            }), oldSrc = linkElement.href;
-            linkElement.href = URL.createObjectURL(blob), oldSrc && URL.revokeObjectURL(oldSrc);
-        }
-        /*
-		MIT License http://www.opensource.org/licenses/mit-license.php
-		Author Tobias Koppers @sokra
-	*/
-        var stylesInDom = {}, memoize = function(fn) {
-            var memo;
-            return function() {
-                return "undefined" == typeof memo && (memo = fn.apply(this, arguments)), memo;
-            };
-        }, isOldIE = memoize(function() {
-            return /msie [6-9]\b/.test(window.navigator.userAgent.toLowerCase());
-        }), getHeadElement = memoize(function() {
-            return document.head || document.getElementsByTagName("head")[0];
-        }), singletonElement = null, singletonCounter = 0, styleElementsInsertedAtTop = [];
-        module.exports = function(list, options) {
-            options = options || {}, // Force single-tag solution on IE6-9, which has a hard limit on the # of <style>
-            // tags it will allow on a page
-            "undefined" == typeof options.singleton && (options.singleton = isOldIE()), // By default, add <style> tags to the bottom of <head>.
-            "undefined" == typeof options.insertAt && (options.insertAt = "bottom");
-            var styles = listToStyles(list);
-            return addStylesToDom(styles, options), function(newList) {
-                for (var mayRemove = [], i = 0; i < styles.length; i++) {
-                    var item = styles[i], domStyle = stylesInDom[item.id];
-                    domStyle.refs--, mayRemove.push(domStyle);
-                }
-                if (newList) {
-                    var newStyles = listToStyles(newList);
-                    addStylesToDom(newStyles, options);
-                }
-                for (var i = 0; i < mayRemove.length; i++) {
-                    var domStyle = mayRemove[i];
-                    if (0 === domStyle.refs) {
-                        for (var j = 0; j < domStyle.parts.length; j++) domStyle.parts[j]();
-                        delete stylesInDom[domStyle.id];
-                    }
-                }
-            };
-        };
-        var replaceText = function() {
-            var textStore = [];
-            return function(index, replacement) {
-                return textStore[index] = replacement, textStore.filter(Boolean).join("\n");
-            };
-        }();
-    }, /* 9 */
+        Object.defineProperty(exports, "__esModule", {
+            value: !0
+        }), exports.stylesKey = void 0;
+        var _symbol = __webpack_require__(10), _symbol2 = _interopRequireDefault(_symbol);
+        exports.stylesKey = (0, _symbol2["default"])("ak-button-styles");
+    }, /* 10 */
     /***/
     function(module, exports) {
-        module.exports = __WEBPACK_EXTERNAL_MODULE_9__;
-    }, /* 10 */
+        module.exports = __WEBPACK_EXTERNAL_MODULE_10__;
+    }, /* 11 */
     /***/
     function(module, exports, __webpack_require__) {
-        exports = module.exports = __webpack_require__(7)(), // imports
-        // module
-        exports.push([ module.id, "::content>[slot=before]{margin-right:8px}::slotted([slot=before]){margin-right:8px}._3psTmVDO_wsgbLKWUo4gTZ>*{margin-right:8px}::content>[slot=after]{margin-left:8px}::slotted([slot=after]){margin-left:8px}._3uRpAOgvjWxNy1nkRVvY0t>*{margin-left:8px}:host ._1Fo7IgpdcYLMuFeiBm-kzS{align-self:center;display:-webkit-box;display:flex}._1Fo7IgpdcYLMuFeiBm-kzS,._1UE1jrnOn-frvaEEGE_37t{align-self:center;display:-webkit-box;display:flex}._1o9YeP8DOxoQTensdzhrWP{-webkit-box-align:baseline;align-items:baseline;display:-webkit-inline-box;display:inline-flex;flex-wrap:nowrap}._3psTmVDO_wsgbLKWUo4gTZ,._3uRpAOgvjWxNy1nkRVvY0t,._22NsmS2b-MIIj1fGcyd6k5{display:-webkit-inline-box;display:inline-flex}button::-moz-focus-inner{margin:0;padding:0;border:0}._3GzZSICG1oPJel1c4_EObT{display:inline-block}._2Qep03_yqM2CZAcLCDAX1B{box-sizing:border-box;background:#eceef1;border-width:0;border-radius:3px;color:#42526e;display:inline-block;font-style:normal;font-size:inherit;height:2.28571429em;line-height:1.42857143;margin:0;outline:none;padding:6px 8px;text-align:center;-webkit-transition:background .1s ease-out,box-shadow .15s cubic-bezier(.47,.03,.49,1.38);transition:background .1s ease-out,box-shadow .15s cubic-bezier(.47,.03,.49,1.38);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}._2Qep03_yqM2CZAcLCDAX1B:hover{background:#e5e8ec;cursor:pointer;-webkit-transition:background .2s ease-out,box-shadow .15s cubic-bezier(.47,.03,.49,1.38);transition:background .2s ease-out,box-shadow .15s cubic-bezier(.47,.03,.49,1.38)}._2Qep03_yqM2CZAcLCDAX1B:active{background:#bfebff;-webkit-transition-duration:0s;transition-duration:0s}._2Qep03_yqM2CZAcLCDAX1B:focus{box-shadow:0 0 0 2px #0091ea;-webkit-transition-duration:0s,.2s;transition-duration:0s,.2s}._2Qep03_yqM2CZAcLCDAX1B:focus:active{box-shadow:0 0 0 0 #0091ea}._2Qep03_yqM2CZAcLCDAX1B._3m6YegzVE32UQC6u2al8qi{background:#165ecc;color:#eceef1}._2Qep03_yqM2CZAcLCDAX1B._3m6YegzVE32UQC6u2al8qi:hover{background:#1251ae}._2Qep03_yqM2CZAcLCDAX1B._3m6YegzVE32UQC6u2al8qi:active{background:#0074e0}._2Qep03_yqM2CZAcLCDAX1B.lW7gC7XXbUl_Ecxw8Lxr3:not(:hover):not(:focus):not(:active){background:none}._2Qep03_yqM2CZAcLCDAX1B.X0FrY0s5O-RgqksaF7Tvu{color:#cfd4db}._2Qep03_yqM2CZAcLCDAX1B.X0FrY0s5O-RgqksaF7Tvu ::content>*{pointer-events:none}._2Qep03_yqM2CZAcLCDAX1B.X0FrY0s5O-RgqksaF7Tvu ::slotted(*){pointer-events:none}._2Qep03_yqM2CZAcLCDAX1B.X0FrY0s5O-RgqksaF7Tvu ._22NsmS2b-MIIj1fGcyd6k5>*{pointer-events:none}._2Qep03_yqM2CZAcLCDAX1B.X0FrY0s5O-RgqksaF7Tvu:hover{cursor:not-allowed}._2Qep03_yqM2CZAcLCDAX1B.js8PpsWRWdOhVM_y5nAXE{background:#253858;color:#eceef1}._2Qep03_yqM2CZAcLCDAX1B._1qEoQlodHpFGkbo3CBeUP3{background:none;color:#165ecc;-webkit-transition:color .1s ease-out;transition:color .1s ease-out}._2Qep03_yqM2CZAcLCDAX1B._1qEoQlodHpFGkbo3CBeUP3:hover{color:#0074e0;text-decoration:underline}._2Qep03_yqM2CZAcLCDAX1B._1qEoQlodHpFGkbo3CBeUP3:active{color:#0074e0;text-decoration:none}._2Qep03_yqM2CZAcLCDAX1B._1qEoQlodHpFGkbo3CBeUP3.X0FrY0s5O-RgqksaF7Tvu{color:#cfd4db;background:none}._2Qep03_yqM2CZAcLCDAX1B.gpG5B46WN9c_3VqYjaA_{height:1.71428571em;padding-top:2px;padding-bottom:2px}", "" ]), 
-        // exports
-        exports.locals = {
-            "before-slot": "_3psTmVDO_wsgbLKWUo4gTZ",
-            beforeSlot: "_3psTmVDO_wsgbLKWUo4gTZ",
-            "after-slot": "_3uRpAOgvjWxNy1nkRVvY0t",
-            afterSlot: "_3uRpAOgvjWxNy1nkRVvY0t",
-            "before-slot-wrapper": "_1Fo7IgpdcYLMuFeiBm-kzS",
-            beforeSlotWrapper: "_1Fo7IgpdcYLMuFeiBm-kzS",
-            "after-slot-wrapper": "_1UE1jrnOn-frvaEEGE_37t",
-            afterSlotWrapper: "_1UE1jrnOn-frvaEEGE_37t",
-            "button-content": "_1o9YeP8DOxoQTensdzhrWP",
-            buttonContent: "_1o9YeP8DOxoQTensdzhrWP",
-            "default-slot": "_22NsmS2b-MIIj1fGcyd6k5",
-            defaultSlot: "_22NsmS2b-MIIj1fGcyd6k5",
-            root: "_3GzZSICG1oPJel1c4_EObT",
-            root: "_3GzZSICG1oPJel1c4_EObT",
-            button: "_2Qep03_yqM2CZAcLCDAX1B",
-            button: "_2Qep03_yqM2CZAcLCDAX1B",
-            primary: "_3m6YegzVE32UQC6u2al8qi",
-            primary: "_3m6YegzVE32UQC6u2al8qi",
-            subtle: "lW7gC7XXbUl_Ecxw8Lxr3",
-            subtle: "lW7gC7XXbUl_Ecxw8Lxr3",
-            disabled: "X0FrY0s5O-RgqksaF7Tvu",
-            disabled: "X0FrY0s5O-RgqksaF7Tvu",
-            selected: "js8PpsWRWdOhVM_y5nAXE",
-            selected: "js8PpsWRWdOhVM_y5nAXE",
-            link: "_1qEoQlodHpFGkbo3CBeUP3",
-            link: "_1qEoQlodHpFGkbo3CBeUP3",
-            compact: "gpG5B46WN9c_3VqYjaA_",
-            compact: "gpG5B46WN9c_3VqYjaA_"
+        "use strict";
+        Object.defineProperty(exports, "__esModule", {
+            value: !0
+        });
+        var _akutilSharedStyles = __webpack_require__(12), baseFont = "inherit", em = 14, grid = 8, lineHeight = 20, buttonLineHeight = lineHeight / em, buttonHeight = 4 * grid / em + "em", compactButtonHeight = 3 * grid / em + "em", baseRadius = _akutilSharedStyles.akBorderRadius, sideSlotMargin = grid + "px", defaultBackgroundColor = _akutilSharedStyles.akColorN20, defaultBackgroundColorHover = _akutilSharedStyles.akColorN30, defaultBackgroundColorFocus = _akutilSharedStyles.akColorB200, defaultBackgroundColorActive = _akutilSharedStyles.akColorB50, defaultColor = _akutilSharedStyles.akColorN500, primaryBackgroundColor = _akutilSharedStyles.akColorB400, primaryBackgroundColorHover = _akutilSharedStyles.akColorB500, primaryBackgroundColorActive = _akutilSharedStyles.akColorB300, primaryColor = _akutilSharedStyles.akColorN20, selectedBackgroundColor = _akutilSharedStyles.akColorN700, selectedColor = _akutilSharedStyles.akColorN20, linkColor = _akutilSharedStyles.akColorB400, linkColorHover = _akutilSharedStyles.akColorB300, linkColorActive = linkColorHover, disabledColor = _akutilSharedStyles.akColorN40;
+        exports["default"] = {
+            // light DOM styles
+            ":host": {
+                display: "inline-flex"
+            },
+            ":host(> _shadow_root_)": {
+                display: "inline-block"
+            },
+            ":host([disabled])": {
+                "pointer-events": "none"
+            },
+            // shadow DOM styles
+            '::slotted([slot="before"])': {
+                "margin-right": sideSlotMargin
+            },
+            '::slotted([slot="after"])': {
+                "margin-left": sideSlotMargin
+            },
+            ":host .before-slot-wrapper": {
+                "align-self": "center",
+                display: "flex"
+            },
+            "before-slot-wrapper": {
+                "align-self": "center",
+                display: "flex"
+            },
+            "after-slot-wrapper": {
+                "align-self": "center",
+                display: "flex"
+            },
+            "button-content": {
+                "align-items": "baseline",
+                display: "inline-flex",
+                "flex-wrap": "nowrap"
+            },
+            "before-slot": {
+                display: "inline-flex"
+            },
+            "after-slot": {
+                display: "inline-flex"
+            },
+            "default-slot": {
+                display: "inline-flex"
+            },
+            root: {
+                display: "inline-block"
+            },
+            button: {
+                "box-sizing": "border-box",
+                background: defaultBackgroundColor,
+                "border-width": "0",
+                "border-radius": baseRadius,
+                color: defaultColor,
+                display: "inline-block",
+                "font-style": "normal",
+                "font-size": baseFont,
+                height: buttonHeight,
+                "line-height": buttonLineHeight,
+                margin: "0",
+                outline: "none",
+                padding: .75 * grid + "px " + grid + "px",
+                "text-align": "center",
+                transition: "background 0.1s ease-out, box-shadow 0.15s cubic-bezier(0.47, 0.03, 0.49, 1.38)",
+                "user-select": "none",
+                "&::-moz-focus-inner": {
+                    margin: 0,
+                    padding: 0,
+                    border: 0
+                },
+                "&:hover": {
+                    background: defaultBackgroundColorHover,
+                    cursor: "pointer",
+                    transition: "background 0.2s ease-out, box-shadow 0.15s cubic-bezier(0.47, 0.03, 0.49, 1.38)"
+                },
+                "&:active": {
+                    background: defaultBackgroundColorActive,
+                    "transition-duration": "0s"
+                },
+                "&:focus": {
+                    "box-shadow": "0 0 0 2px " + defaultBackgroundColorFocus,
+                    "transition-duration": "0s, 0.2s"
+                },
+                "&:focus:active": {
+                    "box-shadow": "0 0 0 0 " + defaultBackgroundColorFocus
+                }
+            },
+            primary: {
+                background: primaryBackgroundColor,
+                color: primaryColor,
+                "&:hover": {
+                    background: primaryBackgroundColorHover
+                },
+                "&:active": {
+                    background: primaryBackgroundColorActive
+                }
+            },
+            subtle: {
+                background: "none"
+            },
+            disabled: {
+                color: disabledColor,
+                "::slotted(*)": {
+                    "pointer-events": "none"
+                },
+                cursor: "not-allowed"
+            },
+            selected: {
+                background: selectedBackgroundColor,
+                color: selectedColor,
+                "&:hover": {
+                    background: selectedBackgroundColor,
+                    transition: "none"
+                }
+            },
+            link: {
+                background: "none",
+                color: linkColor,
+                transition: "color 0.1s ease-out",
+                "&:hover": {
+                    background: "none",
+                    color: linkColorHover,
+                    "text-decoration": "underline"
+                },
+                "&:active": {
+                    color: linkColorActive,
+                    "text-decoration": "none"
+                },
+                "&.disabled": {
+                    color: disabledColor,
+                    background: "none"
+                }
+            },
+            compact: {
+                height: compactButtonHeight,
+                "padding-top": grid / 4 + "px",
+                "padding-bottom": grid / 4 + "px"
+            }
         };
-    }, /* 11 */
-    /***/
-    function(module, exports) {
-        module.exports = __WEBPACK_EXTERNAL_MODULE_11__;
     }, /* 12 */
@@ -449,0 +428,0 @@ /***/

dist/bundle.min.js

@@ -1,1 +0,1 @@
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("babel-runtime/helpers/defineProperty"),require("skatejs"),require("classnames"),require("akutil-common")):"function"==typeof define&&define.amd?define(["babel-runtime/helpers/defineProperty","skatejs","classnames","akutil-common"],t):"object"==typeof exports?exports.akButton=t(require("babel-runtime/helpers/defineProperty"),require("skatejs"),require("classnames"),require("akutil-common")):e.akButton=t(e["babel-runtime/helpers/defineProperty"],e.skatejs,e.classnames,e["akutil-common"])}(this,function(e,t,n,o){return function(e){function t(o){if(n[o])return n[o].exports;var r=n[o]={exports:{},id:o,loaded:!1};return e[o].call(r.exports,r,r.exports,t),r.loaded=!0,r.exports}var n={};return t.m=e,t.c=n,t.p="",t(0)}([function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t.TYPE=t.APPEARANCE=void 0;var r=n(4),a=o(r),i=Object.prototype.hasOwnProperty,s=function(e,t){for(var n in e)i.call(e,n)&&t(e[n],n)},l=function B(e){var t=typeof e;"number"===t||"string"===t||"object"===t&&e instanceof String?u.vdom.text(e):"function"===t&&e.__jsxDOMWrapper?e():Array.isArray(e)?e.forEach(B):"object"===t&&"[object Object]"===String(e)&&s(e,B)};n(5);var u=n(9),c=n(10),p=o(c),d=n(11),f=o(d),b=n(12),m=p["default"].locals,_=function(e){return e.reduce(function(e,t){return e[t.toUpperCase()]=t,e},{})},v=function(e){var t;return t={},(0,a["default"])(t,m.button,!0),(0,a["default"])(t,m.compact,e.compact),(0,a["default"])(t,m.disabled,e.disabled),(0,a["default"])(t,m.selected,e.selected&&!e.disabled),(0,a["default"])(t,m.primary,"primary"===e.appearance&&!e.disabled&&!e.selected),(0,a["default"])(t,m.subtle,"subtle"===e.appearance&&!e.disabled&&!e.selected),(0,a["default"])(t,m.link,"link"===e.appearance&&!e.selected),t},g=function(e){return e||"default"},y=function(e){return u.vdom.elementOpen("span",null,null,"className",m[g(e)+"SlotWrapper"]),u.vdom.elementVoid("slot",null,null,"name",e,"className",m[g(e)+"Slot"]),u.vdom.elementClose("span")},C=function(){return u.vdom.elementOpen("span",null,null,"className",m.buttonContent),l(y("before")),l(y()),l(y("after")),u.vdom.elementClose("span")},h=["primary","standard","subtle","link"],k=["button","submit"],x=t.APPEARANCE=_(h),A=(t.TYPE=_(k),{attribute:"appearance",values:h,invalidDefault:x.STANDARD}),q={attribute:"type",values:k,missingDefault:"button",invalidDefault:"button"},L={props:{appearance:(0,b.enumeration)(A)({attribute:!0}),type:(0,b.enumeration)(q)({attribute:!0}),disabled:u.prop["boolean"]({attribute:!0}),compact:u.prop["boolean"]({attribute:!0}),selected:u.prop["boolean"]({attribute:!0})},render:function(e){return u.vdom.elementOpen("span",null,null,"className",m.root),u.vdom.elementOpen("style"),l(p["default"].toString()),u.vdom.elementClose("style"),u.vdom.elementOpen("button",null,null,"className",(0,f["default"])(v(e)),"type",e.type,"disabled",e.disabled,"onmousedown",function(e){return e.preventDefault()}),l(C()),u.vdom.elementClose("button"),u.vdom.elementClose("span")}},M=(0,u.define)("ak-button",L);t["default"]=M},,,,function(t,n){t.exports=e},function(e,t,n){var o=n(6);"string"==typeof o&&(o=[[e.id,o,""]]),n(8)(o,{}),o.locals&&(e.exports=o.locals)},function(e,t,n){t=e.exports=n(7)(),t.push([e.id,"._31L_2bvCZypgC4vUIMA3v2,ak-button{display:-webkit-inline-box;display:inline-flex}._31L_2bvCZypgC4vUIMA3v2[disabled],ak-button[disabled]{pointer-events:none}._31L_2bvCZypgC4vUIMA3v2>_shadow_root_,ak-button>_shadow_root_{display:inline-block}",""]),t.locals={"ak-button":"_31L_2bvCZypgC4vUIMA3v2",akButton:"_31L_2bvCZypgC4vUIMA3v2"}},function(e,t){e.exports=function(){var e=[];return e.toString=function(){for(var e=[],t=0;t<this.length;t++){var n=this[t];n[2]?e.push("@media "+n[2]+"{"+n[1]+"}"):e.push(n[1])}return e.join("")},e.i=function(t,n){"string"==typeof t&&(t=[[null,t,""]]);for(var o={},r=0;r<this.length;r++){var a=this[r][0];"number"==typeof a&&(o[a]=!0)}for(r=0;r<t.length;r++){var i=t[r];"number"==typeof i[0]&&o[i[0]]||(n&&!i[2]?i[2]=n:n&&(i[2]="("+i[2]+") and ("+n+")"),e.push(i))}},e}},function(e,t,n){function o(e,t){for(var n=0;n<e.length;n++){var o=e[n],r=f[o.id];if(r){r.refs++;for(var a=0;a<r.parts.length;a++)r.parts[a](o.parts[a]);for(;a<o.parts.length;a++)r.parts.push(u(o.parts[a],t))}else{for(var i=[],a=0;a<o.parts.length;a++)i.push(u(o.parts[a],t));f[o.id]={id:o.id,refs:1,parts:i}}}}function r(e){for(var t=[],n={},o=0;o<e.length;o++){var r=e[o],a=r[0],i=r[1],s=r[2],l=r[3],u={css:i,media:s,sourceMap:l};n[a]?n[a].parts.push(u):t.push(n[a]={id:a,parts:[u]})}return t}function a(e,t){var n=_(),o=y[y.length-1];if("top"===e.insertAt)o?o.nextSibling?n.insertBefore(t,o.nextSibling):n.appendChild(t):n.insertBefore(t,n.firstChild),y.push(t);else{if("bottom"!==e.insertAt)throw new Error("Invalid value for parameter 'insertAt'. Must be 'top' or 'bottom'.");n.appendChild(t)}}function i(e){e.parentNode.removeChild(e);var t=y.indexOf(e);t>=0&&y.splice(t,1)}function s(e){var t=document.createElement("style");return t.type="text/css",a(e,t),t}function l(e){var t=document.createElement("link");return t.rel="stylesheet",a(e,t),t}function u(e,t){var n,o,r;if(t.singleton){var a=g++;n=v||(v=s(t)),o=c.bind(null,n,a,!1),r=c.bind(null,n,a,!0)}else e.sourceMap&&"function"==typeof URL&&"function"==typeof URL.createObjectURL&&"function"==typeof URL.revokeObjectURL&&"function"==typeof Blob&&"function"==typeof btoa?(n=l(t),o=d.bind(null,n),r=function(){i(n),n.href&&URL.revokeObjectURL(n.href)}):(n=s(t),o=p.bind(null,n),r=function(){i(n)});return o(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;o(e=t)}else r()}}function c(e,t,n,o){var r=n?"":o.css;if(e.styleSheet)e.styleSheet.cssText=C(t,r);else{var a=document.createTextNode(r),i=e.childNodes;i[t]&&e.removeChild(i[t]),i.length?e.insertBefore(a,i[t]):e.appendChild(a)}}function p(e,t){var n=t.css,o=t.media;if(o&&e.setAttribute("media",o),e.styleSheet)e.styleSheet.cssText=n;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(n))}}function d(e,t){var n=t.css,o=t.sourceMap;o&&(n+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(o))))+" */");var r=new Blob([n],{type:"text/css"}),a=e.href;e.href=URL.createObjectURL(r),a&&URL.revokeObjectURL(a)}var f={},b=function(e){var t;return function(){return"undefined"==typeof t&&(t=e.apply(this,arguments)),t}},m=b(function(){return/msie [6-9]\b/.test(window.navigator.userAgent.toLowerCase())}),_=b(function(){return document.head||document.getElementsByTagName("head")[0]}),v=null,g=0,y=[];e.exports=function(e,t){t=t||{},"undefined"==typeof t.singleton&&(t.singleton=m()),"undefined"==typeof t.insertAt&&(t.insertAt="bottom");var n=r(e);return o(n,t),function(e){for(var a=[],i=0;i<n.length;i++){var s=n[i],l=f[s.id];l.refs--,a.push(l)}if(e){var u=r(e);o(u,t)}for(var i=0;i<a.length;i++){var l=a[i];if(0===l.refs){for(var c=0;c<l.parts.length;c++)l.parts[c]();delete f[l.id]}}}};var C=function(){var e=[];return function(t,n){return e[t]=n,e.filter(Boolean).join("\n")}}()},function(e,n){e.exports=t},function(e,t,n){t=e.exports=n(7)(),t.push([e.id,"::content>[slot=before]{margin-right:8px}::slotted([slot=before]){margin-right:8px}._3psTmVDO_wsgbLKWUo4gTZ>*{margin-right:8px}::content>[slot=after]{margin-left:8px}::slotted([slot=after]){margin-left:8px}._3uRpAOgvjWxNy1nkRVvY0t>*{margin-left:8px}:host ._1Fo7IgpdcYLMuFeiBm-kzS{align-self:center;display:-webkit-box;display:flex}._1Fo7IgpdcYLMuFeiBm-kzS,._1UE1jrnOn-frvaEEGE_37t{align-self:center;display:-webkit-box;display:flex}._1o9YeP8DOxoQTensdzhrWP{-webkit-box-align:baseline;align-items:baseline;display:-webkit-inline-box;display:inline-flex;flex-wrap:nowrap}._3psTmVDO_wsgbLKWUo4gTZ,._3uRpAOgvjWxNy1nkRVvY0t,._22NsmS2b-MIIj1fGcyd6k5{display:-webkit-inline-box;display:inline-flex}button::-moz-focus-inner{margin:0;padding:0;border:0}._3GzZSICG1oPJel1c4_EObT{display:inline-block}._2Qep03_yqM2CZAcLCDAX1B{box-sizing:border-box;background:#eceef1;border-width:0;border-radius:3px;color:#42526e;display:inline-block;font-style:normal;font-size:inherit;height:2.28571429em;line-height:1.42857143;margin:0;outline:none;padding:6px 8px;text-align:center;-webkit-transition:background .1s ease-out,box-shadow .15s cubic-bezier(.47,.03,.49,1.38);transition:background .1s ease-out,box-shadow .15s cubic-bezier(.47,.03,.49,1.38);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}._2Qep03_yqM2CZAcLCDAX1B:hover{background:#e5e8ec;cursor:pointer;-webkit-transition:background .2s ease-out,box-shadow .15s cubic-bezier(.47,.03,.49,1.38);transition:background .2s ease-out,box-shadow .15s cubic-bezier(.47,.03,.49,1.38)}._2Qep03_yqM2CZAcLCDAX1B:active{background:#bfebff;-webkit-transition-duration:0s;transition-duration:0s}._2Qep03_yqM2CZAcLCDAX1B:focus{box-shadow:0 0 0 2px #0091ea;-webkit-transition-duration:0s,.2s;transition-duration:0s,.2s}._2Qep03_yqM2CZAcLCDAX1B:focus:active{box-shadow:0 0 0 0 #0091ea}._2Qep03_yqM2CZAcLCDAX1B._3m6YegzVE32UQC6u2al8qi{background:#165ecc;color:#eceef1}._2Qep03_yqM2CZAcLCDAX1B._3m6YegzVE32UQC6u2al8qi:hover{background:#1251ae}._2Qep03_yqM2CZAcLCDAX1B._3m6YegzVE32UQC6u2al8qi:active{background:#0074e0}._2Qep03_yqM2CZAcLCDAX1B.lW7gC7XXbUl_Ecxw8Lxr3:not(:hover):not(:focus):not(:active){background:none}._2Qep03_yqM2CZAcLCDAX1B.X0FrY0s5O-RgqksaF7Tvu{color:#cfd4db}._2Qep03_yqM2CZAcLCDAX1B.X0FrY0s5O-RgqksaF7Tvu ::content>*{pointer-events:none}._2Qep03_yqM2CZAcLCDAX1B.X0FrY0s5O-RgqksaF7Tvu ::slotted(*){pointer-events:none}._2Qep03_yqM2CZAcLCDAX1B.X0FrY0s5O-RgqksaF7Tvu ._22NsmS2b-MIIj1fGcyd6k5>*{pointer-events:none}._2Qep03_yqM2CZAcLCDAX1B.X0FrY0s5O-RgqksaF7Tvu:hover{cursor:not-allowed}._2Qep03_yqM2CZAcLCDAX1B.js8PpsWRWdOhVM_y5nAXE{background:#253858;color:#eceef1}._2Qep03_yqM2CZAcLCDAX1B._1qEoQlodHpFGkbo3CBeUP3{background:none;color:#165ecc;-webkit-transition:color .1s ease-out;transition:color .1s ease-out}._2Qep03_yqM2CZAcLCDAX1B._1qEoQlodHpFGkbo3CBeUP3:hover{color:#0074e0;text-decoration:underline}._2Qep03_yqM2CZAcLCDAX1B._1qEoQlodHpFGkbo3CBeUP3:active{color:#0074e0;text-decoration:none}._2Qep03_yqM2CZAcLCDAX1B._1qEoQlodHpFGkbo3CBeUP3.X0FrY0s5O-RgqksaF7Tvu{color:#cfd4db;background:none}._2Qep03_yqM2CZAcLCDAX1B.gpG5B46WN9c_3VqYjaA_{height:1.71428571em;padding-top:2px;padding-bottom:2px}",""]),t.locals={"before-slot":"_3psTmVDO_wsgbLKWUo4gTZ",beforeSlot:"_3psTmVDO_wsgbLKWUo4gTZ","after-slot":"_3uRpAOgvjWxNy1nkRVvY0t",afterSlot:"_3uRpAOgvjWxNy1nkRVvY0t","before-slot-wrapper":"_1Fo7IgpdcYLMuFeiBm-kzS",beforeSlotWrapper:"_1Fo7IgpdcYLMuFeiBm-kzS","after-slot-wrapper":"_1UE1jrnOn-frvaEEGE_37t",afterSlotWrapper:"_1UE1jrnOn-frvaEEGE_37t","button-content":"_1o9YeP8DOxoQTensdzhrWP",buttonContent:"_1o9YeP8DOxoQTensdzhrWP","default-slot":"_22NsmS2b-MIIj1fGcyd6k5",defaultSlot:"_22NsmS2b-MIIj1fGcyd6k5",root:"_3GzZSICG1oPJel1c4_EObT",root:"_3GzZSICG1oPJel1c4_EObT",button:"_2Qep03_yqM2CZAcLCDAX1B",button:"_2Qep03_yqM2CZAcLCDAX1B",primary:"_3m6YegzVE32UQC6u2al8qi",primary:"_3m6YegzVE32UQC6u2al8qi",subtle:"lW7gC7XXbUl_Ecxw8Lxr3",subtle:"lW7gC7XXbUl_Ecxw8Lxr3",disabled:"X0FrY0s5O-RgqksaF7Tvu",disabled:"X0FrY0s5O-RgqksaF7Tvu",selected:"js8PpsWRWdOhVM_y5nAXE",selected:"js8PpsWRWdOhVM_y5nAXE",link:"_1qEoQlodHpFGkbo3CBeUP3",link:"_1qEoQlodHpFGkbo3CBeUP3",compact:"gpG5B46WN9c_3VqYjaA_",compact:"gpG5B46WN9c_3VqYjaA_"}},function(e,t){e.exports=n},function(e,t){e.exports=o}])});
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("babel-runtime/helpers/defineProperty"),require("skatejs"),require("ak-theme"),require("akutil-common"),require("classnames"),require("babel-runtime/core-js/symbol"),require("akutil-shared-styles")):"function"==typeof define&&define.amd?define(["babel-runtime/helpers/defineProperty","skatejs","ak-theme","akutil-common","classnames","babel-runtime/core-js/symbol","akutil-shared-styles"],t):"object"==typeof exports?exports.akButton=t(require("babel-runtime/helpers/defineProperty"),require("skatejs"),require("ak-theme"),require("akutil-common"),require("classnames"),require("babel-runtime/core-js/symbol"),require("akutil-shared-styles")):e.akButton=t(e["babel-runtime/helpers/defineProperty"],e.skatejs,e["ak-theme"],e["akutil-common"],e.classnames,e["babel-runtime/core-js/symbol"],e["akutil-shared-styles"])}(this,function(e,t,o,n,r,a,l){return function(e){function t(n){if(o[n])return o[n].exports;var r=o[n]={exports:{},id:n,loaded:!1};return e[n].call(r.exports,r,r.exports,t),r.loaded=!0,r.exports}var o={};return t.m=e,t.c=o,t.p="",t(0)}([function(e,t,o){"use strict";function n(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t.TYPE=t.APPEARANCE=void 0;var r=o(1),a=n(r),l=function(e,t){u.vdom.attr(t,e)},s=Object.prototype.hasOwnProperty,i=function(e,t){for(var o in e)s.call(e,o)&&t(e[o],o)},u=o(2),d=o(3),c=o(4),p=o(5),f=o(6),b=n(f),m=o(7),y=n(m),v=o(9),k=o(11),x=n(k),h=p.appearance.values,g=p.type.values;t.APPEARANCE=h,t.TYPE=g;var j={props:(0,a["default"])({appearance:p.appearance.enumeration,type:p.type.enumeration,disabled:u.prop["boolean"]({attribute:!0}),compact:u.prop["boolean"]({attribute:!0}),selected:u.prop["boolean"]({attribute:!0})},v.stylesKey,{attribute:!1}),render:function(e){var t=e[v.stylesKey]=(0,c.style)(u.vdom,x["default"]);return u.vdom.elementOpenStart(y["default"]),i((0,u.props)(e),l),u.vdom.attr("styles",t),u.vdom.elementOpenEnd(y["default"]),u.vdom.elementVoid(b["default"],null,null,"styles",t,"name","before"),u.vdom.elementVoid(b["default"],null,null,"styles",t),u.vdom.elementVoid(b["default"],null,null,"styles",t,"name","after"),u.vdom.elementClose(y["default"])}},_=(0,u.define)("ak-button",(0,d.themeable)(j));t["default"]=_},function(t,o){t.exports=e},function(e,o){e.exports=t},function(e,t){e.exports=o},function(e,t){e.exports=n},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.type=t.appearance=void 0;var n=o(4),r=function(e){return e.reduce(function(e,t){return e[t.toUpperCase()]=t,e},{})},a=["primary","standard","subtle","link"],l=["button","submit"],s=r(a),i=r(l),u={attribute:"appearance",values:a,invalidDefault:s.STANDARD},d={attribute:"type",values:l,missingDefault:"button",invalidDefault:"button"};t.appearance={enumeration:(0,n.enumeration)(u)({attribute:!0}),values:s},t.type={enumeration:(0,n.enumeration)(d)({attribute:!0}),values:i}},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=o(2),r=function(e){return e||"default"};t["default"]=function(e){var t=e.name,o=e.styles;return n.vdom.elementOpen("span",null,null,"className",o[r(t)+"-slot-wrapper"]),n.vdom.elementVoid("slot",null,null,"name",t,"className",o[r(t)+"-slot"]),n.vdom.elementClose("span")}},function(e,t,o){"use strict";function n(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var r=o(1),a=n(r),l=Object.prototype.hasOwnProperty,s=function(e,t){for(var o in e)l.call(e,o)&&t(e[o],o)},i=function k(e){var t=typeof e;"number"===t||"string"===t||"object"===t&&e instanceof String?u.vdom.text(e):"function"===t&&e.__jsxDOMWrapper?e():Array.isArray(e)?e.forEach(k):"object"===t&&"[object Object]"===String(e)&&s(e,k)},u=o(2),d=o(8),c=n(d),p=o(5),f=p.appearance.values,b=f.PRIMARY,m=f.SUBTLE,y=f.LINK,v=function(e,t){var o;return o={},(0,a["default"])(o,e.button,!0),(0,a["default"])(o,e.compact,t.compact),(0,a["default"])(o,e.disabled,t.disabled),(0,a["default"])(o,e.selected,t.selected&&!t.disabled),(0,a["default"])(o,e.primary,t.appearance===b&&!t.disabled&&!t.selected),(0,a["default"])(o,e.subtle,t.appearance===m&&!t.disabled&&!t.selected),(0,a["default"])(o,e.link,t.appearance===y&&!t.selected),o};t["default"]=function(e,t){return u.vdom.elementOpen("span",null,null,"className",e.styles.root),u.vdom.elementOpen("button",null,null,"className",(0,c["default"])(v(e.styles,e)),"type",e.type,"disabled",e.disabled,"onmousedown",function(e){return e.preventDefault()}),u.vdom.elementOpen("span",null,null,"className",e.styles["button-content"]),i(t()),u.vdom.elementClose("span"),u.vdom.elementClose("button"),u.vdom.elementClose("span")}},function(e,t){e.exports=r},function(e,t,o){"use strict";function n(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t.stylesKey=void 0;var r=o(10),a=n(r);t.stylesKey=(0,a["default"])("ak-button-styles")},function(e,t){e.exports=a},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=o(12),r="inherit",a=14,l=8,s=20,i=s/a,u=4*l/a+"em",d=3*l/a+"em",c=n.akBorderRadius,p=l+"px",f=n.akColorN20,b=n.akColorN30,m=n.akColorB200,y=n.akColorB50,v=n.akColorN500,k=n.akColorB400,x=n.akColorB500,h=n.akColorB300,g=n.akColorN20,j=n.akColorN700,_=n.akColorN20,C=n.akColorB400,P=n.akColorB300,O=P,w=n.akColorN40;t["default"]={":host":{display:"inline-flex"},":host(> _shadow_root_)":{display:"inline-block"},":host([disabled])":{"pointer-events":"none"},'::slotted([slot="before"])':{"margin-right":p},'::slotted([slot="after"])':{"margin-left":p},":host .before-slot-wrapper":{"align-self":"center",display:"flex"},"before-slot-wrapper":{"align-self":"center",display:"flex"},"after-slot-wrapper":{"align-self":"center",display:"flex"},"button-content":{"align-items":"baseline",display:"inline-flex","flex-wrap":"nowrap"},"before-slot":{display:"inline-flex"},"after-slot":{display:"inline-flex"},"default-slot":{display:"inline-flex"},root:{display:"inline-block"},button:{"box-sizing":"border-box",background:f,"border-width":"0","border-radius":c,color:v,display:"inline-block","font-style":"normal","font-size":r,height:u,"line-height":i,margin:"0",outline:"none",padding:.75*l+"px "+l+"px","text-align":"center",transition:"background 0.1s ease-out, box-shadow 0.15s cubic-bezier(0.47, 0.03, 0.49, 1.38)","user-select":"none","&::-moz-focus-inner":{margin:0,padding:0,border:0},"&:hover":{background:b,cursor:"pointer",transition:"background 0.2s ease-out, box-shadow 0.15s cubic-bezier(0.47, 0.03, 0.49, 1.38)"},"&:active":{background:y,"transition-duration":"0s"},"&:focus":{"box-shadow":"0 0 0 2px "+m,"transition-duration":"0s, 0.2s"},"&:focus:active":{"box-shadow":"0 0 0 0 "+m}},primary:{background:k,color:g,"&:hover":{background:x},"&:active":{background:h}},subtle:{background:"none"},disabled:{color:w,"::slotted(*)":{"pointer-events":"none"},cursor:"not-allowed"},selected:{background:j,color:_,"&:hover":{background:j,transition:"none"}},link:{background:"none",color:C,transition:"color 0.1s ease-out","&:hover":{background:"none",color:P,"text-decoration":"underline"},"&:active":{color:O,"text-decoration":"none"},"&.disabled":{color:w,background:"none"}},compact:{height:d,"padding-top":l/4+"px","padding-bottom":l/4+"px"}}},function(e,t){e.exports=l}])});

package.json

 {
   "name": "ak-button",
-  "version": "1.4.3",
+  "version": "1.4.4",
   "description": "ak-button webcomponent",
@@ -15,6 +15,7 @@ "main": "dist/bundle.js",
   "dependencies": {
-    "akutil-common": "^2.0.0",
+    "akutil-common": "^2.6.3",
     "akutil-shared-styles": "^34.0.1",
+    "ak-theme": "^2.0.3",
     "babel-runtime": "^6.11.6",
-    "skatejs": "^1.2.5"
+    "skatejs": "^1.5.2"
   },
@@ -28,3 +29,3 @@ "author": "Atlassian Pty Ltd",
     "object-assign": "^4.1.0",
-    "ak-icon": "2.0.0"
+    "ak-icon": "^7.4.0"
   },
@@ -31,0 +32,0 @@ "repository": {

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

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

402206

increased by18.76%

Lines of code

6259

increased by27.97%

Number of low supply chain risk alerts

0

decreased by-100%

Worsened metrics

Dependency count

5

increased by25%

Dependency changes

• + Addedak-theme@^2.0.3

• + Addedak-theme@2.1.3(transitive)

• + Addedakutil-shared-styles@35.0.1(transitive)

• + Addedskatejs@4.6.7(transitive)

• Updatedakutil-common@^2.6.3

• Updatedskatejs@^1.5.2