css-jss - npm Package Compare versions

Comparing version 10.0.0 to 10.0.1

dist/css-jss.js

@@ -584,13 +584,18 @@ (function (global, factory) {
 
-    function getOptions(rule, container, options) {
+    function getOptions(rule, container, prevOptions) {
       // Options has been already created, now we only increase index.
-      if (options) return _extends({}, options, {
-        index: options.index + 1
+      if (prevOptions) return _extends({}, prevOptions, {
+        index: prevOptions.index + 1
       });
       var nestingLevel = rule.options.nestingLevel;
       nestingLevel = nestingLevel === undefined ? 1 : nestingLevel + 1;
-      return _extends({}, rule.options, {
+
+      var options = _extends({}, rule.options, {
         nestingLevel: nestingLevel,
-        index: container.indexOf(rule) + 1
+        index: container.indexOf(rule) + 1 // We don't need the parent name to be set options for chlid.
+
       });
+
+      delete options.name;
+      return options;
     }
@@ -1501,2 +1506,13 @@
 
+  // https://caniuse.com/#search=color-adjust
+
+  var colorAdjust = {
+    noPrefill: ['color-adjust'],
+    supportedProperty: function supportedProperty(prop) {
+      if (prop !== 'color-adjust') return false;
+      if (prefix.js === 'Webkit') return prefix.css + "print-" + prop;
+      return prop;
+    }
+  };
+
   var regExp = /[-\s]+(.)?/g;
@@ -1540,32 +1556,37 @@ /**
 
-  // https://caniuse.com/#search=multicolumn
-  // https://github.com/postcss/autoprefixer/issues/491
-  // https://github.com/postcss/autoprefixer/issues/177
+  // but we can use a longhand property instead.
+  // https://caniuse.com/#search=mask
 
-  var breakPropsOld = {
+  var mask = {
+    noPrefill: ['mask'],
     supportedProperty: function supportedProperty(prop, style) {
-      if (!/^break-/.test(prop)) return false;
+      if (!/^mask/.test(prop)) return false;
 
       if (prefix.js === 'Webkit') {
-        var jsProp = "WebkitColumn" + pascalize(prop);
-        return jsProp in style ? prefix.css + "column-" + prop : false;
-      }
+        var longhand = 'mask-image';
 
-      if (prefix.js === 'Moz') {
-        var _jsProp = "page" + pascalize(prop);
+        if (camelize(longhand) in style) {
+          return prop;
+        }
 
-        return _jsProp in style ? "page-" + prop : false;
+        if (prefix.js + pascalize(longhand) in style) {
+          return prefix.css + prop;
+        }
       }
 
-      return false;
+      return prop;
     }
   };
 
-  // https://caniuse.com/#search=color-adjust
+  // https://caniuse.com/#search=text-orientation
 
-  var colorAdjust = {
-    noPrefill: ['color-adjust'],
+  var textOrientation = {
+    noPrefill: ['text-orientation'],
     supportedProperty: function supportedProperty(prop) {
-      if (prop !== 'color-adjust') return false;
-      if (prefix.js === 'Webkit') return prefix.css + "print-" + prop;
+      if (prop !== 'text-orientation') return false;
+
+      if (prefix.vendor === 'apple' && !prefix.isTouch) {
+        return prefix.css + prop;
+      }
+
       return prop;
@@ -1575,109 +1596,102 @@ }
 
-  var propMap = {
-    flex: 'box-flex',
-    'flex-grow': 'box-flex',
-    'flex-direction': ['box-orient', 'box-direction'],
-    order: 'box-ordinal-group',
-    'align-items': 'box-align',
-    'flex-flow': ['box-orient', 'box-direction'],
-    'justify-content': 'box-pack'
-  };
-  var propKeys = Object.keys(propMap);
+  // https://caniuse.com/#search=transform
 
-  var prefixCss = function prefixCss(p) {
-    return prefix.css + p;
-  }; // Support old flex spec from 2009.
+  var transform = {
+    noPrefill: ['transform'],
+    supportedProperty: function supportedProperty(prop, style, options) {
+      if (prop !== 'transform') return false;
 
+      if (options.transform) {
+        return prop;
+      }
 
-  var flex2009 = {
-    supportedProperty: function supportedProperty(prop, style, _ref) {
-      var multiple = _ref.multiple;
+      return prefix.css + prop;
+    }
+  };
 
-      if (propKeys.indexOf(prop) > -1) {
-        var newProp = propMap[prop];
+  // https://caniuse.com/#search=transition
 
-        if (!Array.isArray(newProp)) {
-          return prefix.js + pascalize(newProp) in style ? prefix.css + newProp : false;
-        }
+  var transition = {
+    noPrefill: ['transition'],
+    supportedProperty: function supportedProperty(prop, style, options) {
+      if (prop !== 'transition') return false;
 
-        if (!multiple) return false;
-
-        for (var i = 0; i < newProp.length; i++) {
-          if (!(prefix.js + pascalize(newProp[0]) in style)) {
-            return false;
-          }
-        }
-
-        return newProp.map(prefixCss);
+      if (options.transition) {
+        return prop;
       }
 
-      return false;
+      return prefix.css + prop;
     }
   };
 
-  var propMap$1 = {
-    'flex-grow': 'flex-positive',
-    'flex-shrink': 'flex-negative',
-    'flex-basis': 'flex-preferred-size',
-    'justify-content': 'flex-pack',
-    order: 'flex-order',
-    'align-items': 'flex-align',
-    'align-content': 'flex-line-pack' // 'align-self' is handled by 'align-self' plugin.
-    // Support old flex spec from 2012.
+  // https://caniuse.com/#search=writing-mode
 
-  };
-  var flex2012 = {
-    supportedProperty: function supportedProperty(prop, style) {
-      var newProp = propMap$1[prop];
-      if (!newProp) return false;
-      return prefix.js + pascalize(newProp) in style ? prefix.css + newProp : false;
+  var writingMode = {
+    noPrefill: ['writing-mode'],
+    supportedProperty: function supportedProperty(prop) {
+      if (prop !== 'writing-mode') return false;
+
+      if (prefix.js === 'Webkit' || prefix.js === 'ms') {
+        return prefix.css + prop;
+      }
+
+      return prop;
     }
   };
 
-  // See https://github.com/postcss/autoprefixer/issues/324.
+  // https://caniuse.com/#search=user-select
 
-  var inlineLogicalOld = {
-    supportedProperty: function supportedProperty(prop, style) {
-      if (!/^(border|margin|padding)-inline/.test(prop)) return false;
-      if (prefix.js === 'Moz') return prop;
-      var newProp = prop.replace('-inline', '');
-      return prefix.js + pascalize(newProp) in style ? prefix.css + newProp : false;
+  var userSelect = {
+    noPrefill: ['user-select'],
+    supportedProperty: function supportedProperty(prop) {
+      if (prop !== 'user-select') return false;
+
+      if (prefix.js === 'Moz' || prefix.js === 'ms' || prefix.vendor === 'apple') {
+        return prefix.css + prop;
+      }
+
+      return prop;
     }
   };
 
-  // but we can use a longhand property instead.
-  // https://caniuse.com/#search=mask
+  // https://caniuse.com/#search=multicolumn
+  // https://github.com/postcss/autoprefixer/issues/491
+  // https://github.com/postcss/autoprefixer/issues/177
 
-  var mask = {
-    noPrefill: ['mask'],
+  var breakPropsOld = {
     supportedProperty: function supportedProperty(prop, style) {
-      if (!/^mask/.test(prop)) return false;
+      if (!/^break-/.test(prop)) return false;
 
       if (prefix.js === 'Webkit') {
-        var longhand = 'mask-image';
+        var jsProp = "WebkitColumn" + pascalize(prop);
+        return jsProp in style ? prefix.css + "column-" + prop : false;
+      }
 
-        if (camelize(longhand) in style) {
-          return prop;
-        }
+      if (prefix.js === 'Moz') {
+        var _jsProp = "page" + pascalize(prop);
 
-        if (prefix.js + pascalize(longhand) in style) {
-          return prefix.css + prop;
-        }
+        return _jsProp in style ? "page-" + prop : false;
       }
 
-      return prop;
+      return false;
     }
   };
 
-  // https://caniuse.com/#search=overscroll-behavior
+  // See https://github.com/postcss/autoprefixer/issues/324.
 
-  var overscrollBehavior = {
-    supportedProperty: function supportedProperty(prop) {
-      if (prop !== 'overscroll-behavior') return false;
+  var inlineLogicalOld = {
+    supportedProperty: function supportedProperty(prop, style) {
+      if (!/^(border|margin|padding)-inline/.test(prop)) return false;
+      if (prefix.js === 'Moz') return prop;
+      var newProp = prop.replace('-inline', '');
+      return prefix.js + pascalize(newProp) in style ? prefix.css + newProp : false;
+    }
+  };
 
-      if (prefix.js === 'ms') {
-        return prefix.css + "scroll-chaining";
-      }
+  // Camelization is required because we can't test using.
+  // CSS syntax for e.g. in FF.
 
-      return prop;
+  var unprefixed = {
+    supportedProperty: function supportedProperty(prop, style) {
+      return camelize(prop) in style ? prop : false;
     }
@@ -1714,11 +1728,10 @@ };
 
-  // https://caniuse.com/#search=text-orientation
+  // https://caniuse.com/#search=overscroll-behavior
 
-  var textOrientation = {
-    noPrefill: ['text-orientation'],
+  var overscrollBehavior = {
     supportedProperty: function supportedProperty(prop) {
-      if (prop !== 'text-orientation') return false;
+      if (prop !== 'overscroll-behavior') return false;
 
-      if (prefix.vendor === 'apple' && !prefix.isTouch) {
-        return prefix.css + prop;
+      if (prefix.js === 'ms') {
+        return prefix.css + "scroll-chaining";
       }
@@ -1730,53 +1743,60 @@
 
-  // https://caniuse.com/#search=transform
+  var propMap = {
+    'flex-grow': 'flex-positive',
+    'flex-shrink': 'flex-negative',
+    'flex-basis': 'flex-preferred-size',
+    'justify-content': 'flex-pack',
+    order: 'flex-order',
+    'align-items': 'flex-align',
+    'align-content': 'flex-line-pack' // 'align-self' is handled by 'align-self' plugin.
 
-  var transform = {
-    noPrefill: ['transform'],
-    supportedProperty: function supportedProperty(prop, style, options) {
-      if (prop !== 'transform') return false;
+  }; // Support old flex spec from 2012.
 
-      if (options.transform) {
-        return prop;
-      }
-
-      return prefix.css + prop;
+  var flex2012 = {
+    supportedProperty: function supportedProperty(prop, style) {
+      var newProp = propMap[prop];
+      if (!newProp) return false;
+      return prefix.js + pascalize(newProp) in style ? prefix.css + newProp : false;
     }
   };
 
-  // https://caniuse.com/#search=transition
+  var propMap$1 = {
+    flex: 'box-flex',
+    'flex-grow': 'box-flex',
+    'flex-direction': ['box-orient', 'box-direction'],
+    order: 'box-ordinal-group',
+    'align-items': 'box-align',
+    'flex-flow': ['box-orient', 'box-direction'],
+    'justify-content': 'box-pack'
+  };
+  var propKeys = Object.keys(propMap$1);
 
-  var transition = {
-    noPrefill: ['transition'],
-    supportedProperty: function supportedProperty(prop, style, options) {
-      if (prop !== 'transition') return false;
+  var prefixCss = function prefixCss(p) {
+    return prefix.css + p;
+  }; // Support old flex spec from 2009.
 
-      if (options.transition) {
-        return prop;
-      }
 
-      return prefix.css + prop;
-    }
-  };
+  var flex2009 = {
+    supportedProperty: function supportedProperty(prop, style, _ref) {
+      var multiple = _ref.multiple;
 
-  // Camelization is required because we can't test using.
-  // CSS syntax for e.g. in FF.
+      if (propKeys.indexOf(prop) > -1) {
+        var newProp = propMap$1[prop];
 
-  var unprefixed = {
-    supportedProperty: function supportedProperty(prop, style) {
-      return camelize(prop) in style ? prop : false;
-    }
-  };
+        if (!Array.isArray(newProp)) {
+          return prefix.js + pascalize(newProp) in style ? prefix.css + newProp : false;
+        }
 
-  // https://caniuse.com/#search=writing-mode
+        if (!multiple) return false;
 
-  var writingMode = {
-    noPrefill: ['writing-mode'],
-    supportedProperty: function supportedProperty(prop) {
-      if (prop !== 'writing-mode') return false;
+        for (var i = 0; i < newProp.length; i++) {
+          if (!(prefix.js + pascalize(newProp[0]) in style)) {
+            return false;
+          }
+        }
 
-      if (prefix.js === 'Webkit' || prefix.js === 'ms') {
-        return prefix.css + prop;
+        return newProp.map(prefixCss);
       }
 
-      return prop;
+      return false;
     }
@@ -1800,3 +1820,3 @@ };
 
-  var plugins = [appearence, colorAdjust, mask, textOrientation, transform, transition, writingMode, breakPropsOld, inlineLogicalOld, unprefixed, prefixed, scrollSnap, overscrollBehavior, flex2012, flex2009];
+  var plugins = [appearence, colorAdjust, mask, textOrientation, transform, transition, writingMode, userSelect, breakPropsOld, inlineLogicalOld, unprefixed, prefixed, scrollSnap, overscrollBehavior, flex2012, flex2009];
   var propertyDetectors = plugins.filter(function (p) {
@@ -1908,3 +1928,5 @@ return p.supportedProperty;
     if (p2 === 'all') return ', all';
-    return p1 ? supportedProperty(p1) : ", " + supportedProperty(p2);
+    var prefixedValue = p1 ? supportedProperty(p1) : ", " + supportedProperty(p2);
+    if (!prefixedValue) return p1 || p2;
+    return prefixedValue;
   }
@@ -1911,0 +1933,0 @@

dist/css-jss.min.js

@@ -1,1 +0,1 @@
-!function(r,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("jss")):"function"==typeof define&&define.amd?define(["exports","jss"],e):e((r=r||self).cssJss={},r.jss)}(this,function(r,e){"use strict";var t=Date.now(),n="fnValues"+t,o="fnStyle"+ ++t;var i=function(r){var e,t=r.Symbol;return"function"==typeof t?t.observable?e=t.observable:(e=t("observable"),t.observable=e):e="@@observable",e}("undefined"!=typeof self?self:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof module?module:Function("return this")()),l=function(r){return r&&r[i]&&r===r[i]()};var s=/;\n/,a=function(r){"string"==typeof r.style&&(r.style=function(r){for(var e={},t=r.split(s),n=0;n<t.length;n++){var o=(t[n]||"").trim();if(o){var i=o.indexOf(":");if(-1!==i){var l=o.substr(0,i).trim(),a=o.substr(i+1).trim();e[l]=a}}}return e}(r.style))};function u(){return(u=Object.assign||function(r){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(r[n]=t[n])}return r}).apply(this,arguments)}var f="@global",d="@global ",c=function(){function r(r,t,n){for(var o in this.type="global",this.at=f,this.rules=void 0,this.options=void 0,this.key=void 0,this.isProcessed=!1,this.key=r,this.options=n,this.rules=new e.RuleList(u({},n,{parent:this})),t)this.rules.add(o,t[o]);this.rules.process()}var t=r.prototype;return t.getRule=function(r){return this.rules.get(r)},t.addRule=function(r,e,t){var n=this.rules.add(r,e,t);return this.options.jss.plugins.onProcessRule(n),n},t.indexOf=function(r){return this.rules.indexOf(r)},t.toString=function(){return this.rules.toString()},r}(),p=function(){function r(r,e,t){this.type="global",this.at=f,this.options=void 0,this.rule=void 0,this.isProcessed=!1,this.key=void 0,this.key=r,this.options=t;var n=r.substr(d.length);this.rule=t.jss.createRule(n,e,u({},t,{parent:this}))}return r.prototype.toString=function(r){return this.rule?this.rule.toString(r):""},r}(),g=/\s*,\s*/g;function y(r,e){for(var t=r.split(g),n="",o=0;o<t.length;o++)n+=e+" "+t[o].trim(),t[o+1]&&(n+=", ");return n}function b(){return{onCreateRule:function(r,e,t){if(!r)return null;if(r===f)return new c(r,e,t);if("@"===r[0]&&r.substr(0,d.length)===d)return new p(r,e,t);var n=t.parent;return n&&("global"===n.type||n.options.parent&&"global"===n.options.parent.type)&&(t.scoped=!1),!1===t.scoped&&(t.selector=r),null},onProcessRule:function(r){"style"===r.type&&(function(r){var e=r.options,t=r.style,n=t?t[f]:null;if(n){for(var o in n)e.sheet.addRule(o,n[o],u({},e,{selector:y(o,r.selector)}));delete t[f]}}(r),function(r){var e=r.options,t=r.style;for(var n in t)if("@"===n[0]&&n.substr(0,f.length)===f){var o=y(n.substr(f.length),r.selector);e.sheet.addRule(o,t[n],u({},e,{selector:o})),delete t[n]}}(r))}}}var m=function(r){return r&&"object"==typeof r&&!Array.isArray(r)},h="extendCurrValue"+Date.now();function v(r,e,t,n){return void 0===n&&(n={}),function(r,e,t,n){if("string"!=typeof r.extend)if(Array.isArray(r.extend))for(var o=0;o<r.extend.length;o++)v(r.extend[o],e,t,n);else for(var i in r.extend)"extend"!==i?m(r.extend[i])?(i in n||(n[i]={}),v(r.extend[i],e,t,n[i])):n[i]=r.extend[i]:v(r.extend.extend,e,t,n);else{if(!t)return;var l=t.getRule(r.extend);if(!l)return;if(l===e)return;var s=l.options.parent;s&&v(s.rules.raw[r.extend],e,t,n)}}(r,e,t,n),function(r,e,t,n){for(var o in r)"extend"!==o&&(m(n[o])&&m(r[o])?v(r[o],e,t,n[o]):m(r[o])?n[o]=v(r[o],e,t):n[o]=r[o])}(r,e,t,n),n}function w(){return{onProcessStyle:function(r,e,t){return"extend"in r?v(r,e,t):r},onChangeValue:function(r,e,t){if("extend"!==e)return r;if(null==r||!1===r){for(var n in t[h])t.prop(n,null);return t[h]=null,null}if("object"==typeof r){for(var o in r)t.prop(o,r[o]);t[h]=r}return null}}}var x=/\s*,\s*/g,k=/&/g,S=/\$([\w-]+)/g;function j(){function r(r,e){return function(t,n){var o=r.getRule(n)||e&&e.getRule(n);return o?(o=o).selector:n}}function e(r,e){for(var t=e.split(x),n=r.split(x),o="",i=0;i<t.length;i++)for(var l=t[i],s=0;s<n.length;s++){var a=n[s];o&&(o+=", "),o+=-1!==a.indexOf("&")?a.replace(k,l):l+" "+a}return o}function t(r,e,t){if(t)return u({},t,{index:t.index+1});var n=r.options.nestingLevel;return n=void 0===n?1:n+1,u({},r.options,{nestingLevel:n,index:e.indexOf(r)+1})}return{onProcessStyle:function(n,o,i){if("style"!==o.type)return n;var l,s,a=o,f=a.options.parent;for(var d in n){var c=-1!==d.indexOf("&"),p="@"===d[0];if(c||p){if(l=t(a,f,l),c){var g=e(d,a.selector);s||(s=r(f,i)),g=g.replace(S,s),f.addRule(g,n[d],u({},l,{selector:g}))}else p&&f.addRule(d,{},l).addRule(a.key,n[d],{selector:a.selector});delete n[d]}}return n}}}function P(){return{onProcessStyle:function(r,e){return"composes"in r?(function r(e,t){if(!t)return!0;if(Array.isArray(t)){for(var n=0;n<t.length;n++)if(!r(e,t[n]))return!1;return!0}if(t.indexOf(" ")>-1)return r(e,t.split(" "));var o=e.options.parent;if("$"===t[0]){var i=o.getRule(t.substr(1));return!!i&&i!==e&&(o.classes[e.key]+=" "+o.classes[i.key],!0)}return o.classes[e.key]+=" "+t,!0}(e,r.composes),delete r.composes,r):r}}}var A=/[A-Z]/g,C=/^ms-/,O={};function R(r){return"-"+r.toLowerCase()}function z(r){if(O.hasOwnProperty(r))return O[r];var e=r.replace(A,R);return O[r]=C.test(e)?"-"+e:e}function W(r){var e={};for(var t in r){e[0===t.indexOf("--")?t:z(t)]=r[t]}return r.fallbacks&&(Array.isArray(r.fallbacks)?e.fallbacks=r.fallbacks.map(W):e.fallbacks=W(r.fallbacks)),e}function E(){return{onProcessStyle:function(r){if(Array.isArray(r)){for(var e=0;e<r.length;e++)r[e]=W(r[e]);return r}return W(r)},onChangeValue:function(r,e,t){if(0===e.indexOf("--"))return r;var n=z(e);return e===n?r:(t.prop(n,r),null)}}}var M=e.hasCSSTOMSupport&&CSS?CSS.px:"px",T=e.hasCSSTOMSupport&&CSS?CSS.ms:"ms",V=e.hasCSSTOMSupport&&CSS?CSS.percent:"%";function N(r){var e=/(-[a-z])/g,t=function(r){return r[1].toUpperCase()},n={};for(var o in r)n[o]=r[o],n[o.replace(e,t)]=r[o];return n}var F=N({"animation-delay":T,"animation-duration":T,"background-position":M,"background-position-x":M,"background-position-y":M,"background-size":M,border:M,"border-bottom":M,"border-bottom-left-radius":M,"border-bottom-right-radius":M,"border-bottom-width":M,"border-left":M,"border-left-width":M,"border-radius":M,"border-right":M,"border-right-width":M,"border-top":M,"border-top-left-radius":M,"border-top-right-radius":M,"border-top-width":M,"border-width":M,margin:M,"margin-bottom":M,"margin-left":M,"margin-right":M,"margin-top":M,padding:M,"padding-bottom":M,"padding-left":M,"padding-right":M,"padding-top":M,"mask-position-x":M,"mask-position-y":M,"mask-size":M,height:M,width:M,"min-height":M,"max-height":M,"min-width":M,"max-width":M,bottom:M,left:M,top:M,right:M,"box-shadow":M,"text-shadow":M,"column-gap":M,"column-rule":M,"column-rule-width":M,"column-width":M,"font-size":M,"font-size-delta":M,"letter-spacing":M,"text-indent":M,"text-stroke":M,"text-stroke-width":M,"word-spacing":M,motion:M,"motion-offset":M,outline:M,"outline-offset":M,"outline-width":M,perspective:M,"perspective-origin-x":V,"perspective-origin-y":V,"transform-origin":V,"transform-origin-x":V,"transform-origin-y":V,"transform-origin-z":V,"transition-delay":T,"transition-duration":T,"vertical-align":M,"flex-basis":M,"shape-margin":M,size:M,grid:M,"grid-gap":M,"grid-row-gap":M,"grid-column-gap":M,"grid-template-rows":M,"grid-template-columns":M,"grid-auto-rows":M,"grid-auto-columns":M,"box-shadow-x":M,"box-shadow-y":M,"box-shadow-blur":M,"box-shadow-spread":M,"font-line-height":M,"text-shadow-x":M,"text-shadow-y":M,"text-shadow-blur":M});function L(r,e,t){if(!e)return e;if(Array.isArray(e))for(var n=0;n<e.length;n++)e[n]=L(r,e[n],t);else if("object"==typeof e)if("fallbacks"===r)for(var o in e)e[o]=L(o,e[o],t);else for(var i in e)e[i]=L(r+"-"+i,e[i],t);else if("number"==typeof e)return t[r]?""+e+t[r]:F[r]?"function"==typeof F[r]?F[r](e).toString():""+e+F[r]:e.toString();return e}function U(r){void 0===r&&(r={});var e=N(r);return{onProcessStyle:function(r,t){if("style"!==t.type)return r;for(var n in r)r[n]=L(n,r[n],e);return r},onChangeValue:function(r,t){return L(t,r,e)}}}var D={"background-size":!0,"background-position":!0,border:!0,"border-bottom":!0,"border-left":!0,"border-top":!0,"border-right":!0,"border-radius":!0,"border-image":!0,"border-width":!0,"border-style":!0,"border-color":!0,"box-shadow":!0,flex:!0,margin:!0,padding:!0,outline:!0,"transform-origin":!0,transform:!0,transition:!0},G={position:!0,size:!0},H={padding:{top:0,right:0,bottom:0,left:0},margin:{top:0,right:0,bottom:0,left:0},background:{attachment:null,color:null,image:null,position:null,repeat:null},border:{width:null,style:null,color:null},"border-top":{width:null,style:null,color:null},"border-right":{width:null,style:null,color:null},"border-bottom":{width:null,style:null,color:null},"border-left":{width:null,style:null,color:null},outline:{width:null,style:null,color:null},"list-style":{type:null,position:null,image:null},transition:{property:null,duration:null,"timing-function":null,timingFunction:null,delay:null},animation:{name:null,duration:null,"timing-function":null,timingFunction:null,delay:null,"iteration-count":null,iterationCount:null,direction:null,"fill-mode":null,fillMode:null,"play-state":null,playState:null},"box-shadow":{x:0,y:0,blur:0,spread:0,color:null,inset:null},"text-shadow":{x:0,y:0,blur:null,color:null}},I={border:{radius:"border-radius",image:"border-image",width:"border-width",style:"border-style",color:"border-color"},"border-bottom":{width:"border-bottom-width",style:"border-bottom-style",color:"border-bottom-color"},"border-top":{width:"border-top-width",style:"border-top-style",color:"border-top-color"},"border-left":{width:"border-left-width",style:"border-left-style",color:"border-left-color"},"border-right":{width:"border-right-width",style:"border-right-style",color:"border-right-color"},background:{size:"background-size",image:"background-image"},font:{style:"font-style",variant:"font-variant",weight:"font-weight",stretch:"font-stretch",size:"font-size",family:"font-family",lineHeight:"line-height","line-height":"line-height"},flex:{grow:"flex-grow",basis:"flex-basis",direction:"flex-direction",wrap:"flex-wrap",flow:"flex-flow",shrink:"flex-shrink"},align:{self:"align-self",items:"align-items",content:"align-content"},grid:{"template-columns":"grid-template-columns",templateColumns:"grid-template-columns","template-rows":"grid-template-rows",templateRows:"grid-template-rows","template-areas":"grid-template-areas",templateAreas:"grid-template-areas",template:"grid-template","auto-columns":"grid-auto-columns",autoColumns:"grid-auto-columns","auto-rows":"grid-auto-rows",autoRows:"grid-auto-rows","auto-flow":"grid-auto-flow",autoFlow:"grid-auto-flow",row:"grid-row",column:"grid-column","row-start":"grid-row-start",rowStart:"grid-row-start","row-end":"grid-row-end",rowEnd:"grid-row-end","column-start":"grid-column-start",columnStart:"grid-column-start","column-end":"grid-column-end",columnEnd:"grid-column-end",area:"grid-area",gap:"grid-gap","row-gap":"grid-row-gap",rowGap:"grid-row-gap","column-gap":"grid-column-gap",columnGap:"grid-column-gap"}};function J(r,e,t,n){return null==t[e]?r:0===r.length?[]:Array.isArray(r[0])?J(r[0],e,t,n):"object"==typeof r[0]?function(r,e,t){return r.map(function(r){return $(r,e,t,!1,!0)})}(r,e,n):[r]}function $(r,e,t,n,o){if(!H[e]&&!I[e])return[];var i=[];if(I[e]&&(r=function(r,e,t,n){for(var o in t){var i=t[o];if(void 0!==r[o]&&(n||!e.prop(i))){var l,s=_((l={},l[i]=r[o],l),e)[i];n?e.style.fallbacks[i]=s:e.style[i]=s}delete r[o]}return r}(r,t,I[e],n)),Object.keys(r).length)for(var l in H[e])r[l]?Array.isArray(r[l])?i.push(null===G[l]?r[l]:r[l].join(" ")):i.push(r[l]):null!=H[e][l]&&i.push(H[e][l]);return!i.length||o?i:[i]}function _(r,e,t){for(var n in r){var o=r[n];if(Array.isArray(o)){if(!Array.isArray(o[0])){if("fallbacks"===n){for(var i=0;i<r.fallbacks.length;i++)r.fallbacks[i]=_(r.fallbacks[i],e,!0);continue}r[n]=J(o,n,D,e),r[n].length||delete r[n]}}else if("object"==typeof o){if("fallbacks"===n){r.fallbacks=_(r.fallbacks,e,!0);continue}r[n]=$(o,n,e,t),r[n].length||delete r[n]}else""===r[n]&&delete r[n]}return r}function q(){return{onProcessStyle:function(r,e){if(!r||"style"!==e.type)return r;if(Array.isArray(r)){for(var t=0;t<r.length;t++)r[t]=_(r[t],e);return r}return _(r,e)}}}var Z="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(r){return typeof r}:function(r){return r&&"function"==typeof Symbol&&r.constructor===Symbol&&r!==Symbol.prototype?"symbol":typeof r},B="object"===("undefined"==typeof window?"undefined":Z(window))&&"object"===("undefined"==typeof document?"undefined":Z(document))&&9===document.nodeType;function K(r){return function(r){if(Array.isArray(r)){for(var e=0,t=new Array(r.length);e<r.length;e++)t[e]=r[e];return t}}(r)||function(r){if(Symbol.iterator in Object(r)||"[object Arguments]"===Object.prototype.toString.call(r))return Array.from(r)}(r)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}var Q="",X="",Y="",rr="",er=B&&"ontouchstart"in document.documentElement;if(B){var tr={Moz:"-moz-",ms:"-ms-",O:"-o-",Webkit:"-webkit-"},nr=document.createElement("p").style;for(var or in tr)if(or+"Transform"in nr){Q=or,X=tr[or];break}"Webkit"===Q&&"msHyphens"in nr&&(Q="ms",X=tr.ms,rr="edge"),"Webkit"===Q&&"-apple-trailing-word"in nr&&(Y="apple")}var ir={js:Q,css:X,vendor:Y,browser:rr,isTouch:er};var lr={noPrefill:["appearance"],supportedProperty:function(r){return"appearance"===r&&("ms"===ir.js?"-webkit-"+r:ir.css+r)}},sr=/[-\s]+(.)?/g;function ar(r,e){return e?e.toUpperCase():""}function ur(r){return r.replace(sr,ar)}function fr(r){return ur("-"+r)}var dr,cr={supportedProperty:function(r,e){return!!/^break-/.test(r)&&("Webkit"===ir.js?"WebkitColumn"+fr(r)in e&&ir.css+"column-"+r:"Moz"===ir.js&&("page"+fr(r)in e&&"page-"+r))}},pr={noPrefill:["color-adjust"],supportedProperty:function(r){return"color-adjust"===r&&("Webkit"===ir.js?ir.css+"print-"+r:r)}},gr={flex:"box-flex","flex-grow":"box-flex","flex-direction":["box-orient","box-direction"],order:"box-ordinal-group","align-items":"box-align","flex-flow":["box-orient","box-direction"],"justify-content":"box-pack"},yr=Object.keys(gr),br=function(r){return ir.css+r},mr={"flex-grow":"flex-positive","flex-shrink":"flex-negative","flex-basis":"flex-preferred-size","justify-content":"flex-pack",order:"flex-order","align-items":"flex-align","align-content":"flex-line-pack"},hr=[lr,pr,{noPrefill:["mask"],supportedProperty:function(r,e){if(!/^mask/.test(r))return!1;if("Webkit"===ir.js){if(ur("mask-image")in e)return r;if(ir.js+fr("mask-image")in e)return ir.css+r}return r}},{noPrefill:["text-orientation"],supportedProperty:function(r){return"text-orientation"===r&&("apple"!==ir.vendor||ir.isTouch?r:ir.css+r)}},{noPrefill:["transform"],supportedProperty:function(r,e,t){return"transform"===r&&(t.transform?r:ir.css+r)}},{noPrefill:["transition"],supportedProperty:function(r,e,t){return"transition"===r&&(t.transition?r:ir.css+r)}},{noPrefill:["writing-mode"],supportedProperty:function(r){return"writing-mode"===r&&("Webkit"===ir.js||"ms"===ir.js?ir.css+r:r)}},cr,{supportedProperty:function(r,e){if(!/^(border|margin|padding)-inline/.test(r))return!1;if("Moz"===ir.js)return r;var t=r.replace("-inline","");return ir.js+fr(t)in e&&ir.css+t}},{supportedProperty:function(r,e){return ur(r)in e&&r}},{supportedProperty:function(r,e){var t=fr(r);return"-"===r[0]?r:"-"===r[0]&&"-"===r[1]?r:ir.js+t in e?ir.css+r:"Webkit"!==ir.js&&"Webkit"+t in e&&"-webkit-"+r}},{supportedProperty:function(r){return"scroll-snap"===r.substring(0,11)&&("ms"===ir.js?""+ir.css+r:r)}},{supportedProperty:function(r){return"overscroll-behavior"===r&&("ms"===ir.js?ir.css+"scroll-chaining":r)}},{supportedProperty:function(r,e){var t=mr[r];return!!t&&(ir.js+fr(t)in e&&ir.css+t)}},{supportedProperty:function(r,e,t){var n=t.multiple;if(yr.indexOf(r)>-1){var o=gr[r];if(!Array.isArray(o))return ir.js+fr(o)in e&&ir.css+o;if(!n)return!1;for(var i=0;i<o.length;i++)if(!(ir.js+fr(o[0])in e))return!1;return o.map(br)}return!1}}],vr=hr.filter(function(r){return r.supportedProperty}).map(function(r){return r.supportedProperty}),wr=hr.filter(function(r){return r.noPrefill}).reduce(function(r,e){return r.push.apply(r,K(e.noPrefill)),r},[]),xr={};if(B){dr=document.createElement("p");var kr=window.getComputedStyle(document.documentElement,"");for(var Sr in kr)isNaN(Sr)||(xr[kr[Sr]]=kr[Sr]);wr.forEach(function(r){return delete xr[r]})}function jr(r,e){if(void 0===e&&(e={}),!dr)return r;if(null!=xr[r])return xr[r];"transition"!==r&&"transform"!==r||(e[r]=r in dr.style);for(var t=0;t<vr.length&&(xr[r]=vr[t](r,dr.style,e),!xr[r]);t++);try{dr.style[r]=""}catch(r){return!1}return xr[r]}var Pr,Ar={},Cr={transition:1,"transition-property":1,"-webkit-transition":1,"-webkit-transition-property":1},Or=/(^\s*[\w-]+)|, (\s*[\w-]+)(?![^()]*\))/g;function Rr(r,e,t){return"var"===e?"var":"all"===e?"all":"all"===t?", all":e?jr(e):", "+jr(t)}function zr(r,e){var t=e;if(!Pr||"content"===r)return e;if("string"!=typeof t||!isNaN(parseInt(t,10)))return t;var n=r+t;if(null!=Ar[n])return Ar[n];try{Pr.style[r]=t}catch(r){return Ar[n]=!1,!1}if(Cr[r])t=t.replace(Or,Rr);else if(""===Pr.style[r]&&("-ms-flex"===(t=ir.css+t)&&(Pr.style[r]="-ms-flexbox"),Pr.style[r]=t,""===Pr.style[r]))return Ar[n]=!1,!1;return Pr.style[r]="",Ar[n]=t,Ar[n]}function Wr(){function r(t){for(var n in t){var o=t[n];if("fallbacks"===n&&Array.isArray(o))t[n]=o.map(r);else{var i=!1,l=jr(n);l&&l!==n&&(i=!0);var s=!1,a=zr(l,e.toCssValue(o));a&&a!==o&&(s=!0),(i||s)&&(i&&delete t[n],t[l||n]=a||o)}}return t}return{onProcessRule:function(r){if("keyframes"===r.type){var e=r;e.at="-"===(t=e.at)[1]?t:"ms"===ir.js?t:"@"+ir.css+"keyframes"+t.substr(10)}var t},onProcessStyle:function(e,t){return"style"!==t.type?e:r(e)},onChangeValue:function(r,t){return zr(t,e.toCssValue(r))||r}}}B&&(Pr=document.createElement("p"));var Er,Mr,Tr,Vr=e.create((void 0===Er&&(Er={}),{plugins:[{onCreateRule:function(r,t,n){if("function"!=typeof t)return null;var i=e.createRule(r,{},n);return i[o]=t,i},onProcessStyle:function(r,e){if(n in e||o in e)return r;var t={};for(var i in r){var l=r[i];"function"==typeof l&&(delete r[i],t[i]=l)}return e[n]=t,r},onUpdate:function(r,e,t,i){var l=e,s=l[o];s&&(l.style=s(r)||{});var a=l[n];if(a)for(var u in a)l.prop(u,a[u](r),i)}},(Tr=Er.observable,{onCreateRule:function(r,t,n){if(!l(t))return null;var o=t,i=e.createRule(r,{},n);return o.subscribe(function(r){for(var e in r)i.prop(e,r[e],Tr)}),i},onProcessRule:function(r){if(!r||"style"===r.type){var e=r,t=e.style,n=function(r){var n=t[r];if(!l(n))return"continue";delete t[r],n.subscribe({next:function(t){e.prop(r,t,Tr)}})};for(var o in t)n(o)}}}),{onProcessRule:a},b(),w(),j(),P(),E(),U(Er.defaultUnit),q(),Wr(),(Mr=function(r,e){return r.length===e.length?r>e?1:-1:r.length-e.length},{onProcessStyle:function(r,e){if("style"!==e.type)return r;for(var t={},n=Object.keys(r).sort(Mr),o=0;o<n.length;o++)t[n[o]]=r[n[o]];return t}})]})),Nr=function(r){void 0===r&&(r=Vr);var e,t=new Map,n=0,o=function(){return(!e||e.rules.index.length>1e4)&&(e=r.createStyleSheet().attach()),e};function i(){var r=arguments,e=JSON.stringify(r),i=t.get(e);if(i)return i.className;var l=[];for(var s in r){var a=r[s];if(Array.isArray(a))for(var u=0;u<a.length;u++)l.push(a[u]);else l.push(a)}for(var f={},d=[],c=0;c<l.length;c++){var p=l[c];if(p){if("string"==typeof p){var g=t.get(p);g&&(g.labels.length&&d.push.apply(d,g.labels),p=g.style)}p.label&&-1===d.indexOf(p.label)&&d.push(p.label),Object.assign(f,p)}}delete f.label;var y=(0===d.length?"css":d.join("-"))+"-"+n++;o().addRule(y,f);var b=o().classes[y],m={style:f,labels:d,className:b};return t.set(e,m),t.set(b,m),b}return i.getSheet=o,i},Fr=Nr();r.create=Nr,r.default=Fr,Object.defineProperty(r,"__esModule",{value:!0})});
+!function(r,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("jss")):"function"==typeof define&&define.amd?define(["exports","jss"],e):e((r=r||self).cssJss={},r.jss)}(this,function(r,e){"use strict";var t=Date.now(),n="fnValues"+t,o="fnStyle"+ ++t;var i=function(r){var e,t=r.Symbol;return"function"==typeof t?t.observable?e=t.observable:(e=t("observable"),t.observable=e):e="@@observable",e}("undefined"!=typeof self?self:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof module?module:Function("return this")()),l=function(r){return r&&r[i]&&r===r[i]()};var s=/;\n/,a=function(r){"string"==typeof r.style&&(r.style=function(r){for(var e={},t=r.split(s),n=0;n<t.length;n++){var o=(t[n]||"").trim();if(o){var i=o.indexOf(":");if(-1!==i){var l=o.substr(0,i).trim(),a=o.substr(i+1).trim();e[l]=a}}}return e}(r.style))};function u(){return(u=Object.assign||function(r){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(r[n]=t[n])}return r}).apply(this,arguments)}var f="@global",d="@global ",c=function(){function r(r,t,n){for(var o in this.type="global",this.at=f,this.rules=void 0,this.options=void 0,this.key=void 0,this.isProcessed=!1,this.key=r,this.options=n,this.rules=new e.RuleList(u({},n,{parent:this})),t)this.rules.add(o,t[o]);this.rules.process()}var t=r.prototype;return t.getRule=function(r){return this.rules.get(r)},t.addRule=function(r,e,t){var n=this.rules.add(r,e,t);return this.options.jss.plugins.onProcessRule(n),n},t.indexOf=function(r){return this.rules.indexOf(r)},t.toString=function(){return this.rules.toString()},r}(),p=function(){function r(r,e,t){this.type="global",this.at=f,this.options=void 0,this.rule=void 0,this.isProcessed=!1,this.key=void 0,this.key=r,this.options=t;var n=r.substr(d.length);this.rule=t.jss.createRule(n,e,u({},t,{parent:this}))}return r.prototype.toString=function(r){return this.rule?this.rule.toString(r):""},r}(),g=/\s*,\s*/g;function y(r,e){for(var t=r.split(g),n="",o=0;o<t.length;o++)n+=e+" "+t[o].trim(),t[o+1]&&(n+=", ");return n}function b(){return{onCreateRule:function(r,e,t){if(!r)return null;if(r===f)return new c(r,e,t);if("@"===r[0]&&r.substr(0,d.length)===d)return new p(r,e,t);var n=t.parent;return n&&("global"===n.type||n.options.parent&&"global"===n.options.parent.type)&&(t.scoped=!1),!1===t.scoped&&(t.selector=r),null},onProcessRule:function(r){"style"===r.type&&(function(r){var e=r.options,t=r.style,n=t?t[f]:null;if(n){for(var o in n)e.sheet.addRule(o,n[o],u({},e,{selector:y(o,r.selector)}));delete t[f]}}(r),function(r){var e=r.options,t=r.style;for(var n in t)if("@"===n[0]&&n.substr(0,f.length)===f){var o=y(n.substr(f.length),r.selector);e.sheet.addRule(o,t[n],u({},e,{selector:o})),delete t[n]}}(r))}}}var m=function(r){return r&&"object"==typeof r&&!Array.isArray(r)},h="extendCurrValue"+Date.now();function v(r,e,t,n){return void 0===n&&(n={}),function(r,e,t,n){if("string"!=typeof r.extend)if(Array.isArray(r.extend))for(var o=0;o<r.extend.length;o++)v(r.extend[o],e,t,n);else for(var i in r.extend)"extend"!==i?m(r.extend[i])?(i in n||(n[i]={}),v(r.extend[i],e,t,n[i])):n[i]=r.extend[i]:v(r.extend.extend,e,t,n);else{if(!t)return;var l=t.getRule(r.extend);if(!l)return;if(l===e)return;var s=l.options.parent;s&&v(s.rules.raw[r.extend],e,t,n)}}(r,e,t,n),function(r,e,t,n){for(var o in r)"extend"!==o&&(m(n[o])&&m(r[o])?v(r[o],e,t,n[o]):m(r[o])?n[o]=v(r[o],e,t):n[o]=r[o])}(r,e,t,n),n}function w(){return{onProcessStyle:function(r,e,t){return"extend"in r?v(r,e,t):r},onChangeValue:function(r,e,t){if("extend"!==e)return r;if(null==r||!1===r){for(var n in t[h])t.prop(n,null);return t[h]=null,null}if("object"==typeof r){for(var o in r)t.prop(o,r[o]);t[h]=r}return null}}}var x=/\s*,\s*/g,k=/&/g,S=/\$([\w-]+)/g;function j(){function r(r,e){return function(t,n){var o=r.getRule(n)||e&&e.getRule(n);return o?(o=o).selector:n}}function e(r,e){for(var t=e.split(x),n=r.split(x),o="",i=0;i<t.length;i++)for(var l=t[i],s=0;s<n.length;s++){var a=n[s];o&&(o+=", "),o+=-1!==a.indexOf("&")?a.replace(k,l):l+" "+a}return o}function t(r,e,t){if(t)return u({},t,{index:t.index+1});var n=r.options.nestingLevel;n=void 0===n?1:n+1;var o=u({},r.options,{nestingLevel:n,index:e.indexOf(r)+1});return delete o.name,o}return{onProcessStyle:function(n,o,i){if("style"!==o.type)return n;var l,s,a=o,f=a.options.parent;for(var d in n){var c=-1!==d.indexOf("&"),p="@"===d[0];if(c||p){if(l=t(a,f,l),c){var g=e(d,a.selector);s||(s=r(f,i)),g=g.replace(S,s),f.addRule(g,n[d],u({},l,{selector:g}))}else p&&f.addRule(d,{},l).addRule(a.key,n[d],{selector:a.selector});delete n[d]}}return n}}}function P(){return{onProcessStyle:function(r,e){return"composes"in r?(function r(e,t){if(!t)return!0;if(Array.isArray(t)){for(var n=0;n<t.length;n++)if(!r(e,t[n]))return!1;return!0}if(t.indexOf(" ")>-1)return r(e,t.split(" "));var o=e.options.parent;if("$"===t[0]){var i=o.getRule(t.substr(1));return!!i&&i!==e&&(o.classes[e.key]+=" "+o.classes[i.key],!0)}return o.classes[e.key]+=" "+t,!0}(e,r.composes),delete r.composes,r):r}}}var A=/[A-Z]/g,C=/^ms-/,O={};function R(r){return"-"+r.toLowerCase()}function z(r){if(O.hasOwnProperty(r))return O[r];var e=r.replace(A,R);return O[r]=C.test(e)?"-"+e:e}function M(r){var e={};for(var t in r){e[0===t.indexOf("--")?t:z(t)]=r[t]}return r.fallbacks&&(Array.isArray(r.fallbacks)?e.fallbacks=r.fallbacks.map(M):e.fallbacks=M(r.fallbacks)),e}function W(){return{onProcessStyle:function(r){if(Array.isArray(r)){for(var e=0;e<r.length;e++)r[e]=M(r[e]);return r}return M(r)},onChangeValue:function(r,e,t){if(0===e.indexOf("--"))return r;var n=z(e);return e===n?r:(t.prop(n,r),null)}}}var E=e.hasCSSTOMSupport&&CSS?CSS.px:"px",T=e.hasCSSTOMSupport&&CSS?CSS.ms:"ms",V=e.hasCSSTOMSupport&&CSS?CSS.percent:"%";function N(r){var e=/(-[a-z])/g,t=function(r){return r[1].toUpperCase()},n={};for(var o in r)n[o]=r[o],n[o.replace(e,t)]=r[o];return n}var F=N({"animation-delay":T,"animation-duration":T,"background-position":E,"background-position-x":E,"background-position-y":E,"background-size":E,border:E,"border-bottom":E,"border-bottom-left-radius":E,"border-bottom-right-radius":E,"border-bottom-width":E,"border-left":E,"border-left-width":E,"border-radius":E,"border-right":E,"border-right-width":E,"border-top":E,"border-top-left-radius":E,"border-top-right-radius":E,"border-top-width":E,"border-width":E,margin:E,"margin-bottom":E,"margin-left":E,"margin-right":E,"margin-top":E,padding:E,"padding-bottom":E,"padding-left":E,"padding-right":E,"padding-top":E,"mask-position-x":E,"mask-position-y":E,"mask-size":E,height:E,width:E,"min-height":E,"max-height":E,"min-width":E,"max-width":E,bottom:E,left:E,top:E,right:E,"box-shadow":E,"text-shadow":E,"column-gap":E,"column-rule":E,"column-rule-width":E,"column-width":E,"font-size":E,"font-size-delta":E,"letter-spacing":E,"text-indent":E,"text-stroke":E,"text-stroke-width":E,"word-spacing":E,motion:E,"motion-offset":E,outline:E,"outline-offset":E,"outline-width":E,perspective:E,"perspective-origin-x":V,"perspective-origin-y":V,"transform-origin":V,"transform-origin-x":V,"transform-origin-y":V,"transform-origin-z":V,"transition-delay":T,"transition-duration":T,"vertical-align":E,"flex-basis":E,"shape-margin":E,size:E,grid:E,"grid-gap":E,"grid-row-gap":E,"grid-column-gap":E,"grid-template-rows":E,"grid-template-columns":E,"grid-auto-rows":E,"grid-auto-columns":E,"box-shadow-x":E,"box-shadow-y":E,"box-shadow-blur":E,"box-shadow-spread":E,"font-line-height":E,"text-shadow-x":E,"text-shadow-y":E,"text-shadow-blur":E});function L(r,e,t){if(!e)return e;if(Array.isArray(e))for(var n=0;n<e.length;n++)e[n]=L(r,e[n],t);else if("object"==typeof e)if("fallbacks"===r)for(var o in e)e[o]=L(o,e[o],t);else for(var i in e)e[i]=L(r+"-"+i,e[i],t);else if("number"==typeof e)return t[r]?""+e+t[r]:F[r]?"function"==typeof F[r]?F[r](e).toString():""+e+F[r]:e.toString();return e}function U(r){void 0===r&&(r={});var e=N(r);return{onProcessStyle:function(r,t){if("style"!==t.type)return r;for(var n in r)r[n]=L(n,r[n],e);return r},onChangeValue:function(r,t){return L(t,r,e)}}}var D={"background-size":!0,"background-position":!0,border:!0,"border-bottom":!0,"border-left":!0,"border-top":!0,"border-right":!0,"border-radius":!0,"border-image":!0,"border-width":!0,"border-style":!0,"border-color":!0,"box-shadow":!0,flex:!0,margin:!0,padding:!0,outline:!0,"transform-origin":!0,transform:!0,transition:!0},G={position:!0,size:!0},H={padding:{top:0,right:0,bottom:0,left:0},margin:{top:0,right:0,bottom:0,left:0},background:{attachment:null,color:null,image:null,position:null,repeat:null},border:{width:null,style:null,color:null},"border-top":{width:null,style:null,color:null},"border-right":{width:null,style:null,color:null},"border-bottom":{width:null,style:null,color:null},"border-left":{width:null,style:null,color:null},outline:{width:null,style:null,color:null},"list-style":{type:null,position:null,image:null},transition:{property:null,duration:null,"timing-function":null,timingFunction:null,delay:null},animation:{name:null,duration:null,"timing-function":null,timingFunction:null,delay:null,"iteration-count":null,iterationCount:null,direction:null,"fill-mode":null,fillMode:null,"play-state":null,playState:null},"box-shadow":{x:0,y:0,blur:0,spread:0,color:null,inset:null},"text-shadow":{x:0,y:0,blur:null,color:null}},I={border:{radius:"border-radius",image:"border-image",width:"border-width",style:"border-style",color:"border-color"},"border-bottom":{width:"border-bottom-width",style:"border-bottom-style",color:"border-bottom-color"},"border-top":{width:"border-top-width",style:"border-top-style",color:"border-top-color"},"border-left":{width:"border-left-width",style:"border-left-style",color:"border-left-color"},"border-right":{width:"border-right-width",style:"border-right-style",color:"border-right-color"},background:{size:"background-size",image:"background-image"},font:{style:"font-style",variant:"font-variant",weight:"font-weight",stretch:"font-stretch",size:"font-size",family:"font-family",lineHeight:"line-height","line-height":"line-height"},flex:{grow:"flex-grow",basis:"flex-basis",direction:"flex-direction",wrap:"flex-wrap",flow:"flex-flow",shrink:"flex-shrink"},align:{self:"align-self",items:"align-items",content:"align-content"},grid:{"template-columns":"grid-template-columns",templateColumns:"grid-template-columns","template-rows":"grid-template-rows",templateRows:"grid-template-rows","template-areas":"grid-template-areas",templateAreas:"grid-template-areas",template:"grid-template","auto-columns":"grid-auto-columns",autoColumns:"grid-auto-columns","auto-rows":"grid-auto-rows",autoRows:"grid-auto-rows","auto-flow":"grid-auto-flow",autoFlow:"grid-auto-flow",row:"grid-row",column:"grid-column","row-start":"grid-row-start",rowStart:"grid-row-start","row-end":"grid-row-end",rowEnd:"grid-row-end","column-start":"grid-column-start",columnStart:"grid-column-start","column-end":"grid-column-end",columnEnd:"grid-column-end",area:"grid-area",gap:"grid-gap","row-gap":"grid-row-gap",rowGap:"grid-row-gap","column-gap":"grid-column-gap",columnGap:"grid-column-gap"}};function J(r,e,t,n){return null==t[e]?r:0===r.length?[]:Array.isArray(r[0])?J(r[0],e,t,n):"object"==typeof r[0]?function(r,e,t){return r.map(function(r){return $(r,e,t,!1,!0)})}(r,e,n):[r]}function $(r,e,t,n,o){if(!H[e]&&!I[e])return[];var i=[];if(I[e]&&(r=function(r,e,t,n){for(var o in t){var i=t[o];if(void 0!==r[o]&&(n||!e.prop(i))){var l,s=_((l={},l[i]=r[o],l),e)[i];n?e.style.fallbacks[i]=s:e.style[i]=s}delete r[o]}return r}(r,t,I[e],n)),Object.keys(r).length)for(var l in H[e])r[l]?Array.isArray(r[l])?i.push(null===G[l]?r[l]:r[l].join(" ")):i.push(r[l]):null!=H[e][l]&&i.push(H[e][l]);return!i.length||o?i:[i]}function _(r,e,t){for(var n in r){var o=r[n];if(Array.isArray(o)){if(!Array.isArray(o[0])){if("fallbacks"===n){for(var i=0;i<r.fallbacks.length;i++)r.fallbacks[i]=_(r.fallbacks[i],e,!0);continue}r[n]=J(o,n,D,e),r[n].length||delete r[n]}}else if("object"==typeof o){if("fallbacks"===n){r.fallbacks=_(r.fallbacks,e,!0);continue}r[n]=$(o,n,e,t),r[n].length||delete r[n]}else""===r[n]&&delete r[n]}return r}function q(){return{onProcessStyle:function(r,e){if(!r||"style"!==e.type)return r;if(Array.isArray(r)){for(var t=0;t<r.length;t++)r[t]=_(r[t],e);return r}return _(r,e)}}}var Z="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(r){return typeof r}:function(r){return r&&"function"==typeof Symbol&&r.constructor===Symbol&&r!==Symbol.prototype?"symbol":typeof r},B="object"===("undefined"==typeof window?"undefined":Z(window))&&"object"===("undefined"==typeof document?"undefined":Z(document))&&9===document.nodeType;function K(r){return function(r){if(Array.isArray(r)){for(var e=0,t=new Array(r.length);e<r.length;e++)t[e]=r[e];return t}}(r)||function(r){if(Symbol.iterator in Object(r)||"[object Arguments]"===Object.prototype.toString.call(r))return Array.from(r)}(r)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}var Q="",X="",Y="",rr="",er=B&&"ontouchstart"in document.documentElement;if(B){var tr={Moz:"-moz-",ms:"-ms-",O:"-o-",Webkit:"-webkit-"},nr=document.createElement("p").style;for(var or in tr)if(or+"Transform"in nr){Q=or,X=tr[or];break}"Webkit"===Q&&"msHyphens"in nr&&(Q="ms",X=tr.ms,rr="edge"),"Webkit"===Q&&"-apple-trailing-word"in nr&&(Y="apple")}var ir={js:Q,css:X,vendor:Y,browser:rr,isTouch:er};var lr={noPrefill:["appearance"],supportedProperty:function(r){return"appearance"===r&&("ms"===ir.js?"-webkit-"+r:ir.css+r)}},sr={noPrefill:["color-adjust"],supportedProperty:function(r){return"color-adjust"===r&&("Webkit"===ir.js?ir.css+"print-"+r:r)}},ar=/[-\s]+(.)?/g;function ur(r,e){return e?e.toUpperCase():""}function fr(r){return r.replace(ar,ur)}function dr(r){return fr("-"+r)}var cr,pr={noPrefill:["mask"],supportedProperty:function(r,e){if(!/^mask/.test(r))return!1;if("Webkit"===ir.js){if(fr("mask-image")in e)return r;if(ir.js+dr("mask-image")in e)return ir.css+r}return r}},gr={noPrefill:["text-orientation"],supportedProperty:function(r){return"text-orientation"===r&&("apple"!==ir.vendor||ir.isTouch?r:ir.css+r)}},yr={noPrefill:["transform"],supportedProperty:function(r,e,t){return"transform"===r&&(t.transform?r:ir.css+r)}},br={noPrefill:["transition"],supportedProperty:function(r,e,t){return"transition"===r&&(t.transition?r:ir.css+r)}},mr={noPrefill:["writing-mode"],supportedProperty:function(r){return"writing-mode"===r&&("Webkit"===ir.js||"ms"===ir.js?ir.css+r:r)}},hr={noPrefill:["user-select"],supportedProperty:function(r){return"user-select"===r&&("Moz"===ir.js||"ms"===ir.js||"apple"===ir.vendor?ir.css+r:r)}},vr={supportedProperty:function(r,e){return!!/^break-/.test(r)&&("Webkit"===ir.js?"WebkitColumn"+dr(r)in e&&ir.css+"column-"+r:"Moz"===ir.js&&("page"+dr(r)in e&&"page-"+r))}},wr={supportedProperty:function(r,e){if(!/^(border|margin|padding)-inline/.test(r))return!1;if("Moz"===ir.js)return r;var t=r.replace("-inline","");return ir.js+dr(t)in e&&ir.css+t}},xr={supportedProperty:function(r,e){return fr(r)in e&&r}},kr={supportedProperty:function(r,e){var t=dr(r);return"-"===r[0]?r:"-"===r[0]&&"-"===r[1]?r:ir.js+t in e?ir.css+r:"Webkit"!==ir.js&&"Webkit"+t in e&&"-webkit-"+r}},Sr={supportedProperty:function(r){return"scroll-snap"===r.substring(0,11)&&("ms"===ir.js?""+ir.css+r:r)}},jr={supportedProperty:function(r){return"overscroll-behavior"===r&&("ms"===ir.js?ir.css+"scroll-chaining":r)}},Pr={"flex-grow":"flex-positive","flex-shrink":"flex-negative","flex-basis":"flex-preferred-size","justify-content":"flex-pack",order:"flex-order","align-items":"flex-align","align-content":"flex-line-pack"},Ar={supportedProperty:function(r,e){var t=Pr[r];return!!t&&(ir.js+dr(t)in e&&ir.css+t)}},Cr={flex:"box-flex","flex-grow":"box-flex","flex-direction":["box-orient","box-direction"],order:"box-ordinal-group","align-items":"box-align","flex-flow":["box-orient","box-direction"],"justify-content":"box-pack"},Or=Object.keys(Cr),Rr=function(r){return ir.css+r},zr=[lr,sr,pr,gr,yr,br,mr,hr,vr,wr,xr,kr,Sr,jr,Ar,{supportedProperty:function(r,e,t){var n=t.multiple;if(Or.indexOf(r)>-1){var o=Cr[r];if(!Array.isArray(o))return ir.js+dr(o)in e&&ir.css+o;if(!n)return!1;for(var i=0;i<o.length;i++)if(!(ir.js+dr(o[0])in e))return!1;return o.map(Rr)}return!1}}],Mr=zr.filter(function(r){return r.supportedProperty}).map(function(r){return r.supportedProperty}),Wr=zr.filter(function(r){return r.noPrefill}).reduce(function(r,e){return r.push.apply(r,K(e.noPrefill)),r},[]),Er={};if(B){cr=document.createElement("p");var Tr=window.getComputedStyle(document.documentElement,"");for(var Vr in Tr)isNaN(Vr)||(Er[Tr[Vr]]=Tr[Vr]);Wr.forEach(function(r){return delete Er[r]})}function Nr(r,e){if(void 0===e&&(e={}),!cr)return r;if(null!=Er[r])return Er[r];"transition"!==r&&"transform"!==r||(e[r]=r in cr.style);for(var t=0;t<Mr.length&&(Er[r]=Mr[t](r,cr.style,e),!Er[r]);t++);try{cr.style[r]=""}catch(r){return!1}return Er[r]}var Fr,Lr={},Ur={transition:1,"transition-property":1,"-webkit-transition":1,"-webkit-transition-property":1},Dr=/(^\s*[\w-]+)|, (\s*[\w-]+)(?![^()]*\))/g;function Gr(r,e,t){if("var"===e)return"var";if("all"===e)return"all";if("all"===t)return", all";var n=e?Nr(e):", "+Nr(t);return n||(e||t)}function Hr(r,e){var t=e;if(!Fr||"content"===r)return e;if("string"!=typeof t||!isNaN(parseInt(t,10)))return t;var n=r+t;if(null!=Lr[n])return Lr[n];try{Fr.style[r]=t}catch(r){return Lr[n]=!1,!1}if(Ur[r])t=t.replace(Dr,Gr);else if(""===Fr.style[r]&&("-ms-flex"===(t=ir.css+t)&&(Fr.style[r]="-ms-flexbox"),Fr.style[r]=t,""===Fr.style[r]))return Lr[n]=!1,!1;return Fr.style[r]="",Lr[n]=t,Lr[n]}function Ir(){function r(t){for(var n in t){var o=t[n];if("fallbacks"===n&&Array.isArray(o))t[n]=o.map(r);else{var i=!1,l=Nr(n);l&&l!==n&&(i=!0);var s=!1,a=Hr(l,e.toCssValue(o));a&&a!==o&&(s=!0),(i||s)&&(i&&delete t[n],t[l||n]=a||o)}}return t}return{onProcessRule:function(r){if("keyframes"===r.type){var e=r;e.at="-"===(t=e.at)[1]?t:"ms"===ir.js?t:"@"+ir.css+"keyframes"+t.substr(10)}var t},onProcessStyle:function(e,t){return"style"!==t.type?e:r(e)},onChangeValue:function(r,t){return Hr(t,e.toCssValue(r))||r}}}B&&(Fr=document.createElement("p"));var Jr,$r,_r,qr=e.create((void 0===Jr&&(Jr={}),{plugins:[{onCreateRule:function(r,t,n){if("function"!=typeof t)return null;var i=e.createRule(r,{},n);return i[o]=t,i},onProcessStyle:function(r,e){if(n in e||o in e)return r;var t={};for(var i in r){var l=r[i];"function"==typeof l&&(delete r[i],t[i]=l)}return e[n]=t,r},onUpdate:function(r,e,t,i){var l=e,s=l[o];s&&(l.style=s(r)||{});var a=l[n];if(a)for(var u in a)l.prop(u,a[u](r),i)}},(_r=Jr.observable,{onCreateRule:function(r,t,n){if(!l(t))return null;var o=t,i=e.createRule(r,{},n);return o.subscribe(function(r){for(var e in r)i.prop(e,r[e],_r)}),i},onProcessRule:function(r){if(!r||"style"===r.type){var e=r,t=e.style,n=function(r){var n=t[r];if(!l(n))return"continue";delete t[r],n.subscribe({next:function(t){e.prop(r,t,_r)}})};for(var o in t)n(o)}}}),{onProcessRule:a},b(),w(),j(),P(),W(),U(Jr.defaultUnit),q(),Ir(),($r=function(r,e){return r.length===e.length?r>e?1:-1:r.length-e.length},{onProcessStyle:function(r,e){if("style"!==e.type)return r;for(var t={},n=Object.keys(r).sort($r),o=0;o<n.length;o++)t[n[o]]=r[n[o]];return t}})]})),Zr=function(r){void 0===r&&(r=qr);var e,t=new Map,n=0,o=function(){return(!e||e.rules.index.length>1e4)&&(e=r.createStyleSheet().attach()),e};function i(){var r=arguments,e=JSON.stringify(r),i=t.get(e);if(i)return i.className;var l=[];for(var s in r){var a=r[s];if(Array.isArray(a))for(var u=0;u<a.length;u++)l.push(a[u]);else l.push(a)}for(var f={},d=[],c=0;c<l.length;c++){var p=l[c];if(p){if("string"==typeof p){var g=t.get(p);g&&(g.labels.length&&d.push.apply(d,g.labels),p=g.style)}p.label&&-1===d.indexOf(p.label)&&d.push(p.label),Object.assign(f,p)}}delete f.label;var y=(0===d.length?"css":d.join("-"))+"-"+n++;o().addRule(y,f);var b=o().classes[y],m={style:f,labels:d,className:b};return t.set(e,m),t.set(b,m),b}return i.getSheet=o,i},Br=Zr();r.create=Zr,r.default=Br,Object.defineProperty(r,"__esModule",{value:!0})});

package.json

 {
   "name": "css-jss",
   "description": "Implements css() interface on top of JSS",
-  "version": "10.0.0",
+  "version": "10.0.1",
   "license": "MIT",
@@ -41,6 +41,6 @@ "homepage": "https://cssinjs.org/",
     "@babel/runtime": "^7.3.1",
-    "jss": "10.0.0",
-    "jss-preset-default": "10.0.0"
+    "jss": "10.0.1",
+    "jss-preset-default": "10.0.1"
   },
-  "gitHead": "9562e1d1ba2a137fbc459ed83cd3a61cb894cdb2"
+  "gitHead": "caaa314acc24deda0c8a6b11afe9c15787598741"
 }

readme.md

@@ -12,3 +12,3 @@ # css-jss
 
-See our website [css-jss](https://cssinjs.org/css-jss?v=v10.0.0) for more information.
+See our website [css-jss](https://cssinjs.org/css-jss?v=v10.0.1) for more information.
 
@@ -15,0 +15,0 @@ ## Install

No alert changes

Improved metrics

Total package byte prevSize

324548

increased by0.99%

Lines of code

5873

increased by0.62%

Dependency changes

• + Addedjss@10.0.1(transitive)

• + Addedjss-plugin-camel-case@10.0.1(transitive)

• + Addedjss-plugin-compose@10.0.1(transitive)

• + Addedjss-plugin-default-unit@10.0.1(transitive)

• + Addedjss-plugin-expand@10.0.1(transitive)

• + Addedjss-plugin-extend@10.0.1(transitive)

• + Addedjss-plugin-global@10.0.1(transitive)

• + Addedjss-plugin-nested@10.0.1(transitive)

• + Addedjss-plugin-props-sort@10.0.1(transitive)

• + Addedjss-plugin-rule-value-function@10.0.1(transitive)

• + Addedjss-plugin-rule-value-observable@10.0.1(transitive)

• + Addedjss-plugin-template@10.0.1(transitive)

• + Addedjss-plugin-vendor-prefixer@10.0.1(transitive)

• + Addedjss-preset-default@10.0.1(transitive)

• - Removedjss@10.0.0(transitive)

• - Removedjss-plugin-camel-case@10.0.0(transitive)

• - Removedjss-plugin-compose@10.0.0(transitive)

• - Removedjss-plugin-default-unit@10.0.0(transitive)

• - Removedjss-plugin-expand@10.0.0(transitive)

• - Removedjss-plugin-extend@10.0.0(transitive)

• - Removedjss-plugin-global@10.0.0(transitive)

• - Removedjss-plugin-nested@10.0.0(transitive)

• - Removedjss-plugin-props-sort@10.0.0(transitive)

• - Removedjss-plugin-rule-value-function@10.0.0(transitive)

• - Removedjss-plugin-rule-value-observable@10.0.0(transitive)

• - Removedjss-plugin-template@10.0.0(transitive)

• - Removedjss-plugin-vendor-prefixer@10.0.0(transitive)

• - Removedjss-preset-default@10.0.0(transitive)

• Updatedjss@10.0.1

• Updatedjss-preset-default@10.0.1