Socket
Socket
Sign inDemoInstall

ak-button

Package Overview
Dependencies
Maintainers
1
Versions
61
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

ak-button - npm Package Compare versions

Comparing version 1.7.3 to 2.0.0

26

CHANGELOG.md

@@ -1,6 +0,28 @@

<a name="1.7.3"></a>
## 1.7.3 (2016-11-03)
<a name="2.0.0"></a>
# 2.0.0 (2016-11-07)
<a name="ak-button@2.0.0"></a>
# ak-button@2.0.0 (2016-11-07)
### Bug Fixes
* **component:** fix height / line-height for spacing="none" ([327805a](https://bitbucket.org/atlassian/atlaskit/commits/327805a))
### Features
* Bump to new skatejs-web-components that uses the Polymer polyfills. ([c28a059](https://bitbucket.org/atlassian/atlaskit/commits/c28a059))
* Expose more accurate ProseMirror types, and export TextNode. ([9cc2800](https://bitbucket.org/atlassian/atlaskit/commits/9cc2800))
* spacing attribute added & some code clean up ([7d69c73](https://bitbucket.org/atlassian/atlaskit/commits/7d69c73))
### BREAKING CHANGES
* compact attribute is now part of spacing attribute as a string option
<a name="ak-button@1.7.3"></a>

@@ -7,0 +29,0 @@ ## ak-button@1.7.3 (2016-11-03)

165

dist/bundle-cjs.js

@@ -71,3 +71,3 @@ module.exports = /******/

return obj && obj.__esModule ? obj : {
"default": obj
default: obj
};

@@ -77,3 +77,3 @@ }

value: !0
}), exports.themes = exports.TYPE = exports.APPEARANCE = void 0;
}), exports.themes = exports.SPACING = exports.TYPE = exports.APPEARANCE = void 0;
var _attr = function(value, name) {

@@ -83,6 +83,6 @@ _skatejs.vdom.attr(name, value);

for (var prop in object) _hasOwn.call(object, prop) && iterator(object[prop], prop);
}, _skatejs = __webpack_require__(1), _akTheme = __webpack_require__(2), _akutilCommon = __webpack_require__(3), _enumeratedProperties = __webpack_require__(4), _Slot = __webpack_require__(5), _Slot2 = _interopRequireDefault(_Slot), _Button = __webpack_require__(6), _Button2 = _interopRequireDefault(_Button), _styles = __webpack_require__(10), _styles2 = _interopRequireDefault(_styles), _adg = __webpack_require__(14), _adg2 = _interopRequireDefault(_adg), APPEARANCE = _enumeratedProperties.appearance.values, TYPE = _enumeratedProperties.type.values;
exports.APPEARANCE = APPEARANCE, exports.TYPE = TYPE;
}, _skatejs = __webpack_require__(1), _akTheme = __webpack_require__(2), _akutilCommon = __webpack_require__(3), _enumeratedProperties = __webpack_require__(4), _Slot = __webpack_require__(6), _Slot2 = _interopRequireDefault(_Slot), _Button = __webpack_require__(7), _Button2 = _interopRequireDefault(_Button), _styles = __webpack_require__(11), _styles2 = _interopRequireDefault(_styles), _adg = __webpack_require__(15), _adg2 = _interopRequireDefault(_adg), APPEARANCE = _enumeratedProperties.appearance.values, TYPE = _enumeratedProperties.type.values, SPACING = _enumeratedProperties.spacing.values;
exports.APPEARANCE = APPEARANCE, exports.TYPE = TYPE, exports.SPACING = SPACING;
var definition = (exports.themes = {
adg2: _adg2["default"]
adg2: _adg2.default
}, {

@@ -140,16 +140,15 @@ props: {

*/
disabled: _skatejs.prop["boolean"]({
disabled: _skatejs.prop.boolean({
attribute: !0
}),
/**
* @description Option to make a button compact
* @description Option to change button's padding. One of:
* 'none', 'compact'
* @memberof Button
* @default false
* @type {boolean}
* @example @html <ak-button compact></ak-button>
* @example @js button.compact = true;
* @default 'normal'
* @type {string}
* @example @html <ak-button spacing="compact"></ak-button>
* @example @js button.spacing = 'none';
*/
compact: _skatejs.prop["boolean"]({
attribute: !0
}),
spacing: _enumeratedProperties.spacing.enumeration,
/**

@@ -163,3 +162,3 @@ * @description Option to make a button selected

*/
selected: _skatejs.prop["boolean"]({
selected: _skatejs.prop.boolean({
attribute: !0

@@ -169,11 +168,11 @@ })

render: function(elem) {
var styles = (0, _akutilCommon.style)(_skatejs.vdom, (0, _styles2["default"])(elem.themeProps));
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"]);
var styles = (0, _akutilCommon.style)(_skatejs.vdom, (0, _styles2.default)(elem.themeProps));
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", (0, _akTheme.themeable)(definition));
exports["default"] = AkButton;
exports.default = AkButton;
}, /* 1 */

@@ -195,32 +194,40 @@ /***/

"use strict";
function _interopRequireDefault(obj) {
return obj && obj.__esModule ? obj : {
default: obj
};
}
Object.defineProperty(exports, "__esModule", {
value: !0
}), exports.type = exports.appearance = void 0;
var _akutilCommon = __webpack_require__(3), attributeValuesToEnumObject = function(values) {
}), exports.spacing = exports.type = exports.appearance = void 0;
var _assign = __webpack_require__(5), _assign2 = _interopRequireDefault(_assign), _akutilCommon = __webpack_require__(3), 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,
}, createEnumeration = function(name, values) {
var opts = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : {}, enumeratedValues = attributeValuesToEnumObject(values), propertyValues = {
attribute: name,
values: values
};
return (0, _assign2.default)(propertyValues, opts), {
enumeration: (0, _akutilCommon.enumeration)(propertyValues)({
attribute: !0
}),
values: enumeratedValues
};
};
exports.appearance = createEnumeration("appearance", [ "primary", "standard", "subtle", "link" ]),
exports.type = createEnumeration("type", [ "button", "submit" ], {
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
};
}), exports.spacing = createEnumeration("spacing", [ "normal", "compact", "none" ], {
missingDefault: "normal",
invalidDefault: "normal"
});
}, /* 5 */
/***/
function(module, exports) {
module.exports = require("babel-runtime/core-js/object/assign");
}, /* 6 */
/***/
function(module, exports, __webpack_require__) {

@@ -234,3 +241,3 @@ "use strict";

};
exports["default"] = function(props) {
exports.default = function(props) {
var name = props.name, styles = props.styles;

@@ -241,3 +248,3 @@ return _skatejs.vdom.elementOpen("span", null, null, "className", styles[getSlotName(name) + "-slot-wrapper"]),

};
}, /* 6 */
}, /* 7 */
/***/

@@ -248,3 +255,3 @@ function(module, exports, __webpack_require__) {

return obj && obj.__esModule ? obj : {
"default": obj
default: obj
};

@@ -262,5 +269,5 @@ }

for (var prop in object) _hasOwn.call(object, prop) && iterator(object[prop], prop);
}, _skatejs = __webpack_require__(1), _classnames = __webpack_require__(7), _classnames2 = _interopRequireDefault(_classnames), _getButtonClasses = __webpack_require__(8), _getButtonClasses2 = _interopRequireDefault(_getButtonClasses), Element = function(props, children) {
}, _skatejs = __webpack_require__(1), _classnames = __webpack_require__(8), _classnames2 = _interopRequireDefault(_classnames), _getButtonClasses = __webpack_require__(9), _getButtonClasses2 = _interopRequireDefault(_getButtonClasses), Element = function(props, children) {
var commonProps = {
className: (0, _classnames2["default"])((0, _getButtonClasses2["default"])(props.styles, props)),
className: (0, _classnames2.default)((0, _getButtonClasses2.default)(props.styles, props)),
disabled: props.disabled,

@@ -279,3 +286,3 @@ onmousedown: function(e) {

};
exports["default"] = function(props, children) {
exports.default = function(props, children) {
return _skatejs.vdom.elementOpen("span", null, null, "className", props.styles.root),

@@ -287,7 +294,7 @@ _skatejs.vdom.elementOpenStart(Element), _forOwn(props, _attr), _skatejs.vdom.elementOpenEnd(Element),

};
}, /* 7 */
}, /* 8 */
/***/
function(module, exports) {
module.exports = require("classnames");
}, /* 8 */
}, /* 9 */
/***/

@@ -298,3 +305,3 @@ function(module, exports, __webpack_require__) {

return obj && obj.__esModule ? obj : {
"default": obj
default: obj
};

@@ -305,19 +312,20 @@ }

});
var _defineProperty2 = __webpack_require__(9), _defineProperty3 = _interopRequireDefault(_defineProperty2), _enumeratedProperties = __webpack_require__(4), _appearance$values = _enumeratedProperties.appearance.values, PRIMARY = _appearance$values.PRIMARY, SUBTLE = _appearance$values.SUBTLE, LINK = _appearance$values.LINK;
exports["default"] = function(classKeys, props) {
var _defineProperty2 = __webpack_require__(10), _defineProperty3 = _interopRequireDefault(_defineProperty2), _enumeratedProperties = __webpack_require__(4), _appearance$values = _enumeratedProperties.appearance.values, PRIMARY = _appearance$values.PRIMARY, SUBTLE = _appearance$values.SUBTLE, LINK = _appearance$values.LINK, _spacing$values = _enumeratedProperties.spacing.values, COMPACT = _spacing$values.COMPACT, NONE = _spacing$values.NONE;
exports.default = function(classKeys, props) {
var _ref;
return _ref = {}, (0, _defineProperty3["default"])(_ref, classKeys.button, !0),
(0, _defineProperty3["default"])(_ref, classKeys.compact, props.compact), (0, _defineProperty3["default"])(_ref, classKeys.disabled, props.disabled),
(0, _defineProperty3["default"])(_ref, classKeys.selected, props.selected && !props.disabled),
(0, _defineProperty3["default"])(_ref, classKeys.primary, props.appearance === PRIMARY && !props.disabled && !props.selected),
(0, _defineProperty3["default"])(_ref, classKeys.subtle, props.appearance === SUBTLE && !props.disabled && !props.selected),
(0, _defineProperty3["default"])(_ref, classKeys.link, props.appearance === LINK && !props.selected),
(0, _defineProperty3["default"])(_ref, classKeys.href, props.href && !props.disabled),
return _ref = {}, (0, _defineProperty3.default)(_ref, classKeys.button, !0), (0,
_defineProperty3.default)(_ref, classKeys.compact, props.spacing === COMPACT), (0,
_defineProperty3.default)(_ref, classKeys.nospacing, props.spacing === NONE), (0,
_defineProperty3.default)(_ref, classKeys.disabled, props.disabled), (0, _defineProperty3.default)(_ref, classKeys.selected, props.selected && !props.disabled),
(0, _defineProperty3.default)(_ref, classKeys.primary, props.appearance === PRIMARY && !props.disabled && !props.selected),
(0, _defineProperty3.default)(_ref, classKeys.subtle, props.appearance === SUBTLE && !props.disabled && !props.selected),
(0, _defineProperty3.default)(_ref, classKeys.link, props.appearance === LINK && !props.selected),
(0, _defineProperty3.default)(_ref, classKeys.href, props.href && !props.disabled),
_ref;
};
}, /* 9 */
}, /* 10 */
/***/
function(module, exports) {
module.exports = require("babel-runtime/helpers/defineProperty");
}, /* 10 */
}, /* 11 */
/***/

@@ -328,3 +336,3 @@ function(module, exports, __webpack_require__) {

return obj && obj.__esModule ? obj : {
"default": obj
default: obj
};

@@ -335,5 +343,5 @@ }

});
var _lodash = __webpack_require__(11), _lodash2 = _interopRequireDefault(_lodash), _akutilSharedStyles = __webpack_require__(12), _sharedVariables = __webpack_require__(13), transitionValue = "\n background 0.1s\n ease-out,\n box-shadow 0.15s cubic-bezier(0.47, 0.03, 0.49, 1.38)\n";
exports["default"] = function(vars) {
var val = _lodash2["default"].bind(null, vars);
var _lodash = __webpack_require__(12), _lodash2 = _interopRequireDefault(_lodash), _akutilSharedStyles = __webpack_require__(13), _sharedVariables = __webpack_require__(14), transitionValue = "\n background 0.1s\n ease-out,\n box-shadow 0.15s cubic-bezier(0.47, 0.03, 0.49, 1.38)\n";
exports.default = function(vars) {
var val = _lodash2.default.bind(null, vars);
return {

@@ -502,14 +510,19 @@ // light DOM styles

"line-height": val("compact.lineHeight", 3 * _sharedVariables.grid / _sharedVariables.em + "em")
},
nospacing: {
height: "initial",
"line-height": "initial",
padding: 0
}
};
};
}, /* 11 */
}, /* 12 */
/***/
function(module, exports) {
module.exports = require("lodash.get");
}, /* 12 */
}, /* 13 */
/***/
function(module, exports) {
module.exports = require("akutil-shared-styles");
}, /* 13 */
}, /* 14 */
/***/

@@ -522,3 +535,3 @@ function(module, exports) {

exports.em = 14, exports.grid = 8;
}, /* 14 */
}, /* 15 */
/***/

@@ -529,3 +542,3 @@ function(module, exports, __webpack_require__) {

return obj && obj.__esModule ? obj : {
"default": obj
default: obj
};

@@ -536,7 +549,7 @@ }

});
var _skatejs = __webpack_require__(1), _akTheme = __webpack_require__(2), _akTheme2 = _interopRequireDefault(_akTheme), _sharedVariables = __webpack_require__(13);
exports["default"] = (0, _skatejs.define)("ak-button-theme-adg2", {
var _skatejs = __webpack_require__(1), _akTheme = __webpack_require__(2), _akTheme2 = _interopRequireDefault(_akTheme), _sharedVariables = __webpack_require__(14);
exports.default = (0, _skatejs.define)("ak-button-theme-adg2", {
render: function() {
var lineHeight = (4 * _sharedVariables.grid - 2) / _sharedVariables.em + "em", compactLineHeight = (3 * _sharedVariables.grid - 2) / _sharedVariables.em + "em";
return _skatejs.vdom.elementOpen(_akTheme2["default"], null, null, "id", "ak-button-theme-adg2"),
return _skatejs.vdom.elementOpen(_akTheme2.default, null, null, "id", "ak-button-theme-adg2"),
_skatejs.vdom.elementVoid(_akTheme.Prop, null, null, "name", "button.border", "value", "1px solid #ccc"),

@@ -575,5 +588,5 @@ _skatejs.vdom.elementVoid(_akTheme.Prop, null, null, "value", lineHeight, "name", "button.lineHeight"),

_skatejs.vdom.elementVoid(_akTheme.Prop, null, null, "value", compactLineHeight, "name", "compact.lineHeight"),
_skatejs.vdom.elementClose(_akTheme2["default"]);
_skatejs.vdom.elementClose(_akTheme2.default);
}
});
} ]);

2

dist/bundle-cjs.min.js

@@ -1,1 +0,1 @@

module.exports=function(e){function o(l){if(n[l])return n[l].exports;var t=n[l]={exports:{},id:l,loaded:!1};return e[l].call(t.exports,t,t.exports,o),t.loaded=!0,t.exports}var n={};return o.m=e,o.c=n,o.p="",o(0)}([function(e,o,n){"use strict";function l(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(o,"__esModule",{value:!0}),o.themes=o.TYPE=o.APPEARANCE=void 0;var t=function(e,o){d.vdom.attr(o,e)},r=Object.prototype.hasOwnProperty,a=function(e,o){for(var n in e)r.call(e,n)&&o(e[n],n)},d=n(1),u=n(2),i=n(3),s=n(4),m=n(5),c=l(m),p=n(6),b=l(p),v=n(10),f=l(v),g=n(14),h=l(g),k=s.appearance.values,y=s.type.values;o.APPEARANCE=k,o.TYPE=y;var x=(o.themes={adg2:h["default"]},{props:{appearance:s.appearance.enumeration,type:s.type.enumeration,href:d.prop.string({attribute:!0}),target:d.prop.string({attribute:!0}),disabled:d.prop["boolean"]({attribute:!0}),compact:d.prop["boolean"]({attribute:!0}),selected:d.prop["boolean"]({attribute:!0})},render:function(e){var o=(0,i.style)(d.vdom,(0,f["default"])(e.themeProps));return d.vdom.elementOpenStart(b["default"]),a((0,d.props)(e),t),d.vdom.attr("styles",o),d.vdom.elementOpenEnd(b["default"]),d.vdom.elementVoid(c["default"],null,null,"styles",o,"name","before"),d.vdom.elementVoid(c["default"],null,null,"styles",o),d.vdom.elementVoid(c["default"],null,null,"styles",o,"name","after"),d.vdom.elementClose(b["default"])}}),P=(0,d.define)("ak-button",(0,u.themeable)(x));o["default"]=P},function(e,o){e.exports=require("skatejs")},function(e,o){e.exports=require("ak-theme")},function(e,o){e.exports=require("akutil-common")},function(e,o,n){"use strict";Object.defineProperty(o,"__esModule",{value:!0}),o.type=o.appearance=void 0;var l=n(3),t=function(e){return e.reduce(function(e,o){return e[o.toUpperCase()]=o,e},{})},r=["primary","standard","subtle","link"],a=["button","submit"],d=t(r),u=t(a),i={attribute:"appearance",values:r,invalidDefault:d.STANDARD},s={attribute:"type",values:a,missingDefault:"button",invalidDefault:"button"};o.appearance={enumeration:(0,l.enumeration)(i)({attribute:!0}),values:d},o.type={enumeration:(0,l.enumeration)(s)({attribute:!0}),values:u}},function(e,o,n){"use strict";Object.defineProperty(o,"__esModule",{value:!0});var l=n(1),t=function(e){return e||"default"};o["default"]=function(e){var o=e.name,n=e.styles;return l.vdom.elementOpen("span",null,null,"className",n[t(o)+"-slot-wrapper"]),l.vdom.elementVoid("slot",null,null,"name",o,"className",n[t(o)+"-slot"]),l.vdom.elementClose("span")}},function(e,o,n){"use strict";function l(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(o,"__esModule",{value:!0});var t=function b(e){var o=typeof e;"number"===o||"string"===o||"object"===o&&e instanceof String?u.vdom.text(e):"function"===o&&e.__jsxDOMWrapper?e():Array.isArray(e)?e.forEach(b):"object"===o&&"[object Object]"===String(e)&&d(e,b)},r=function(e,o){u.vdom.attr(o,e)},a=Object.prototype.hasOwnProperty,d=function(e,o){for(var n in e)a.call(e,n)&&o(e[n],n)},u=n(1),i=n(7),s=l(i),m=n(8),c=l(m),p=function(e,o){var n={className:(0,s["default"])((0,c["default"])(e.styles,e)),disabled:e.disabled,onmousedown:function(e){return e.preventDefault()}};return e.href?e.disabled?(u.vdom.elementOpenStart("span"),d(n,r),u.vdom.elementOpenEnd("span"),t(o()),u.vdom.elementClose("span")):(u.vdom.elementOpenStart("a"),u.vdom.attr("href",e.href),u.vdom.attr("target",e.target),d(n,r),u.vdom.elementOpenEnd("a"),t(o()),u.vdom.elementClose("a")):(u.vdom.elementOpenStart("button"),u.vdom.attr("type",e.type),d(n,r),u.vdom.elementOpenEnd("button"),t(o()),u.vdom.elementClose("button"))};o["default"]=function(e,o){return u.vdom.elementOpen("span",null,null,"className",e.styles.root),u.vdom.elementOpenStart(p),d(e,r),u.vdom.elementOpenEnd(p),u.vdom.elementOpen("span",null,null,"className",e.styles["button-content"]),t(o()),u.vdom.elementClose("span"),u.vdom.elementClose(p),u.vdom.elementClose("span")}},function(e,o){e.exports=require("classnames")},function(e,o,n){"use strict";function l(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(o,"__esModule",{value:!0});var t=n(9),r=l(t),a=n(4),d=a.appearance.values,u=d.PRIMARY,i=d.SUBTLE,s=d.LINK;o["default"]=function(e,o){var n;return n={},(0,r["default"])(n,e.button,!0),(0,r["default"])(n,e.compact,o.compact),(0,r["default"])(n,e.disabled,o.disabled),(0,r["default"])(n,e.selected,o.selected&&!o.disabled),(0,r["default"])(n,e.primary,o.appearance===u&&!o.disabled&&!o.selected),(0,r["default"])(n,e.subtle,o.appearance===i&&!o.disabled&&!o.selected),(0,r["default"])(n,e.link,o.appearance===s&&!o.selected),(0,r["default"])(n,e.href,o.href&&!o.disabled),n}},function(e,o){e.exports=require("babel-runtime/helpers/defineProperty")},function(e,o,n){"use strict";function l(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(o,"__esModule",{value:!0});var t=n(11),r=l(t),a=n(12),d=n(13),u="\n background 0.1s\n ease-out,\n box-shadow 0.15s cubic-bezier(0.47, 0.03, 0.49, 1.38)\n";o["default"]=function(e){var o=r["default"].bind(null,e);return{":host":{display:"inline-flex"},":host(> _shadow_root_)":{display:"inline-flex"},":host([disabled])":{"pointer-events":"none"},'::slotted([slot="before"])':{"line-height":"0","margin-right":d.grid+"px"},"::slotted(:not([slot]))":{"line-height":"0"},'::slotted([slot="after"])':{"line-height":"0","margin-left":d.grid+"px"},"before-slot-wrapper":{"align-self":"center",display:"flex"},"default-slot-wrapper":{display:"flex"},"after-slot-wrapper":{"align-self":"center",display:"flex"},"button-content":{"align-items":"baseline",display:"flex","flex-wrap":"nowrap","pointer-events":"none"},"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:o("standard.background",a.akColorN20),"border-width":"0","border-radius":o("button.baseRadius",a.akBorderRadius),color:o("standard.color",a.akColorN500),display:"inline-flex","font-style":"normal","font-size":"inherit",height:o("button.height",4*d.grid/d.em+"em"),"line-height":o("button.lineHeight",4*d.grid/d.em+"em"),margin:"0",outline:"none",padding:o("button.padding",.75*d.grid+"px "+1.5*d.grid+"px"),"padding-top":0,"padding-bottom":0,"text-align":"center",transition:o("button.transition",u),"user-select":"none",border:o("button.border","none"),"vertical-align":"middle","align-items":"center","&::-moz-focus-inner":{margin:0,padding:0,border:0},"&:hover":{background:o("standard.hover.background",a.akColorN30),cursor:"pointer","border-color":o("standard.hover.borderColor")},"&:active":{background:o("standard.active.background",a.akColorB50),"box-shadow":o("standard.active.boxShadow"),"transition-duration":o("standard.active.transitionDuration","0s")},"&:focus":{"box-shadow":"0 0 0 2px "+o("standard.focus.background",a.akColorB200),"transition-duration":o("standard.focus.transitionDuration","0s, 0.2s")}},primary:{background:o("primary.background",a.akColorB400),color:o("primary.color",a.akColorN20),"border-color":o("primary.borderColor"),"font-weight":o("primary.fontWeight","normal"),"&:hover":{background:o("primary.hover.background",a.akColorB500),"border-color":o("primary.borderColor")},"&:active":{background:o("primary.active.background",a.akColorB300)}},subtle:{background:"none",color:o("subtle.color"),"border-color":o("subtle.borderColor"),"&:hover":{color:o("subtle.hover.color")}},disabled:{color:o("disabled.color",a.akColorN40),"::slotted(*)":{"pointer-events":"none"},cursor:"not-allowed",background:o("disabled.background"),"border-color":o("disabled.borderColor"),"box-shadow":o("disabled.boxShadow")},selected:{background:o("selected.background",a.akColorN700),color:o("selected.color",a.akColorN20),"box-shadow":o("selected.boxShadow"),"&:hover":{background:o("selected.hover.background",a.akColorN700),"border-color":o("selected.hover.borderColor"),transition:"none"}},href:{"text-decoration":"none"},link:{background:"none",color:o("link.color",a.akColorB400),transition:"color 0.1s ease-out","box-shadow":o("link.boxShadow"),"border-color":o("link.borderColor"),"&:hover":{background:"none",color:o("link.hover.color",a.akColorB300),"text-decoration":"underline","border-color":o("link.hover.borderColor")},"&:active":{color:o("link.active.color",a.akColorB300),"box-shadow":o("link.active.boxShadow"),"text-decoration":"none"},"&.disabled":{color:o("disabled.color",a.akColorN40),background:"none"}},compact:{height:o("compact.height",3*d.grid/d.em+"em"),"line-height":o("compact.lineHeight",3*d.grid/d.em+"em")}}}},function(e,o){e.exports=require("lodash.get")},function(e,o){e.exports=require("akutil-shared-styles")},function(e,o){"use strict";Object.defineProperty(o,"__esModule",{value:!0}),o.em=14,o.grid=8},function(e,o,n){"use strict";function l(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(o,"__esModule",{value:!0});var t=n(1),r=n(2),a=l(r),d=n(13);o["default"]=(0,t.define)("ak-button-theme-adg2",{render:function(){var e=(4*d.grid-2)/d.em+"em",o=(3*d.grid-2)/d.em+"em";return t.vdom.elementOpen(a["default"],null,null,"id","ak-button-theme-adg2"),t.vdom.elementVoid(r.Prop,null,null,"name","button.border","value","1px solid #ccc"),t.vdom.elementVoid(r.Prop,null,null,"value",e,"name","button.lineHeight"),t.vdom.elementVoid(r.Prop,null,null,"name","button.transition","value","none"),t.vdom.elementVoid(r.Prop,null,null,"name","standard.background","value","#f5f5f5"),t.vdom.elementVoid(r.Prop,null,null,"name","standard.color","value","#333"),t.vdom.elementVoid(r.Prop,null,null,"name","standard.hover.background","value","#e9e9e9"),t.vdom.elementVoid(r.Prop,null,null,"name","standard.hover.borderColor","value","#999"),t.vdom.elementVoid(r.Prop,null,null,"name","standard.active.boxShadow","value","inset 0 3px 6px 0 rgba(0,0,0,.1)"),t.vdom.elementVoid(r.Prop,null,null,"name","standard.active.background","value","#f5f5f5"),t.vdom.elementVoid(r.Prop,null,null,"name","primary.background","value","#3572b0"),t.vdom.elementVoid(r.Prop,null,null,"name","primary.borderColor","value","transparent"),t.vdom.elementVoid(r.Prop,null,null,"name","primary.color","value","#fff"),t.vdom.elementVoid(r.Prop,null,null,"name","primary.fontWeight","value","bold"),t.vdom.elementVoid(r.Prop,null,null,"name","primary.hover.background","value","#2a67a5"),t.vdom.elementVoid(r.Prop,null,null,"name","primary.hover.borderColor","value","transparent"),t.vdom.elementVoid(r.Prop,null,null,"name","primary.active.background","value","#3572b0"),t.vdom.elementVoid(r.Prop,null,null,"name","subtle.color","value","#707070"),t.vdom.elementVoid(r.Prop,null,null,"name","subtle.borderColor","value","transparent"),t.vdom.elementVoid(r.Prop,null,null,"name","subtle.hover.color","value","#000"),t.vdom.elementVoid(r.Prop,null,null,"name","disabled.color","value","#999"),t.vdom.elementVoid(r.Prop,null,null,"name","disabled.background","value","#f5f5f5"),t.vdom.elementVoid(r.Prop,null,null,"name","disabled.boxShadow","value","none"),t.vdom.elementVoid(r.Prop,null,null,"name","selected.boxShadow","value","inset 0 3px 6px 0 rgba(0,0,0,.1)"),t.vdom.elementVoid(r.Prop,null,null,"name","selected.background","value","#f5f5f5"),t.vdom.elementVoid(r.Prop,null,null,"name","selected.color","value","#333"),t.vdom.elementVoid(r.Prop,null,null,"name","selected.hover.background","value","#f5f5f5"),t.vdom.elementVoid(r.Prop,null,null,"name","selected.hover.borderColor","value","#ccc"),t.vdom.elementVoid(r.Prop,null,null,"name","link.color","value","#3572b0"),t.vdom.elementVoid(r.Prop,null,null,"name","link.borderColor","value","transparent"),t.vdom.elementVoid(r.Prop,null,null,"name","link.boxShadow","value","none"),t.vdom.elementVoid(r.Prop,null,null,"name","link.hover.borderColor","value","transparent"),t.vdom.elementVoid(r.Prop,null,null,"name","link.active.boxShadow","value","none"),t.vdom.elementVoid(r.Prop,null,null,"value",o,"name","compact.lineHeight"),t.vdom.elementClose(a["default"])}})}]);
module.exports=function(e){function o(l){if(n[l])return n[l].exports;var t=n[l]={exports:{},id:l,loaded:!1};return e[l].call(t.exports,t,t.exports,o),t.loaded=!0,t.exports}var n={};return o.m=e,o.c=n,o.p="",o(0)}([function(e,o,n){"use strict";function l(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(o,"__esModule",{value:!0}),o.themes=o.SPACING=o.TYPE=o.APPEARANCE=void 0;var t=function(e,o){d.vdom.attr(o,e)},r=Object.prototype.hasOwnProperty,a=function(e,o){for(var n in e)r.call(e,n)&&o(e[n],n)},d=n(1),u=n(2),i=n(3),s=n(4),m=n(6),c=l(m),p=n(7),b=l(p),v=n(11),f=l(v),g=n(15),h=l(g),k=s.appearance.values,y=s.type.values,x=s.spacing.values;o.APPEARANCE=k,o.TYPE=y,o.SPACING=x;var P=(o.themes={adg2:h.default},{props:{appearance:s.appearance.enumeration,type:s.type.enumeration,href:d.prop.string({attribute:!0}),target:d.prop.string({attribute:!0}),disabled:d.prop.boolean({attribute:!0}),spacing:s.spacing.enumeration,selected:d.prop.boolean({attribute:!0})},render:function(e){var o=(0,i.style)(d.vdom,(0,f.default)(e.themeProps));return d.vdom.elementOpenStart(b.default),a((0,d.props)(e),t),d.vdom.attr("styles",o),d.vdom.elementOpenEnd(b.default),d.vdom.elementVoid(c.default,null,null,"styles",o,"name","before"),d.vdom.elementVoid(c.default,null,null,"styles",o),d.vdom.elementVoid(c.default,null,null,"styles",o,"name","after"),d.vdom.elementClose(b.default)}}),C=(0,d.define)("ak-button",(0,u.themeable)(P));o.default=C},function(e,o){e.exports=require("skatejs")},function(e,o){e.exports=require("ak-theme")},function(e,o){e.exports=require("akutil-common")},function(e,o,n){"use strict";function l(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(o,"__esModule",{value:!0}),o.spacing=o.type=o.appearance=void 0;var t=n(5),r=l(t),a=n(3),d=function(e){return e.reduce(function(e,o){return e[o.toUpperCase()]=o,e},{})},u=function(e,o){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},l=d(o),t={attribute:e,values:o};return(0,r.default)(t,n),{enumeration:(0,a.enumeration)(t)({attribute:!0}),values:l}};o.appearance=u("appearance",["primary","standard","subtle","link"]),o.type=u("type",["button","submit"],{missingDefault:"button",invalidDefault:"button"}),o.spacing=u("spacing",["normal","compact","none"],{missingDefault:"normal",invalidDefault:"normal"})},function(e,o){e.exports=require("babel-runtime/core-js/object/assign")},function(e,o,n){"use strict";Object.defineProperty(o,"__esModule",{value:!0});var l=n(1),t=function(e){return e||"default"};o.default=function(e){var o=e.name,n=e.styles;return l.vdom.elementOpen("span",null,null,"className",n[t(o)+"-slot-wrapper"]),l.vdom.elementVoid("slot",null,null,"name",o,"className",n[t(o)+"-slot"]),l.vdom.elementClose("span")}},function(e,o,n){"use strict";function l(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(o,"__esModule",{value:!0});var t=function e(o){var n=typeof o;"number"===n||"string"===n||"object"===n&&o instanceof String?u.vdom.text(o):"function"===n&&o.__jsxDOMWrapper?o():Array.isArray(o)?o.forEach(e):"object"===n&&"[object Object]"===String(o)&&d(o,e)},r=function(e,o){u.vdom.attr(o,e)},a=Object.prototype.hasOwnProperty,d=function(e,o){for(var n in e)a.call(e,n)&&o(e[n],n)},u=n(1),i=n(8),s=l(i),m=n(9),c=l(m),p=function(e,o){var n={className:(0,s.default)((0,c.default)(e.styles,e)),disabled:e.disabled,onmousedown:function(e){return e.preventDefault()}};return e.href?e.disabled?(u.vdom.elementOpenStart("span"),d(n,r),u.vdom.elementOpenEnd("span"),t(o()),u.vdom.elementClose("span")):(u.vdom.elementOpenStart("a"),u.vdom.attr("href",e.href),u.vdom.attr("target",e.target),d(n,r),u.vdom.elementOpenEnd("a"),t(o()),u.vdom.elementClose("a")):(u.vdom.elementOpenStart("button"),u.vdom.attr("type",e.type),d(n,r),u.vdom.elementOpenEnd("button"),t(o()),u.vdom.elementClose("button"))};o.default=function(e,o){return u.vdom.elementOpen("span",null,null,"className",e.styles.root),u.vdom.elementOpenStart(p),d(e,r),u.vdom.elementOpenEnd(p),u.vdom.elementOpen("span",null,null,"className",e.styles["button-content"]),t(o()),u.vdom.elementClose("span"),u.vdom.elementClose(p),u.vdom.elementClose("span")}},function(e,o){e.exports=require("classnames")},function(e,o,n){"use strict";function l(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(o,"__esModule",{value:!0});var t=n(10),r=l(t),a=n(4),d=a.appearance.values,u=d.PRIMARY,i=d.SUBTLE,s=d.LINK,m=a.spacing.values,c=m.COMPACT,p=m.NONE;o.default=function(e,o){var n;return n={},(0,r.default)(n,e.button,!0),(0,r.default)(n,e.compact,o.spacing===c),(0,r.default)(n,e.nospacing,o.spacing===p),(0,r.default)(n,e.disabled,o.disabled),(0,r.default)(n,e.selected,o.selected&&!o.disabled),(0,r.default)(n,e.primary,o.appearance===u&&!o.disabled&&!o.selected),(0,r.default)(n,e.subtle,o.appearance===i&&!o.disabled&&!o.selected),(0,r.default)(n,e.link,o.appearance===s&&!o.selected),(0,r.default)(n,e.href,o.href&&!o.disabled),n}},function(e,o){e.exports=require("babel-runtime/helpers/defineProperty")},function(e,o,n){"use strict";function l(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(o,"__esModule",{value:!0});var t=n(12),r=l(t),a=n(13),d=n(14),u="\n background 0.1s\n ease-out,\n box-shadow 0.15s cubic-bezier(0.47, 0.03, 0.49, 1.38)\n";o.default=function(e){var o=r.default.bind(null,e);return{":host":{display:"inline-flex"},":host(> _shadow_root_)":{display:"inline-flex"},":host([disabled])":{"pointer-events":"none"},'::slotted([slot="before"])':{"line-height":"0","margin-right":d.grid+"px"},"::slotted(:not([slot]))":{"line-height":"0"},'::slotted([slot="after"])':{"line-height":"0","margin-left":d.grid+"px"},"before-slot-wrapper":{"align-self":"center",display:"flex"},"default-slot-wrapper":{display:"flex"},"after-slot-wrapper":{"align-self":"center",display:"flex"},"button-content":{"align-items":"baseline",display:"flex","flex-wrap":"nowrap","pointer-events":"none"},"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:o("standard.background",a.akColorN20),"border-width":"0","border-radius":o("button.baseRadius",a.akBorderRadius),color:o("standard.color",a.akColorN500),display:"inline-flex","font-style":"normal","font-size":"inherit",height:o("button.height",4*d.grid/d.em+"em"),"line-height":o("button.lineHeight",4*d.grid/d.em+"em"),margin:"0",outline:"none",padding:o("button.padding",.75*d.grid+"px "+1.5*d.grid+"px"),"padding-top":0,"padding-bottom":0,"text-align":"center",transition:o("button.transition",u),"user-select":"none",border:o("button.border","none"),"vertical-align":"middle","align-items":"center","&::-moz-focus-inner":{margin:0,padding:0,border:0},"&:hover":{background:o("standard.hover.background",a.akColorN30),cursor:"pointer","border-color":o("standard.hover.borderColor")},"&:active":{background:o("standard.active.background",a.akColorB50),"box-shadow":o("standard.active.boxShadow"),"transition-duration":o("standard.active.transitionDuration","0s")},"&:focus":{"box-shadow":"0 0 0 2px "+o("standard.focus.background",a.akColorB200),"transition-duration":o("standard.focus.transitionDuration","0s, 0.2s")}},primary:{background:o("primary.background",a.akColorB400),color:o("primary.color",a.akColorN20),"border-color":o("primary.borderColor"),"font-weight":o("primary.fontWeight","normal"),"&:hover":{background:o("primary.hover.background",a.akColorB500),"border-color":o("primary.borderColor")},"&:active":{background:o("primary.active.background",a.akColorB300)}},subtle:{background:"none",color:o("subtle.color"),"border-color":o("subtle.borderColor"),"&:hover":{color:o("subtle.hover.color")}},disabled:{color:o("disabled.color",a.akColorN40),"::slotted(*)":{"pointer-events":"none"},cursor:"not-allowed",background:o("disabled.background"),"border-color":o("disabled.borderColor"),"box-shadow":o("disabled.boxShadow")},selected:{background:o("selected.background",a.akColorN700),color:o("selected.color",a.akColorN20),"box-shadow":o("selected.boxShadow"),"&:hover":{background:o("selected.hover.background",a.akColorN700),"border-color":o("selected.hover.borderColor"),transition:"none"}},href:{"text-decoration":"none"},link:{background:"none",color:o("link.color",a.akColorB400),transition:"color 0.1s ease-out","box-shadow":o("link.boxShadow"),"border-color":o("link.borderColor"),"&:hover":{background:"none",color:o("link.hover.color",a.akColorB300),"text-decoration":"underline","border-color":o("link.hover.borderColor")},"&:active":{color:o("link.active.color",a.akColorB300),"box-shadow":o("link.active.boxShadow"),"text-decoration":"none"},"&.disabled":{color:o("disabled.color",a.akColorN40),background:"none"}},compact:{height:o("compact.height",3*d.grid/d.em+"em"),"line-height":o("compact.lineHeight",3*d.grid/d.em+"em")},nospacing:{height:"initial","line-height":"initial",padding:0}}}},function(e,o){e.exports=require("lodash.get")},function(e,o){e.exports=require("akutil-shared-styles")},function(e,o){"use strict";Object.defineProperty(o,"__esModule",{value:!0}),o.em=14,o.grid=8},function(e,o,n){"use strict";function l(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(o,"__esModule",{value:!0});var t=n(1),r=n(2),a=l(r),d=n(14);o.default=(0,t.define)("ak-button-theme-adg2",{render:function(){var e=(4*d.grid-2)/d.em+"em",o=(3*d.grid-2)/d.em+"em";return t.vdom.elementOpen(a.default,null,null,"id","ak-button-theme-adg2"),t.vdom.elementVoid(r.Prop,null,null,"name","button.border","value","1px solid #ccc"),t.vdom.elementVoid(r.Prop,null,null,"value",e,"name","button.lineHeight"),t.vdom.elementVoid(r.Prop,null,null,"name","button.transition","value","none"),t.vdom.elementVoid(r.Prop,null,null,"name","standard.background","value","#f5f5f5"),t.vdom.elementVoid(r.Prop,null,null,"name","standard.color","value","#333"),t.vdom.elementVoid(r.Prop,null,null,"name","standard.hover.background","value","#e9e9e9"),t.vdom.elementVoid(r.Prop,null,null,"name","standard.hover.borderColor","value","#999"),t.vdom.elementVoid(r.Prop,null,null,"name","standard.active.boxShadow","value","inset 0 3px 6px 0 rgba(0,0,0,.1)"),t.vdom.elementVoid(r.Prop,null,null,"name","standard.active.background","value","#f5f5f5"),t.vdom.elementVoid(r.Prop,null,null,"name","primary.background","value","#3572b0"),t.vdom.elementVoid(r.Prop,null,null,"name","primary.borderColor","value","transparent"),t.vdom.elementVoid(r.Prop,null,null,"name","primary.color","value","#fff"),t.vdom.elementVoid(r.Prop,null,null,"name","primary.fontWeight","value","bold"),t.vdom.elementVoid(r.Prop,null,null,"name","primary.hover.background","value","#2a67a5"),t.vdom.elementVoid(r.Prop,null,null,"name","primary.hover.borderColor","value","transparent"),t.vdom.elementVoid(r.Prop,null,null,"name","primary.active.background","value","#3572b0"),t.vdom.elementVoid(r.Prop,null,null,"name","subtle.color","value","#707070"),t.vdom.elementVoid(r.Prop,null,null,"name","subtle.borderColor","value","transparent"),t.vdom.elementVoid(r.Prop,null,null,"name","subtle.hover.color","value","#000"),t.vdom.elementVoid(r.Prop,null,null,"name","disabled.color","value","#999"),t.vdom.elementVoid(r.Prop,null,null,"name","disabled.background","value","#f5f5f5"),t.vdom.elementVoid(r.Prop,null,null,"name","disabled.boxShadow","value","none"),t.vdom.elementVoid(r.Prop,null,null,"name","selected.boxShadow","value","inset 0 3px 6px 0 rgba(0,0,0,.1)"),t.vdom.elementVoid(r.Prop,null,null,"name","selected.background","value","#f5f5f5"),t.vdom.elementVoid(r.Prop,null,null,"name","selected.color","value","#333"),t.vdom.elementVoid(r.Prop,null,null,"name","selected.hover.background","value","#f5f5f5"),t.vdom.elementVoid(r.Prop,null,null,"name","selected.hover.borderColor","value","#ccc"),t.vdom.elementVoid(r.Prop,null,null,"name","link.color","value","#3572b0"),t.vdom.elementVoid(r.Prop,null,null,"name","link.borderColor","value","transparent"),t.vdom.elementVoid(r.Prop,null,null,"name","link.boxShadow","value","none"),t.vdom.elementVoid(r.Prop,null,null,"name","link.hover.borderColor","value","transparent"),t.vdom.elementVoid(r.Prop,null,null,"name","link.active.boxShadow","value","none"),t.vdom.elementVoid(r.Prop,null,null,"value",o,"name","compact.lineHeight"),t.vdom.elementClose(a.default)}})}]);

175

dist/bundle.js
!function(root, factory) {
"object" == typeof exports && "object" == typeof module ? module.exports = factory(require("skatejs"), require("ak-theme"), require("akutil-common"), require("classnames"), require("babel-runtime/helpers/defineProperty"), require("lodash.get"), require("akutil-shared-styles")) : "function" == typeof define && define.amd ? define([ "skatejs", "ak-theme", "akutil-common", "classnames", "babel-runtime/helpers/defineProperty", "lodash.get", "akutil-shared-styles" ], factory) : "object" == typeof exports ? exports.akButton = factory(require("skatejs"), require("ak-theme"), require("akutil-common"), require("classnames"), require("babel-runtime/helpers/defineProperty"), require("lodash.get"), require("akutil-shared-styles")) : root.akButton = factory(root.skatejs, root["ak-theme"], root["akutil-common"], root.classnames, root["babel-runtime/helpers/defineProperty"], root["lodash.get"], root["akutil-shared-styles"]);
}(this, function(__WEBPACK_EXTERNAL_MODULE_1__, __WEBPACK_EXTERNAL_MODULE_2__, __WEBPACK_EXTERNAL_MODULE_3__, __WEBPACK_EXTERNAL_MODULE_7__, __WEBPACK_EXTERNAL_MODULE_9__, __WEBPACK_EXTERNAL_MODULE_11__, __WEBPACK_EXTERNAL_MODULE_12__) {
"object" == typeof exports && "object" == typeof module ? module.exports = factory(require("skatejs"), require("ak-theme"), require("akutil-common"), require("babel-runtime/core-js/object/assign"), require("classnames"), require("babel-runtime/helpers/defineProperty"), require("lodash.get"), require("akutil-shared-styles")) : "function" == typeof define && define.amd ? define([ "skatejs", "ak-theme", "akutil-common", "babel-runtime/core-js/object/assign", "classnames", "babel-runtime/helpers/defineProperty", "lodash.get", "akutil-shared-styles" ], factory) : "object" == typeof exports ? exports.akButton = factory(require("skatejs"), require("ak-theme"), require("akutil-common"), require("babel-runtime/core-js/object/assign"), require("classnames"), require("babel-runtime/helpers/defineProperty"), require("lodash.get"), require("akutil-shared-styles")) : root.akButton = factory(root.skatejs, root["ak-theme"], root["akutil-common"], root["babel-runtime/core-js/object/assign"], root.classnames, root["babel-runtime/helpers/defineProperty"], root["lodash.get"], root["akutil-shared-styles"]);
}(this, function(__WEBPACK_EXTERNAL_MODULE_1__, __WEBPACK_EXTERNAL_MODULE_2__, __WEBPACK_EXTERNAL_MODULE_3__, __WEBPACK_EXTERNAL_MODULE_5__, __WEBPACK_EXTERNAL_MODULE_8__, __WEBPACK_EXTERNAL_MODULE_10__, __WEBPACK_EXTERNAL_MODULE_12__, __WEBPACK_EXTERNAL_MODULE_13__) {
/******/

@@ -74,3 +74,3 @@ return function(modules) {

return obj && obj.__esModule ? obj : {
"default": obj
default: obj
};

@@ -80,3 +80,3 @@ }

value: !0
}), exports.themes = exports.TYPE = exports.APPEARANCE = void 0;
}), exports.themes = exports.SPACING = exports.TYPE = exports.APPEARANCE = void 0;
var _attr = function(value, name) {

@@ -86,6 +86,6 @@ _skatejs.vdom.attr(name, value);

for (var prop in object) _hasOwn.call(object, prop) && iterator(object[prop], prop);
}, _skatejs = __webpack_require__(1), _akTheme = __webpack_require__(2), _akutilCommon = __webpack_require__(3), _enumeratedProperties = __webpack_require__(4), _Slot = __webpack_require__(5), _Slot2 = _interopRequireDefault(_Slot), _Button = __webpack_require__(6), _Button2 = _interopRequireDefault(_Button), _styles = __webpack_require__(10), _styles2 = _interopRequireDefault(_styles), _adg = __webpack_require__(14), _adg2 = _interopRequireDefault(_adg), APPEARANCE = _enumeratedProperties.appearance.values, TYPE = _enumeratedProperties.type.values;
exports.APPEARANCE = APPEARANCE, exports.TYPE = TYPE;
}, _skatejs = __webpack_require__(1), _akTheme = __webpack_require__(2), _akutilCommon = __webpack_require__(3), _enumeratedProperties = __webpack_require__(4), _Slot = __webpack_require__(6), _Slot2 = _interopRequireDefault(_Slot), _Button = __webpack_require__(7), _Button2 = _interopRequireDefault(_Button), _styles = __webpack_require__(11), _styles2 = _interopRequireDefault(_styles), _adg = __webpack_require__(15), _adg2 = _interopRequireDefault(_adg), APPEARANCE = _enumeratedProperties.appearance.values, TYPE = _enumeratedProperties.type.values, SPACING = _enumeratedProperties.spacing.values;
exports.APPEARANCE = APPEARANCE, exports.TYPE = TYPE, exports.SPACING = SPACING;
var definition = (exports.themes = {
adg2: _adg2["default"]
adg2: _adg2.default
}, {

@@ -143,16 +143,15 @@ props: {

*/
disabled: _skatejs.prop["boolean"]({
disabled: _skatejs.prop.boolean({
attribute: !0
}),
/**
* @description Option to make a button compact
* @description Option to change button's padding. One of:
* 'none', 'compact'
* @memberof Button
* @default false
* @type {boolean}
* @example @html <ak-button compact></ak-button>
* @example @js button.compact = true;
* @default 'normal'
* @type {string}
* @example @html <ak-button spacing="compact"></ak-button>
* @example @js button.spacing = 'none';
*/
compact: _skatejs.prop["boolean"]({
attribute: !0
}),
spacing: _enumeratedProperties.spacing.enumeration,
/**

@@ -166,3 +165,3 @@ * @description Option to make a button selected

*/
selected: _skatejs.prop["boolean"]({
selected: _skatejs.prop.boolean({
attribute: !0

@@ -172,11 +171,11 @@ })

render: function(elem) {
var styles = (0, _akutilCommon.style)(_skatejs.vdom, (0, _styles2["default"])(elem.themeProps));
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"]);
var styles = (0, _akutilCommon.style)(_skatejs.vdom, (0, _styles2.default)(elem.themeProps));
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", (0, _akTheme.themeable)(definition));
exports["default"] = AkButton;
exports.default = AkButton;
}, /* 1 */

@@ -198,32 +197,40 @@ /***/

"use strict";
function _interopRequireDefault(obj) {
return obj && obj.__esModule ? obj : {
default: obj
};
}
Object.defineProperty(exports, "__esModule", {
value: !0
}), exports.type = exports.appearance = void 0;
var _akutilCommon = __webpack_require__(3), attributeValuesToEnumObject = function(values) {
}), exports.spacing = exports.type = exports.appearance = void 0;
var _assign = __webpack_require__(5), _assign2 = _interopRequireDefault(_assign), _akutilCommon = __webpack_require__(3), 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,
}, createEnumeration = function(name, values) {
var opts = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : {}, enumeratedValues = attributeValuesToEnumObject(values), propertyValues = {
attribute: name,
values: values
};
return (0, _assign2.default)(propertyValues, opts), {
enumeration: (0, _akutilCommon.enumeration)(propertyValues)({
attribute: !0
}),
values: enumeratedValues
};
};
exports.appearance = createEnumeration("appearance", [ "primary", "standard", "subtle", "link" ]),
exports.type = createEnumeration("type", [ "button", "submit" ], {
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
};
}), exports.spacing = createEnumeration("spacing", [ "normal", "compact", "none" ], {
missingDefault: "normal",
invalidDefault: "normal"
});
}, /* 5 */
/***/
function(module, exports) {
module.exports = __WEBPACK_EXTERNAL_MODULE_5__;
}, /* 6 */
/***/
function(module, exports, __webpack_require__) {

@@ -237,3 +244,3 @@ "use strict";

};
exports["default"] = function(props) {
exports.default = function(props) {
var name = props.name, styles = props.styles;

@@ -244,3 +251,3 @@ return _skatejs.vdom.elementOpen("span", null, null, "className", styles[getSlotName(name) + "-slot-wrapper"]),

};
}, /* 6 */
}, /* 7 */
/***/

@@ -251,3 +258,3 @@ function(module, exports, __webpack_require__) {

return obj && obj.__esModule ? obj : {
"default": obj
default: obj
};

@@ -265,5 +272,5 @@ }

for (var prop in object) _hasOwn.call(object, prop) && iterator(object[prop], prop);
}, _skatejs = __webpack_require__(1), _classnames = __webpack_require__(7), _classnames2 = _interopRequireDefault(_classnames), _getButtonClasses = __webpack_require__(8), _getButtonClasses2 = _interopRequireDefault(_getButtonClasses), Element = function(props, children) {
}, _skatejs = __webpack_require__(1), _classnames = __webpack_require__(8), _classnames2 = _interopRequireDefault(_classnames), _getButtonClasses = __webpack_require__(9), _getButtonClasses2 = _interopRequireDefault(_getButtonClasses), Element = function(props, children) {
var commonProps = {
className: (0, _classnames2["default"])((0, _getButtonClasses2["default"])(props.styles, props)),
className: (0, _classnames2.default)((0, _getButtonClasses2.default)(props.styles, props)),
disabled: props.disabled,

@@ -282,3 +289,3 @@ onmousedown: function(e) {

};
exports["default"] = function(props, children) {
exports.default = function(props, children) {
return _skatejs.vdom.elementOpen("span", null, null, "className", props.styles.root),

@@ -290,7 +297,7 @@ _skatejs.vdom.elementOpenStart(Element), _forOwn(props, _attr), _skatejs.vdom.elementOpenEnd(Element),

};
}, /* 7 */
}, /* 8 */
/***/
function(module, exports) {
module.exports = __WEBPACK_EXTERNAL_MODULE_7__;
}, /* 8 */
module.exports = __WEBPACK_EXTERNAL_MODULE_8__;
}, /* 9 */
/***/

@@ -301,3 +308,3 @@ function(module, exports, __webpack_require__) {

return obj && obj.__esModule ? obj : {
"default": obj
default: obj
};

@@ -308,19 +315,20 @@ }

});
var _defineProperty2 = __webpack_require__(9), _defineProperty3 = _interopRequireDefault(_defineProperty2), _enumeratedProperties = __webpack_require__(4), _appearance$values = _enumeratedProperties.appearance.values, PRIMARY = _appearance$values.PRIMARY, SUBTLE = _appearance$values.SUBTLE, LINK = _appearance$values.LINK;
exports["default"] = function(classKeys, props) {
var _defineProperty2 = __webpack_require__(10), _defineProperty3 = _interopRequireDefault(_defineProperty2), _enumeratedProperties = __webpack_require__(4), _appearance$values = _enumeratedProperties.appearance.values, PRIMARY = _appearance$values.PRIMARY, SUBTLE = _appearance$values.SUBTLE, LINK = _appearance$values.LINK, _spacing$values = _enumeratedProperties.spacing.values, COMPACT = _spacing$values.COMPACT, NONE = _spacing$values.NONE;
exports.default = function(classKeys, props) {
var _ref;
return _ref = {}, (0, _defineProperty3["default"])(_ref, classKeys.button, !0),
(0, _defineProperty3["default"])(_ref, classKeys.compact, props.compact), (0, _defineProperty3["default"])(_ref, classKeys.disabled, props.disabled),
(0, _defineProperty3["default"])(_ref, classKeys.selected, props.selected && !props.disabled),
(0, _defineProperty3["default"])(_ref, classKeys.primary, props.appearance === PRIMARY && !props.disabled && !props.selected),
(0, _defineProperty3["default"])(_ref, classKeys.subtle, props.appearance === SUBTLE && !props.disabled && !props.selected),
(0, _defineProperty3["default"])(_ref, classKeys.link, props.appearance === LINK && !props.selected),
(0, _defineProperty3["default"])(_ref, classKeys.href, props.href && !props.disabled),
return _ref = {}, (0, _defineProperty3.default)(_ref, classKeys.button, !0), (0,
_defineProperty3.default)(_ref, classKeys.compact, props.spacing === COMPACT), (0,
_defineProperty3.default)(_ref, classKeys.nospacing, props.spacing === NONE), (0,
_defineProperty3.default)(_ref, classKeys.disabled, props.disabled), (0, _defineProperty3.default)(_ref, classKeys.selected, props.selected && !props.disabled),
(0, _defineProperty3.default)(_ref, classKeys.primary, props.appearance === PRIMARY && !props.disabled && !props.selected),
(0, _defineProperty3.default)(_ref, classKeys.subtle, props.appearance === SUBTLE && !props.disabled && !props.selected),
(0, _defineProperty3.default)(_ref, classKeys.link, props.appearance === LINK && !props.selected),
(0, _defineProperty3.default)(_ref, classKeys.href, props.href && !props.disabled),
_ref;
};
}, /* 9 */
}, /* 10 */
/***/
function(module, exports) {
module.exports = __WEBPACK_EXTERNAL_MODULE_9__;
}, /* 10 */
module.exports = __WEBPACK_EXTERNAL_MODULE_10__;
}, /* 11 */
/***/

@@ -331,3 +339,3 @@ function(module, exports, __webpack_require__) {

return obj && obj.__esModule ? obj : {
"default": obj
default: obj
};

@@ -338,5 +346,5 @@ }

});
var _lodash = __webpack_require__(11), _lodash2 = _interopRequireDefault(_lodash), _akutilSharedStyles = __webpack_require__(12), _sharedVariables = __webpack_require__(13), transitionValue = "\n background 0.1s\n ease-out,\n box-shadow 0.15s cubic-bezier(0.47, 0.03, 0.49, 1.38)\n";
exports["default"] = function(vars) {
var val = _lodash2["default"].bind(null, vars);
var _lodash = __webpack_require__(12), _lodash2 = _interopRequireDefault(_lodash), _akutilSharedStyles = __webpack_require__(13), _sharedVariables = __webpack_require__(14), transitionValue = "\n background 0.1s\n ease-out,\n box-shadow 0.15s cubic-bezier(0.47, 0.03, 0.49, 1.38)\n";
exports.default = function(vars) {
var val = _lodash2.default.bind(null, vars);
return {

@@ -505,9 +513,10 @@ // light DOM styles

"line-height": val("compact.lineHeight", 3 * _sharedVariables.grid / _sharedVariables.em + "em")
},
nospacing: {
height: "initial",
"line-height": "initial",
padding: 0
}
};
};
}, /* 11 */
/***/
function(module, exports) {
module.exports = __WEBPACK_EXTERNAL_MODULE_11__;
}, /* 12 */

@@ -520,2 +529,6 @@ /***/

function(module, exports) {
module.exports = __WEBPACK_EXTERNAL_MODULE_13__;
}, /* 14 */
/***/
function(module, exports) {
"use strict";

@@ -526,3 +539,3 @@ Object.defineProperty(exports, "__esModule", {

exports.em = 14, exports.grid = 8;
}, /* 14 */
}, /* 15 */
/***/

@@ -533,3 +546,3 @@ function(module, exports, __webpack_require__) {

return obj && obj.__esModule ? obj : {
"default": obj
default: obj
};

@@ -540,7 +553,7 @@ }

});
var _skatejs = __webpack_require__(1), _akTheme = __webpack_require__(2), _akTheme2 = _interopRequireDefault(_akTheme), _sharedVariables = __webpack_require__(13);
exports["default"] = (0, _skatejs.define)("ak-button-theme-adg2", {
var _skatejs = __webpack_require__(1), _akTheme = __webpack_require__(2), _akTheme2 = _interopRequireDefault(_akTheme), _sharedVariables = __webpack_require__(14);
exports.default = (0, _skatejs.define)("ak-button-theme-adg2", {
render: function() {
var lineHeight = (4 * _sharedVariables.grid - 2) / _sharedVariables.em + "em", compactLineHeight = (3 * _sharedVariables.grid - 2) / _sharedVariables.em + "em";
return _skatejs.vdom.elementOpen(_akTheme2["default"], null, null, "id", "ak-button-theme-adg2"),
return _skatejs.vdom.elementOpen(_akTheme2.default, null, null, "id", "ak-button-theme-adg2"),
_skatejs.vdom.elementVoid(_akTheme.Prop, null, null, "name", "button.border", "value", "1px solid #ccc"),

@@ -579,3 +592,3 @@ _skatejs.vdom.elementVoid(_akTheme.Prop, null, null, "value", lineHeight, "name", "button.lineHeight"),

_skatejs.vdom.elementVoid(_akTheme.Prop, null, null, "value", compactLineHeight, "name", "compact.lineHeight"),
_skatejs.vdom.elementClose(_akTheme2["default"]);
_skatejs.vdom.elementClose(_akTheme2.default);
}

@@ -582,0 +595,0 @@ });

2

dist/bundle.min.js

@@ -1,1 +0,1 @@

!function(e,o){"object"==typeof exports&&"object"==typeof module?module.exports=o(require("skatejs"),require("ak-theme"),require("akutil-common"),require("classnames"),require("babel-runtime/helpers/defineProperty"),require("lodash.get"),require("akutil-shared-styles")):"function"==typeof define&&define.amd?define(["skatejs","ak-theme","akutil-common","classnames","babel-runtime/helpers/defineProperty","lodash.get","akutil-shared-styles"],o):"object"==typeof exports?exports.akButton=o(require("skatejs"),require("ak-theme"),require("akutil-common"),require("classnames"),require("babel-runtime/helpers/defineProperty"),require("lodash.get"),require("akutil-shared-styles")):e.akButton=o(e.skatejs,e["ak-theme"],e["akutil-common"],e.classnames,e["babel-runtime/helpers/defineProperty"],e["lodash.get"],e["akutil-shared-styles"])}(this,function(e,o,n,l,t,r,a){return function(e){function o(l){if(n[l])return n[l].exports;var t=n[l]={exports:{},id:l,loaded:!1};return e[l].call(t.exports,t,t.exports,o),t.loaded=!0,t.exports}var n={};return o.m=e,o.c=n,o.p="",o(0)}([function(e,o,n){"use strict";function l(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(o,"__esModule",{value:!0}),o.themes=o.TYPE=o.APPEARANCE=void 0;var t=function(e,o){d.vdom.attr(o,e)},r=Object.prototype.hasOwnProperty,a=function(e,o){for(var n in e)r.call(e,n)&&o(e[n],n)},d=n(1),u=n(2),i=n(3),s=n(4),m=n(5),c=l(m),p=n(6),b=l(p),v=n(10),f=l(v),h=n(14),g=l(h),k=s.appearance.values,y=s.type.values;o.APPEARANCE=k,o.TYPE=y;var x=(o.themes={adg2:g["default"]},{props:{appearance:s.appearance.enumeration,type:s.type.enumeration,href:d.prop.string({attribute:!0}),target:d.prop.string({attribute:!0}),disabled:d.prop["boolean"]({attribute:!0}),compact:d.prop["boolean"]({attribute:!0}),selected:d.prop["boolean"]({attribute:!0})},render:function(e){var o=(0,i.style)(d.vdom,(0,f["default"])(e.themeProps));return d.vdom.elementOpenStart(b["default"]),a((0,d.props)(e),t),d.vdom.attr("styles",o),d.vdom.elementOpenEnd(b["default"]),d.vdom.elementVoid(c["default"],null,null,"styles",o,"name","before"),d.vdom.elementVoid(c["default"],null,null,"styles",o),d.vdom.elementVoid(c["default"],null,null,"styles",o,"name","after"),d.vdom.elementClose(b["default"])}}),P=(0,d.define)("ak-button",(0,u.themeable)(x));o["default"]=P},function(o,n){o.exports=e},function(e,n){e.exports=o},function(e,o){e.exports=n},function(e,o,n){"use strict";Object.defineProperty(o,"__esModule",{value:!0}),o.type=o.appearance=void 0;var l=n(3),t=function(e){return e.reduce(function(e,o){return e[o.toUpperCase()]=o,e},{})},r=["primary","standard","subtle","link"],a=["button","submit"],d=t(r),u=t(a),i={attribute:"appearance",values:r,invalidDefault:d.STANDARD},s={attribute:"type",values:a,missingDefault:"button",invalidDefault:"button"};o.appearance={enumeration:(0,l.enumeration)(i)({attribute:!0}),values:d},o.type={enumeration:(0,l.enumeration)(s)({attribute:!0}),values:u}},function(e,o,n){"use strict";Object.defineProperty(o,"__esModule",{value:!0});var l=n(1),t=function(e){return e||"default"};o["default"]=function(e){var o=e.name,n=e.styles;return l.vdom.elementOpen("span",null,null,"className",n[t(o)+"-slot-wrapper"]),l.vdom.elementVoid("slot",null,null,"name",o,"className",n[t(o)+"-slot"]),l.vdom.elementClose("span")}},function(e,o,n){"use strict";function l(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(o,"__esModule",{value:!0});var t=function b(e){var o=typeof e;"number"===o||"string"===o||"object"===o&&e instanceof String?u.vdom.text(e):"function"===o&&e.__jsxDOMWrapper?e():Array.isArray(e)?e.forEach(b):"object"===o&&"[object Object]"===String(e)&&d(e,b)},r=function(e,o){u.vdom.attr(o,e)},a=Object.prototype.hasOwnProperty,d=function(e,o){for(var n in e)a.call(e,n)&&o(e[n],n)},u=n(1),i=n(7),s=l(i),m=n(8),c=l(m),p=function(e,o){var n={className:(0,s["default"])((0,c["default"])(e.styles,e)),disabled:e.disabled,onmousedown:function(e){return e.preventDefault()}};return e.href?e.disabled?(u.vdom.elementOpenStart("span"),d(n,r),u.vdom.elementOpenEnd("span"),t(o()),u.vdom.elementClose("span")):(u.vdom.elementOpenStart("a"),u.vdom.attr("href",e.href),u.vdom.attr("target",e.target),d(n,r),u.vdom.elementOpenEnd("a"),t(o()),u.vdom.elementClose("a")):(u.vdom.elementOpenStart("button"),u.vdom.attr("type",e.type),d(n,r),u.vdom.elementOpenEnd("button"),t(o()),u.vdom.elementClose("button"))};o["default"]=function(e,o){return u.vdom.elementOpen("span",null,null,"className",e.styles.root),u.vdom.elementOpenStart(p),d(e,r),u.vdom.elementOpenEnd(p),u.vdom.elementOpen("span",null,null,"className",e.styles["button-content"]),t(o()),u.vdom.elementClose("span"),u.vdom.elementClose(p),u.vdom.elementClose("span")}},function(e,o){e.exports=l},function(e,o,n){"use strict";function l(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(o,"__esModule",{value:!0});var t=n(9),r=l(t),a=n(4),d=a.appearance.values,u=d.PRIMARY,i=d.SUBTLE,s=d.LINK;o["default"]=function(e,o){var n;return n={},(0,r["default"])(n,e.button,!0),(0,r["default"])(n,e.compact,o.compact),(0,r["default"])(n,e.disabled,o.disabled),(0,r["default"])(n,e.selected,o.selected&&!o.disabled),(0,r["default"])(n,e.primary,o.appearance===u&&!o.disabled&&!o.selected),(0,r["default"])(n,e.subtle,o.appearance===i&&!o.disabled&&!o.selected),(0,r["default"])(n,e.link,o.appearance===s&&!o.selected),(0,r["default"])(n,e.href,o.href&&!o.disabled),n}},function(e,o){e.exports=t},function(e,o,n){"use strict";function l(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(o,"__esModule",{value:!0});var t=n(11),r=l(t),a=n(12),d=n(13),u="\n background 0.1s\n ease-out,\n box-shadow 0.15s cubic-bezier(0.47, 0.03, 0.49, 1.38)\n";o["default"]=function(e){var o=r["default"].bind(null,e);return{":host":{display:"inline-flex"},":host(> _shadow_root_)":{display:"inline-flex"},":host([disabled])":{"pointer-events":"none"},'::slotted([slot="before"])':{"line-height":"0","margin-right":d.grid+"px"},"::slotted(:not([slot]))":{"line-height":"0"},'::slotted([slot="after"])':{"line-height":"0","margin-left":d.grid+"px"},"before-slot-wrapper":{"align-self":"center",display:"flex"},"default-slot-wrapper":{display:"flex"},"after-slot-wrapper":{"align-self":"center",display:"flex"},"button-content":{"align-items":"baseline",display:"flex","flex-wrap":"nowrap","pointer-events":"none"},"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:o("standard.background",a.akColorN20),"border-width":"0","border-radius":o("button.baseRadius",a.akBorderRadius),color:o("standard.color",a.akColorN500),display:"inline-flex","font-style":"normal","font-size":"inherit",height:o("button.height",4*d.grid/d.em+"em"),"line-height":o("button.lineHeight",4*d.grid/d.em+"em"),margin:"0",outline:"none",padding:o("button.padding",.75*d.grid+"px "+1.5*d.grid+"px"),"padding-top":0,"padding-bottom":0,"text-align":"center",transition:o("button.transition",u),"user-select":"none",border:o("button.border","none"),"vertical-align":"middle","align-items":"center","&::-moz-focus-inner":{margin:0,padding:0,border:0},"&:hover":{background:o("standard.hover.background",a.akColorN30),cursor:"pointer","border-color":o("standard.hover.borderColor")},"&:active":{background:o("standard.active.background",a.akColorB50),"box-shadow":o("standard.active.boxShadow"),"transition-duration":o("standard.active.transitionDuration","0s")},"&:focus":{"box-shadow":"0 0 0 2px "+o("standard.focus.background",a.akColorB200),"transition-duration":o("standard.focus.transitionDuration","0s, 0.2s")}},primary:{background:o("primary.background",a.akColorB400),color:o("primary.color",a.akColorN20),"border-color":o("primary.borderColor"),"font-weight":o("primary.fontWeight","normal"),"&:hover":{background:o("primary.hover.background",a.akColorB500),"border-color":o("primary.borderColor")},"&:active":{background:o("primary.active.background",a.akColorB300)}},subtle:{background:"none",color:o("subtle.color"),"border-color":o("subtle.borderColor"),"&:hover":{color:o("subtle.hover.color")}},disabled:{color:o("disabled.color",a.akColorN40),"::slotted(*)":{"pointer-events":"none"},cursor:"not-allowed",background:o("disabled.background"),"border-color":o("disabled.borderColor"),"box-shadow":o("disabled.boxShadow")},selected:{background:o("selected.background",a.akColorN700),color:o("selected.color",a.akColorN20),"box-shadow":o("selected.boxShadow"),"&:hover":{background:o("selected.hover.background",a.akColorN700),"border-color":o("selected.hover.borderColor"),transition:"none"}},href:{"text-decoration":"none"},link:{background:"none",color:o("link.color",a.akColorB400),transition:"color 0.1s ease-out","box-shadow":o("link.boxShadow"),"border-color":o("link.borderColor"),"&:hover":{background:"none",color:o("link.hover.color",a.akColorB300),"text-decoration":"underline","border-color":o("link.hover.borderColor")},"&:active":{color:o("link.active.color",a.akColorB300),"box-shadow":o("link.active.boxShadow"),"text-decoration":"none"},"&.disabled":{color:o("disabled.color",a.akColorN40),background:"none"}},compact:{height:o("compact.height",3*d.grid/d.em+"em"),"line-height":o("compact.lineHeight",3*d.grid/d.em+"em")}}}},function(e,o){e.exports=r},function(e,o){e.exports=a},function(e,o){"use strict";Object.defineProperty(o,"__esModule",{value:!0}),o.em=14,o.grid=8},function(e,o,n){"use strict";function l(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(o,"__esModule",{value:!0});var t=n(1),r=n(2),a=l(r),d=n(13);o["default"]=(0,t.define)("ak-button-theme-adg2",{render:function(){var e=(4*d.grid-2)/d.em+"em",o=(3*d.grid-2)/d.em+"em";return t.vdom.elementOpen(a["default"],null,null,"id","ak-button-theme-adg2"),t.vdom.elementVoid(r.Prop,null,null,"name","button.border","value","1px solid #ccc"),t.vdom.elementVoid(r.Prop,null,null,"value",e,"name","button.lineHeight"),t.vdom.elementVoid(r.Prop,null,null,"name","button.transition","value","none"),t.vdom.elementVoid(r.Prop,null,null,"name","standard.background","value","#f5f5f5"),t.vdom.elementVoid(r.Prop,null,null,"name","standard.color","value","#333"),t.vdom.elementVoid(r.Prop,null,null,"name","standard.hover.background","value","#e9e9e9"),t.vdom.elementVoid(r.Prop,null,null,"name","standard.hover.borderColor","value","#999"),t.vdom.elementVoid(r.Prop,null,null,"name","standard.active.boxShadow","value","inset 0 3px 6px 0 rgba(0,0,0,.1)"),t.vdom.elementVoid(r.Prop,null,null,"name","standard.active.background","value","#f5f5f5"),t.vdom.elementVoid(r.Prop,null,null,"name","primary.background","value","#3572b0"),t.vdom.elementVoid(r.Prop,null,null,"name","primary.borderColor","value","transparent"),t.vdom.elementVoid(r.Prop,null,null,"name","primary.color","value","#fff"),t.vdom.elementVoid(r.Prop,null,null,"name","primary.fontWeight","value","bold"),t.vdom.elementVoid(r.Prop,null,null,"name","primary.hover.background","value","#2a67a5"),t.vdom.elementVoid(r.Prop,null,null,"name","primary.hover.borderColor","value","transparent"),t.vdom.elementVoid(r.Prop,null,null,"name","primary.active.background","value","#3572b0"),t.vdom.elementVoid(r.Prop,null,null,"name","subtle.color","value","#707070"),t.vdom.elementVoid(r.Prop,null,null,"name","subtle.borderColor","value","transparent"),t.vdom.elementVoid(r.Prop,null,null,"name","subtle.hover.color","value","#000"),t.vdom.elementVoid(r.Prop,null,null,"name","disabled.color","value","#999"),t.vdom.elementVoid(r.Prop,null,null,"name","disabled.background","value","#f5f5f5"),t.vdom.elementVoid(r.Prop,null,null,"name","disabled.boxShadow","value","none"),t.vdom.elementVoid(r.Prop,null,null,"name","selected.boxShadow","value","inset 0 3px 6px 0 rgba(0,0,0,.1)"),t.vdom.elementVoid(r.Prop,null,null,"name","selected.background","value","#f5f5f5"),t.vdom.elementVoid(r.Prop,null,null,"name","selected.color","value","#333"),t.vdom.elementVoid(r.Prop,null,null,"name","selected.hover.background","value","#f5f5f5"),t.vdom.elementVoid(r.Prop,null,null,"name","selected.hover.borderColor","value","#ccc"),t.vdom.elementVoid(r.Prop,null,null,"name","link.color","value","#3572b0"),t.vdom.elementVoid(r.Prop,null,null,"name","link.borderColor","value","transparent"),t.vdom.elementVoid(r.Prop,null,null,"name","link.boxShadow","value","none"),t.vdom.elementVoid(r.Prop,null,null,"name","link.hover.borderColor","value","transparent"),t.vdom.elementVoid(r.Prop,null,null,"name","link.active.boxShadow","value","none"),t.vdom.elementVoid(r.Prop,null,null,"value",o,"name","compact.lineHeight"),t.vdom.elementClose(a["default"])}})}])});
!function(e,o){"object"==typeof exports&&"object"==typeof module?module.exports=o(require("skatejs"),require("ak-theme"),require("akutil-common"),require("babel-runtime/core-js/object/assign"),require("classnames"),require("babel-runtime/helpers/defineProperty"),require("lodash.get"),require("akutil-shared-styles")):"function"==typeof define&&define.amd?define(["skatejs","ak-theme","akutil-common","babel-runtime/core-js/object/assign","classnames","babel-runtime/helpers/defineProperty","lodash.get","akutil-shared-styles"],o):"object"==typeof exports?exports.akButton=o(require("skatejs"),require("ak-theme"),require("akutil-common"),require("babel-runtime/core-js/object/assign"),require("classnames"),require("babel-runtime/helpers/defineProperty"),require("lodash.get"),require("akutil-shared-styles")):e.akButton=o(e.skatejs,e["ak-theme"],e["akutil-common"],e["babel-runtime/core-js/object/assign"],e.classnames,e["babel-runtime/helpers/defineProperty"],e["lodash.get"],e["akutil-shared-styles"])}(this,function(e,o,n,l,t,r,a,d){return function(e){function o(l){if(n[l])return n[l].exports;var t=n[l]={exports:{},id:l,loaded:!1};return e[l].call(t.exports,t,t.exports,o),t.loaded=!0,t.exports}var n={};return o.m=e,o.c=n,o.p="",o(0)}([function(e,o,n){"use strict";function l(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(o,"__esModule",{value:!0}),o.themes=o.SPACING=o.TYPE=o.APPEARANCE=void 0;var t=function(e,o){d.vdom.attr(o,e)},r=Object.prototype.hasOwnProperty,a=function(e,o){for(var n in e)r.call(e,n)&&o(e[n],n)},d=n(1),u=n(2),i=n(3),s=n(4),m=n(6),c=l(m),p=n(7),b=l(p),v=n(11),f=l(v),g=n(15),h=l(g),k=s.appearance.values,y=s.type.values,x=s.spacing.values;o.APPEARANCE=k,o.TYPE=y,o.SPACING=x;var P=(o.themes={adg2:h.default},{props:{appearance:s.appearance.enumeration,type:s.type.enumeration,href:d.prop.string({attribute:!0}),target:d.prop.string({attribute:!0}),disabled:d.prop.boolean({attribute:!0}),spacing:s.spacing.enumeration,selected:d.prop.boolean({attribute:!0})},render:function(e){var o=(0,i.style)(d.vdom,(0,f.default)(e.themeProps));return d.vdom.elementOpenStart(b.default),a((0,d.props)(e),t),d.vdom.attr("styles",o),d.vdom.elementOpenEnd(b.default),d.vdom.elementVoid(c.default,null,null,"styles",o,"name","before"),d.vdom.elementVoid(c.default,null,null,"styles",o),d.vdom.elementVoid(c.default,null,null,"styles",o,"name","after"),d.vdom.elementClose(b.default)}}),C=(0,d.define)("ak-button",(0,u.themeable)(P));o.default=C},function(o,n){o.exports=e},function(e,n){e.exports=o},function(e,o){e.exports=n},function(e,o,n){"use strict";function l(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(o,"__esModule",{value:!0}),o.spacing=o.type=o.appearance=void 0;var t=n(5),r=l(t),a=n(3),d=function(e){return e.reduce(function(e,o){return e[o.toUpperCase()]=o,e},{})},u=function(e,o){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},l=d(o),t={attribute:e,values:o};return(0,r.default)(t,n),{enumeration:(0,a.enumeration)(t)({attribute:!0}),values:l}};o.appearance=u("appearance",["primary","standard","subtle","link"]),o.type=u("type",["button","submit"],{missingDefault:"button",invalidDefault:"button"}),o.spacing=u("spacing",["normal","compact","none"],{missingDefault:"normal",invalidDefault:"normal"})},function(e,o){e.exports=l},function(e,o,n){"use strict";Object.defineProperty(o,"__esModule",{value:!0});var l=n(1),t=function(e){return e||"default"};o.default=function(e){var o=e.name,n=e.styles;return l.vdom.elementOpen("span",null,null,"className",n[t(o)+"-slot-wrapper"]),l.vdom.elementVoid("slot",null,null,"name",o,"className",n[t(o)+"-slot"]),l.vdom.elementClose("span")}},function(e,o,n){"use strict";function l(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(o,"__esModule",{value:!0});var t=function e(o){var n=typeof o;"number"===n||"string"===n||"object"===n&&o instanceof String?u.vdom.text(o):"function"===n&&o.__jsxDOMWrapper?o():Array.isArray(o)?o.forEach(e):"object"===n&&"[object Object]"===String(o)&&d(o,e)},r=function(e,o){u.vdom.attr(o,e)},a=Object.prototype.hasOwnProperty,d=function(e,o){for(var n in e)a.call(e,n)&&o(e[n],n)},u=n(1),i=n(8),s=l(i),m=n(9),c=l(m),p=function(e,o){var n={className:(0,s.default)((0,c.default)(e.styles,e)),disabled:e.disabled,onmousedown:function(e){return e.preventDefault()}};return e.href?e.disabled?(u.vdom.elementOpenStart("span"),d(n,r),u.vdom.elementOpenEnd("span"),t(o()),u.vdom.elementClose("span")):(u.vdom.elementOpenStart("a"),u.vdom.attr("href",e.href),u.vdom.attr("target",e.target),d(n,r),u.vdom.elementOpenEnd("a"),t(o()),u.vdom.elementClose("a")):(u.vdom.elementOpenStart("button"),u.vdom.attr("type",e.type),d(n,r),u.vdom.elementOpenEnd("button"),t(o()),u.vdom.elementClose("button"))};o.default=function(e,o){return u.vdom.elementOpen("span",null,null,"className",e.styles.root),u.vdom.elementOpenStart(p),d(e,r),u.vdom.elementOpenEnd(p),u.vdom.elementOpen("span",null,null,"className",e.styles["button-content"]),t(o()),u.vdom.elementClose("span"),u.vdom.elementClose(p),u.vdom.elementClose("span")}},function(e,o){e.exports=t},function(e,o,n){"use strict";function l(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(o,"__esModule",{value:!0});var t=n(10),r=l(t),a=n(4),d=a.appearance.values,u=d.PRIMARY,i=d.SUBTLE,s=d.LINK,m=a.spacing.values,c=m.COMPACT,p=m.NONE;o.default=function(e,o){var n;return n={},(0,r.default)(n,e.button,!0),(0,r.default)(n,e.compact,o.spacing===c),(0,r.default)(n,e.nospacing,o.spacing===p),(0,r.default)(n,e.disabled,o.disabled),(0,r.default)(n,e.selected,o.selected&&!o.disabled),(0,r.default)(n,e.primary,o.appearance===u&&!o.disabled&&!o.selected),(0,r.default)(n,e.subtle,o.appearance===i&&!o.disabled&&!o.selected),(0,r.default)(n,e.link,o.appearance===s&&!o.selected),(0,r.default)(n,e.href,o.href&&!o.disabled),n}},function(e,o){e.exports=r},function(e,o,n){"use strict";function l(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(o,"__esModule",{value:!0});var t=n(12),r=l(t),a=n(13),d=n(14),u="\n background 0.1s\n ease-out,\n box-shadow 0.15s cubic-bezier(0.47, 0.03, 0.49, 1.38)\n";o.default=function(e){var o=r.default.bind(null,e);return{":host":{display:"inline-flex"},":host(> _shadow_root_)":{display:"inline-flex"},":host([disabled])":{"pointer-events":"none"},'::slotted([slot="before"])':{"line-height":"0","margin-right":d.grid+"px"},"::slotted(:not([slot]))":{"line-height":"0"},'::slotted([slot="after"])':{"line-height":"0","margin-left":d.grid+"px"},"before-slot-wrapper":{"align-self":"center",display:"flex"},"default-slot-wrapper":{display:"flex"},"after-slot-wrapper":{"align-self":"center",display:"flex"},"button-content":{"align-items":"baseline",display:"flex","flex-wrap":"nowrap","pointer-events":"none"},"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:o("standard.background",a.akColorN20),"border-width":"0","border-radius":o("button.baseRadius",a.akBorderRadius),color:o("standard.color",a.akColorN500),display:"inline-flex","font-style":"normal","font-size":"inherit",height:o("button.height",4*d.grid/d.em+"em"),"line-height":o("button.lineHeight",4*d.grid/d.em+"em"),margin:"0",outline:"none",padding:o("button.padding",.75*d.grid+"px "+1.5*d.grid+"px"),"padding-top":0,"padding-bottom":0,"text-align":"center",transition:o("button.transition",u),"user-select":"none",border:o("button.border","none"),"vertical-align":"middle","align-items":"center","&::-moz-focus-inner":{margin:0,padding:0,border:0},"&:hover":{background:o("standard.hover.background",a.akColorN30),cursor:"pointer","border-color":o("standard.hover.borderColor")},"&:active":{background:o("standard.active.background",a.akColorB50),"box-shadow":o("standard.active.boxShadow"),"transition-duration":o("standard.active.transitionDuration","0s")},"&:focus":{"box-shadow":"0 0 0 2px "+o("standard.focus.background",a.akColorB200),"transition-duration":o("standard.focus.transitionDuration","0s, 0.2s")}},primary:{background:o("primary.background",a.akColorB400),color:o("primary.color",a.akColorN20),"border-color":o("primary.borderColor"),"font-weight":o("primary.fontWeight","normal"),"&:hover":{background:o("primary.hover.background",a.akColorB500),"border-color":o("primary.borderColor")},"&:active":{background:o("primary.active.background",a.akColorB300)}},subtle:{background:"none",color:o("subtle.color"),"border-color":o("subtle.borderColor"),"&:hover":{color:o("subtle.hover.color")}},disabled:{color:o("disabled.color",a.akColorN40),"::slotted(*)":{"pointer-events":"none"},cursor:"not-allowed",background:o("disabled.background"),"border-color":o("disabled.borderColor"),"box-shadow":o("disabled.boxShadow")},selected:{background:o("selected.background",a.akColorN700),color:o("selected.color",a.akColorN20),"box-shadow":o("selected.boxShadow"),"&:hover":{background:o("selected.hover.background",a.akColorN700),"border-color":o("selected.hover.borderColor"),transition:"none"}},href:{"text-decoration":"none"},link:{background:"none",color:o("link.color",a.akColorB400),transition:"color 0.1s ease-out","box-shadow":o("link.boxShadow"),"border-color":o("link.borderColor"),"&:hover":{background:"none",color:o("link.hover.color",a.akColorB300),"text-decoration":"underline","border-color":o("link.hover.borderColor")},"&:active":{color:o("link.active.color",a.akColorB300),"box-shadow":o("link.active.boxShadow"),"text-decoration":"none"},"&.disabled":{color:o("disabled.color",a.akColorN40),background:"none"}},compact:{height:o("compact.height",3*d.grid/d.em+"em"),"line-height":o("compact.lineHeight",3*d.grid/d.em+"em")},nospacing:{height:"initial","line-height":"initial",padding:0}}}},function(e,o){e.exports=a},function(e,o){e.exports=d},function(e,o){"use strict";Object.defineProperty(o,"__esModule",{value:!0}),o.em=14,o.grid=8},function(e,o,n){"use strict";function l(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(o,"__esModule",{value:!0});var t=n(1),r=n(2),a=l(r),d=n(14);o.default=(0,t.define)("ak-button-theme-adg2",{render:function(){var e=(4*d.grid-2)/d.em+"em",o=(3*d.grid-2)/d.em+"em";return t.vdom.elementOpen(a.default,null,null,"id","ak-button-theme-adg2"),t.vdom.elementVoid(r.Prop,null,null,"name","button.border","value","1px solid #ccc"),t.vdom.elementVoid(r.Prop,null,null,"value",e,"name","button.lineHeight"),t.vdom.elementVoid(r.Prop,null,null,"name","button.transition","value","none"),t.vdom.elementVoid(r.Prop,null,null,"name","standard.background","value","#f5f5f5"),t.vdom.elementVoid(r.Prop,null,null,"name","standard.color","value","#333"),t.vdom.elementVoid(r.Prop,null,null,"name","standard.hover.background","value","#e9e9e9"),t.vdom.elementVoid(r.Prop,null,null,"name","standard.hover.borderColor","value","#999"),t.vdom.elementVoid(r.Prop,null,null,"name","standard.active.boxShadow","value","inset 0 3px 6px 0 rgba(0,0,0,.1)"),t.vdom.elementVoid(r.Prop,null,null,"name","standard.active.background","value","#f5f5f5"),t.vdom.elementVoid(r.Prop,null,null,"name","primary.background","value","#3572b0"),t.vdom.elementVoid(r.Prop,null,null,"name","primary.borderColor","value","transparent"),t.vdom.elementVoid(r.Prop,null,null,"name","primary.color","value","#fff"),t.vdom.elementVoid(r.Prop,null,null,"name","primary.fontWeight","value","bold"),t.vdom.elementVoid(r.Prop,null,null,"name","primary.hover.background","value","#2a67a5"),t.vdom.elementVoid(r.Prop,null,null,"name","primary.hover.borderColor","value","transparent"),t.vdom.elementVoid(r.Prop,null,null,"name","primary.active.background","value","#3572b0"),t.vdom.elementVoid(r.Prop,null,null,"name","subtle.color","value","#707070"),t.vdom.elementVoid(r.Prop,null,null,"name","subtle.borderColor","value","transparent"),t.vdom.elementVoid(r.Prop,null,null,"name","subtle.hover.color","value","#000"),t.vdom.elementVoid(r.Prop,null,null,"name","disabled.color","value","#999"),t.vdom.elementVoid(r.Prop,null,null,"name","disabled.background","value","#f5f5f5"),t.vdom.elementVoid(r.Prop,null,null,"name","disabled.boxShadow","value","none"),t.vdom.elementVoid(r.Prop,null,null,"name","selected.boxShadow","value","inset 0 3px 6px 0 rgba(0,0,0,.1)"),t.vdom.elementVoid(r.Prop,null,null,"name","selected.background","value","#f5f5f5"),t.vdom.elementVoid(r.Prop,null,null,"name","selected.color","value","#333"),t.vdom.elementVoid(r.Prop,null,null,"name","selected.hover.background","value","#f5f5f5"),t.vdom.elementVoid(r.Prop,null,null,"name","selected.hover.borderColor","value","#ccc"),t.vdom.elementVoid(r.Prop,null,null,"name","link.color","value","#3572b0"),t.vdom.elementVoid(r.Prop,null,null,"name","link.borderColor","value","transparent"),t.vdom.elementVoid(r.Prop,null,null,"name","link.boxShadow","value","none"),t.vdom.elementVoid(r.Prop,null,null,"name","link.hover.borderColor","value","transparent"),t.vdom.elementVoid(r.Prop,null,null,"name","link.active.boxShadow","value","none"),t.vdom.elementVoid(r.Prop,null,null,"value",o,"name","compact.lineHeight"),t.vdom.elementClose(a.default)}})}])});

2

package.json
{
"name": "ak-button",
"version": "1.7.3",
"version": "2.0.0",
"description": "ak-button webcomponent",

@@ -5,0 +5,0 @@ "main": "dist/bundle.js",

25

README.md

@@ -5,3 +5,3 @@ [![AtlasKit component registry](https://img.shields.io/badge/AtlasKit-components-FF5230.svg)](http://aui-cdn.atlassian.com/atlaskit/registry/)

[![Report an issue](https://img.shields.io/badge/Report-an_issue-6554C0.svg)](https://ecosystem.atlassian.net/browse/AK)
[![Ask in our forum](https://img.shields.io/badge/Ask-in_our_forum-6554C0.svg)](https://answers.atlassian.com/questions/ask?title=AtlasKit%3A%20&topics=atlaskit,ak-button,ak-button@1.7.3)
[![Ask in our forum](https://img.shields.io/badge/Ask-in_our_forum-6554C0.svg)](https://answers.atlassian.com/questions/ask?title=AtlasKit%3A%20&topics=atlaskit,ak-button,ak-button@2.0.0)

@@ -12,9 +12,9 @@ # Button

![Example buttons](https://bytebucket.org/atlassian/atlaskit/raw/c6af2271ea6fe408a856c643f9cb747b3abf36aa/packages/ak-button/docs/button_1.png)
![Example buttons](https://bytebucket.org/atlassian/atlaskit/raw/7e373c941941230610217f26d7d838f67ea3d8d8/packages/ak-button/docs/button_1.png)
![Example buttons](https://bytebucket.org/atlassian/atlaskit/raw/c6af2271ea6fe408a856c643f9cb747b3abf36aa/packages/ak-button/docs/button_2.png)
![Example buttons](https://bytebucket.org/atlassian/atlaskit/raw/7e373c941941230610217f26d7d838f67ea3d8d8/packages/ak-button/docs/button_2.png)
## Try it out
Interact with a [live demo of the ak-button component](https://aui-cdn.atlassian.com/atlaskit/stories/ak-button/1.7.3/).
Interact with a [live demo of the ak-button component](https://aui-cdn.atlassian.com/atlaskit/stories/ak-button/2.0.0/).

@@ -105,3 +105,3 @@ ## Installation

* [Button.disabled](#Button.disabled) : <code>boolean</code>
* [Button.compact](#Button.compact) : <code>boolean</code>
* [Button.spacing](#Button.spacing) : <code>string</code>
* [Button.selected](#Button.selected) : <code>boolean</code>

@@ -196,16 +196,17 @@

```
<a name="Button.compact"></a>
<a name="Button.spacing"></a>
### Button.compact : <code>boolean</code>
Option to make a button compact
### Button.spacing : <code>string</code>
Option to change button's padding. One of:
'none', 'compact'
**Kind**: static property of <code>[Button](#Button)</code>
**Default**: <code>false</code>
**Default**: <code>&quot;&#x27;normal&#x27;&quot;</code>
**HTML Example**
```js
<ak-button compact></ak-button>
<ak-button spacing="compact"></ak-button>
```
**JS Example**
```js
button.compact = true;
button.spacing = 'none';
```

@@ -236,3 +237,3 @@ <a name="Button.selected"></a>

Ask a question in our [forum](https://answers.atlassian.com/questions/ask?title=AtlasKit%3A%20&topics=atlaskit,ak-button,ak-button@1.7.3).
Ask a question in our [forum](https://answers.atlassian.com/questions/ask?title=AtlasKit%3A%20&topics=atlaskit,ak-button,ak-button@2.0.0).

@@ -239,0 +240,0 @@ Check [if someone has already asked the same question before](https://answers.atlassian.com/questions/topics/42926171/atlaskit).

dist/bundle-with-deps.js

Sorry, the diff of this file is too big to display

dist/bundle-with-deps.min.js

Sorry, the diff of this file is too big to display

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc