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

Comparing version 1.2.1 to 1.3.0

CHANGELOG.md

@@ -1,6 +0,16 @@
-<a name="1.2.1"></a>
-## 1.2.1 (2017-03-23)
+<a name="1.3.0"></a>
+# 1.3.0 (2017-03-28)
 
 
 
+<a name="1.3.0"></a>
+# 1.3.0 (2017-03-28)
+
+
+### Features
+
+* **component:** new akTypographyMixins available for use in styled-components ([4d00137](https://bitbucket.org/atlassian/atlaskit/commits/4d00137))
+
+
+
 <a name="1.2.1"></a>
@@ -7,0 +17,0 @@ ## 1.2.1 (2017-03-23)

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);
+    Object.defineProperty(exports, "akTypographyMixins", {
+        enumerable: !0,
+        get: function() {
+            return _interopRequireDefault(_tyopgraphy).default;
+        }
     });
-    var _keys = __webpack_require__(2), _keys2 = _interopRequireDefault(_keys), _assign = __webpack_require__(3), _assign2 = _interopRequireDefault(_assign), req = __webpack_require__(4);
+    var req = __webpack_require__(10);
     exports.default = req.keys().reduce(function(prev, file) {
@@ -100,30 +107,53 @@ var vars = req(file);
 function(module, exports, __webpack_require__) {
-    function webpackContext(req) {
-        return __webpack_require__(webpackContextResolve(req));
+    "use strict";
+    function _interopRequireDefault(obj) {
+        return obj && obj.__esModule ? obj : {
+            default: obj
+        };
     }
-    function webpackContextResolve(req) {
-        return map[req] || function() {
-            throw new Error("Cannot find module '" + req + "'.");
-        }();
-    }
-    var map = {
-        "./borders.less": 5,
-        "./colors.less": 6,
-        "./fonts.less": 7,
-        "./grid.less": 8,
-        "./z-indexes.less": 9
+    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__(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);
+    exports.default = {
+        h100: h100,
+        h200: h200,
+        h300: h300,
+        h400: h400,
+        h500: h500,
+        h600: h600,
+        h700: h700,
+        h800: h800,
+        h900: h900
     };
-    webpackContext.keys = function() {
-        return Object.keys(map);
-    }, webpackContext.resolve = webpackContextResolve, module.exports = webpackContext, 
-    webpackContext.id = 4;
 }, /* 5 */
 /***/
 function(module, exports) {
-    module.exports = {
-        akBorderRadius: "3px"
-    };
+    module.exports = require("babel-runtime/helpers/taggedTemplateLiteral");
 }, /* 6 */
 /***/
 function(module, exports) {
+    module.exports = require("styled-components");
+}, /* 7 */
+/***/
+function(module, exports) {
     module.exports = {
@@ -217,3 +247,3 @@ akColorPrimary1: "#172B4D",
     };
-}, /* 7 */
+}, /* 8 */
 /***/
@@ -226,3 +256,3 @@ function(module, exports) {
     };
-}, /* 8 */
+}, /* 9 */
 /***/
@@ -234,6 +264,34 @@ function(module, exports) {
     };
-}, /* 9 */
+}, /* 10 */
 /***/
+function(module, exports, __webpack_require__) {
+    function webpackContext(req) {
+        return __webpack_require__(webpackContextResolve(req));
+    }
+    function webpackContextResolve(req) {
+        return map[req] || function() {
+            throw new Error("Cannot find module '" + req + "'.");
+        }();
+    }
+    var map = {
+        "./borders.less": 11,
+        "./colors.less": 7,
+        "./fonts.less": 8,
+        "./grid.less": 9,
+        "./z-indexes.less": 12
+    };
+    webpackContext.keys = function() {
+        return Object.keys(map);
+    }, webpackContext.resolve = webpackContextResolve, module.exports = webpackContext, 
+    webpackContext.id = 10;
+}, /* 11 */
+/***/
 function(module, exports) {
     module.exports = {
+        akBorderRadius: "3px"
+    };
+}, /* 12 */
+/***/
+function(module, exports) {
+    module.exports = {
         akZIndexNavigation: "300",
@@ -240,0 +298,0 @@ akZIndexLayer: "400",

dist/bundle-cjs.min.js

@@ -1,1 +0,1 @@
-module.exports=function(o){function r(l){if(a[l])return a[l].exports;var C=a[l]={exports:{},id:l,loaded:!1};return o[l].call(C.exports,C,C.exports,r),C.loaded=!0,C.exports}var a={};return r.m=o,r.c=a,r.p="",r(0)}([function(o,r,a){o.exports=a(1)},function(o,r,a){"use strict";function l(o){return o&&o.__esModule?o:{default:o}}Object.defineProperty(r,"__esModule",{value:!0});var C=a(2),e=l(C),k=a(3),F=l(k),n=a(4);r.default=n.keys().reduce(function(r,a){var l=n(a);return(0,F.default)(r,l),(0,e.default)(l).forEach(function(r){o.exports[r]=l[r]}),r},{})},function(o,r){o.exports=require("babel-runtime/core-js/object/keys")},function(o,r){o.exports=require("babel-runtime/core-js/object/assign")},function(o,r,a){function l(o){return a(C(o))}function C(o){return e[o]||function(){throw new Error("Cannot find module '"+o+"'.")}()}var e={"./borders.less":5,"./colors.less":6,"./fonts.less":7,"./grid.less":8,"./z-indexes.less":9};l.keys=function(){return Object.keys(e)},l.resolve=C,o.exports=l,l.id=4},function(o,r){o.exports={akBorderRadius:"3px"}},function(o,r){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,r){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,r){o.exports={akGridSizeUnitless:"8",akGridSize:"8px"}},function(o,r){o.exports={akZIndexNavigation:"300",akZIndexLayer:"400",akZIndexBlanket:"500",akZIndexFlag:"600"}}]);
+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"}}]);

dist/bundle.js

 !function(root, factory) {
-    "object" == typeof exports && "object" == typeof module ? module.exports = factory(require("babel-runtime/core-js/object/keys"), require("babel-runtime/core-js/object/assign")) : "function" == typeof define && define.amd ? define([ "babel-runtime/core-js/object/keys", "babel-runtime/core-js/object/assign" ], factory) : "object" == typeof exports ? exports["@atlaskit/utilSharedStyles"] = factory(require("babel-runtime/core-js/object/keys"), require("babel-runtime/core-js/object/assign")) : root["@atlaskit/utilSharedStyles"] = factory(root["babel-runtime/core-js/object/keys"], root["babel-runtime/core-js/object/assign"]);
-}(this, function(__WEBPACK_EXTERNAL_MODULE_2__, __WEBPACK_EXTERNAL_MODULE_3__) {
+    "object" == typeof exports && "object" == typeof module ? module.exports = factory(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" ], factory) : "object" == typeof exports ? exports["@atlaskit/utilSharedStyles"] = factory(require("babel-runtime/core-js/object/keys"), require("babel-runtime/core-js/object/assign"), require("babel-runtime/helpers/taggedTemplateLiteral"), require("styled-components")) : root["@atlaskit/utilSharedStyles"] = factory(root["babel-runtime/core-js/object/keys"], root["babel-runtime/core-js/object/assign"], root["babel-runtime/helpers/taggedTemplateLiteral"], root["styled-components"]);
+}(this, function(__WEBPACK_EXTERNAL_MODULE_2__, __WEBPACK_EXTERNAL_MODULE_3__, __WEBPACK_EXTERNAL_MODULE_5__, __WEBPACK_EXTERNAL_MODULE_6__) {
     /******/
@@ -83,4 +83,11 @@ return function(modules) {
             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);
+        Object.defineProperty(exports, "akTypographyMixins", {
+            enumerable: !0,
+            get: function() {
+                return _interopRequireDefault(_tyopgraphy).default;
+            }
         });
-        var _keys = __webpack_require__(2), _keys2 = _interopRequireDefault(_keys), _assign = __webpack_require__(3), _assign2 = _interopRequireDefault(_assign), req = __webpack_require__(4);
+        var req = __webpack_require__(10);
         exports.default = req.keys().reduce(function(prev, file) {
@@ -103,30 +110,53 @@ var vars = req(file);
     function(module, exports, __webpack_require__) {
-        function webpackContext(req) {
-            return __webpack_require__(webpackContextResolve(req));
+        "use strict";
+        function _interopRequireDefault(obj) {
+            return obj && obj.__esModule ? obj : {
+                default: obj
+            };
         }
-        function webpackContextResolve(req) {
-            return map[req] || function() {
-                throw new Error("Cannot find module '" + req + "'.");
-            }();
-        }
-        var map = {
-            "./borders.less": 5,
-            "./colors.less": 6,
-            "./fonts.less": 7,
-            "./grid.less": 8,
-            "./z-indexes.less": 9
+        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__(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);
+        exports.default = {
+            h100: h100,
+            h200: h200,
+            h300: h300,
+            h400: h400,
+            h500: h500,
+            h600: h600,
+            h700: h700,
+            h800: h800,
+            h900: h900
         };
-        webpackContext.keys = function() {
-            return Object.keys(map);
-        }, webpackContext.resolve = webpackContextResolve, module.exports = webpackContext, 
-        webpackContext.id = 4;
     }, /* 5 */
     /***/
     function(module, exports) {
-        module.exports = {
-            akBorderRadius: "3px"
-        };
+        module.exports = __WEBPACK_EXTERNAL_MODULE_5__;
     }, /* 6 */
     /***/
     function(module, exports) {
+        module.exports = __WEBPACK_EXTERNAL_MODULE_6__;
+    }, /* 7 */
+    /***/
+    function(module, exports) {
         module.exports = {
@@ -220,3 +250,3 @@ akColorPrimary1: "#172B4D",
         };
-    }, /* 7 */
+    }, /* 8 */
     /***/
@@ -229,3 +259,3 @@ function(module, exports) {
         };
-    }, /* 8 */
+    }, /* 9 */
     /***/
@@ -237,6 +267,34 @@ function(module, exports) {
         };
-    }, /* 9 */
+    }, /* 10 */
     /***/
+    function(module, exports, __webpack_require__) {
+        function webpackContext(req) {
+            return __webpack_require__(webpackContextResolve(req));
+        }
+        function webpackContextResolve(req) {
+            return map[req] || function() {
+                throw new Error("Cannot find module '" + req + "'.");
+            }();
+        }
+        var map = {
+            "./borders.less": 11,
+            "./colors.less": 7,
+            "./fonts.less": 8,
+            "./grid.less": 9,
+            "./z-indexes.less": 12
+        };
+        webpackContext.keys = function() {
+            return Object.keys(map);
+        }, webpackContext.resolve = webpackContextResolve, module.exports = webpackContext, 
+        webpackContext.id = 10;
+    }, /* 11 */
+    /***/
     function(module, exports) {
         module.exports = {
+            akBorderRadius: "3px"
+        };
+    }, /* 12 */
+    /***/
+    function(module, exports) {
+        module.exports = {
             akZIndexNavigation: "300",
@@ -243,0 +301,0 @@ akZIndexLayer: "400",

dist/bundle.min.js

@@ -1,1 +0,1 @@
-!function(o,r){"object"==typeof exports&&"object"==typeof module?module.exports=r(require("babel-runtime/core-js/object/keys"),require("babel-runtime/core-js/object/assign")):"function"==typeof define&&define.amd?define(["babel-runtime/core-js/object/keys","babel-runtime/core-js/object/assign"],r):"object"==typeof exports?exports["@atlaskit/utilSharedStyles"]=r(require("babel-runtime/core-js/object/keys"),require("babel-runtime/core-js/object/assign")):o["@atlaskit/utilSharedStyles"]=r(o["babel-runtime/core-js/object/keys"],o["babel-runtime/core-js/object/assign"])}(this,function(o,r){return function(o){function r(e){if(a[e])return a[e].exports;var l=a[e]={exports:{},id:e,loaded:!1};return o[e].call(l.exports,l,l.exports,r),l.loaded=!0,l.exports}var a={};return r.m=o,r.c=a,r.p="",r(0)}([function(o,r,a){o.exports=a(1)},function(o,r,a){"use strict";function e(o){return o&&o.__esModule?o:{default:o}}Object.defineProperty(r,"__esModule",{value:!0});var l=a(2),t=e(l),k=a(3),C=e(k),n=a(4);r.default=n.keys().reduce(function(r,a){var e=n(a);return(0,C.default)(r,e),(0,t.default)(e).forEach(function(r){o.exports[r]=e[r]}),r},{})},function(r,a){r.exports=o},function(o,a){o.exports=r},function(o,r,a){function e(o){return a(l(o))}function l(o){return t[o]||function(){throw new Error("Cannot find module '"+o+"'.")}()}var t={"./borders.less":5,"./colors.less":6,"./fonts.less":7,"./grid.less":8,"./z-indexes.less":9};e.keys=function(){return Object.keys(t)},e.resolve=l,o.exports=e,e.id=4},function(o,r){o.exports={akBorderRadius:"3px"}},function(o,r){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,r){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,r){o.exports={akGridSizeUnitless:"8",akGridSize:"8px"}},function(o,r){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,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"}}])});

package.json

 {
   "name": "@atlaskit/util-shared-styles",
-  "version": "1.2.1",
+  "version": "1.3.0",
   "config": {
@@ -27,2 +27,4 @@ "access": "public"
   "devDependencies": {
+    "@atlaskit/util-readme": "^1.0.0",
+    "@atlaskit/util-shared-styles": "*",
     "ak-tooltip": "^5.0.0",
@@ -44,2 +46,5 @@ "akutil-react": "*",
   },
+  "peerDependencies": {
+    "styled-components": "^1.3.0"
+  },
   "keywords": [
@@ -46,0 +51,0 @@ "atlaskit",

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.2.1)
+[![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.3.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.2.1).
+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.3.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

65333

increased by32.53%

Lines of code

708

increased by20.61%

Worsened metrics

Dependency count

2

increased by100%

Dev dependency count

14

increased by16.67%

No dependency changes