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

Comparing version 1.5.1 to 1.6.0

CHANGELOG.md

@@ -1,6 +0,16 @@
-<a name="1.5.1"></a>
-## 1.5.1 (2017-04-04)
+<a name="1.6.0"></a>
+# 1.6.0 (2017-04-05)
 
 
 
+<a name="1.6.0"></a>
+# 1.6.0 (2017-04-05)
+
+
+### Features
+
+* **component:** create helper mixins for styled components ([5149c29](https://bitbucket.org/atlassian/atlaskit/commits/5149c29))
+
+
+
 <a name="1.5.1"></a>
@@ -7,0 +17,0 @@ ## 1.5.1 (2017-04-04)

dist/bundle-cjs.js

@@ -80,3 +80,3 @@ module.exports = /******/
         value: !0
-    }), exports.akTypographyMixins = exports.akElevationMixins = void 0;
+    }), exports.akTypographyMixins = exports.akHelperMixins = exports.akElevationMixins = void 0;
     var _keys = __webpack_require__(2), _keys2 = _interopRequireDefault(_keys), _assign = __webpack_require__(3), _assign2 = _interopRequireDefault(_assign), _elevation = __webpack_require__(4);
@@ -89,3 +89,10 @@ Object.defineProperty(exports, "akElevationMixins", {
     });
-    var _tyopgraphy = __webpack_require__(9);
+    var _helpers = __webpack_require__(9);
+    Object.defineProperty(exports, "akHelperMixins", {
+        enumerable: !0,
+        get: function() {
+            return _interopRequireDefault(_helpers).default;
+        }
+    });
+    var _tyopgraphy = __webpack_require__(10);
     Object.defineProperty(exports, "akTypographyMixins", {
@@ -97,3 +104,3 @@ enumerable: !0,
     });
-    var req = __webpack_require__(12);
+    var req = __webpack_require__(13);
     exports.default = req.keys().reduce(function(prev, file) {
@@ -263,2 +270,36 @@ var vars = req(file);
     var _taggedTemplateLiteral2 = __webpack_require__(5), _taggedTemplateLiteral3 = _interopRequireDefault(_taggedTemplateLiteral2), _templateObject = (0, 
+    _taggedTemplateLiteral3.default)([ "\n  &:focus {\n    box-shadow: 0 0 0 ", " ", ";\n    outline: none;\n  }\n" ], [ "\n  &:focus {\n    box-shadow: 0 0 0 ", " ", ";\n    outline: none;\n  }\n" ]), _templateObject2 = (0, 
+    _taggedTemplateLiteral3.default)([ "\n  ", "\n" ], [ "\n  ", "\n" ]), _templateObject3 = (0, 
+    _taggedTemplateLiteral3.default)([ "\n  box-shadow: none;\n" ], [ "\n  box-shadow: none;\n" ]), _templateObject4 = (0, 
+    _taggedTemplateLiteral3.default)([ "\n  max-width: ", ";\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n" ], [ "\n  max-width: ", ";\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n" ]), _styledComponents = __webpack_require__(6), _colors = __webpack_require__(7), createFocusRing = function() {
+        var color = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : _colors.akColorB100, width = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : "2px";
+        return (0, _styledComponents.css)(_templateObject, width, color);
+    }, withFocusRing = (0, _styledComponents.css)(_templateObject2, createFocusRing()), withoutFocusRing = (0, 
+    _styledComponents.css)(_templateObject3), truncate = function(width) {
+        return (0, _styledComponents.css)(_templateObject4, width);
+    };
+    // prefer default export
+    exports.default = {
+        focusRing: {
+            generate: createFocusRing,
+            default: withFocusRing,
+            none: withoutFocusRing
+        },
+        text: {
+            truncate: truncate
+        }
+    };
+}, /* 10 */
+/***/
+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, 
@@ -272,3 +313,3 @@ _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  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) {
+    _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__(11), _fonts2 = _interopRequireDefault(_fonts), _grid = __webpack_require__(12), _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);
@@ -295,3 +336,3 @@ }, h900 = (0, _styledComponents.css)(_templateObject2, baseHeading(35, 40), 6.5 * gridSize), h800 = (0,
     };
-}, /* 10 */
+}, /* 11 */
 /***/
@@ -304,3 +345,3 @@ function(module, exports) {
     };
-}, /* 11 */
+}, /* 12 */
 /***/
@@ -312,3 +353,3 @@ function(module, exports) {
     };
-}, /* 12 */
+}, /* 13 */
 /***/
@@ -325,6 +366,6 @@ function(module, exports, __webpack_require__) {
     var map = {
-        "./borders.less": 13,
+        "./borders.less": 14,
         "./colors.less": 7,
-        "./fonts.less": 10,
-        "./grid.less": 11,
+        "./fonts.less": 11,
+        "./grid.less": 12,
         "./z-indexes.less": 8
@@ -335,4 +376,4 @@ };
     }, webpackContext.resolve = webpackContextResolve, module.exports = webpackContext, 
-    webpackContext.id = 12;
-}, /* 13 */
+    webpackContext.id = 13;
+}, /* 14 */
 /***/
@@ -339,0 +380,0 @@ function(module, exports) {

dist/bundle-cjs.min.js

@@ -1,1 +0,1 @@
-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"}}]);
+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.akHelperMixins=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 u=e(9);Object.defineProperty(n,"akHelperMixins",{enumerable:!0,get:function(){return r(u).default}});var k=e(10);Object.defineProperty(n,"akTypographyMixins",{enumerable:!0,get:function(){return r(k).default}});var p=e(13);n.default=p.keys().reduce(function(n,e){var r=p(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"]),u=(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=e(6),p=e(7),d=e(8),C=r(d),f=(0,k.css)(l,p.akColorN50A,p.akColorN60A,C.default.akZIndexCard),x=(0,k.css)(i,p.akColorN60A,p.akColorN60A,C.default.akZIndexDialog),c=(0,k.css)(s,p.akColorN60A,p.akColorN60A,C.default.akZIndexModal),F=(0,k.css)(u,p.akColorN50A,p.akColorN60A,C.default.akZIndexFlag);n.default={e100:f,e200:x,e500:c,e600:F}},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  &:focus {\n    box-shadow: 0 0 0 "," ",";\n    outline: none;\n  }\n"],["\n  &:focus {\n    box-shadow: 0 0 0 "," ",";\n    outline: none;\n  }\n"]),i=(0,t.default)(["\n  ","\n"],["\n  ","\n"]),s=(0,t.default)(["\n  box-shadow: none;\n"],["\n  box-shadow: none;\n"]),u=(0,t.default)(["\n  max-width: ",";\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n"],["\n  max-width: ",";\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n"]),k=e(6),p=e(7),d=function(){var o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:p.akColorB100,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"2px";return(0,k.css)(l,n,o)},C=(0,k.css)(i,d()),f=(0,k.css)(s),x=function(o){return(0,k.css)(u,o)};n.default={focusRing:{generate:d,default:C,none:f},text:{truncate:x}}},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"]),u=(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"]),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"]),d=(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"]),C=(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"]),x=e(6),c=e(7),F=r(c),g=e(11),h=r(g),b=e(12),m=r(b),N=parseInt(h.default.akFontSizeDefault,10),A=parseInt(m.default.akGridSizeUnitless,10),w=function(o,n){return(0,x.css)(l,o/N,n/o)},B=(0,x.css)(i,w(35,40),6.5*A),y=(0,x.css)(s,w(29,32),5*A),v=(0,x.css)(i,w(24,28),5*A),E=(0,x.css)(u,w(20,24),3.5*A),D=(0,x.css)(k,w(16,20),3*A),M=(0,x.css)(p,w(14,16),2*A),P=(0,x.css)(d,w(12,16),F.default.akColorN300,2.5*A),z=(0,x.css)(C,w(12,16),F.default.akColorN300,2*A),S=(0,x.css)(f,w(12,16),F.default.akColorN300,2*A);n.default={h100:S,h200:z,h300:P,h400:M,h500:D,h600:E,h700:v,h800:y,h900:B}},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":14,"./colors.less":7,"./fonts.less":11,"./grid.less":12,"./z-indexes.less":8};r.keys=function(){return Object.keys(t)},r.resolve=a,o.exports=r,r.id=13},function(o,n){o.exports={akBorderRadius:"3px"}}]);

dist/bundle.js

@@ -83,3 +83,3 @@ !function(root, factory) {
             value: !0
-        }), exports.akTypographyMixins = exports.akElevationMixins = void 0;
+        }), exports.akTypographyMixins = exports.akHelperMixins = exports.akElevationMixins = void 0;
         var _keys = __webpack_require__(2), _keys2 = _interopRequireDefault(_keys), _assign = __webpack_require__(3), _assign2 = _interopRequireDefault(_assign), _elevation = __webpack_require__(4);
@@ -92,3 +92,10 @@ Object.defineProperty(exports, "akElevationMixins", {
         });
-        var _tyopgraphy = __webpack_require__(9);
+        var _helpers = __webpack_require__(9);
+        Object.defineProperty(exports, "akHelperMixins", {
+            enumerable: !0,
+            get: function() {
+                return _interopRequireDefault(_helpers).default;
+            }
+        });
+        var _tyopgraphy = __webpack_require__(10);
         Object.defineProperty(exports, "akTypographyMixins", {
@@ -100,3 +107,3 @@ enumerable: !0,
         });
-        var req = __webpack_require__(12);
+        var req = __webpack_require__(13);
         exports.default = req.keys().reduce(function(prev, file) {
@@ -266,2 +273,36 @@ var vars = req(file);
         var _taggedTemplateLiteral2 = __webpack_require__(5), _taggedTemplateLiteral3 = _interopRequireDefault(_taggedTemplateLiteral2), _templateObject = (0, 
+        _taggedTemplateLiteral3.default)([ "\n  &:focus {\n    box-shadow: 0 0 0 ", " ", ";\n    outline: none;\n  }\n" ], [ "\n  &:focus {\n    box-shadow: 0 0 0 ", " ", ";\n    outline: none;\n  }\n" ]), _templateObject2 = (0, 
+        _taggedTemplateLiteral3.default)([ "\n  ", "\n" ], [ "\n  ", "\n" ]), _templateObject3 = (0, 
+        _taggedTemplateLiteral3.default)([ "\n  box-shadow: none;\n" ], [ "\n  box-shadow: none;\n" ]), _templateObject4 = (0, 
+        _taggedTemplateLiteral3.default)([ "\n  max-width: ", ";\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n" ], [ "\n  max-width: ", ";\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n" ]), _styledComponents = __webpack_require__(6), _colors = __webpack_require__(7), createFocusRing = function() {
+            var color = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : _colors.akColorB100, width = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : "2px";
+            return (0, _styledComponents.css)(_templateObject, width, color);
+        }, withFocusRing = (0, _styledComponents.css)(_templateObject2, createFocusRing()), withoutFocusRing = (0, 
+        _styledComponents.css)(_templateObject3), truncate = function(width) {
+            return (0, _styledComponents.css)(_templateObject4, width);
+        };
+        // prefer default export
+        exports.default = {
+            focusRing: {
+                generate: createFocusRing,
+                default: withFocusRing,
+                none: withoutFocusRing
+            },
+            text: {
+                truncate: truncate
+            }
+        };
+    }, /* 10 */
+    /***/
+    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, 
@@ -275,3 +316,3 @@ _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  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) {
+        _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__(11), _fonts2 = _interopRequireDefault(_fonts), _grid = __webpack_require__(12), _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);
@@ -298,3 +339,3 @@ }, h900 = (0, _styledComponents.css)(_templateObject2, baseHeading(35, 40), 6.5 * gridSize), h800 = (0,
         };
-    }, /* 10 */
+    }, /* 11 */
     /***/
@@ -307,3 +348,3 @@ function(module, exports) {
         };
-    }, /* 11 */
+    }, /* 12 */
     /***/
@@ -315,3 +356,3 @@ function(module, exports) {
         };
-    }, /* 12 */
+    }, /* 13 */
     /***/
@@ -328,6 +369,6 @@ function(module, exports, __webpack_require__) {
         var map = {
-            "./borders.less": 13,
+            "./borders.less": 14,
             "./colors.less": 7,
-            "./fonts.less": 10,
-            "./grid.less": 11,
+            "./fonts.less": 11,
+            "./grid.less": 12,
             "./z-indexes.less": 8
@@ -338,4 +379,4 @@ };
         }, webpackContext.resolve = webpackContextResolve, module.exports = webpackContext, 
-        webpackContext.id = 12;
-    }, /* 13 */
+        webpackContext.id = 13;
+    }, /* 14 */
     /***/
@@ -342,0 +383,0 @@ function(module, exports) {

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,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"}}])});
+!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.akHelperMixins=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 u=n(9);Object.defineProperty(e,"akHelperMixins",{enumerable:!0,get:function(){return r(u).default}});var p=n(10);Object.defineProperty(e,"akTypographyMixins",{enumerable:!0,get:function(){return r(p).default}});var d=n(13);e.default=d.keys().reduce(function(e,n){var r=d(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"]),u=(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"]),p=n(6),d=n(7),k=n(8),c=r(k),f=(0,p.css)(l,d.akColorN50A,d.akColorN60A,c.default.akZIndexCard),C=(0,p.css)(i,d.akColorN60A,d.akColorN60A,c.default.akZIndexDialog),x=(0,p.css)(s,d.akColorN60A,d.akColorN60A,c.default.akZIndexModal),F=(0,p.css)(u,d.akColorN50A,d.akColorN60A,c.default.akZIndexFlag);e.default={e100:f,e200:C,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  &:focus {\n    box-shadow: 0 0 0 "," ",";\n    outline: none;\n  }\n"],["\n  &:focus {\n    box-shadow: 0 0 0 "," ",";\n    outline: none;\n  }\n"]),i=(0,t.default)(["\n  ","\n"],["\n  ","\n"]),s=(0,t.default)(["\n  box-shadow: none;\n"],["\n  box-shadow: none;\n"]),u=(0,t.default)(["\n  max-width: ",";\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n"],["\n  max-width: ",";\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n"]),p=n(6),d=n(7),k=function(){var o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:d.akColorB100,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"2px";return(0,p.css)(l,e,o)},c=(0,p.css)(i,k()),f=(0,p.css)(s),C=function(o){return(0,p.css)(u,o)};e.default={focusRing:{generate:k,default:c,none:f},text:{truncate:C}}},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"]),u=(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"]),p=(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"]),d=(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"]),k=(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"]),c=(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=n(6),x=n(7),F=r(x),g=n(11),b=r(g),m=n(12),h=r(m),N=parseInt(b.default.akFontSizeDefault,10),A=parseInt(h.default.akGridSizeUnitless,10),y=function(o,e){return(0,C.css)(l,o/N,e/o)},w=(0,C.css)(i,y(35,40),6.5*A),B=(0,C.css)(s,y(29,32),5*A),v=(0,C.css)(i,y(24,28),5*A),j=(0,C.css)(u,y(20,24),3.5*A),E=(0,C.css)(p,y(16,20),3*A),D=(0,C.css)(d,y(14,16),2*A),M=(0,C.css)(k,y(12,16),F.default.akColorN300,2.5*A),S=(0,C.css)(c,y(12,16),F.default.akColorN300,2*A),P=(0,C.css)(f,y(12,16),F.default.akColorN300,2*A);e.default={h100:P,h200:S,h300:M,h400:D,h500:E,h600:j,h700:v,h800:B,h900:w}},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":14,"./colors.less":7,"./fonts.less":11,"./grid.less":12,"./z-indexes.less":8};r.keys=function(){return Object.keys(t)},r.resolve=a,o.exports=r,r.id=13},function(o,e){o.exports={akBorderRadius:"3px"}}])});

package.json

 {
   "name": "@atlaskit/util-shared-styles",
-  "version": "1.5.1",
+  "version": "1.6.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.5.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.6.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.5.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.6.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

80498

increased by9.72%

Lines of code

866

increased by10.74%

No dependency changes