polythene-core-css - npm Package Compare versions

Comparing version 1.0.0-rc.9 to 1.0.0-rc.10

dist/polythene-core-css.js

@@ -1,2 +0,533 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("j2c-plugin-prefix-browser"),require("polythene-core"),require("j2c")):"function"==typeof define&&define.amd?define(["exports","j2c-plugin-prefix-browser","polythene-core","j2c"],t):t(e.polythene={},e["j2c-plugin-prefix-browser"],e["polythene-core"],e.j2c)}(this,function(e,t,l,i){"use strict";i=i&&i.hasOwnProperty("default")?i.default:i;var n=[{display:"-webkit-box"},{display:"-moz-box"},{display:"-ms-flexbox","-ms-flex-preferred-size":"initial"},{display:"-webkit-flex"},{display:"flex"}],o=[n,{"-ms-flex-align":"center","-webkit-align-items":"center","align-items":"center"}],r=[n,{"-ms-flex-pack":"center","-webkit-justify-content":"center","justify-content":"center"}],a={flex:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:1;return[{"-webkit-box-flex":e},{"-moz-box-flex":e},{"-webkit-flex":e},{"-ms-flex":e},{flex:e},1===e?{"-webkit-flex-basis":"0.000000001px"}:{},1===e?{"flex-basis":"0.000000001px"}:{}]},flexAuto:{"-ms-flex":"1 1 auto","-webkit-flex-basis":"auto","flex-basis":"auto"},flexAutoVertical:{"-ms-flex":"1 1 auto","-webkit-flex-basis":"auto","flex-basis":"auto"},flexIndex:function(e){return{"-ms-flex":e,"-webkit-flex":e,flex:e}},flexGrow:function(e){return{"-webkit-flex-grow":e,"flex-grow":e}},layout:n,layoutAroundJustified:[n,{"-ms-flex-pack":"distribute","-webkit-justify-content":"space-around","justify-content":"space-around"}],layoutCenter:o,layoutCenterCenter:[r,o],layoutCenterJustified:r,layoutEnd:[n,{"-ms-flex-align":"end","-webkit-align-items":"flex-end","align-items":"flex-end"}],layoutEndJustified:[n,{"-ms-flex-pack":"end","-webkit-justify-content":"flex-end","justify-content":"flex-end"}],layoutHorizontal:[n,{"-ms-flex-direction":"row","-webkit-flex-direction":"row","flex-direction":"row"}],layoutHorizontalReverse:[n,{"-ms-flex-direction":"row-reverse","-webkit-flex-direction":"row-reverse","flex-direction":"row-reverse"}],layoutInline:[n,{display:"-ms-inline-flexbox"},{display:"-webkit-inline-flex"},{display:"inline-flex"}],layoutJustified:[n,{"-ms-flex-line-pack":"stretch","-ms-flex-pack":"justify","-webkit-justify-content":"space-between","justify-content":"space-between"}],layoutStart:[n,{"-ms-flex-align":"start","-webkit-align-items":"flex-start","align-items":"flex-start"}],layoutStartJustified:[n,{"-ms-flex-align":"start","-ms-flex-pack":"start","-webkit-justify-content":"flex-start","justify-content":"flex-start"}],layoutVertical:[n,{"-ms-flex-direction":"column","-webkit-flex-direction":"column","flex-direction":"column"}],layoutVerticalReverse:[n,{"-ms-flex-direction":"column-reverse","-webkit-flex-direction":"column-reverse","flex-direction":"column-reverse"}],layoutWrap:[n,{"-ms-flex-wrap":"wrap","-webkit-flex-wrap":"wrap","flex-wrap":"wrap"}],layoutWrapReverse:[n,{"-ms-flex-wrap":"wrap-reverse","-webkit-flex-wrap":"wrap-reverse","flex-wrap":"wrap-reverse"}],selfCenter:{"-ms-flex-item-align":"center","-ms-align-self":"center","-webkit-align-self":"center","align-self":"center"},selfEnd:{"-ms-flex-item-align":"end","-ms-align-self":"flex-end","-webkit-align-self":"flex-end","align-self":"flex-end"},selfStart:{"-ms-flex-item-align":"start","-ms-align-self":"flex-start","-webkit-align-self":"flex-start","align-self":"flex-start"},selfStretch:{"-ms-flex-item-align":"stretch","-ms-align-self":"stretch","-webkit-align-self":"stretch","align-self":"stretch"}},f=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var l=arguments[t];for(var i in l)Object.prototype.hasOwnProperty.call(l,i)&&(e[i]=l[i])}return e},s={clearfix:function(){return{"&:after":{content:'""',display:"table",clear:"both"}}},defaultTransition:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"all";return{transitionDelay:"0ms",transitionDuration:arguments.length>1&&void 0!==arguments[1]?arguments[1]:".18s",transitionTimingFunction:arguments.length>2&&void 0!==arguments[2]?arguments[2]:"ease-out",transitionProperty:e}},ellipsis:function(e,t){var l=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"px";return"none"===e?{textOverflow:"initial",overflow:"initial",display:"block",height:"auto",maxHeight:"none"}:f({},{overflow:"hidden",textOverflow:"ellipsis",textRendering:"auto"},void 0!==e?{"-webkit-line-clamp":e,"-webkit-box-orient":"vertical",display:"-webkit-box"}:null,void 0!==t?{maxHeight:e*t+l}:null)},fit:function(){var e=(arguments.length>0&&void 0!==arguments[0]?arguments[0]:0)+"px";return{position:"absolute",top:e,right:e,bottom:e,left:e}},fontSmoothing:function(){return!(arguments.length>0&&void 0!==arguments[0])||arguments[0]?{"-webkit-font-smoothing":"antialiased","-moz-osx-font-smoothing":"grayscale"}:{"-webkit-font-smoothing":"subpixel-antialiased","-moz-osx-font-smoothing":"auto"}},sticky:function(){return{position:"sticky",top:0,zIndex:arguments.length>0&&void 0!==arguments[0]?arguments[0]:1}}},u=new i(t.prefixPlugin),x=/[^a-z0-9\\-]/g,c=function(e){for(var t=arguments.length,l=Array(t>1?t-1:0),i=1;i<t;i++)l[i-1]=arguments[i];y.apply(void 0,[{id:e}].concat(l))},d=function(e){if(!l.isServer&&e){var t=document.getElementById(e);t&&t.parentNode&&t.parentNode.removeChild(t)}},y=function(e){for(var t=arguments.length,i=Array(t>1?t-1:0),n=1;n<t;n++)i[n-1]=arguments[n];if(!l.isServer){var o=e.id.replace(x,"_"),r=e.document||window.document;d(o);var a=r.createElement("style");o&&a.setAttribute("id",o),i.forEach(function(e){Object.keys(e).length&&e.forEach(function(e){var t={"@global":e},l=u.sheet(t);a.appendChild(r.createTextNode(l))})}),r.head.appendChild(a)}},p={add:c,addToDocument:y,createStyleSheets:function(e,t,l){var i=e.join("");return l.map(function(e){return e(i,t)})},generateStyles:function(e,t,l){var i=e.join(""),n=i.trim().replace(/^[^a-z]?(.*)/,"$1");c(n,l.map(function(e){return e(i,t)}))},remove:d},b=function(e){var t=parseInt(e.substring(1),16);return(t>>16&255)+","+(t>>8&255)+","+(255&t)},m=function(e){return"rgba("+e+", "+(arguments.length>1&&void 0!==arguments[1]?arguments[1]:1)+")"},w=[{".layout, .layout.horizontal":a.layout,".layout.horizontal.inline, .layout.vertical.inline":a.layoutInline,".layout.horizontal":a.layoutHorizontal,".layout.horizontal.reverse":a.layoutHorizontalReverse,".layout.vertical":a.layoutVertical,".layout.vertical.reverse":a.layoutVerticalReverse,".layout.wrap":a.layoutWrap,".layout.wrap.reverse":a.layoutWrapReverse,".flex":a.flex(1),".span.flex":{display:"block"},".flex.auto-vertical":a.flexAutoVertical,".flex.auto":a.flexAuto,".flex.none":a.flexIndex("none"),".flex.one":a.flexIndex(1),".flex.two":a.flexIndex(2),".flex.three":a.flexIndex(3),".flex.four":a.flexIndex(4),".flex.five":a.flexIndex(5),".flex.six":a.flexIndex(6),".flex.seven":a.flexIndex(7),".flex.eight":a.flexIndex(8),".flex.nine":a.flexIndex(9),".flex.ten":a.flexIndex(10),".flex.eleven":a.flexIndex(11),".flex.twelve":a.flexIndex(12),".layout.start":a.layoutStart,".layout.center, .layout.center-center":a.layoutCenter,".layout.end":a.layoutEnd,".layout.start-justified":a.layoutStartJustified,".layout.center-justified, .layout.center-center":a.layoutCenterJustified,".layout.end-justified":a.layoutEndJustified,".layout.around-justified":a.layoutAroundJustified,".layout.justified":a.layoutJustified,".self-start":a.selfStart,".self-center":a.selfCenter,".self-end":a.selfEnd,".self-stretch":a.selfStretch}],g=[{".pe-block":{display:"block"},".pe-inline-block":{display:"inline-block"},".pe-hidden":{display:"none !important"},".pe-relative":{position:"relative"},".pe-absolute":{position:"absolute"},".pe-fit":{position:"absolute",top:0,right:0,bottom:0,left:0},".pe-fullbleed":{margin:0,height:"100vh"}}],v=[w,g],h=function(){return p.add("pe-layout",w,g)};e.flex=a,e.mixin=s,e.styler=p,e.hex=b,e.rgba=m,e.layoutStyles=v,e.addLayoutStyles=h,Object.defineProperty(e,"__esModule",{value:!0})});
+(function (global, factory) {
+	typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('j2c-plugin-prefix-browser'), require('polythene-core'), require('j2c')) :
+	typeof define === 'function' && define.amd ? define(['exports', 'j2c-plugin-prefix-browser', 'polythene-core', 'j2c'], factory) :
+	(factory((global.polythene = {}),global['j2c-plugin-prefix-browser'],global['polythene-core'],global.j2c));
+}(this, (function (exports,j2cPluginPrefixBrowser,polytheneCore,J2c) { 'use strict';
+
+J2c = J2c && J2c.hasOwnProperty('default') ? J2c['default'] : J2c;
+
+var layout = [{
+  "display": "-webkit-box"
+}, {
+  "display": "-moz-box"
+}, {
+  "display": "-ms-flexbox"
+}, {
+  "display": "-webkit-flex"
+}, {
+  "display": "flex"
+}];
+
+var layoutInline = [layout, {
+  "display": "-ms-inline-flexbox"
+}, {
+  "display": "-webkit-inline-flex"
+}, {
+  "display": "inline-flex"
+}];
+
+var layoutHorizontal = [layout, {
+  "-ms-flex-direction": "row",
+  "-webkit-flex-direction": "row",
+  "flex-direction": "row"
+}];
+
+var layoutHorizontalReverse = [layout, {
+  "-ms-flex-direction": "row-reverse",
+  "-webkit-flex-direction": "row-reverse",
+  "flex-direction": "row-reverse"
+}];
+
+var layoutVertical = [layout, {
+  "-ms-flex-direction": "column",
+  "-webkit-flex-direction": "column",
+  "flex-direction": "column"
+}];
+
+var layoutVerticalReverse = [layout, {
+  "-ms-flex-direction": "column-reverse",
+  "-webkit-flex-direction": "column-reverse",
+  "flex-direction": "column-reverse"
+}];
+
+var layoutWrap = [layout, {
+  "-ms-flex-wrap": "wrap",
+  "-webkit-flex-wrap": "wrap",
+  "flex-wrap": "wrap"
+}];
+
+var layoutWrapReverse = [layout, {
+  "-ms-flex-wrap": "wrap-reverse",
+  "-webkit-flex-wrap": "wrap-reverse",
+  "flex-wrap": "wrap-reverse"
+}];
+
+var layoutStart = [layout, {
+  "-ms-flex-align": "start",
+  "-webkit-align-items": "flex-start",
+  "align-items": "flex-start"
+}];
+
+var layoutCenter = [layout, {
+  "-ms-flex-align": "center",
+  "-webkit-align-items": "center",
+  "align-items": "center"
+}];
+
+var layoutEnd = [layout, {
+  "-ms-flex-align": "end",
+  "-webkit-align-items": "flex-end",
+  "align-items": "flex-end"
+}];
+
+var layoutJustified = [layout, {
+  "-ms-flex-pack": "justify",
+  "-webkit-justify-content": "space-between",
+  "justify-content": "space-between"
+}];
+
+var layoutStartJustified = [layout, {
+  "-ms-flex-pack": "start",
+  "-webkit-justify-content": "flex-start",
+  "justify-content": "flex-start"
+}];
+
+var layoutCenterJustified = [layout, {
+  "-ms-flex-pack": "center",
+  "-webkit-justify-content": "center",
+  "justify-content": "center"
+}];
+
+var layoutEndJustified = [layout, {
+  "-ms-flex-pack": "end",
+  "-webkit-justify-content": "flex-end",
+  "justify-content": "flex-end"
+}];
+
+var layoutCenterCenter = [layoutCenterJustified, layoutCenter];
+
+var layoutAroundJustified = [layout, {
+  "-ms-flex-pack": "distribute",
+  "-webkit-justify-content": "space-around",
+  "justify-content": "space-around"
+}];
+
+var flex = function flex() {
+  var num = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
+  return [{
+    "-webkit-box-flex": num
+  }, {
+    "-moz-box-flex": num
+  }, {
+    "-webkit-flex": num
+  }, {
+    "-ms-flex": num
+  }, {
+    "flex": num
+  }, num === 1 ? {
+    "-webkit-flex-basis": "0.000000001px"
+  } : {}, num === 1 ? {
+    "flex-basis": "0.000000001px"
+  } : {}];
+};
+
+var flexAuto = {
+  "-ms-flex": "1 1 auto",
+  "-webkit-flex-basis": "auto",
+  "flex-basis": "auto"
+};
+
+var flexAutoVertical = {
+  "-ms-flex": "1 1 auto",
+  "-webkit-flex-basis": "auto",
+  "flex-basis": "auto"
+};
+
+var flexIndex = function flexIndex(index) {
+  return {
+    "-ms-flex": index,
+    "-webkit-flex": index,
+    "flex": index
+  };
+};
+
+var flexGrow = function flexGrow(value) {
+  return {
+    "-webkit-flex-grow": value,
+    "flex-grow": value
+  };
+};
+
+var selfStart = {
+  "-ms-align-self": "flex-start",
+  "-webkit-align-self": "flex-start",
+  "align-self": "flex-start"
+};
+
+var selfCenter = {
+  "-ms-align-self": "center",
+  "-webkit-align-self": "center",
+  "align-self": "center"
+};
+
+var selfEnd = {
+  "-ms-align-self": "flex-end",
+  "-webkit-align-self": "flex-end",
+  "align-self": "flex-end"
+};
+
+var selfStretch = {
+  "-ms-align-self": "stretch",
+  "-webkit-align-self": "stretch",
+  "align-self": "stretch"
+};
+
+var flex$1 = {
+  flex: flex,
+  flexAuto: flexAuto,
+  flexAutoVertical: flexAutoVertical,
+  flexIndex: flexIndex,
+  flexGrow: flexGrow,
+  layout: layout,
+  layoutAroundJustified: layoutAroundJustified,
+  layoutCenter: layoutCenter,
+  layoutCenterCenter: layoutCenterCenter,
+  layoutCenterJustified: layoutCenterJustified,
+  layoutEnd: layoutEnd,
+  layoutEndJustified: layoutEndJustified,
+  layoutHorizontal: layoutHorizontal,
+  layoutHorizontalReverse: layoutHorizontalReverse,
+  layoutInline: layoutInline,
+  layoutJustified: layoutJustified,
+  layoutStart: layoutStart,
+  layoutStartJustified: layoutStartJustified,
+  layoutVertical: layoutVertical,
+  layoutVerticalReverse: layoutVerticalReverse,
+  layoutWrap: layoutWrap,
+  layoutWrapReverse: layoutWrapReverse,
+  selfCenter: selfCenter,
+  selfEnd: selfEnd,
+  selfStart: selfStart,
+  selfStretch: selfStretch
+};
+
+var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
+
+// Mixins for j2c
+
+// Centers an item absolutely within relative parent
+// mixin.fit()
+var fit = function fit() {
+  var offset = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+
+  var offsetPx = offset + "px";
+  return {
+    position: "absolute",
+    top: offsetPx,
+    right: offsetPx,
+    bottom: offsetPx,
+    left: offsetPx
+  };
+};
+
+// Optional font smoothing
+// mixin.fontSmoothing()
+var fontSmoothing = function fontSmoothing() {
+  var smoothing = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
+
+  if (smoothing) {
+    return {
+      "-webkit-font-smoothing": "antialiased",
+      "-moz-osx-font-smoothing": "grayscale"
+    };
+  } else {
+    return {
+      "-webkit-font-smoothing": "subpixel-antialiased",
+      "-moz-osx-font-smoothing": "auto"
+    };
+  }
+};
+
+// Breaks off a line with ...
+// unless lines is "none"
+// mixin.ellipsis(1, 16) // max 1 line, 16px high
+// mixin.ellipsis(2, 1.3, "em") // max 2 lines, 2.6em high
+var ellipsis = function ellipsis(lines, lineHeight) {
+  var unit = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : "px";
+
+  if (lines === "none") {
+    return {
+      textOverflow: "initial",
+      overflow: "initial",
+      display: "block",
+      height: "auto",
+      maxHeight: "none",
+      whiteSpace: "normal"
+    };
+  }
+  return _extends({}, {
+    overflow: "hidden",
+    textOverflow: "ellipsis",
+    textRendering: "auto" // Samsung Android
+  }, lines !== undefined ? {
+    "-webkit-line-clamp": lines,
+    "-webkit-box-orient": "vertical",
+    display: "-webkit-box"
+  } : null, lineHeight !== undefined ? {
+    maxHeight: lines * lineHeight + unit
+  } : null);
+};
+
+// Clears float
+// mixin.clearfix()
+var clearfix = function clearfix() {
+  return {
+    "&:after": {
+      content: "\"\"",
+      display: "table",
+      clear: "both"
+    }
+  };
+};
+
+// Creates sticky headers in a scrollable list
+// Does not work in Chrome: http://caniuse.com/#feat=css-sticky
+// mixin.sticky()
+var sticky = function sticky() {
+  var zIndex = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
+  return {
+    position: "sticky",
+    top: 0,
+    zIndex: zIndex
+  };
+};
+
+// Creats a transition with presets
+// mixin.defaultTransition("opacity", vars.animation_duration)
+var defaultTransition = function defaultTransition() {
+  var properties = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "all";
+  var duration = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : ".18s";
+  var curve = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : "ease-out";
+  return {
+    transitionDelay: "0ms",
+    transitionDuration: duration,
+    transitionTimingFunction: curve,
+    transitionProperty: properties
+  };
+};
+
+var mixin = {
+  clearfix: clearfix,
+  defaultTransition: defaultTransition,
+  ellipsis: ellipsis,
+  fit: fit,
+  fontSmoothing: fontSmoothing,
+  sticky: sticky
+};
+
+var j2c = new J2c(j2cPluginPrefixBrowser.prefixPlugin);
+var ID_REGEX = /[^a-z0-9\\-]/g;
+
+/*
+ * @param id: identifier, used as HTMLElement id for the attached <style></style> element
+ * @param styles: list of lists style Objects
+ */
+var add = function add(id) {
+  for (var _len = arguments.length, styles = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+    styles[_key - 1] = arguments[_key];
+  }
+
+  addToDocument.apply(undefined, [{
+    id: id
+  }].concat(styles));
+};
+
+/*
+ * Removes a style from head.
+ */
+var remove = function remove(id) {
+  if (polytheneCore.isServer) return;
+  if (id) {
+    var old = document.getElementById(id);
+    if (old && old.parentNode) {
+      old.parentNode.removeChild(old);
+    }
+  }
+};
+
+/*
+ * opts: options object
+ * id: identifier, used as HTMLElement id for the attached <style></style> element
+ * document: document reference; default window.document
+ * styles: list of lists style objects
+ */
+var addToDocument = function addToDocument(opts) {
+  for (var _len2 = arguments.length, styles = Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
+    styles[_key2 - 1] = arguments[_key2];
+  }
+
+  if (polytheneCore.isServer) return;
+  var id = opts.id.replace(ID_REGEX, "_");
+  var documentRef = opts.document || window.document;
+  remove(id);
+  var styleEl = documentRef.createElement("style");
+  if (id) {
+    styleEl.setAttribute("id", id);
+  }
+  styles.forEach(function (styleList) {
+    // each style returns a list
+    if (Object.keys(styleList).length) {
+      styleList.forEach(function (style) {
+        var scoped = {
+          "@global": style
+        };
+        var sheet = j2c.sheet(scoped);
+        styleEl.appendChild(documentRef.createTextNode(sheet));
+      });
+    }
+  });
+  documentRef.head.appendChild(styleEl);
+};
+
+/*
+ * Adds styles to head for a component.
+ * @param selector: Array of Strings: selectors
+ * @param vars: Object configuration variables
+ * @param styleFns: Array of Functions: (selector, componentVars) => [j2c style objects]
+*/
+var generateStyles = function generateStyles(selectors, vars, styleFns) {
+  var selector = selectors.join("");
+  var id = selector.trim().replace(/^[^a-z]?(.*)/, "$1");
+  add(id, styleFns.map(function (fn) {
+    return fn(selector, vars);
+  }));
+};
+
+var createStyleSheets = function createStyleSheets(selectors, vars, styleFns) {
+  var selector = selectors.join("");
+  return styleFns.map(function (fn) {
+    return fn(selector, vars);
+  });
+};
+
+var styler = {
+  add: add,
+  addToDocument: addToDocument,
+  createStyleSheets: createStyleSheets,
+  generateStyles: generateStyles,
+  remove: remove
+};
+
+var hex = function hex(value) {
+  var bigint = parseInt(value.substring(1), 16);
+  var r = bigint >> 16 & 255;
+  var g = bigint >> 8 & 255;
+  var b = bigint & 255;
+  return r + "," + g + "," + b;
+};
+
+var rgba = function rgba(colorStr) {
+  var opacity = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
+  return "rgba(" + colorStr + ", " + opacity + ")";
+};
+
+var flex$2 = [{
+  ".layout, .layout.horizontal": flex$1.layout,
+  ".layout.horizontal.inline, .layout.vertical.inline": flex$1.layoutInline,
+  ".layout.horizontal": flex$1.layoutHorizontal,
+  ".layout.horizontal.reverse": flex$1.layoutHorizontalReverse,
+  ".layout.vertical": flex$1.layoutVertical,
+  ".layout.vertical.reverse": flex$1.layoutVerticalReverse,
+  ".layout.wrap": flex$1.layoutWrap,
+  ".layout.wrap.reverse": flex$1.layoutWrapReverse,
+  ".flex": flex$1.flex(1),
+  ".span.flex": { "display": "block" }, // for IE 10
+  ".flex.auto-vertical": flex$1.flexAutoVertical,
+  ".flex.auto": flex$1.flexAuto,
+  ".flex.none": flex$1.flexIndex("none"),
+  ".flex.one": flex$1.flexIndex(1),
+  ".flex.two": flex$1.flexIndex(2),
+  ".flex.three": flex$1.flexIndex(3),
+  ".flex.four": flex$1.flexIndex(4),
+  ".flex.five": flex$1.flexIndex(5),
+  ".flex.six": flex$1.flexIndex(6),
+  ".flex.seven": flex$1.flexIndex(7),
+  ".flex.eight": flex$1.flexIndex(8),
+  ".flex.nine": flex$1.flexIndex(9),
+  ".flex.ten": flex$1.flexIndex(10),
+  ".flex.eleven": flex$1.flexIndex(11),
+  ".flex.twelve": flex$1.flexIndex(12),
+
+  // alignment in cross axis
+  ".layout.start": flex$1.layoutStart,
+  ".layout.center, .layout.center-center": flex$1.layoutCenter,
+  ".layout.end": flex$1.layoutEnd,
+
+  // alignment in main axis
+  ".layout.start-justified": flex$1.layoutStartJustified,
+  ".layout.center-justified, .layout.center-center": flex$1.layoutCenterJustified,
+  ".layout.end-justified": flex$1.layoutEndJustified,
+  ".layout.around-justified": flex$1.layoutAroundJustified,
+  ".layout.justified": flex$1.layoutJustified,
+
+  // self alignment
+  ".self-start": flex$1.selfStart,
+  ".self-center": flex$1.selfCenter,
+  ".self-end": flex$1.selfEnd,
+  ".self-stretch": flex$1.selfStretch
+}];
+
+var commonStyle = [{
+  ".pe-block": {
+    display: "block"
+  },
+
+  ".pe-inline-block": {
+    display: "inline-block"
+  },
+
+  // ie support for hidden
+  ".pe-hidden": {
+    display: "none !important"
+  },
+
+  ".pe-relative": {
+    position: "relative"
+  },
+
+  ".pe-absolute": {
+    position: "absolute"
+  },
+
+  ".pe-fit": {
+    position: "absolute",
+    top: 0,
+    right: 0,
+    bottom: 0,
+    left: 0
+  },
+
+  ".pe-fullbleed": {
+    margin: 0,
+    height: "100vh"
+  }
+}];
+
+var layoutStyles = [flex$2, commonStyle];
+
+var addLayoutStyles = function addLayoutStyles() {
+  return styler.add("pe-layout", flex$2, commonStyle);
+};
+
+exports.flex = flex$1;
+exports.mixin = mixin;
+exports.styler = styler;
+exports.hex = hex;
+exports.rgba = rgba;
+exports.layoutStyles = layoutStyles;
+exports.addLayoutStyles = addLayoutStyles;
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+})));
 //# sourceMappingURL=polythene-core-css.js.map

package.json

 {
   "name": "polythene-core-css",
-  "version": "1.0.0-rc.9",
+  "version": "1.0.0-rc.10",
   "description": "",
@@ -20,6 +20,6 @@ "main": "dist/polythene-core-css.js",
     "j2c-plugin-prefix-browser": "^1.0.6",
-    "polythene-core": "^1.0.0-rc.9"
+    "polythene-core": "^1.0.0-rc.10"
   },
   "devDependencies": {
-    "polythene-scripts": "^1.0.0-rc.9"
+    "polythene-scripts": "^1.0.0-rc.10"
   },
@@ -26,0 +26,0 @@ "author": "Arthur Clemens <[e-mail]> (http://arthurclemens.com)",

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

Minified code

Quality

This package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

59706

increased by14.96%

Lines of code

1134

increased by55.77%

Number of low quality alerts

2

decreased by-33.33%

Dependency changes

• Updatedpolythene-core@^1.0.0-rc.10