@atlaskit/util-shared-styles - npm Package Compare versions

Comparing version 1.4.0 to 1.5.0

CHANGELOG.md

@@ -1,6 +0,16 @@
-<a name="1.4.0"></a>
-# 1.4.0 (2017-03-28)
+<a name="1.5.0"></a>
+# 1.5.0 (2017-03-29)
 
 
 
+<a name="1.5.0"></a>
+# 1.5.0 (2017-03-29)
+
+
+### Features
+
+* **component:** create mixins for elevation styles ([22f25fb](https://bitbucket.org/atlassian/atlaskit/commits/22f25fb))
+
+
+
 <a name="1.3.0"></a>
@@ -7,0 +17,0 @@ # 1.3.0 (2017-03-28)

dist/bundle-cjs.js

@@ -80,4 +80,11 @@ module.exports = /******/
         value: !0
-    }), exports.akTypographyMixins = void 0;
-    var _keys = __webpack_require__(2), _keys2 = _interopRequireDefault(_keys), _assign = __webpack_require__(3), _assign2 = _interopRequireDefault(_assign), _tyopgraphy = __webpack_require__(4);
+    }), exports.akTypographyMixins = exports.akElevationMixins = void 0;
+    var _keys = __webpack_require__(2), _keys2 = _interopRequireDefault(_keys), _assign = __webpack_require__(3), _assign2 = _interopRequireDefault(_assign), _elevation = __webpack_require__(4);
+    Object.defineProperty(exports, "akElevationMixins", {
+        enumerable: !0,
+        get: function() {
+            return _interopRequireDefault(_elevation).default;
+        }
+    });
+    var _tyopgraphy = __webpack_require__(9);
     Object.defineProperty(exports, "akTypographyMixins", {
@@ -89,3 +96,3 @@ enumerable: !0,
     });
-    var req = __webpack_require__(10);
+    var req = __webpack_require__(12);
     exports.default = req.keys().reduce(function(prev, file) {
@@ -118,31 +125,15 @@ var vars = req(file);
     var _taggedTemplateLiteral2 = __webpack_require__(5), _taggedTemplateLiteral3 = _interopRequireDefault(_taggedTemplateLiteral2), _templateObject = (0, 
-    _taggedTemplateLiteral3.default)([ "\n  font-size: ", "em;\n  font-style: inherit;\n  line-height: ", ";\n" ], [ "\n  font-size: ", "em;\n  font-style: inherit;\n  line-height: ", ";\n" ]), _templateObject2 = (0, 
-    _taggedTemplateLiteral3.default)([ "\n  ", "\n  font-weight: 500;\n  letter-spacing: -0.01em;\n  margin-top: ", "px;\n" ], [ "\n  ", "\n  font-weight: 500;\n  letter-spacing: -0.01em;\n  margin-top: ", "px;\n" ]), _templateObject3 = (0, 
-    _taggedTemplateLiteral3.default)([ "\n  ", "\n  font-weight: 600;\n  letter-spacing: -0.01em;\n  margin-top: ", "px;\n" ], [ "\n  ", "\n  font-weight: 600;\n  letter-spacing: -0.01em;\n  margin-top: ", "px;\n" ]), _templateObject4 = (0, 
-    _taggedTemplateLiteral3.default)([ "\n  ", "\n  font-weight: 500;\n  letter-spacing: -0.008em;\n  margin-top: ", "px;\n" ], [ "\n  ", "\n  font-weight: 500;\n  letter-spacing: -0.008em;\n  margin-top: ", "px;\n" ]), _templateObject5 = (0, 
-    _taggedTemplateLiteral3.default)([ "\n  ", "\n  font-weight: 600;\n  letter-spacing: -0.006em;\n  margin-top: ", "px;\n" ], [ "\n  ", "\n  font-weight: 600;\n  letter-spacing: -0.006em;\n  margin-top: ", "px;\n" ]), _templateObject6 = (0, 
-    _taggedTemplateLiteral3.default)([ "\n  ", "\n  font-weight: 600;\n  letter-spacing: -0.003em;\n  margin-top: ", "px;\n" ], [ "\n  ", "\n  font-weight: 600;\n  letter-spacing: -0.003em;\n  margin-top: ", "px;\n" ]), _templateObject7 = (0, 
-    _taggedTemplateLiteral3.default)([ "\n  ", "\n  color: ", ";\n  font-weight: 600;\n  margin-top: ", "px;\n  text-transform: uppercase;\n" ], [ "\n  ", "\n  color: ", ";\n  font-weight: 600;\n  margin-top: ", "px;\n  text-transform: uppercase;\n" ]), _templateObject8 = (0, 
-    _taggedTemplateLiteral3.default)([ "\n  ", "\n  color: ", ";\n  font-weight: 600;\n  margin-top: ", "px;\n" ], [ "\n  ", "\n  color: ", ";\n  font-weight: 600;\n  margin-top: ", "px;\n" ]), _templateObject9 = (0, 
-    _taggedTemplateLiteral3.default)([ "\n  ", "\n  color: ", ";\n  font-weight: normal;\n  margin-top: ", "px;\n" ], [ "\n  ", "\n  color: ", ";\n  font-weight: normal;\n  margin-top: ", "px;\n" ]), _styledComponents = __webpack_require__(6), _colors = __webpack_require__(7), _colors2 = _interopRequireDefault(_colors), _fonts = __webpack_require__(8), _fonts2 = _interopRequireDefault(_fonts), _grid = __webpack_require__(9), _grid2 = _interopRequireDefault(_grid), fontSizeDefault = parseInt(_fonts2.default.akFontSizeDefault, 10), gridSize = parseInt(_grid2.default.akGridSizeUnitless, 10), baseHeading = function(fontSize, lineHeight) {
-        return (0, _styledComponents.css)(_templateObject, fontSize / fontSizeDefault, lineHeight / fontSize);
-    }, h900 = (0, _styledComponents.css)(_templateObject2, baseHeading(35, 40), 6.5 * gridSize), h800 = (0, 
-    _styledComponents.css)(_templateObject3, baseHeading(29, 32), 5 * gridSize), h700 = (0, 
-    _styledComponents.css)(_templateObject2, baseHeading(24, 28), 5 * gridSize), h600 = (0, 
-    _styledComponents.css)(_templateObject4, baseHeading(20, 24), 3.5 * gridSize), h500 = (0, 
-    _styledComponents.css)(_templateObject5, baseHeading(16, 20), 3 * gridSize), h400 = (0, 
-    _styledComponents.css)(_templateObject6, baseHeading(14, 16), 2 * gridSize), h300 = (0, 
-    _styledComponents.css)(_templateObject7, baseHeading(12, 16), _colors2.default.akColorN300, 2.5 * gridSize), h200 = (0, 
-    _styledComponents.css)(_templateObject8, baseHeading(12, 16), _colors2.default.akColorN300, 2 * gridSize), h100 = (0, 
-    _styledComponents.css)(_templateObject9, baseHeading(12, 16), _colors2.default.akColorN300, 2 * gridSize);
+    _taggedTemplateLiteral3.default)([ "\n  box-shadow: 0 1px 1px ", ", 0 0 1px 0 ", ";\n  z-index: ", ";\n" ], [ "\n  box-shadow: 0 1px 1px ", ", 0 0 1px 0 ", ";\n  z-index: ", ";\n" ]), _templateObject2 = (0, 
+    _taggedTemplateLiteral3.default)([ "\n  box-shadow: 0 4px 8px -2px ", ", 0 0 1px ", ";\n  z-index: ", ";\n" ], [ "\n  box-shadow: 0 4px 8px -2px ", ", 0 0 1px ", ";\n  z-index: ", ";\n" ]), _templateObject3 = (0, 
+    _taggedTemplateLiteral3.default)([ "\n  box-shadow: 0 8px 16px -4px ", ", 0 0 1px ", ";\n  z-index: ", ";\n" ], [ "\n  box-shadow: 0 8px 16px -4px ", ", 0 0 1px ", ";\n  z-index: ", ";\n" ]), _templateObject4 = (0, 
+    _taggedTemplateLiteral3.default)([ "\n  box-shadow: 0 20px 32px -8px ", ", 0 0 1px ", ";\n  z-index: ", ";\n" ], [ "\n  box-shadow: 0 20px 32px -8px ", ", 0 0 1px ", ";\n  z-index: ", ";\n" ]), _styledComponents = __webpack_require__(6), _colors = __webpack_require__(7), _zIndexes = __webpack_require__(8), _zIndexes2 = _interopRequireDefault(_zIndexes), e100 = (0, 
+    _styledComponents.css)(_templateObject, _colors.akColorN50A, _colors.akColorN60A, _zIndexes2.default.akZIndexCard), e200 = (0, 
+    _styledComponents.css)(_templateObject2, _colors.akColorN60A, _colors.akColorN60A, _zIndexes2.default.akZIndexDialog), e500 = (0, 
+    _styledComponents.css)(_templateObject3, _colors.akColorN60A, _colors.akColorN60A, _zIndexes2.default.akZIndexModal), e600 = (0, 
+    _styledComponents.css)(_templateObject4, _colors.akColorN50A, _colors.akColorN60A, _zIndexes2.default.akZIndexFlag);
     exports.default = {
-        h100: h100,
-        h200: h200,
-        h300: h300,
-        h400: h400,
-        h500: h500,
-        h600: h600,
-        h700: h700,
-        h800: h800,
-        h900: h900
+        e100: e100,
+        e200: e200,
+        e500: e500,
+        e600: e600
     };
@@ -252,2 +243,56 @@ }, /* 5 */
     module.exports = {
+        akZIndexCard: "100",
+        akZIndexDialog: "200",
+        akZIndexNavigation: "300",
+        akZIndexLayer: "400",
+        akZIndexBlanket: "500",
+        akZIndexFlag: "600"
+    };
+}, /* 9 */
+/***/
+function(module, exports, __webpack_require__) {
+    "use strict";
+    function _interopRequireDefault(obj) {
+        return obj && obj.__esModule ? obj : {
+            default: obj
+        };
+    }
+    Object.defineProperty(exports, "__esModule", {
+        value: !0
+    });
+    var _taggedTemplateLiteral2 = __webpack_require__(5), _taggedTemplateLiteral3 = _interopRequireDefault(_taggedTemplateLiteral2), _templateObject = (0, 
+    _taggedTemplateLiteral3.default)([ "\n  font-size: ", "em;\n  font-style: inherit;\n  line-height: ", ";\n" ], [ "\n  font-size: ", "em;\n  font-style: inherit;\n  line-height: ", ";\n" ]), _templateObject2 = (0, 
+    _taggedTemplateLiteral3.default)([ "\n  ", "\n  font-weight: 500;\n  letter-spacing: -0.01em;\n  margin-top: ", "px;\n" ], [ "\n  ", "\n  font-weight: 500;\n  letter-spacing: -0.01em;\n  margin-top: ", "px;\n" ]), _templateObject3 = (0, 
+    _taggedTemplateLiteral3.default)([ "\n  ", "\n  font-weight: 600;\n  letter-spacing: -0.01em;\n  margin-top: ", "px;\n" ], [ "\n  ", "\n  font-weight: 600;\n  letter-spacing: -0.01em;\n  margin-top: ", "px;\n" ]), _templateObject4 = (0, 
+    _taggedTemplateLiteral3.default)([ "\n  ", "\n  font-weight: 500;\n  letter-spacing: -0.008em;\n  margin-top: ", "px;\n" ], [ "\n  ", "\n  font-weight: 500;\n  letter-spacing: -0.008em;\n  margin-top: ", "px;\n" ]), _templateObject5 = (0, 
+    _taggedTemplateLiteral3.default)([ "\n  ", "\n  font-weight: 600;\n  letter-spacing: -0.006em;\n  margin-top: ", "px;\n" ], [ "\n  ", "\n  font-weight: 600;\n  letter-spacing: -0.006em;\n  margin-top: ", "px;\n" ]), _templateObject6 = (0, 
+    _taggedTemplateLiteral3.default)([ "\n  ", "\n  font-weight: 600;\n  letter-spacing: -0.003em;\n  margin-top: ", "px;\n" ], [ "\n  ", "\n  font-weight: 600;\n  letter-spacing: -0.003em;\n  margin-top: ", "px;\n" ]), _templateObject7 = (0, 
+    _taggedTemplateLiteral3.default)([ "\n  ", "\n  color: ", ";\n  font-weight: 600;\n  margin-top: ", "px;\n  text-transform: uppercase;\n" ], [ "\n  ", "\n  color: ", ";\n  font-weight: 600;\n  margin-top: ", "px;\n  text-transform: uppercase;\n" ]), _templateObject8 = (0, 
+    _taggedTemplateLiteral3.default)([ "\n  ", "\n  color: ", ";\n  font-weight: 600;\n  margin-top: ", "px;\n" ], [ "\n  ", "\n  color: ", ";\n  font-weight: 600;\n  margin-top: ", "px;\n" ]), _templateObject9 = (0, 
+    _taggedTemplateLiteral3.default)([ "\n  ", "\n  color: ", ";\n  font-weight: normal;\n  margin-top: ", "px;\n" ], [ "\n  ", "\n  color: ", ";\n  font-weight: normal;\n  margin-top: ", "px;\n" ]), _styledComponents = __webpack_require__(6), _colors = __webpack_require__(7), _colors2 = _interopRequireDefault(_colors), _fonts = __webpack_require__(10), _fonts2 = _interopRequireDefault(_fonts), _grid = __webpack_require__(11), _grid2 = _interopRequireDefault(_grid), fontSizeDefault = parseInt(_fonts2.default.akFontSizeDefault, 10), gridSize = parseInt(_grid2.default.akGridSizeUnitless, 10), baseHeading = function(fontSize, lineHeight) {
+        return (0, _styledComponents.css)(_templateObject, fontSize / fontSizeDefault, lineHeight / fontSize);
+    }, h900 = (0, _styledComponents.css)(_templateObject2, baseHeading(35, 40), 6.5 * gridSize), h800 = (0, 
+    _styledComponents.css)(_templateObject3, baseHeading(29, 32), 5 * gridSize), h700 = (0, 
+    _styledComponents.css)(_templateObject2, baseHeading(24, 28), 5 * gridSize), h600 = (0, 
+    _styledComponents.css)(_templateObject4, baseHeading(20, 24), 3.5 * gridSize), h500 = (0, 
+    _styledComponents.css)(_templateObject5, baseHeading(16, 20), 3 * gridSize), h400 = (0, 
+    _styledComponents.css)(_templateObject6, baseHeading(14, 16), 2 * gridSize), h300 = (0, 
+    _styledComponents.css)(_templateObject7, baseHeading(12, 16), _colors2.default.akColorN300, 2.5 * gridSize), h200 = (0, 
+    _styledComponents.css)(_templateObject8, baseHeading(12, 16), _colors2.default.akColorN300, 2 * gridSize), h100 = (0, 
+    _styledComponents.css)(_templateObject9, baseHeading(12, 16), _colors2.default.akColorN300, 2 * gridSize);
+    exports.default = {
+        h100: h100,
+        h200: h200,
+        h300: h300,
+        h400: h400,
+        h500: h500,
+        h600: h600,
+        h700: h700,
+        h800: h800,
+        h900: h900
+    };
+}, /* 10 */
+/***/
+function(module, exports) {
+    module.exports = {
         akFontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif',
@@ -257,3 +302,3 @@ akFontSizeDefault: "14px",
     };
-}, /* 9 */
+}, /* 11 */
 /***/
@@ -265,3 +310,3 @@ function(module, exports) {
     };
-}, /* 10 */
+}, /* 12 */
 /***/
@@ -278,7 +323,7 @@ function(module, exports, __webpack_require__) {
     var map = {
-        "./borders.less": 11,
+        "./borders.less": 13,
         "./colors.less": 7,
-        "./fonts.less": 8,
-        "./grid.less": 9,
-        "./z-indexes.less": 12
+        "./fonts.less": 10,
+        "./grid.less": 11,
+        "./z-indexes.less": 8
     };
@@ -288,4 +333,4 @@ webpackContext.keys = function() {
     }, webpackContext.resolve = webpackContextResolve, module.exports = webpackContext, 
-    webpackContext.id = 10;
-}, /* 11 */
+    webpackContext.id = 12;
+}, /* 13 */
 /***/
@@ -296,11 +341,2 @@ function(module, exports) {
     };
-}, /* 12 */
-/***/
-function(module, exports) {
-    module.exports = {
-        akZIndexNavigation: "300",
-        akZIndexLayer: "400",
-        akZIndexBlanket: "500",
-        akZIndexFlag: "600"
-    };
 } ]);

dist/bundle-cjs.min.js

@@ -1,1 +0,1 @@
-module.exports=function(o){function n(e){if(r[e])return r[e].exports;var a=r[e]={exports:{},id:e,loaded:!1};return o[e].call(a.exports,a,a.exports,n),a.loaded=!0,a.exports}var r={};return n.m=o,n.c=r,n.p="",n(0)}([function(o,n,r){o.exports=r(1)},function(o,n,r){"use strict";function e(o){return o&&o.__esModule?o:{default:o}}Object.defineProperty(n,"__esModule",{value:!0}),n.akTypographyMixins=void 0;var a=r(2),t=e(a),l=r(3),i=e(l),C=r(4);Object.defineProperty(n,"akTypographyMixins",{enumerable:!0,get:function(){return e(C).default}});var k=r(10);n.default=k.keys().reduce(function(n,r){var e=k(r);return(0,i.default)(n,e),(0,t.default)(e).forEach(function(n){o.exports[n]=e[n]}),n},{})},function(o,n){o.exports=require("babel-runtime/core-js/object/keys")},function(o,n){o.exports=require("babel-runtime/core-js/object/assign")},function(o,n,r){"use strict";function e(o){return o&&o.__esModule?o:{default:o}}Object.defineProperty(n,"__esModule",{value:!0});var a=r(5),t=e(a),l=(0,t.default)(["\n  font-size: ","em;\n  font-style: inherit;\n  line-height: ",";\n"],["\n  font-size: ","em;\n  font-style: inherit;\n  line-height: ",";\n"]),i=(0,t.default)(["\n  ","\n  font-weight: 500;\n  letter-spacing: -0.01em;\n  margin-top: ","px;\n"],["\n  ","\n  font-weight: 500;\n  letter-spacing: -0.01em;\n  margin-top: ","px;\n"]),C=(0,t.default)(["\n  ","\n  font-weight: 600;\n  letter-spacing: -0.01em;\n  margin-top: ","px;\n"],["\n  ","\n  font-weight: 600;\n  letter-spacing: -0.01em;\n  margin-top: ","px;\n"]),k=(0,t.default)(["\n  ","\n  font-weight: 500;\n  letter-spacing: -0.008em;\n  margin-top: ","px;\n"],["\n  ","\n  font-weight: 500;\n  letter-spacing: -0.008em;\n  margin-top: ","px;\n"]),s=(0,t.default)(["\n  ","\n  font-weight: 600;\n  letter-spacing: -0.006em;\n  margin-top: ","px;\n"],["\n  ","\n  font-weight: 600;\n  letter-spacing: -0.006em;\n  margin-top: ","px;\n"]),F=(0,t.default)(["\n  ","\n  font-weight: 600;\n  letter-spacing: -0.003em;\n  margin-top: ","px;\n"],["\n  ","\n  font-weight: 600;\n  letter-spacing: -0.003em;\n  margin-top: ","px;\n"]),u=(0,t.default)(["\n  ","\n  color: ",";\n  font-weight: 600;\n  margin-top: ","px;\n  text-transform: uppercase;\n"],["\n  ","\n  color: ",";\n  font-weight: 600;\n  margin-top: ","px;\n  text-transform: uppercase;\n"]),p=(0,t.default)(["\n  ","\n  color: ",";\n  font-weight: 600;\n  margin-top: ","px;\n"],["\n  ","\n  color: ",";\n  font-weight: 600;\n  margin-top: ","px;\n"]),f=(0,t.default)(["\n  ","\n  color: ",";\n  font-weight: normal;\n  margin-top: ","px;\n"],["\n  ","\n  color: ",";\n  font-weight: normal;\n  margin-top: ","px;\n"]),c=r(6),g=r(7),d=e(g),m=r(8),x=e(m),N=r(9),A=e(N),B=parseInt(x.default.akFontSizeDefault,10),h=parseInt(A.default.akGridSizeUnitless,10),b=function(o,n){return(0,c.css)(l,o/B,n/o)},y=(0,c.css)(i,b(35,40),6.5*h),E=(0,c.css)(C,b(29,32),5*h),D=(0,c.css)(i,b(24,28),5*h),w=(0,c.css)(k,b(20,24),3.5*h),S=(0,c.css)(s,b(16,20),3*h),v=(0,c.css)(F,b(14,16),2*h),P=(0,c.css)(u,b(12,16),d.default.akColorN300,2.5*h),M=(0,c.css)(p,b(12,16),d.default.akColorN300,2*h),G=(0,c.css)(f,b(12,16),d.default.akColorN300,2*h);n.default={h100:G,h200:M,h300:P,h400:v,h500:S,h600:w,h700:D,h800:E,h900:y}},function(o,n){o.exports=require("babel-runtime/helpers/taggedTemplateLiteral")},function(o,n){o.exports=require("styled-components")},function(o,n){o.exports={akColorPrimary1:"#172B4D",akColorPrimary2:"#0049B0",akColorPrimary3:"#FFFFFF",akColorSecondary1:"#FF5630",akColorSecondary2:"#FFAB00",akColorSecondary3:"#36B37E",akColorSecondary4:"#6554C0",akColorSecondary5:"#00B8D9",akColorR50:"#FFEBE6",akColorR75:"#FFBDAD",akColorR100:"#FF8F73",akColorR200:"#FF7452",akColorR300:"#FF5630",akColorR400:"#DE350B",akColorR500:"#BF2600",akColorY50:"#FFFAE6",akColorY75:"#FFF0B3",akColorY100:"#FFE380",akColorY200:"#FFC400",akColorY300:"#FFAB00",akColorY400:"#FF991F",akColorY500:"#FF8B00",akColorG50:"#E3FCEF",akColorG75:"#ABF5D1",akColorG100:"#79F2C0",akColorG200:"#57D9A3",akColorG300:"#36B37E",akColorG400:"#00875A",akColorG500:"#006644",akColorB50:"#DEEBFF",akColorB75:"#B3D4FF",akColorB100:"#4C9AFF",akColorB200:"#2684FF",akColorB300:"#0065FF",akColorB400:"#0052CC",akColorB500:"#0049B0",akColorP50:"#EAE6FF",akColorP75:"#C0B6F2",akColorP100:"#998DD9",akColorP200:"#8777D9",akColorP300:"#6554C0",akColorP400:"#5243AA",akColorP500:"#403294",akColorT50:"#E6FCFF",akColorT75:"#B3F5FF",akColorT100:"#79E2F2",akColorT200:"#00C7E6",akColorT300:"#00B8D9",akColorT400:"#00A3BF",akColorT500:"#008DA6",akColorN0:"#FFFFFF",akColorN10:"#FAFBFC",akColorN20:"#F4F5F7",akColorN30:"#EBECF0",akColorN40:"#DFE1E6",akColorN50:"#C1C7D0",akColorN60:"#B3BAC5",akColorN70:"#A5ADBA",akColorN80:"#97A0AF",akColorN90:"#8993A4",akColorN100:"#7A869A",akColorN200:"#6C798F",akColorN300:"#5E6C84",akColorN400:"#505F79",akColorN500:"#42526E",akColorN600:"#344563",akColorN700:"#253858",akColorN800:"#172B4D",akColorN900:"#091E42",akColorN10A:"rgba(9, 30, 66, 0.02)",akColorN20A:"rgba(9, 30, 66, 0.04)",akColorN30A:"rgba(9, 30, 66, 0.08)",akColorN40A:"rgba(9, 30, 66, 0.13)",akColorN50A:"rgba(9, 30, 66, 0.25)",akColorN60A:"rgba(9, 30, 66, 0.31)",akColorN70A:"rgba(9, 30, 66, 0.36)",akColorN80A:"rgba(9, 30, 66, 0.42)",akColorN90A:"rgba(9, 30, 66, 0.48)",akColorN100A:"rgba(9, 30, 66, 0.54)",akColorN200A:"rgba(9, 30, 66, 0.60)",akColorN300A:"rgba(9, 30, 66, 0.65)",akColorN400A:"rgba(9, 30, 66, 0.71)",akColorN500A:"rgba(9, 30, 66, 0.77)",akColorN600A:"rgba(9, 30, 66, 0.82)",akColorN700A:"rgba(9, 30, 66, 0.89)",akColorN800A:"rgba(9, 30, 66, 0.95)"}},function(o,n){o.exports={akFontFamily:'-apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif',akFontSizeDefault:"14px",akCodeFontFamily:'"SF Mono", "Segoe UI Mono", "Roboto Mono", "Ubuntu Mono", Menlo, Courier, monospace'}},function(o,n){o.exports={akGridSizeUnitless:"8",akGridSize:"8px"}},function(o,n,r){function e(o){return r(a(o))}function a(o){return t[o]||function(){throw new Error("Cannot find module '"+o+"'.")}()}var t={"./borders.less":11,"./colors.less":7,"./fonts.less":8,"./grid.less":9,"./z-indexes.less":12};e.keys=function(){return Object.keys(t)},e.resolve=a,o.exports=e,e.id=10},function(o,n){o.exports={akBorderRadius:"3px"}},function(o,n){o.exports={akZIndexNavigation:"300",akZIndexLayer:"400",akZIndexBlanket:"500",akZIndexFlag:"600"}}]);
+module.exports=function(o){function n(r){if(e[r])return e[r].exports;var a=e[r]={exports:{},id:r,loaded:!1};return o[r].call(a.exports,a,a.exports,n),a.loaded=!0,a.exports}var e={};return n.m=o,n.c=e,n.p="",n(0)}([function(o,n,e){o.exports=e(1)},function(o,n,e){"use strict";function r(o){return o&&o.__esModule?o:{default:o}}Object.defineProperty(n,"__esModule",{value:!0}),n.akTypographyMixins=n.akElevationMixins=void 0;var a=e(2),t=r(a),l=e(3),i=r(l),s=e(4);Object.defineProperty(n,"akElevationMixins",{enumerable:!0,get:function(){return r(s).default}});var k=e(9);Object.defineProperty(n,"akTypographyMixins",{enumerable:!0,get:function(){return r(k).default}});var C=e(12);n.default=C.keys().reduce(function(n,e){var r=C(e);return(0,i.default)(n,r),(0,t.default)(r).forEach(function(n){o.exports[n]=r[n]}),n},{})},function(o,n){o.exports=require("babel-runtime/core-js/object/keys")},function(o,n){o.exports=require("babel-runtime/core-js/object/assign")},function(o,n,e){"use strict";function r(o){return o&&o.__esModule?o:{default:o}}Object.defineProperty(n,"__esModule",{value:!0});var a=e(5),t=r(a),l=(0,t.default)(["\n  box-shadow: 0 1px 1px ",", 0 0 1px 0 ",";\n  z-index: ",";\n"],["\n  box-shadow: 0 1px 1px ",", 0 0 1px 0 ",";\n  z-index: ",";\n"]),i=(0,t.default)(["\n  box-shadow: 0 4px 8px -2px ",", 0 0 1px ",";\n  z-index: ",";\n"],["\n  box-shadow: 0 4px 8px -2px ",", 0 0 1px ",";\n  z-index: ",";\n"]),s=(0,t.default)(["\n  box-shadow: 0 8px 16px -4px ",", 0 0 1px ",";\n  z-index: ",";\n"],["\n  box-shadow: 0 8px 16px -4px ",", 0 0 1px ",";\n  z-index: ",";\n"]),k=(0,t.default)(["\n  box-shadow: 0 20px 32px -8px ",", 0 0 1px ",";\n  z-index: ",";\n"],["\n  box-shadow: 0 20px 32px -8px ",", 0 0 1px ",";\n  z-index: ",";\n"]),C=e(6),p=e(7),u=e(8),x=r(u),d=(0,C.css)(l,p.akColorN50A,p.akColorN60A,x.default.akZIndexCard),f=(0,C.css)(i,p.akColorN60A,p.akColorN60A,x.default.akZIndexDialog),F=(0,C.css)(s,p.akColorN60A,p.akColorN60A,x.default.akZIndexModal),c=(0,C.css)(k,p.akColorN50A,p.akColorN60A,x.default.akZIndexFlag);n.default={e100:d,e200:f,e500:F,e600:c}},function(o,n){o.exports=require("babel-runtime/helpers/taggedTemplateLiteral")},function(o,n){o.exports=require("styled-components")},function(o,n){o.exports={akColorPrimary1:"#172B4D",akColorPrimary2:"#0049B0",akColorPrimary3:"#FFFFFF",akColorSecondary1:"#FF5630",akColorSecondary2:"#FFAB00",akColorSecondary3:"#36B37E",akColorSecondary4:"#6554C0",akColorSecondary5:"#00B8D9",akColorR50:"#FFEBE6",akColorR75:"#FFBDAD",akColorR100:"#FF8F73",akColorR200:"#FF7452",akColorR300:"#FF5630",akColorR400:"#DE350B",akColorR500:"#BF2600",akColorY50:"#FFFAE6",akColorY75:"#FFF0B3",akColorY100:"#FFE380",akColorY200:"#FFC400",akColorY300:"#FFAB00",akColorY400:"#FF991F",akColorY500:"#FF8B00",akColorG50:"#E3FCEF",akColorG75:"#ABF5D1",akColorG100:"#79F2C0",akColorG200:"#57D9A3",akColorG300:"#36B37E",akColorG400:"#00875A",akColorG500:"#006644",akColorB50:"#DEEBFF",akColorB75:"#B3D4FF",akColorB100:"#4C9AFF",akColorB200:"#2684FF",akColorB300:"#0065FF",akColorB400:"#0052CC",akColorB500:"#0049B0",akColorP50:"#EAE6FF",akColorP75:"#C0B6F2",akColorP100:"#998DD9",akColorP200:"#8777D9",akColorP300:"#6554C0",akColorP400:"#5243AA",akColorP500:"#403294",akColorT50:"#E6FCFF",akColorT75:"#B3F5FF",akColorT100:"#79E2F2",akColorT200:"#00C7E6",akColorT300:"#00B8D9",akColorT400:"#00A3BF",akColorT500:"#008DA6",akColorN0:"#FFFFFF",akColorN10:"#FAFBFC",akColorN20:"#F4F5F7",akColorN30:"#EBECF0",akColorN40:"#DFE1E6",akColorN50:"#C1C7D0",akColorN60:"#B3BAC5",akColorN70:"#A5ADBA",akColorN80:"#97A0AF",akColorN90:"#8993A4",akColorN100:"#7A869A",akColorN200:"#6C798F",akColorN300:"#5E6C84",akColorN400:"#505F79",akColorN500:"#42526E",akColorN600:"#344563",akColorN700:"#253858",akColorN800:"#172B4D",akColorN900:"#091E42",akColorN10A:"rgba(9, 30, 66, 0.02)",akColorN20A:"rgba(9, 30, 66, 0.04)",akColorN30A:"rgba(9, 30, 66, 0.08)",akColorN40A:"rgba(9, 30, 66, 0.13)",akColorN50A:"rgba(9, 30, 66, 0.25)",akColorN60A:"rgba(9, 30, 66, 0.31)",akColorN70A:"rgba(9, 30, 66, 0.36)",akColorN80A:"rgba(9, 30, 66, 0.42)",akColorN90A:"rgba(9, 30, 66, 0.48)",akColorN100A:"rgba(9, 30, 66, 0.54)",akColorN200A:"rgba(9, 30, 66, 0.60)",akColorN300A:"rgba(9, 30, 66, 0.65)",akColorN400A:"rgba(9, 30, 66, 0.71)",akColorN500A:"rgba(9, 30, 66, 0.77)",akColorN600A:"rgba(9, 30, 66, 0.82)",akColorN700A:"rgba(9, 30, 66, 0.89)",akColorN800A:"rgba(9, 30, 66, 0.95)"}},function(o,n){o.exports={akZIndexCard:"100",akZIndexDialog:"200",akZIndexNavigation:"300",akZIndexLayer:"400",akZIndexBlanket:"500",akZIndexFlag:"600"}},function(o,n,e){"use strict";function r(o){return o&&o.__esModule?o:{default:o}}Object.defineProperty(n,"__esModule",{value:!0});var a=e(5),t=r(a),l=(0,t.default)(["\n  font-size: ","em;\n  font-style: inherit;\n  line-height: ",";\n"],["\n  font-size: ","em;\n  font-style: inherit;\n  line-height: ",";\n"]),i=(0,t.default)(["\n  ","\n  font-weight: 500;\n  letter-spacing: -0.01em;\n  margin-top: ","px;\n"],["\n  ","\n  font-weight: 500;\n  letter-spacing: -0.01em;\n  margin-top: ","px;\n"]),s=(0,t.default)(["\n  ","\n  font-weight: 600;\n  letter-spacing: -0.01em;\n  margin-top: ","px;\n"],["\n  ","\n  font-weight: 600;\n  letter-spacing: -0.01em;\n  margin-top: ","px;\n"]),k=(0,t.default)(["\n  ","\n  font-weight: 500;\n  letter-spacing: -0.008em;\n  margin-top: ","px;\n"],["\n  ","\n  font-weight: 500;\n  letter-spacing: -0.008em;\n  margin-top: ","px;\n"]),C=(0,t.default)(["\n  ","\n  font-weight: 600;\n  letter-spacing: -0.006em;\n  margin-top: ","px;\n"],["\n  ","\n  font-weight: 600;\n  letter-spacing: -0.006em;\n  margin-top: ","px;\n"]),p=(0,t.default)(["\n  ","\n  font-weight: 600;\n  letter-spacing: -0.003em;\n  margin-top: ","px;\n"],["\n  ","\n  font-weight: 600;\n  letter-spacing: -0.003em;\n  margin-top: ","px;\n"]),u=(0,t.default)(["\n  ","\n  color: ",";\n  font-weight: 600;\n  margin-top: ","px;\n  text-transform: uppercase;\n"],["\n  ","\n  color: ",";\n  font-weight: 600;\n  margin-top: ","px;\n  text-transform: uppercase;\n"]),x=(0,t.default)(["\n  ","\n  color: ",";\n  font-weight: 600;\n  margin-top: ","px;\n"],["\n  ","\n  color: ",";\n  font-weight: 600;\n  margin-top: ","px;\n"]),d=(0,t.default)(["\n  ","\n  color: ",";\n  font-weight: normal;\n  margin-top: ","px;\n"],["\n  ","\n  color: ",";\n  font-weight: normal;\n  margin-top: ","px;\n"]),f=e(6),F=e(7),c=r(F),g=e(10),m=r(g),N=e(11),A=r(N),b=parseInt(m.default.akFontSizeDefault,10),h=parseInt(A.default.akGridSizeUnitless,10),B=function(o,n){return(0,f.css)(l,o/b,n/o)},y=(0,f.css)(i,B(35,40),6.5*h),E=(0,f.css)(s,B(29,32),5*h),w=(0,f.css)(i,B(24,28),5*h),D=(0,f.css)(k,B(20,24),3.5*h),v=(0,f.css)(C,B(16,20),3*h),M=(0,f.css)(p,B(14,16),2*h),z=(0,f.css)(u,B(12,16),c.default.akColorN300,2.5*h),S=(0,f.css)(x,B(12,16),c.default.akColorN300,2*h),P=(0,f.css)(d,B(12,16),c.default.akColorN300,2*h);n.default={h100:P,h200:S,h300:z,h400:M,h500:v,h600:D,h700:w,h800:E,h900:y}},function(o,n){o.exports={akFontFamily:'-apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif',akFontSizeDefault:"14px",akCodeFontFamily:'"SF Mono", "Segoe UI Mono", "Roboto Mono", "Ubuntu Mono", Menlo, Courier, monospace'}},function(o,n){o.exports={akGridSizeUnitless:"8",akGridSize:"8px"}},function(o,n,e){function r(o){return e(a(o))}function a(o){return t[o]||function(){throw new Error("Cannot find module '"+o+"'.")}()}var t={"./borders.less":13,"./colors.less":7,"./fonts.less":10,"./grid.less":11,"./z-indexes.less":8};r.keys=function(){return Object.keys(t)},r.resolve=a,o.exports=r,r.id=12},function(o,n){o.exports={akBorderRadius:"3px"}}]);

dist/bundle.js

@@ -83,4 +83,11 @@ !function(root, factory) {
             value: !0
-        }), exports.akTypographyMixins = void 0;
-        var _keys = __webpack_require__(2), _keys2 = _interopRequireDefault(_keys), _assign = __webpack_require__(3), _assign2 = _interopRequireDefault(_assign), _tyopgraphy = __webpack_require__(4);
+        }), exports.akTypographyMixins = exports.akElevationMixins = void 0;
+        var _keys = __webpack_require__(2), _keys2 = _interopRequireDefault(_keys), _assign = __webpack_require__(3), _assign2 = _interopRequireDefault(_assign), _elevation = __webpack_require__(4);
+        Object.defineProperty(exports, "akElevationMixins", {
+            enumerable: !0,
+            get: function() {
+                return _interopRequireDefault(_elevation).default;
+            }
+        });
+        var _tyopgraphy = __webpack_require__(9);
         Object.defineProperty(exports, "akTypographyMixins", {
@@ -92,3 +99,3 @@ enumerable: !0,
         });
-        var req = __webpack_require__(10);
+        var req = __webpack_require__(12);
         exports.default = req.keys().reduce(function(prev, file) {
@@ -121,31 +128,15 @@ var vars = req(file);
         var _taggedTemplateLiteral2 = __webpack_require__(5), _taggedTemplateLiteral3 = _interopRequireDefault(_taggedTemplateLiteral2), _templateObject = (0, 
-        _taggedTemplateLiteral3.default)([ "\n  font-size: ", "em;\n  font-style: inherit;\n  line-height: ", ";\n" ], [ "\n  font-size: ", "em;\n  font-style: inherit;\n  line-height: ", ";\n" ]), _templateObject2 = (0, 
-        _taggedTemplateLiteral3.default)([ "\n  ", "\n  font-weight: 500;\n  letter-spacing: -0.01em;\n  margin-top: ", "px;\n" ], [ "\n  ", "\n  font-weight: 500;\n  letter-spacing: -0.01em;\n  margin-top: ", "px;\n" ]), _templateObject3 = (0, 
-        _taggedTemplateLiteral3.default)([ "\n  ", "\n  font-weight: 600;\n  letter-spacing: -0.01em;\n  margin-top: ", "px;\n" ], [ "\n  ", "\n  font-weight: 600;\n  letter-spacing: -0.01em;\n  margin-top: ", "px;\n" ]), _templateObject4 = (0, 
-        _taggedTemplateLiteral3.default)([ "\n  ", "\n  font-weight: 500;\n  letter-spacing: -0.008em;\n  margin-top: ", "px;\n" ], [ "\n  ", "\n  font-weight: 500;\n  letter-spacing: -0.008em;\n  margin-top: ", "px;\n" ]), _templateObject5 = (0, 
-        _taggedTemplateLiteral3.default)([ "\n  ", "\n  font-weight: 600;\n  letter-spacing: -0.006em;\n  margin-top: ", "px;\n" ], [ "\n  ", "\n  font-weight: 600;\n  letter-spacing: -0.006em;\n  margin-top: ", "px;\n" ]), _templateObject6 = (0, 
-        _taggedTemplateLiteral3.default)([ "\n  ", "\n  font-weight: 600;\n  letter-spacing: -0.003em;\n  margin-top: ", "px;\n" ], [ "\n  ", "\n  font-weight: 600;\n  letter-spacing: -0.003em;\n  margin-top: ", "px;\n" ]), _templateObject7 = (0, 
-        _taggedTemplateLiteral3.default)([ "\n  ", "\n  color: ", ";\n  font-weight: 600;\n  margin-top: ", "px;\n  text-transform: uppercase;\n" ], [ "\n  ", "\n  color: ", ";\n  font-weight: 600;\n  margin-top: ", "px;\n  text-transform: uppercase;\n" ]), _templateObject8 = (0, 
-        _taggedTemplateLiteral3.default)([ "\n  ", "\n  color: ", ";\n  font-weight: 600;\n  margin-top: ", "px;\n" ], [ "\n  ", "\n  color: ", ";\n  font-weight: 600;\n  margin-top: ", "px;\n" ]), _templateObject9 = (0, 
-        _taggedTemplateLiteral3.default)([ "\n  ", "\n  color: ", ";\n  font-weight: normal;\n  margin-top: ", "px;\n" ], [ "\n  ", "\n  color: ", ";\n  font-weight: normal;\n  margin-top: ", "px;\n" ]), _styledComponents = __webpack_require__(6), _colors = __webpack_require__(7), _colors2 = _interopRequireDefault(_colors), _fonts = __webpack_require__(8), _fonts2 = _interopRequireDefault(_fonts), _grid = __webpack_require__(9), _grid2 = _interopRequireDefault(_grid), fontSizeDefault = parseInt(_fonts2.default.akFontSizeDefault, 10), gridSize = parseInt(_grid2.default.akGridSizeUnitless, 10), baseHeading = function(fontSize, lineHeight) {
-            return (0, _styledComponents.css)(_templateObject, fontSize / fontSizeDefault, lineHeight / fontSize);
-        }, h900 = (0, _styledComponents.css)(_templateObject2, baseHeading(35, 40), 6.5 * gridSize), h800 = (0, 
-        _styledComponents.css)(_templateObject3, baseHeading(29, 32), 5 * gridSize), h700 = (0, 
-        _styledComponents.css)(_templateObject2, baseHeading(24, 28), 5 * gridSize), h600 = (0, 
-        _styledComponents.css)(_templateObject4, baseHeading(20, 24), 3.5 * gridSize), h500 = (0, 
-        _styledComponents.css)(_templateObject5, baseHeading(16, 20), 3 * gridSize), h400 = (0, 
-        _styledComponents.css)(_templateObject6, baseHeading(14, 16), 2 * gridSize), h300 = (0, 
-        _styledComponents.css)(_templateObject7, baseHeading(12, 16), _colors2.default.akColorN300, 2.5 * gridSize), h200 = (0, 
-        _styledComponents.css)(_templateObject8, baseHeading(12, 16), _colors2.default.akColorN300, 2 * gridSize), h100 = (0, 
-        _styledComponents.css)(_templateObject9, baseHeading(12, 16), _colors2.default.akColorN300, 2 * gridSize);
+        _taggedTemplateLiteral3.default)([ "\n  box-shadow: 0 1px 1px ", ", 0 0 1px 0 ", ";\n  z-index: ", ";\n" ], [ "\n  box-shadow: 0 1px 1px ", ", 0 0 1px 0 ", ";\n  z-index: ", ";\n" ]), _templateObject2 = (0, 
+        _taggedTemplateLiteral3.default)([ "\n  box-shadow: 0 4px 8px -2px ", ", 0 0 1px ", ";\n  z-index: ", ";\n" ], [ "\n  box-shadow: 0 4px 8px -2px ", ", 0 0 1px ", ";\n  z-index: ", ";\n" ]), _templateObject3 = (0, 
+        _taggedTemplateLiteral3.default)([ "\n  box-shadow: 0 8px 16px -4px ", ", 0 0 1px ", ";\n  z-index: ", ";\n" ], [ "\n  box-shadow: 0 8px 16px -4px ", ", 0 0 1px ", ";\n  z-index: ", ";\n" ]), _templateObject4 = (0, 
+        _taggedTemplateLiteral3.default)([ "\n  box-shadow: 0 20px 32px -8px ", ", 0 0 1px ", ";\n  z-index: ", ";\n" ], [ "\n  box-shadow: 0 20px 32px -8px ", ", 0 0 1px ", ";\n  z-index: ", ";\n" ]), _styledComponents = __webpack_require__(6), _colors = __webpack_require__(7), _zIndexes = __webpack_require__(8), _zIndexes2 = _interopRequireDefault(_zIndexes), e100 = (0, 
+        _styledComponents.css)(_templateObject, _colors.akColorN50A, _colors.akColorN60A, _zIndexes2.default.akZIndexCard), e200 = (0, 
+        _styledComponents.css)(_templateObject2, _colors.akColorN60A, _colors.akColorN60A, _zIndexes2.default.akZIndexDialog), e500 = (0, 
+        _styledComponents.css)(_templateObject3, _colors.akColorN60A, _colors.akColorN60A, _zIndexes2.default.akZIndexModal), e600 = (0, 
+        _styledComponents.css)(_templateObject4, _colors.akColorN50A, _colors.akColorN60A, _zIndexes2.default.akZIndexFlag);
         exports.default = {
-            h100: h100,
-            h200: h200,
-            h300: h300,
-            h400: h400,
-            h500: h500,
-            h600: h600,
-            h700: h700,
-            h800: h800,
-            h900: h900
+            e100: e100,
+            e200: e200,
+            e500: e500,
+            e600: e600
         };
@@ -255,2 +246,56 @@ }, /* 5 */
         module.exports = {
+            akZIndexCard: "100",
+            akZIndexDialog: "200",
+            akZIndexNavigation: "300",
+            akZIndexLayer: "400",
+            akZIndexBlanket: "500",
+            akZIndexFlag: "600"
+        };
+    }, /* 9 */
+    /***/
+    function(module, exports, __webpack_require__) {
+        "use strict";
+        function _interopRequireDefault(obj) {
+            return obj && obj.__esModule ? obj : {
+                default: obj
+            };
+        }
+        Object.defineProperty(exports, "__esModule", {
+            value: !0
+        });
+        var _taggedTemplateLiteral2 = __webpack_require__(5), _taggedTemplateLiteral3 = _interopRequireDefault(_taggedTemplateLiteral2), _templateObject = (0, 
+        _taggedTemplateLiteral3.default)([ "\n  font-size: ", "em;\n  font-style: inherit;\n  line-height: ", ";\n" ], [ "\n  font-size: ", "em;\n  font-style: inherit;\n  line-height: ", ";\n" ]), _templateObject2 = (0, 
+        _taggedTemplateLiteral3.default)([ "\n  ", "\n  font-weight: 500;\n  letter-spacing: -0.01em;\n  margin-top: ", "px;\n" ], [ "\n  ", "\n  font-weight: 500;\n  letter-spacing: -0.01em;\n  margin-top: ", "px;\n" ]), _templateObject3 = (0, 
+        _taggedTemplateLiteral3.default)([ "\n  ", "\n  font-weight: 600;\n  letter-spacing: -0.01em;\n  margin-top: ", "px;\n" ], [ "\n  ", "\n  font-weight: 600;\n  letter-spacing: -0.01em;\n  margin-top: ", "px;\n" ]), _templateObject4 = (0, 
+        _taggedTemplateLiteral3.default)([ "\n  ", "\n  font-weight: 500;\n  letter-spacing: -0.008em;\n  margin-top: ", "px;\n" ], [ "\n  ", "\n  font-weight: 500;\n  letter-spacing: -0.008em;\n  margin-top: ", "px;\n" ]), _templateObject5 = (0, 
+        _taggedTemplateLiteral3.default)([ "\n  ", "\n  font-weight: 600;\n  letter-spacing: -0.006em;\n  margin-top: ", "px;\n" ], [ "\n  ", "\n  font-weight: 600;\n  letter-spacing: -0.006em;\n  margin-top: ", "px;\n" ]), _templateObject6 = (0, 
+        _taggedTemplateLiteral3.default)([ "\n  ", "\n  font-weight: 600;\n  letter-spacing: -0.003em;\n  margin-top: ", "px;\n" ], [ "\n  ", "\n  font-weight: 600;\n  letter-spacing: -0.003em;\n  margin-top: ", "px;\n" ]), _templateObject7 = (0, 
+        _taggedTemplateLiteral3.default)([ "\n  ", "\n  color: ", ";\n  font-weight: 600;\n  margin-top: ", "px;\n  text-transform: uppercase;\n" ], [ "\n  ", "\n  color: ", ";\n  font-weight: 600;\n  margin-top: ", "px;\n  text-transform: uppercase;\n" ]), _templateObject8 = (0, 
+        _taggedTemplateLiteral3.default)([ "\n  ", "\n  color: ", ";\n  font-weight: 600;\n  margin-top: ", "px;\n" ], [ "\n  ", "\n  color: ", ";\n  font-weight: 600;\n  margin-top: ", "px;\n" ]), _templateObject9 = (0, 
+        _taggedTemplateLiteral3.default)([ "\n  ", "\n  color: ", ";\n  font-weight: normal;\n  margin-top: ", "px;\n" ], [ "\n  ", "\n  color: ", ";\n  font-weight: normal;\n  margin-top: ", "px;\n" ]), _styledComponents = __webpack_require__(6), _colors = __webpack_require__(7), _colors2 = _interopRequireDefault(_colors), _fonts = __webpack_require__(10), _fonts2 = _interopRequireDefault(_fonts), _grid = __webpack_require__(11), _grid2 = _interopRequireDefault(_grid), fontSizeDefault = parseInt(_fonts2.default.akFontSizeDefault, 10), gridSize = parseInt(_grid2.default.akGridSizeUnitless, 10), baseHeading = function(fontSize, lineHeight) {
+            return (0, _styledComponents.css)(_templateObject, fontSize / fontSizeDefault, lineHeight / fontSize);
+        }, h900 = (0, _styledComponents.css)(_templateObject2, baseHeading(35, 40), 6.5 * gridSize), h800 = (0, 
+        _styledComponents.css)(_templateObject3, baseHeading(29, 32), 5 * gridSize), h700 = (0, 
+        _styledComponents.css)(_templateObject2, baseHeading(24, 28), 5 * gridSize), h600 = (0, 
+        _styledComponents.css)(_templateObject4, baseHeading(20, 24), 3.5 * gridSize), h500 = (0, 
+        _styledComponents.css)(_templateObject5, baseHeading(16, 20), 3 * gridSize), h400 = (0, 
+        _styledComponents.css)(_templateObject6, baseHeading(14, 16), 2 * gridSize), h300 = (0, 
+        _styledComponents.css)(_templateObject7, baseHeading(12, 16), _colors2.default.akColorN300, 2.5 * gridSize), h200 = (0, 
+        _styledComponents.css)(_templateObject8, baseHeading(12, 16), _colors2.default.akColorN300, 2 * gridSize), h100 = (0, 
+        _styledComponents.css)(_templateObject9, baseHeading(12, 16), _colors2.default.akColorN300, 2 * gridSize);
+        exports.default = {
+            h100: h100,
+            h200: h200,
+            h300: h300,
+            h400: h400,
+            h500: h500,
+            h600: h600,
+            h700: h700,
+            h800: h800,
+            h900: h900
+        };
+    }, /* 10 */
+    /***/
+    function(module, exports) {
+        module.exports = {
             akFontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif',
@@ -260,3 +305,3 @@ akFontSizeDefault: "14px",
         };
-    }, /* 9 */
+    }, /* 11 */
     /***/
@@ -268,3 +313,3 @@ function(module, exports) {
         };
-    }, /* 10 */
+    }, /* 12 */
     /***/
@@ -281,7 +326,7 @@ function(module, exports, __webpack_require__) {
         var map = {
-            "./borders.less": 11,
+            "./borders.less": 13,
             "./colors.less": 7,
-            "./fonts.less": 8,
-            "./grid.less": 9,
-            "./z-indexes.less": 12
+            "./fonts.less": 10,
+            "./grid.less": 11,
+            "./z-indexes.less": 8
         };
@@ -291,4 +336,4 @@ webpackContext.keys = function() {
         }, webpackContext.resolve = webpackContextResolve, module.exports = webpackContext, 
-        webpackContext.id = 10;
-    }, /* 11 */
+        webpackContext.id = 12;
+    }, /* 13 */
     /***/
@@ -299,12 +344,3 @@ function(module, exports) {
         };
-    }, /* 12 */
-    /***/
-    function(module, exports) {
-        module.exports = {
-            akZIndexNavigation: "300",
-            akZIndexLayer: "400",
-            akZIndexBlanket: "500",
-            akZIndexFlag: "600"
-        };
     } ]);
 });

dist/bundle.min.js

@@ -1,1 +0,1 @@
-!function(o,e){"object"==typeof exports&&"object"==typeof module?module.exports=e(require("babel-runtime/core-js/object/keys"),require("babel-runtime/core-js/object/assign"),require("babel-runtime/helpers/taggedTemplateLiteral"),require("styled-components")):"function"==typeof define&&define.amd?define(["babel-runtime/core-js/object/keys","babel-runtime/core-js/object/assign","babel-runtime/helpers/taggedTemplateLiteral","styled-components"],e):"object"==typeof exports?exports["@atlaskit/utilSharedStyles"]=e(require("babel-runtime/core-js/object/keys"),require("babel-runtime/core-js/object/assign"),require("babel-runtime/helpers/taggedTemplateLiteral"),require("styled-components")):o["@atlaskit/utilSharedStyles"]=e(o["babel-runtime/core-js/object/keys"],o["babel-runtime/core-js/object/assign"],o["babel-runtime/helpers/taggedTemplateLiteral"],o["styled-components"])}(this,function(o,e,r,n){return function(o){function e(n){if(r[n])return r[n].exports;var t=r[n]={exports:{},id:n,loaded:!1};return o[n].call(t.exports,t,t.exports,e),t.loaded=!0,t.exports}var r={};return e.m=o,e.c=r,e.p="",e(0)}([function(o,e,r){o.exports=r(1)},function(o,e,r){"use strict";function n(o){return o&&o.__esModule?o:{default:o}}Object.defineProperty(e,"__esModule",{value:!0}),e.akTypographyMixins=void 0;var t=r(2),a=n(t),l=r(3),i=n(l),s=r(4);Object.defineProperty(e,"akTypographyMixins",{enumerable:!0,get:function(){return n(s).default}});var k=r(10);e.default=k.keys().reduce(function(e,r){var n=k(r);return(0,i.default)(e,n),(0,a.default)(n).forEach(function(e){o.exports[e]=n[e]}),e},{})},function(e,r){e.exports=o},function(o,r){o.exports=e},function(o,e,r){"use strict";function n(o){return o&&o.__esModule?o:{default:o}}Object.defineProperty(e,"__esModule",{value:!0});var t=r(5),a=n(t),l=(0,a.default)(["\n  font-size: ","em;\n  font-style: inherit;\n  line-height: ",";\n"],["\n  font-size: ","em;\n  font-style: inherit;\n  line-height: ",";\n"]),i=(0,a.default)(["\n  ","\n  font-weight: 500;\n  letter-spacing: -0.01em;\n  margin-top: ","px;\n"],["\n  ","\n  font-weight: 500;\n  letter-spacing: -0.01em;\n  margin-top: ","px;\n"]),s=(0,a.default)(["\n  ","\n  font-weight: 600;\n  letter-spacing: -0.01em;\n  margin-top: ","px;\n"],["\n  ","\n  font-weight: 600;\n  letter-spacing: -0.01em;\n  margin-top: ","px;\n"]),k=(0,a.default)(["\n  ","\n  font-weight: 500;\n  letter-spacing: -0.008em;\n  margin-top: ","px;\n"],["\n  ","\n  font-weight: 500;\n  letter-spacing: -0.008em;\n  margin-top: ","px;\n"]),C=(0,a.default)(["\n  ","\n  font-weight: 600;\n  letter-spacing: -0.006em;\n  margin-top: ","px;\n"],["\n  ","\n  font-weight: 600;\n  letter-spacing: -0.006em;\n  margin-top: ","px;\n"]),u=(0,a.default)(["\n  ","\n  font-weight: 600;\n  letter-spacing: -0.003em;\n  margin-top: ","px;\n"],["\n  ","\n  font-weight: 600;\n  letter-spacing: -0.003em;\n  margin-top: ","px;\n"]),p=(0,a.default)(["\n  ","\n  color: ",";\n  font-weight: 600;\n  margin-top: ","px;\n  text-transform: uppercase;\n"],["\n  ","\n  color: ",";\n  font-weight: 600;\n  margin-top: ","px;\n  text-transform: uppercase;\n"]),c=(0,a.default)(["\n  ","\n  color: ",";\n  font-weight: 600;\n  margin-top: ","px;\n"],["\n  ","\n  color: ",";\n  font-weight: 600;\n  margin-top: ","px;\n"]),F=(0,a.default)(["\n  ","\n  color: ",";\n  font-weight: normal;\n  margin-top: ","px;\n"],["\n  ","\n  color: ",";\n  font-weight: normal;\n  margin-top: ","px;\n"]),f=r(6),g=r(7),d=n(g),m=r(8),b=n(m),x=r(9),h=n(x),N=parseInt(b.default.akFontSizeDefault,10),y=parseInt(h.default.akGridSizeUnitless,10),A=function(o,e){return(0,f.css)(l,o/N,e/o)},B=(0,f.css)(i,A(35,40),6.5*y),E=(0,f.css)(s,A(29,32),5*y),j=(0,f.css)(i,A(24,28),5*y),D=(0,f.css)(k,A(20,24),3.5*y),S=(0,f.css)(C,A(16,20),3*y),w=(0,f.css)(u,A(14,16),2*y),v=(0,f.css)(p,A(12,16),d.default.akColorN300,2.5*y),P=(0,f.css)(c,A(12,16),d.default.akColorN300,2*y),T=(0,f.css)(F,A(12,16),d.default.akColorN300,2*y);e.default={h100:T,h200:P,h300:v,h400:w,h500:S,h600:D,h700:j,h800:E,h900:B}},function(o,e){o.exports=r},function(o,e){o.exports=n},function(o,e){o.exports={akColorPrimary1:"#172B4D",akColorPrimary2:"#0049B0",akColorPrimary3:"#FFFFFF",akColorSecondary1:"#FF5630",akColorSecondary2:"#FFAB00",akColorSecondary3:"#36B37E",akColorSecondary4:"#6554C0",akColorSecondary5:"#00B8D9",akColorR50:"#FFEBE6",akColorR75:"#FFBDAD",akColorR100:"#FF8F73",akColorR200:"#FF7452",akColorR300:"#FF5630",akColorR400:"#DE350B",akColorR500:"#BF2600",akColorY50:"#FFFAE6",akColorY75:"#FFF0B3",akColorY100:"#FFE380",akColorY200:"#FFC400",akColorY300:"#FFAB00",akColorY400:"#FF991F",akColorY500:"#FF8B00",akColorG50:"#E3FCEF",akColorG75:"#ABF5D1",akColorG100:"#79F2C0",akColorG200:"#57D9A3",akColorG300:"#36B37E",akColorG400:"#00875A",akColorG500:"#006644",akColorB50:"#DEEBFF",akColorB75:"#B3D4FF",akColorB100:"#4C9AFF",akColorB200:"#2684FF",akColorB300:"#0065FF",akColorB400:"#0052CC",akColorB500:"#0049B0",akColorP50:"#EAE6FF",akColorP75:"#C0B6F2",akColorP100:"#998DD9",akColorP200:"#8777D9",akColorP300:"#6554C0",akColorP400:"#5243AA",akColorP500:"#403294",akColorT50:"#E6FCFF",akColorT75:"#B3F5FF",akColorT100:"#79E2F2",akColorT200:"#00C7E6",akColorT300:"#00B8D9",akColorT400:"#00A3BF",akColorT500:"#008DA6",akColorN0:"#FFFFFF",akColorN10:"#FAFBFC",akColorN20:"#F4F5F7",akColorN30:"#EBECF0",akColorN40:"#DFE1E6",akColorN50:"#C1C7D0",akColorN60:"#B3BAC5",akColorN70:"#A5ADBA",akColorN80:"#97A0AF",akColorN90:"#8993A4",akColorN100:"#7A869A",akColorN200:"#6C798F",akColorN300:"#5E6C84",akColorN400:"#505F79",akColorN500:"#42526E",akColorN600:"#344563",akColorN700:"#253858",akColorN800:"#172B4D",akColorN900:"#091E42",akColorN10A:"rgba(9, 30, 66, 0.02)",akColorN20A:"rgba(9, 30, 66, 0.04)",akColorN30A:"rgba(9, 30, 66, 0.08)",akColorN40A:"rgba(9, 30, 66, 0.13)",akColorN50A:"rgba(9, 30, 66, 0.25)",akColorN60A:"rgba(9, 30, 66, 0.31)",akColorN70A:"rgba(9, 30, 66, 0.36)",akColorN80A:"rgba(9, 30, 66, 0.42)",akColorN90A:"rgba(9, 30, 66, 0.48)",akColorN100A:"rgba(9, 30, 66, 0.54)",akColorN200A:"rgba(9, 30, 66, 0.60)",akColorN300A:"rgba(9, 30, 66, 0.65)",akColorN400A:"rgba(9, 30, 66, 0.71)",akColorN500A:"rgba(9, 30, 66, 0.77)",akColorN600A:"rgba(9, 30, 66, 0.82)",akColorN700A:"rgba(9, 30, 66, 0.89)",akColorN800A:"rgba(9, 30, 66, 0.95)"}},function(o,e){o.exports={akFontFamily:'-apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif',akFontSizeDefault:"14px",akCodeFontFamily:'"SF Mono", "Segoe UI Mono", "Roboto Mono", "Ubuntu Mono", Menlo, Courier, monospace'}},function(o,e){o.exports={akGridSizeUnitless:"8",akGridSize:"8px"}},function(o,e,r){function n(o){return r(t(o))}function t(o){return a[o]||function(){throw new Error("Cannot find module '"+o+"'.")}()}var a={"./borders.less":11,"./colors.less":7,"./fonts.less":8,"./grid.less":9,"./z-indexes.less":12};n.keys=function(){return Object.keys(a)},n.resolve=t,o.exports=n,n.id=10},function(o,e){o.exports={akBorderRadius:"3px"}},function(o,e){o.exports={akZIndexNavigation:"300",akZIndexLayer:"400",akZIndexBlanket:"500",akZIndexFlag:"600"}}])});
+!function(o,e){"object"==typeof exports&&"object"==typeof module?module.exports=e(require("babel-runtime/core-js/object/keys"),require("babel-runtime/core-js/object/assign"),require("babel-runtime/helpers/taggedTemplateLiteral"),require("styled-components")):"function"==typeof define&&define.amd?define(["babel-runtime/core-js/object/keys","babel-runtime/core-js/object/assign","babel-runtime/helpers/taggedTemplateLiteral","styled-components"],e):"object"==typeof exports?exports["@atlaskit/utilSharedStyles"]=e(require("babel-runtime/core-js/object/keys"),require("babel-runtime/core-js/object/assign"),require("babel-runtime/helpers/taggedTemplateLiteral"),require("styled-components")):o["@atlaskit/utilSharedStyles"]=e(o["babel-runtime/core-js/object/keys"],o["babel-runtime/core-js/object/assign"],o["babel-runtime/helpers/taggedTemplateLiteral"],o["styled-components"])}(this,function(o,e,n,r){return function(o){function e(r){if(n[r])return n[r].exports;var a=n[r]={exports:{},id:r,loaded:!1};return o[r].call(a.exports,a,a.exports,e),a.loaded=!0,a.exports}var n={};return e.m=o,e.c=n,e.p="",e(0)}([function(o,e,n){o.exports=n(1)},function(o,e,n){"use strict";function r(o){return o&&o.__esModule?o:{default:o}}Object.defineProperty(e,"__esModule",{value:!0}),e.akTypographyMixins=e.akElevationMixins=void 0;var a=n(2),t=r(a),l=n(3),i=r(l),s=n(4);Object.defineProperty(e,"akElevationMixins",{enumerable:!0,get:function(){return r(s).default}});var p=n(9);Object.defineProperty(e,"akTypographyMixins",{enumerable:!0,get:function(){return r(p).default}});var k=n(12);e.default=k.keys().reduce(function(e,n){var r=k(n);return(0,i.default)(e,r),(0,t.default)(r).forEach(function(e){o.exports[e]=r[e]}),e},{})},function(e,n){e.exports=o},function(o,n){o.exports=e},function(o,e,n){"use strict";function r(o){return o&&o.__esModule?o:{default:o}}Object.defineProperty(e,"__esModule",{value:!0});var a=n(5),t=r(a),l=(0,t.default)(["\n  box-shadow: 0 1px 1px ",", 0 0 1px 0 ",";\n  z-index: ",";\n"],["\n  box-shadow: 0 1px 1px ",", 0 0 1px 0 ",";\n  z-index: ",";\n"]),i=(0,t.default)(["\n  box-shadow: 0 4px 8px -2px ",", 0 0 1px ",";\n  z-index: ",";\n"],["\n  box-shadow: 0 4px 8px -2px ",", 0 0 1px ",";\n  z-index: ",";\n"]),s=(0,t.default)(["\n  box-shadow: 0 8px 16px -4px ",", 0 0 1px ",";\n  z-index: ",";\n"],["\n  box-shadow: 0 8px 16px -4px ",", 0 0 1px ",";\n  z-index: ",";\n"]),p=(0,t.default)(["\n  box-shadow: 0 20px 32px -8px ",", 0 0 1px ",";\n  z-index: ",";\n"],["\n  box-shadow: 0 20px 32px -8px ",", 0 0 1px ",";\n  z-index: ",";\n"]),k=n(6),u=n(7),C=n(8),d=r(C),c=(0,k.css)(l,u.akColorN50A,u.akColorN60A,d.default.akZIndexCard),f=(0,k.css)(i,u.akColorN60A,u.akColorN60A,d.default.akZIndexDialog),x=(0,k.css)(s,u.akColorN60A,u.akColorN60A,d.default.akZIndexModal),F=(0,k.css)(p,u.akColorN50A,u.akColorN60A,d.default.akZIndexFlag);e.default={e100:c,e200:f,e500:x,e600:F}},function(o,e){o.exports=n},function(o,e){o.exports=r},function(o,e){o.exports={akColorPrimary1:"#172B4D",akColorPrimary2:"#0049B0",akColorPrimary3:"#FFFFFF",akColorSecondary1:"#FF5630",akColorSecondary2:"#FFAB00",akColorSecondary3:"#36B37E",akColorSecondary4:"#6554C0",akColorSecondary5:"#00B8D9",akColorR50:"#FFEBE6",akColorR75:"#FFBDAD",akColorR100:"#FF8F73",akColorR200:"#FF7452",akColorR300:"#FF5630",akColorR400:"#DE350B",akColorR500:"#BF2600",akColorY50:"#FFFAE6",akColorY75:"#FFF0B3",akColorY100:"#FFE380",akColorY200:"#FFC400",akColorY300:"#FFAB00",akColorY400:"#FF991F",akColorY500:"#FF8B00",akColorG50:"#E3FCEF",akColorG75:"#ABF5D1",akColorG100:"#79F2C0",akColorG200:"#57D9A3",akColorG300:"#36B37E",akColorG400:"#00875A",akColorG500:"#006644",akColorB50:"#DEEBFF",akColorB75:"#B3D4FF",akColorB100:"#4C9AFF",akColorB200:"#2684FF",akColorB300:"#0065FF",akColorB400:"#0052CC",akColorB500:"#0049B0",akColorP50:"#EAE6FF",akColorP75:"#C0B6F2",akColorP100:"#998DD9",akColorP200:"#8777D9",akColorP300:"#6554C0",akColorP400:"#5243AA",akColorP500:"#403294",akColorT50:"#E6FCFF",akColorT75:"#B3F5FF",akColorT100:"#79E2F2",akColorT200:"#00C7E6",akColorT300:"#00B8D9",akColorT400:"#00A3BF",akColorT500:"#008DA6",akColorN0:"#FFFFFF",akColorN10:"#FAFBFC",akColorN20:"#F4F5F7",akColorN30:"#EBECF0",akColorN40:"#DFE1E6",akColorN50:"#C1C7D0",akColorN60:"#B3BAC5",akColorN70:"#A5ADBA",akColorN80:"#97A0AF",akColorN90:"#8993A4",akColorN100:"#7A869A",akColorN200:"#6C798F",akColorN300:"#5E6C84",akColorN400:"#505F79",akColorN500:"#42526E",akColorN600:"#344563",akColorN700:"#253858",akColorN800:"#172B4D",akColorN900:"#091E42",akColorN10A:"rgba(9, 30, 66, 0.02)",akColorN20A:"rgba(9, 30, 66, 0.04)",akColorN30A:"rgba(9, 30, 66, 0.08)",akColorN40A:"rgba(9, 30, 66, 0.13)",akColorN50A:"rgba(9, 30, 66, 0.25)",akColorN60A:"rgba(9, 30, 66, 0.31)",akColorN70A:"rgba(9, 30, 66, 0.36)",akColorN80A:"rgba(9, 30, 66, 0.42)",akColorN90A:"rgba(9, 30, 66, 0.48)",akColorN100A:"rgba(9, 30, 66, 0.54)",akColorN200A:"rgba(9, 30, 66, 0.60)",akColorN300A:"rgba(9, 30, 66, 0.65)",akColorN400A:"rgba(9, 30, 66, 0.71)",akColorN500A:"rgba(9, 30, 66, 0.77)",akColorN600A:"rgba(9, 30, 66, 0.82)",akColorN700A:"rgba(9, 30, 66, 0.89)",akColorN800A:"rgba(9, 30, 66, 0.95)"}},function(o,e){o.exports={akZIndexCard:"100",akZIndexDialog:"200",akZIndexNavigation:"300",akZIndexLayer:"400",akZIndexBlanket:"500",akZIndexFlag:"600"}},function(o,e,n){"use strict";function r(o){return o&&o.__esModule?o:{default:o}}Object.defineProperty(e,"__esModule",{value:!0});var a=n(5),t=r(a),l=(0,t.default)(["\n  font-size: ","em;\n  font-style: inherit;\n  line-height: ",";\n"],["\n  font-size: ","em;\n  font-style: inherit;\n  line-height: ",";\n"]),i=(0,t.default)(["\n  ","\n  font-weight: 500;\n  letter-spacing: -0.01em;\n  margin-top: ","px;\n"],["\n  ","\n  font-weight: 500;\n  letter-spacing: -0.01em;\n  margin-top: ","px;\n"]),s=(0,t.default)(["\n  ","\n  font-weight: 600;\n  letter-spacing: -0.01em;\n  margin-top: ","px;\n"],["\n  ","\n  font-weight: 600;\n  letter-spacing: -0.01em;\n  margin-top: ","px;\n"]),p=(0,t.default)(["\n  ","\n  font-weight: 500;\n  letter-spacing: -0.008em;\n  margin-top: ","px;\n"],["\n  ","\n  font-weight: 500;\n  letter-spacing: -0.008em;\n  margin-top: ","px;\n"]),k=(0,t.default)(["\n  ","\n  font-weight: 600;\n  letter-spacing: -0.006em;\n  margin-top: ","px;\n"],["\n  ","\n  font-weight: 600;\n  letter-spacing: -0.006em;\n  margin-top: ","px;\n"]),u=(0,t.default)(["\n  ","\n  font-weight: 600;\n  letter-spacing: -0.003em;\n  margin-top: ","px;\n"],["\n  ","\n  font-weight: 600;\n  letter-spacing: -0.003em;\n  margin-top: ","px;\n"]),C=(0,t.default)(["\n  ","\n  color: ",";\n  font-weight: 600;\n  margin-top: ","px;\n  text-transform: uppercase;\n"],["\n  ","\n  color: ",";\n  font-weight: 600;\n  margin-top: ","px;\n  text-transform: uppercase;\n"]),d=(0,t.default)(["\n  ","\n  color: ",";\n  font-weight: 600;\n  margin-top: ","px;\n"],["\n  ","\n  color: ",";\n  font-weight: 600;\n  margin-top: ","px;\n"]),c=(0,t.default)(["\n  ","\n  color: ",";\n  font-weight: normal;\n  margin-top: ","px;\n"],["\n  ","\n  color: ",";\n  font-weight: normal;\n  margin-top: ","px;\n"]),f=n(6),x=n(7),F=r(x),g=n(10),b=r(g),m=n(11),h=r(m),N=parseInt(b.default.akFontSizeDefault,10),A=parseInt(h.default.akGridSizeUnitless,10),y=function(o,e){return(0,f.css)(l,o/N,e/o)},B=(0,f.css)(i,y(35,40),6.5*A),E=(0,f.css)(s,y(29,32),5*A),w=(0,f.css)(i,y(24,28),5*A),j=(0,f.css)(p,y(20,24),3.5*A),D=(0,f.css)(k,y(16,20),3*A),S=(0,f.css)(u,y(14,16),2*A),v=(0,f.css)(C,y(12,16),F.default.akColorN300,2.5*A),M=(0,f.css)(d,y(12,16),F.default.akColorN300,2*A),z=(0,f.css)(c,y(12,16),F.default.akColorN300,2*A);e.default={h100:z,h200:M,h300:v,h400:S,h500:D,h600:j,h700:w,h800:E,h900:B}},function(o,e){o.exports={akFontFamily:'-apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif',akFontSizeDefault:"14px",akCodeFontFamily:'"SF Mono", "Segoe UI Mono", "Roboto Mono", "Ubuntu Mono", Menlo, Courier, monospace'}},function(o,e){o.exports={akGridSizeUnitless:"8",akGridSize:"8px"}},function(o,e,n){function r(o){return n(a(o))}function a(o){return t[o]||function(){throw new Error("Cannot find module '"+o+"'.")}()}var t={"./borders.less":13,"./colors.less":7,"./fonts.less":10,"./grid.less":11,"./z-indexes.less":8};r.keys=function(){return Object.keys(t)},r.resolve=a,o.exports=r,r.id=12},function(o,e){o.exports={akBorderRadius:"3px"}}])});

package.json

 {
   "name": "@atlaskit/util-shared-styles",
-  "version": "1.4.0",
+  "version": "1.5.0",
   "config": {
@@ -5,0 +5,0 @@ "access": "public"

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,@atlaskit/util-shared-styles,@atlaskit/util-shared-styles@1.4.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,@atlaskit/util-shared-styles,@atlaskit/util-shared-styles@1.5.0)
 
@@ -41,3 +41,3 @@ This package provides you with the ADG colors & typography in a programmatic way.
 
-Ask a question in our [forum](https://answers.atlassian.com/questions/ask?title=AtlasKit%3A%20&topics=atlaskit,@atlaskit/util-shared-styles,@atlaskit/util-shared-styles@1.4.0).
+Ask a question in our [forum](https://answers.atlassian.com/questions/ask?title=AtlasKit%3A%20&topics=atlaskit,@atlaskit/util-shared-styles,@atlaskit/util-shared-styles@1.5.0).
 
@@ -44,0 +44,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

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

Improved metrics

Total package byte prevSize

73252

increased by12.04%

Lines of code

782

increased by10.45%

No dependency changes