ak-button - npm Package Compare versions

Comparing version 3.0.0 to 3.0.1

CHANGELOG.md

@@ -1,6 +0,11 @@
-<a name="3.0.0"></a>
-# 3.0.0 (2016-11-07)
+<a name="3.0.1"></a>
+## 3.0.1 (2016-11-08)
 
 
 
+<a name="ak-button@3.0.1"></a>
+## ak-button@3.0.1 (2016-11-08)
+
+
+
 <a name="ak-button@3.0.0"></a>
@@ -18,2 +23,3 @@ # ak-button@3.0.0 (2016-11-07)
 * **component:** fix height / line-height for spacing="none" ([327805a](https://bitbucket.org/atlassian/atlaskit/commits/327805a))
+* **component:** fix text wrap when window size is too small ([b7ea000](https://bitbucket.org/atlassian/atlaskit/commits/b7ea000))
 
@@ -20,0 +26,0 @@

dist/bundle-cjs.js

@@ -333,3 +333,4 @@ module.exports = /******/
             ":host": {
-                display: "inline-flex"
+                display: "inline-flex",
+                "white-space": "nowrap"
             },
@@ -348,3 +349,4 @@ ":host(> _shadow_root_)": {
             "::slotted(:not([slot]))": {
-                "line-height": "0"
+                "line-height": "0",
+                "white-space": "nowrap"
             },
@@ -379,3 +381,4 @@ '::slotted([slot="after"])': {
             "default-slot": {
-                display: "inline-flex"
+                display: "inline-flex",
+                "flex-wrap": "nowrap"
             },
@@ -382,0 +385,0 @@ root: {

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.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)}})}]);
+module.exports=function(e){function o(l){if(n[l])return n[l].exports;var r=n[l]={exports:{},id:l,loaded:!1};return e[l].call(r.exports,r,r.exports,o),r.loaded=!0,r.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 r=function(e,o){d.vdom.attr(o,e)},t=Object.prototype.hasOwnProperty,a=function(e,o){for(var n in e)t.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),r),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 r=n(5),t=l(r),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),r={attribute:e,values:o};return(0,t.default)(r,n),{enumeration:(0,a.enumeration)(r)({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),r=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[r(o)+"-slot-wrapper"]),l.vdom.elementVoid("slot",null,null,"name",o,"className",n[r(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 r=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)},t=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,t),u.vdom.elementOpenEnd("span"),r(o()),u.vdom.elementClose("span")):(u.vdom.elementOpenStart("a"),u.vdom.attr("href",e.href),u.vdom.attr("target",e.target),d(n,t),u.vdom.elementOpenEnd("a"),r(o()),u.vdom.elementClose("a")):(u.vdom.elementOpenStart("button"),u.vdom.attr("type",e.type),d(n,t),u.vdom.elementOpenEnd("button"),r(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,t),u.vdom.elementOpenEnd(p),u.vdom.elementOpen("span",null,null,"className",e.styles["button-content"]),r(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 r=n(10),t=l(r),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,t.default)(n,e.button,!0),(0,t.default)(n,e.compact,o.spacing===c),(0,t.default)(n,e.nospacing,o.spacing===p),(0,t.default)(n,e.disabled,o.disabled),(0,t.default)(n,e.selected,o.selected&&!o.disabled),(0,t.default)(n,e.primary,o.appearance===u&&!o.disabled&&!o.selected),(0,t.default)(n,e.subtle,o.appearance===i&&!o.disabled&&!o.selected),(0,t.default)(n,e.link,o.appearance===s&&!o.selected),(0,t.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 r=n(12),t=l(r),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=t.default.bind(null,e);return{":host":{display:"inline-flex","white-space":"nowrap"},":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","white-space":"nowrap"},'::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","flex-wrap":"nowrap"},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 r=n(1),t=n(2),a=l(t),d=n(14);o.default=(0,r.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 r.vdom.elementOpen(a.default,null,null,"id","ak-button-theme-adg2"),r.vdom.elementVoid(t.Prop,null,null,"name","button.border","value","1px solid #ccc"),r.vdom.elementVoid(t.Prop,null,null,"value",e,"name","button.lineHeight"),r.vdom.elementVoid(t.Prop,null,null,"name","button.transition","value","none"),r.vdom.elementVoid(t.Prop,null,null,"name","standard.background","value","#f5f5f5"),r.vdom.elementVoid(t.Prop,null,null,"name","standard.color","value","#333"),r.vdom.elementVoid(t.Prop,null,null,"name","standard.hover.background","value","#e9e9e9"),r.vdom.elementVoid(t.Prop,null,null,"name","standard.hover.borderColor","value","#999"),r.vdom.elementVoid(t.Prop,null,null,"name","standard.active.boxShadow","value","inset 0 3px 6px 0 rgba(0,0,0,.1)"),r.vdom.elementVoid(t.Prop,null,null,"name","standard.active.background","value","#f5f5f5"),r.vdom.elementVoid(t.Prop,null,null,"name","primary.background","value","#3572b0"),r.vdom.elementVoid(t.Prop,null,null,"name","primary.borderColor","value","transparent"),r.vdom.elementVoid(t.Prop,null,null,"name","primary.color","value","#fff"),r.vdom.elementVoid(t.Prop,null,null,"name","primary.fontWeight","value","bold"),r.vdom.elementVoid(t.Prop,null,null,"name","primary.hover.background","value","#2a67a5"),r.vdom.elementVoid(t.Prop,null,null,"name","primary.hover.borderColor","value","transparent"),r.vdom.elementVoid(t.Prop,null,null,"name","primary.active.background","value","#3572b0"),r.vdom.elementVoid(t.Prop,null,null,"name","subtle.color","value","#707070"),r.vdom.elementVoid(t.Prop,null,null,"name","subtle.borderColor","value","transparent"),r.vdom.elementVoid(t.Prop,null,null,"name","subtle.hover.color","value","#000"),r.vdom.elementVoid(t.Prop,null,null,"name","disabled.color","value","#999"),r.vdom.elementVoid(t.Prop,null,null,"name","disabled.background","value","#f5f5f5"),r.vdom.elementVoid(t.Prop,null,null,"name","disabled.boxShadow","value","none"),r.vdom.elementVoid(t.Prop,null,null,"name","selected.boxShadow","value","inset 0 3px 6px 0 rgba(0,0,0,.1)"),r.vdom.elementVoid(t.Prop,null,null,"name","selected.background","value","#f5f5f5"),r.vdom.elementVoid(t.Prop,null,null,"name","selected.color","value","#333"),r.vdom.elementVoid(t.Prop,null,null,"name","selected.hover.background","value","#f5f5f5"),r.vdom.elementVoid(t.Prop,null,null,"name","selected.hover.borderColor","value","#ccc"),r.vdom.elementVoid(t.Prop,null,null,"name","link.color","value","#3572b0"),r.vdom.elementVoid(t.Prop,null,null,"name","link.borderColor","value","transparent"),r.vdom.elementVoid(t.Prop,null,null,"name","link.boxShadow","value","none"),r.vdom.elementVoid(t.Prop,null,null,"name","link.hover.borderColor","value","transparent"),r.vdom.elementVoid(t.Prop,null,null,"name","link.active.boxShadow","value","none"),r.vdom.elementVoid(t.Prop,null,null,"value",o,"name","compact.lineHeight"),r.vdom.elementClose(a.default)}})}]);

dist/bundle.js

@@ -336,3 +336,4 @@ !function(root, factory) {
                 ":host": {
-                    display: "inline-flex"
+                    display: "inline-flex",
+                    "white-space": "nowrap"
                 },
@@ -351,3 +352,4 @@ ":host(> _shadow_root_)": {
                 "::slotted(:not([slot]))": {
-                    "line-height": "0"
+                    "line-height": "0",
+                    "white-space": "nowrap"
                 },
@@ -382,3 +384,4 @@ '::slotted([slot="after"])': {
                 "default-slot": {
-                    display: "inline-flex"
+                    display: "inline-flex",
+                    "flex-wrap": "nowrap"
                 },
@@ -385,0 +388,0 @@ root: {

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("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)}})}])});
+!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),i=n(2),u=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,u.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,i.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},{})},i=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=i("appearance",["primary","standard","subtle","link"]),o.type=i("type",["button","submit"],{missingDefault:"button",invalidDefault:"button"}),o.spacing=i("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?i.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){i.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)},i=n(1),u=n(8),s=l(u),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?(i.vdom.elementOpenStart("span"),d(n,r),i.vdom.elementOpenEnd("span"),t(o()),i.vdom.elementClose("span")):(i.vdom.elementOpenStart("a"),i.vdom.attr("href",e.href),i.vdom.attr("target",e.target),d(n,r),i.vdom.elementOpenEnd("a"),t(o()),i.vdom.elementClose("a")):(i.vdom.elementOpenStart("button"),i.vdom.attr("type",e.type),d(n,r),i.vdom.elementOpenEnd("button"),t(o()),i.vdom.elementClose("button"))};o.default=function(e,o){return i.vdom.elementOpen("span",null,null,"className",e.styles.root),i.vdom.elementOpenStart(p),d(e,r),i.vdom.elementOpenEnd(p),i.vdom.elementOpen("span",null,null,"className",e.styles["button-content"]),t(o()),i.vdom.elementClose("span"),i.vdom.elementClose(p),i.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,i=d.PRIMARY,u=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===i&&!o.disabled&&!o.selected),(0,r.default)(n,e.subtle,o.appearance===u&&!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),i="\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","white-space":"nowrap"},":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","white-space":"nowrap"},'::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","flex-wrap":"nowrap"},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",i),"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)}})}])});

package.json

 {
   "name": "ak-button",
-  "version": "3.0.0",
+  "version": "3.0.1",
   "description": "ak-button webcomponent",
@@ -17,3 +17,3 @@ "main": "dist/bundle.js",
     "akutil-shared-styles": "^35.0.1",
-    "ak-theme": "^2.1.1",
+    "ak-theme": "^4.0.0",
     "babel-runtime": "^6.11.6",
@@ -27,7 +27,7 @@ "classnames": "^2.2.5",
   "devDependencies": {
-    "akutil-common-test": "^4.0.0",
-    "akutil-react": "^1.0.0",
+    "akutil-common-test": "*",
+    "akutil-react": "*",
     "custom-event-polyfill": "^0.3.0",
     "object-assign": "^4.1.0",
-    "ak-icon": "^8.1.2",
+    "ak-icon": "^10.0.0",
     "uid": "^0.0.2"
@@ -34,0 +34,0 @@ },

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@3.0.0)
+[![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@3.0.1)
 
@@ -12,9 +12,9 @@ # Button
 
-![Example buttons](https://bytebucket.org/atlassian/atlaskit/raw/983c60085f97121bc21d0303723837dce5186c2d/packages/ak-button/docs/button_1.png)
+![Example buttons](https://bytebucket.org/atlassian/atlaskit/raw/73399e7c64cf5e9ffa3c79fefc09470aae5eebee/packages/ak-button/docs/button_1.png)
 
-![Example buttons](https://bytebucket.org/atlassian/atlaskit/raw/983c60085f97121bc21d0303723837dce5186c2d/packages/ak-button/docs/button_2.png)
+![Example buttons](https://bytebucket.org/atlassian/atlaskit/raw/73399e7c64cf5e9ffa3c79fefc09470aae5eebee/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/3.0.0/).
+Interact with a [live demo of the ak-button component](https://aui-cdn.atlassian.com/atlaskit/stories/ak-button/3.0.1/).
 
@@ -235,3 +235,3 @@ ## Installation
 
-Ask a question in our [forum](https://answers.atlassian.com/questions/ask?title=AtlasKit%3A%20&topics=atlaskit,ak-button,ak-button@3.0.0).
+Ask a question in our [forum](https://answers.atlassian.com/questions/ask?title=AtlasKit%3A%20&topics=atlaskit,ak-button,ak-button@3.0.1).
 
@@ -238,0 +238,0 @@ Check [if someone has already asked the same question before](https://answers.atlassian.com/questions/topics/42926171/atlaskit).

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

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

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

Worsened metrics

Total package byte prevSize

100760

decreased by-81.77%

Number of package files

8

decreased by-20%

Lines of code

1163

decreased by-86.01%

Number of medium supply chain risk alerts

1

increased byInfinity%

Dependency changes

• + Addedak-theme@4.0.2(transitive)

• - Removedak-theme@2.1.3(transitive)

• Updatedak-theme@^4.0.0