@uifabric/merge-styles - npm Package Compare versions

Comparing version 7.0.2 to 7.1.0

CHANGELOG.json

@@ -5,2 +5,23 @@ {
     {
+      "version": "7.1.0",
+      "tag": "@uifabric/merge-styles_v7.1.0",
+      "date": "Thu, 27 Jun 2019 18:25:04 GMT",
+      "comments": {
+        "patch": [
+          {
+            "comment": "Reducing runtime overhead on kebab parsing. Reducing some concatStyleSets overhead.",
+            "author": "Elizabeth Craig <[e-mail]>",
+            "commit": "880264578d390878abde534f400849931dc4816b"
+          }
+        ],
+        "minor": [
+          {
+            "comment": "Add `fontDisplay` to `IFontFace`",
+            "author": "Elizabeth Craig <[e-mail]>",
+            "commit": "880264578d390878abde534f400849931dc4816b"
+          }
+        ]
+      }
+    },
+    {
       "version": "7.0.2",
@@ -7,0 +28,0 @@ "tag": "@uifabric/merge-styles_v7.0.2",

CHANGELOG.md

 # Change Log - @uifabric/merge-styles
 
-This log was last generated on Fri, 14 Jun 2019 12:26:30 GMT and should not be manually modified.
+This log was last generated on Thu, 27 Jun 2019 18:25:04 GMT and should not be manually modified.
 
+## 7.1.0
+Thu, 27 Jun 2019 18:25:04 GMT
+
+### Minor changes
+
+- Add `fontDisplay` to `IFontFace`
+
+### Patches
+
+- Reducing runtime overhead on kebab parsing. Reducing some concatStyleSets overhead.
+
 ## 7.0.2
@@ -6,0 +17,0 @@ Fri, 14 Jun 2019 12:26:30 GMT

dist/merge-styles.js

@@ -596,2 +596,5 @@ var MergeStyles =
     }
+    if (styleSets && styleSets.length === 1 && styleSets[0] && !styleSets[0].subComponentStyles) {
+        return styleSets[0];
+    }
     var mergedSet = {};
@@ -1212,4 +1215,126 @@ // We process sub component styles in two phases. First we collect them, then we combine them into 1 style function.
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "kebabRules", function() { return kebabRules; });
+var rules = {
+    MozOsxFontSmoothing: '-moz-osx-font-smoothing',
+    MsHighContrastAdjust: '-ms-high-contrast-adjust',
+    WebkitFontSmoothing: '-webkit-font-smoothing',
+    WebkitOverflowScrolling: '-webkit-overflow-scrolling',
+    WebkitTapHighlightColor: '-webkit-tap-highlight-color',
+    alignContent: 'align-content',
+    alignItems: 'align-items',
+    alignSelf: 'align-self',
+    animation: 'animation',
+    animationDelay: 'animation-delay',
+    animationDirection: 'animation-direction',
+    animationDuration: 'animation-duration',
+    animationFillMode: 'animation-fill-mode',
+    animationIterationCount: 'animation-iteration-count',
+    animationName: 'animation-name',
+    animationTimingFunction: 'animation-timing-function',
+    background: 'background',
+    backgroundClip: 'background-clip',
+    backgroundColor: 'background-color',
+    backgroundImage: 'background-image',
+    backgroundPosition: 'background-position',
+    border: 'border',
+    borderBottom: 'border-bottom',
+    borderBottomColor: 'border-bottom-color',
+    borderBottomStyle: 'border-bottom-style',
+    borderBottomWidth: 'border-bottom-width',
+    borderCollapse: 'border-collapse',
+    borderColor: 'border-color',
+    borderLeft: 'border-left',
+    borderRadius: 'border-radius',
+    borderRight: 'border-right',
+    borderStyle: 'border-style',
+    borderTop: 'border-top',
+    borderTopColor: 'border-top-color',
+    borderTopLeftRadius: 'border-top-left-radius',
+    borderTopRightRadius: 'border-top-right-radius',
+    borderTopStyle: 'border-top-style',
+    borderTopWidth: 'border-top-width',
+    borderWidth: 'border-width',
+    bordercolor: 'bordercolor',
+    bottom: 'bottom',
+    boxShadow: 'box-shadow',
+    boxSizing: 'box-sizing',
+    clear: 'clear',
+    color: 'color',
+    content: 'content',
+    cursor: 'cursor',
+    display: 'display',
+    fill: 'fill',
+    flex: 'flex',
+    flexBasis: 'flex-basis',
+    flexDirection: 'flex-direction',
+    flexGrow: 'flex-grow',
+    flexShrink: 'flex-shrink',
+    flexWrap: 'flex-wrap',
+    float: 'float',
+    font: 'font',
+    fontFamily: 'font-family',
+    fontSize: 'font-size',
+    fontStyle: 'font-style',
+    fontWeight: 'font-weight',
+    height: 'height',
+    justifyContent: 'justify-content',
+    left: 'left',
+    lineHeight: 'line-height',
+    listStyle: 'list-style',
+    listStyleType: 'list-style-type',
+    marginBottom: 'margin-bottom',
+    marginLeft: 'margin-left',
+    marginRight: 'margin-right',
+    marginTop: 'margin-top',
+    maxHeight: 'max-height',
+    maxWidth: 'max-width',
+    minHeight: 'min-height',
+    minWidth: 'min-width',
+    mozOsxFontSmoothing: 'moz-osx-font-smoothing',
+    objectFit: 'object-fit',
+    opacity: 'opacity',
+    order: 'order',
+    outline: 'outline',
+    outlineColor: 'outline-color',
+    outlineOffset: 'outline-offset',
+    overflow: 'overflow',
+    overflowWrap: 'overflow-wrap',
+    overflowX: 'overflow-x',
+    overflowY: 'overflow-y',
+    paddingBottom: 'padding-bottom',
+    paddingLeft: 'padding-left',
+    paddingRight: 'padding-right',
+    paddingTop: 'padding-top',
+    perspective: 'perspective',
+    pointerEvents: 'pointer-events',
+    position: 'position',
+    resize: 'resize',
+    right: 'right',
+    speak: 'speak',
+    src: 'src',
+    tableLayout: 'table-layout',
+    textAlign: 'text-align',
+    textDecoration: 'text-decoration',
+    textOverflow: 'text-overflow',
+    textTransform: 'text-transform',
+    top: 'top',
+    transform: 'transform',
+    transformOrigin: 'transform-origin',
+    transition: 'transition',
+    transitionDelay: 'transition-delay',
+    transitionDuration: 'transition-duration',
+    transitionProperty: 'transition-property',
+    transitionTimingFunction: 'transition-timing-function',
+    userSelect: 'user-select',
+    verticalAlign: 'vertical-align',
+    visibility: 'visibility',
+    webkitFontSmoothing: 'webkit-font-smoothing',
+    whiteSpace: 'white-space',
+    width: 'width',
+    wordBreak: 'word-break',
+    wordWrap: 'word-wrap',
+    zIndex: 'z-index'
+};
 function kebabRules(rulePairs, index) {
-    rulePairs[index] = rulePairs[index].replace(/([A-Z])/g, '-$1').toLowerCase();
+    var rule = rulePairs[index];
+    rulePairs[index] = rules[rule] = rules[rule] || rule.replace(/([A-Z])/g, '-$1').toLowerCase();
 }
@@ -1216,0 +1341,0 @@

dist/merge-styles.min.js

@@ -1,2 +0,2 @@
-var MergeStyles=function(e){var t={};function n(r){if(t[r])return t[r].exports;var s=t[r]={i:r,l:!1,exports:{}};return e[r].call(s.exports,s,s.exports,n),s.l=!0,s.exports}return n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var s in e)n.d(r,s,function(t){return e[t]}.bind(null,s));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=0)}([function(e,t,n){"use strict";n.r(t);var r=function(){return(r=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var s in t=arguments[n])Object.prototype.hasOwnProperty.call(t,s)&&(e[s]=t[s]);return e}).apply(this,arguments)};var s,i={none:0,insertNode:1,appendChild:2},o={};try{o=window}catch(e){}var a,u=function(){function e(e){this._rules=[],this._preservedRules=[],this._rulesToInsert=[],this._counter=0,this._keyToClassName={},this._onResetCallbacks=[],this._classNameToArgs={},this._config=r({injectionMode:i.insertNode,defaultPrefix:"css",namespace:void 0,cspSettings:void 0},e)}return e.getInstance=function(){if(!(s=o.__stylesheet__)||s._lastStyleElement&&s._lastStyleElement.ownerDocument!==document){var t=o&&o.FabricConfig||{};s=o.__stylesheet__=new e(t.mergeStyles)}return s},e.prototype.setConfig=function(e){this._config=r({},this._config,e)},e.prototype.onReset=function(e){this._onResetCallbacks.push(e)},e.prototype.getClassName=function(e){var t=this._config.namespace;return(t?t+"-":"")+(e||this._config.defaultPrefix)+"-"+this._counter++},e.prototype.cacheClassName=function(e,t,n,r){this._keyToClassName[t]=e,this._classNameToArgs[e]={args:n,rules:r}},e.prototype.classNameFromKey=function(e){return this._keyToClassName[e]},e.prototype.argsFromClassName=function(e){var t=this._classNameToArgs[e];return t&&t.args},e.prototype.insertedRulesFromClassName=function(e){var t=this._classNameToArgs[e];return t&&t.rules},e.prototype.insertRule=function(e,t){var n=this._config.injectionMode!==i.none?this._getStyleElement():void 0;if(t&&this._preservedRules.push(e),n)switch(this._config.injectionMode){case i.insertNode:var r=n.sheet;try{r.insertRule(e,r.cssRules.length)}catch(e){}break;case i.appendChild:n.appendChild(document.createTextNode(e))}else this._rules.push(e);this._config.onInsertRule&&this._config.onInsertRule(e)},e.prototype.getRules=function(e){return(e?this._preservedRules.join(""):"")+this._rules.join("")+this._rulesToInsert.join("")},e.prototype.reset=function(){this._rules=[],this._rulesToInsert=[],this._counter=0,this._classNameToArgs={},this._keyToClassName={},this._onResetCallbacks.forEach(function(e){return e()})},e.prototype.resetKeys=function(){this._keyToClassName={}},e.prototype._getStyleElement=function(){var e=this;return this._styleElement||"undefined"==typeof document||(this._styleElement=this._createStyleElement(),window.requestAnimationFrame(function(){e._styleElement=void 0})),this._styleElement},e.prototype._createStyleElement=function(){var e=document.createElement("style");e.setAttribute("data-merge-styles","true");var t=this._config.cspSettings;return t&&t.nonce&&e.setAttribute("nonce",t.nonce),this._lastStyleElement&&this._lastStyleElement.nextElementSibling?document.head.insertBefore(e,this._lastStyleElement.nextElementSibling):document.head.appendChild(e),this._lastStyleElement=e,e},e}();var l={"user-select":1};function c(e,t){var n=function(){if(!a){var e="undefined"!=typeof document?document:void 0,t="undefined"!=typeof navigator?navigator:void 0,n=t?t.userAgent.toLowerCase():void 0;a=e?{isWebkit:!!(e&&"WebkitAppearance"in e.documentElement.style),isMoz:!!(n&&n.indexOf("firefox")>-1),isOpera:!!(n&&n.indexOf("opera")>-1),isMs:!(!t||!/rv:11.0/i.test(t.userAgent)&&!/Edge\/\d./i.test(navigator.userAgent))}:{isWebkit:!0,isMoz:!0,isOpera:!0,isMs:!0}}return a}(),r=e[t];if(l[r]){var s=e[t+1];l[r]&&(n.isWebkit&&e.push("-webkit-"+r,s),n.isMoz&&e.push("-moz-"+r,s),n.isMs&&e.push("-ms-"+r,s),n.isOpera&&e.push("-o-"+r,s))}}var f,p=["column-count","font-weight","flex-basis","flex","flex-grow","flex-shrink","fill-opacity","opacity","order","z-index","zoom"];function d(e,t){var n=e[t],r=e[t+1];if("number"==typeof r){var s=-1===p.indexOf(n)?"px":"";e[t+1]=""+r+s}}var v="left",h="right",y="@noflip",m=((f={})[v]=h,f[h]=v,f),g={"w-resize":"e-resize","sw-resize":"se-resize","nw-resize":"ne-resize"},_=S();function b(e){_!==e&&(u.getInstance().resetKeys(),_=e)}function S(){return void 0===_&&(_="undefined"!=typeof document&&!!document.documentElement&&"rtl"===document.documentElement.getAttribute("dir")),_}function O(e,t){if(S()){var n=e[t];if(!n)return;var r=e[t+1];if("string"==typeof r&&r.indexOf(y)>=0)e[t+1]=r.replace(/\s*(?:\/\*\s*)?\@noflip\b(?:\s*\*\/)?\s*?/g,"");else if(n.indexOf(v)>=0)e[t]=n.replace(v,h);else if(n.indexOf(h)>=0)e[t]=n.replace(h,v);else if(String(r).indexOf(v)>=0)e[t+1]=r.replace(v,h);else if(String(r).indexOf(h)>=0)e[t+1]=r.replace(h,v);else if(m[n])e[t]=m[n];else if(g[r])e[t+1]=g[r];else switch(n){case"margin":case"padding":e[t+1]=function(e){if("string"==typeof e){var t=e.split(" ");if(4===t.length)return t[0]+" "+t[3]+" "+t[2]+" "+t[1]}return e}(r);break;case"box-shadow":e[t+1]=function(e,t){var n=e.split(" "),r=parseInt(n[t],10);return n[0]=n[0].replace(String(r),String(-1*r)),n.join(" ")}(r,0)}}}var x="displayName";var N=/\:global\((.+?)\)/g;function C(e){if(!N.test(e))return e;for(var t=[],n=/\:global\((.+?)\)/g,r=null;r=n.exec(e);)r[1].indexOf(",")>-1&&t.push([r.index,r.index+r[0].length,r[1].split(",").map(function(e){return":global("+e.trim()+")"}).join(", ")]);return t.reverse().reduce(function(e,t){var n=t[0],r=t[1],s=t[2];return e.slice(0,n)+s+e.slice(r)},e)}function w(e,t){return e.indexOf(":global(")>=0?e.replace(N,"$1"):0===e.indexOf(":")?t+e:e.indexOf("&")<0?t+" "+e:e}function j(e,t,n){var r="string"==typeof n?n.split(" "):[n];e[t+"Top"]=r[0],e[t+"Right"]=r[1]||r[0],e[t+"Bottom"]=r[2]||r[0],e[t+"Left"]=r[3]||r[1]||r[0]}function k(e){if(!e)return"";var t,n,r=[];for(var s in e)e.hasOwnProperty(s)&&s!==x&&void 0!==e[s]&&r.push(s,e[s]);for(var i=0;i<r.length;i+=2)(t=r)[n=i]=t[n].replace(/([A-Z])/g,"-$1").toLowerCase(),d(r,i),O(r,i),c(r,i);for(i=1;i<r.length;i+=4)r.splice(i,1,":",r[i],";");return r.join("")}function A(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];var n=function e(t,n,r){void 0===n&&(n={__order:[]}),void 0===r&&(r="&");var s=u.getInstance(),i=n[r];i||(i={},n[r]=i,n.__order.push(r));for(var o=0,a=t;o<a.length;o++){var l=a[o];if("string"==typeof l){var c=s.argsFromClassName(l);c&&e(c,n,r)}else if(Array.isArray(l))e(l,n,r);else for(var f in l)if("selectors"===f){var p=l.selectors;for(var d in p)if(p.hasOwnProperty(d)){var v=p[d];0===d.indexOf("@")?e([v],n,d=d+"{"+r):d.indexOf(",")>-1?e([v],n,C(d).split(/,/g).map(function(e){return e.trim()}).map(function(e){return w(e,r)}).join(", ")):e([v],n,w(d,r))}}else void 0!==l[f]&&("margin"===f||"padding"===f?j(i,f,l[f]):i[f]=l[f])}return n}(e),r=function(e){for(var t=[],n=!1,r=0,s=e.__order;r<s.length;r++){var i=s[r];t.push(i);var o=e[i];for(var a in o)o.hasOwnProperty(a)&&void 0!==o[a]&&(n=!0,t.push(a,o[a]))}return n?t.join(""):void 0}(n);if(r){var s=u.getInstance(),i={className:s.classNameFromKey(r),key:r,args:e};if(!i.className){i.className=s.getClassName(function(e){var t=e&&e["&"];return t?t.displayName:void 0}(n));for(var o=[],a=0,l=n.__order;a<l.length;a++){var c=l[a];o.push(c,k(n[c]))}i.rulesToInsert=o}return i}}function E(e,t){var n=u.getInstance(),r=e.className,s=e.key,i=e.args,o=e.rulesToInsert;if(o){for(var a=0;a<o.length;a+=2){var l=o[a+1];if(l){var c=o[a],f=(c=c.replace(/(&)|\$([\w-]+)\b/g,function(n,r,s){return r?"."+e.className:s?"."+(t&&t[s]||s):""}))+"{"+l+"}"+(0===c.indexOf("@")?"}":"");n.insertRule(f)}}n.cacheClassName(r,s,i,o)}}function T(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];var n=[],r=[],s=u.getInstance();return function e(t){for(var i=0,o=t;i<o.length;i++){var a=o[i];if(a)if("string"==typeof a)if(a.indexOf(" ")>=0)e(a.split(" "));else{var u=s.argsFromClassName(a);u?e(u):-1===n.indexOf(a)&&n.push(a)}else Array.isArray(a)?e(a):"object"==typeof a&&r.push(a)}}(e),{classes:n,objects:r}}function R(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];var n=T(e),r=n.classes,s=n.objects;return s.length&&r.push(function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];var n=A.apply(void 0,e);return n?(E(n),n.className):""}(s)),r.join(" ")}function I(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];for(var n={},r={},s=0,i=e;s<i.length;s++){var o=i[s];if(o)for(var a in o)if(o.hasOwnProperty(a)){if("subComponentStyles"===a&&void 0!==o.subComponentStyles){var u=o.subComponentStyles;for(var l in u)u.hasOwnProperty(l)&&(r.hasOwnProperty(l)?r[l].push(u[l]):r[l]=[u[l]]);continue}var c=n[a],f=o[a];n[a]=void 0===c?f:(Array.isArray(c)?c:[c]).concat(Array.isArray(f)?f:[f])}}if(Object.keys(r).length>0){n.subComponentStyles={};var p=n.subComponentStyles,d=function(e){if(r.hasOwnProperty(e)){var t=r[e];p[e]=function(e){return I.apply(void 0,t.map(function(t){return"function"==typeof t?t(e):t}))}}};for(var l in r)d(l)}return n}function P(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];var n={subComponentStyles:{}},r={};if(!e[0]&&e.length<=1)return{subComponentStyles:{}};var s=I.apply(void 0,e),i=[];for(var o in s)if(s.hasOwnProperty(o)){if("subComponentStyles"===o){n.subComponentStyles=s.subComponentStyles||{};continue}var a=T(s[o]),u=a.classes,l=A({displayName:o},a.objects);i.push(l),l&&(r[o]=l.className,n[o]=u.concat([l.className]).join(" "))}for(var c=0,f=i;c<f.length;c++){(l=f[c])&&E(l,r)}return n}function M(e){u.getInstance().insertRule("@font-face{"+k(e)+"}",!0)}function z(e){var t=u.getInstance(),n=t.getClassName(),r=[];for(var s in e)e.hasOwnProperty(s)&&r.push(s,"{",k(e[s]),"}");var i=r.join("");return t.insertRule("@keyframes "+n+"{"+i+"}",!0),t.cacheClassName(n,i,[],["keyframes",i]),n}var F={},K=void 0;try{K=window}catch(e){}!function(e,t){if(void 0!==K){var n=K.__packages__=K.__packages__||{};n[e]&&F[e]||(F[e]=t,(n[e]=n[e]||[]).push(t))}}("@uifabric/merge-styles","6.17.4"),n.d(t,"mergeStyles",function(){return R}),n.d(t,"mergeStyleSets",function(){return P}),n.d(t,"concatStyleSets",function(){return I}),n.d(t,"fontFace",function(){return M}),n.d(t,"keyframes",function(){return z}),n.d(t,"InjectionMode",function(){return i}),n.d(t,"Stylesheet",function(){return u}),n.d(t,"setRTL",function(){return b})}]);
+var MergeStyles=function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}return n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=0)}([function(e,t,n){"use strict";n.r(t);var r=function(){return(r=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e}).apply(this,arguments)};var o,i={none:0,insertNode:1,appendChild:2},s={};try{s=window}catch(e){}var a,l=function(){function e(e){this._rules=[],this._preservedRules=[],this._rulesToInsert=[],this._counter=0,this._keyToClassName={},this._onResetCallbacks=[],this._classNameToArgs={},this._config=r({injectionMode:i.insertNode,defaultPrefix:"css",namespace:void 0,cspSettings:void 0},e)}return e.getInstance=function(){if(!(o=s.__stylesheet__)||o._lastStyleElement&&o._lastStyleElement.ownerDocument!==document){var t=s&&s.FabricConfig||{};o=s.__stylesheet__=new e(t.mergeStyles)}return o},e.prototype.setConfig=function(e){this._config=r({},this._config,e)},e.prototype.onReset=function(e){this._onResetCallbacks.push(e)},e.prototype.getClassName=function(e){var t=this._config.namespace;return(t?t+"-":"")+(e||this._config.defaultPrefix)+"-"+this._counter++},e.prototype.cacheClassName=function(e,t,n,r){this._keyToClassName[t]=e,this._classNameToArgs[e]={args:n,rules:r}},e.prototype.classNameFromKey=function(e){return this._keyToClassName[e]},e.prototype.argsFromClassName=function(e){var t=this._classNameToArgs[e];return t&&t.args},e.prototype.insertedRulesFromClassName=function(e){var t=this._classNameToArgs[e];return t&&t.rules},e.prototype.insertRule=function(e,t){var n=this._config.injectionMode!==i.none?this._getStyleElement():void 0;if(t&&this._preservedRules.push(e),n)switch(this._config.injectionMode){case i.insertNode:var r=n.sheet;try{r.insertRule(e,r.cssRules.length)}catch(e){}break;case i.appendChild:n.appendChild(document.createTextNode(e))}else this._rules.push(e);this._config.onInsertRule&&this._config.onInsertRule(e)},e.prototype.getRules=function(e){return(e?this._preservedRules.join(""):"")+this._rules.join("")+this._rulesToInsert.join("")},e.prototype.reset=function(){this._rules=[],this._rulesToInsert=[],this._counter=0,this._classNameToArgs={},this._keyToClassName={},this._onResetCallbacks.forEach(function(e){return e()})},e.prototype.resetKeys=function(){this._keyToClassName={}},e.prototype._getStyleElement=function(){var e=this;return this._styleElement||"undefined"==typeof document||(this._styleElement=this._createStyleElement(),window.requestAnimationFrame(function(){e._styleElement=void 0})),this._styleElement},e.prototype._createStyleElement=function(){var e=document.createElement("style");e.setAttribute("data-merge-styles","true");var t=this._config.cspSettings;return t&&t.nonce&&e.setAttribute("nonce",t.nonce),this._lastStyleElement&&this._lastStyleElement.nextElementSibling?document.head.insertBefore(e,this._lastStyleElement.nextElementSibling):document.head.appendChild(e),this._lastStyleElement=e,e},e}(),f={MozOsxFontSmoothing:"-moz-osx-font-smoothing",MsHighContrastAdjust:"-ms-high-contrast-adjust",WebkitFontSmoothing:"-webkit-font-smoothing",WebkitOverflowScrolling:"-webkit-overflow-scrolling",WebkitTapHighlightColor:"-webkit-tap-highlight-color",alignContent:"align-content",alignItems:"align-items",alignSelf:"align-self",animation:"animation",animationDelay:"animation-delay",animationDirection:"animation-direction",animationDuration:"animation-duration",animationFillMode:"animation-fill-mode",animationIterationCount:"animation-iteration-count",animationName:"animation-name",animationTimingFunction:"animation-timing-function",background:"background",backgroundClip:"background-clip",backgroundColor:"background-color",backgroundImage:"background-image",backgroundPosition:"background-position",border:"border",borderBottom:"border-bottom",borderBottomColor:"border-bottom-color",borderBottomStyle:"border-bottom-style",borderBottomWidth:"border-bottom-width",borderCollapse:"border-collapse",borderColor:"border-color",borderLeft:"border-left",borderRadius:"border-radius",borderRight:"border-right",borderStyle:"border-style",borderTop:"border-top",borderTopColor:"border-top-color",borderTopLeftRadius:"border-top-left-radius",borderTopRightRadius:"border-top-right-radius",borderTopStyle:"border-top-style",borderTopWidth:"border-top-width",borderWidth:"border-width",bordercolor:"bordercolor",bottom:"bottom",boxShadow:"box-shadow",boxSizing:"box-sizing",clear:"clear",color:"color",content:"content",cursor:"cursor",display:"display",fill:"fill",flex:"flex",flexBasis:"flex-basis",flexDirection:"flex-direction",flexGrow:"flex-grow",flexShrink:"flex-shrink",flexWrap:"flex-wrap",float:"float",font:"font",fontFamily:"font-family",fontSize:"font-size",fontStyle:"font-style",fontWeight:"font-weight",height:"height",justifyContent:"justify-content",left:"left",lineHeight:"line-height",listStyle:"list-style",listStyleType:"list-style-type",marginBottom:"margin-bottom",marginLeft:"margin-left",marginRight:"margin-right",marginTop:"margin-top",maxHeight:"max-height",maxWidth:"max-width",minHeight:"min-height",minWidth:"min-width",mozOsxFontSmoothing:"moz-osx-font-smoothing",objectFit:"object-fit",opacity:"opacity",order:"order",outline:"outline",outlineColor:"outline-color",outlineOffset:"outline-offset",overflow:"overflow",overflowWrap:"overflow-wrap",overflowX:"overflow-x",overflowY:"overflow-y",paddingBottom:"padding-bottom",paddingLeft:"padding-left",paddingRight:"padding-right",paddingTop:"padding-top",perspective:"perspective",pointerEvents:"pointer-events",position:"position",resize:"resize",right:"right",speak:"speak",src:"src",tableLayout:"table-layout",textAlign:"text-align",textDecoration:"text-decoration",textOverflow:"text-overflow",textTransform:"text-transform",top:"top",transform:"transform",transformOrigin:"transform-origin",transition:"transition",transitionDelay:"transition-delay",transitionDuration:"transition-duration",transitionProperty:"transition-property",transitionTimingFunction:"transition-timing-function",userSelect:"user-select",verticalAlign:"vertical-align",visibility:"visibility",webkitFontSmoothing:"webkit-font-smoothing",whiteSpace:"white-space",width:"width",wordBreak:"word-break",wordWrap:"word-wrap",zIndex:"z-index"};var u={"user-select":1};function c(e,t){var n=function(){if(!a){var e="undefined"!=typeof document?document:void 0,t="undefined"!=typeof navigator?navigator:void 0,n=t?t.userAgent.toLowerCase():void 0;a=e?{isWebkit:!!(e&&"WebkitAppearance"in e.documentElement.style),isMoz:!!(n&&n.indexOf("firefox")>-1),isOpera:!!(n&&n.indexOf("opera")>-1),isMs:!(!t||!/rv:11.0/i.test(t.userAgent)&&!/Edge\/\d./i.test(navigator.userAgent))}:{isWebkit:!0,isMoz:!0,isOpera:!0,isMs:!0}}return a}(),r=e[t];if(u[r]){var o=e[t+1];u[r]&&(n.isWebkit&&e.push("-webkit-"+r,o),n.isMoz&&e.push("-moz-"+r,o),n.isMs&&e.push("-ms-"+r,o),n.isOpera&&e.push("-o-"+r,o))}}var d,p=["column-count","font-weight","flex-basis","flex","flex-grow","flex-shrink","fill-opacity","opacity","order","z-index","zoom"];function g(e,t){var n=e[t],r=e[t+1];if("number"==typeof r){var o=-1===p.indexOf(n)?"px":"";e[t+1]=""+r+o}}var m="left",h="right",y="@noflip",v=((d={})[m]=h,d[h]=m,d),b={"w-resize":"e-resize","sw-resize":"se-resize","nw-resize":"ne-resize"},_=w();function x(e){_!==e&&(l.getInstance().resetKeys(),_=e)}function w(){return void 0===_&&(_="undefined"!=typeof document&&!!document.documentElement&&"rtl"===document.documentElement.getAttribute("dir")),_}function S(e,t){if(w()){var n=e[t];if(!n)return;var r=e[t+1];if("string"==typeof r&&r.indexOf(y)>=0)e[t+1]=r.replace(/\s*(?:\/\*\s*)?\@noflip\b(?:\s*\*\/)?\s*?/g,"");else if(n.indexOf(m)>=0)e[t]=n.replace(m,h);else if(n.indexOf(h)>=0)e[t]=n.replace(h,m);else if(String(r).indexOf(m)>=0)e[t+1]=r.replace(m,h);else if(String(r).indexOf(h)>=0)e[t+1]=r.replace(h,m);else if(v[n])e[t]=v[n];else if(b[r])e[t+1]=b[r];else switch(n){case"margin":case"padding":e[t+1]=function(e){if("string"==typeof e){var t=e.split(" ");if(4===t.length)return t[0]+" "+t[3]+" "+t[2]+" "+t[1]}return e}(r);break;case"box-shadow":e[t+1]=function(e,t){var n=e.split(" "),r=parseInt(n[t],10);return n[0]=n[0].replace(String(r),String(-1*r)),n.join(" ")}(r,0)}}}var C="displayName";var k=/\:global\((.+?)\)/g;function O(e){if(!k.test(e))return e;for(var t=[],n=/\:global\((.+?)\)/g,r=null;r=n.exec(e);)r[1].indexOf(",")>-1&&t.push([r.index,r.index+r[0].length,r[1].split(",").map(function(e){return":global("+e.trim()+")"}).join(", ")]);return t.reverse().reduce(function(e,t){var n=t[0],r=t[1],o=t[2];return e.slice(0,n)+o+e.slice(r)},e)}function N(e,t){return e.indexOf(":global(")>=0?e.replace(k,"$1"):0===e.indexOf(":")?t+e:e.indexOf("&")<0?t+" "+e:e}function j(e,t,n){var r="string"==typeof n?n.split(" "):[n];e[t+"Top"]=r[0],e[t+"Right"]=r[1]||r[0],e[t+"Bottom"]=r[2]||r[0],e[t+"Left"]=r[3]||r[1]||r[0]}function T(e){if(!e)return"";var t,n,r,o=[];for(var i in e)e.hasOwnProperty(i)&&i!==C&&void 0!==e[i]&&o.push(i,e[i]);for(var s=0;s<o.length;s+=2)r=void 0,r=(t=o)[n=s],t[n]=f[r]=f[r]||r.replace(/([A-Z])/g,"-$1").toLowerCase(),g(o,s),S(o,s),c(o,s);for(s=1;s<o.length;s+=4)o.splice(s,1,":",o[s],";");return o.join("")}function R(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];var n=function e(t,n,r){void 0===n&&(n={__order:[]}),void 0===r&&(r="&");var o=l.getInstance(),i=n[r];i||(i={},n[r]=i,n.__order.push(r));for(var s=0,a=t;s<a.length;s++){var f=a[s];if("string"==typeof f){var u=o.argsFromClassName(f);u&&e(u,n,r)}else if(Array.isArray(f))e(f,n,r);else for(var c in f)if("selectors"===c){var d=f.selectors;for(var p in d)if(d.hasOwnProperty(p)){var g=d[p];0===p.indexOf("@")?e([g],n,p=p+"{"+r):p.indexOf(",")>-1?e([g],n,O(p).split(/,/g).map(function(e){return e.trim()}).map(function(e){return N(e,r)}).join(", ")):e([g],n,N(p,r))}}else void 0!==f[c]&&("margin"===c||"padding"===c?j(i,c,f[c]):i[c]=f[c])}return n}(e),r=function(e){for(var t=[],n=!1,r=0,o=e.__order;r<o.length;r++){var i=o[r];t.push(i);var s=e[i];for(var a in s)s.hasOwnProperty(a)&&void 0!==s[a]&&(n=!0,t.push(a,s[a]))}return n?t.join(""):void 0}(n);if(r){var o=l.getInstance(),i={className:o.classNameFromKey(r),key:r,args:e};if(!i.className){i.className=o.getClassName(function(e){var t=e&&e["&"];return t?t.displayName:void 0}(n));for(var s=[],a=0,f=n.__order;a<f.length;a++){var u=f[a];s.push(u,T(n[u]))}i.rulesToInsert=s}return i}}function A(e,t){var n=l.getInstance(),r=e.className,o=e.key,i=e.args,s=e.rulesToInsert;if(s){for(var a=0;a<s.length;a+=2){var f=s[a+1];if(f){var u=s[a],c=(u=u.replace(/(&)|\$([\w-]+)\b/g,function(n,r,o){return r?"."+e.className:o?"."+(t&&t[o]||o):""}))+"{"+f+"}"+(0===u.indexOf("@")?"}":"");n.insertRule(c)}}n.cacheClassName(r,o,i,s)}}function z(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];var n=[],r=[],o=l.getInstance();return function e(t){for(var i=0,s=t;i<s.length;i++){var a=s[i];if(a)if("string"==typeof a)if(a.indexOf(" ")>=0)e(a.split(" "));else{var l=o.argsFromClassName(a);l?e(l):-1===n.indexOf(a)&&n.push(a)}else Array.isArray(a)?e(a):"object"==typeof a&&r.push(a)}}(e),{classes:n,objects:r}}function E(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];var n=z(e),r=n.classes,o=n.objects;return o.length&&r.push(function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];var n=R.apply(void 0,e);return n?(A(n),n.className):""}(o)),r.join(" ")}function I(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];if(e&&1===e.length&&e[0]&&!e[0].subComponentStyles)return e[0];for(var n={},r={},o=0,i=e;o<i.length;o++){var s=i[o];if(s)for(var a in s)if(s.hasOwnProperty(a)){if("subComponentStyles"===a&&void 0!==s.subComponentStyles){var l=s.subComponentStyles;for(var f in l)l.hasOwnProperty(f)&&(r.hasOwnProperty(f)?r[f].push(l[f]):r[f]=[l[f]]);continue}var u=n[a],c=s[a];n[a]=void 0===u?c:(Array.isArray(u)?u:[u]).concat(Array.isArray(c)?c:[c])}}if(Object.keys(r).length>0){n.subComponentStyles={};var d=n.subComponentStyles,p=function(e){if(r.hasOwnProperty(e)){var t=r[e];d[e]=function(e){return I.apply(void 0,t.map(function(t){return"function"==typeof t?t(e):t}))}}};for(var f in r)p(f)}return n}function P(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];var n={subComponentStyles:{}},r={};if(!e[0]&&e.length<=1)return{subComponentStyles:{}};var o=I.apply(void 0,e),i=[];for(var s in o)if(o.hasOwnProperty(s)){if("subComponentStyles"===s){n.subComponentStyles=o.subComponentStyles||{};continue}var a=z(o[s]),l=a.classes,f=R({displayName:s},a.objects);i.push(f),f&&(r[s]=f.className,n[s]=l.concat([f.className]).join(" "))}for(var u=0,c=i;u<c.length;u++){(f=c[u])&&A(f,r)}return n}function F(e){l.getInstance().insertRule("@font-face{"+T(e)+"}",!0)}function M(e){var t=l.getInstance(),n=t.getClassName(),r=[];for(var o in e)e.hasOwnProperty(o)&&r.push(o,"{",T(e[o]),"}");var i=r.join("");return t.insertRule("@keyframes "+n+"{"+i+"}",!0),t.cacheClassName(n,i,[],["keyframes",i]),n}var W={},B=void 0;try{B=window}catch(e){}!function(e,t){if(void 0!==B){var n=B.__packages__=B.__packages__||{};n[e]&&W[e]||(W[e]=t,(n[e]=n[e]||[]).push(t))}}("@uifabric/merge-styles","6.17.4"),n.d(t,"mergeStyles",function(){return E}),n.d(t,"mergeStyleSets",function(){return P}),n.d(t,"concatStyleSets",function(){return I}),n.d(t,"fontFace",function(){return F}),n.d(t,"keyframes",function(){return M}),n.d(t,"InjectionMode",function(){return i}),n.d(t,"Stylesheet",function(){return l}),n.d(t,"setRTL",function(){return x})}]);
 //# sourceMappingURL=merge-styles.min.js.map

dist/merge-styles.stats.json

@@ -7,5 +7,5 @@ {
   "version": "4.29.5",
-  "hash": "787b5716bdba47b973cc",
-  "time": 1506,
-  "builtAt": 1560513822344,
+  "hash": "5d49a11e962882999628",
+  "time": 1374,
+  "builtAt": 1561658615218,
   "publicPath": "",
@@ -22,3 +22,3 @@ "outputPath": "/home/vsts/work/1/s/packages/merge-styles/dist",
       "name": "merge-styles.min.js",
-      "size": 10981,
+      "size": 14363,
       "chunks": [
@@ -71,3 +71,3 @@ 0
       "index2": 16,
-      "size": 42781,
+      "size": 46984,
       "cacheable": true,
@@ -267,3 +267,3 @@ "built": true,
           "index2": 10,
-          "size": 3318,
+          "size": 3452,
           "cacheable": true,
@@ -609,3 +609,3 @@ "built": true,
           "index2": 3,
-          "size": 131,
+          "size": 4200,
           "cacheable": true,
@@ -852,3 +852,3 @@ "built": true,
       "filteredModules": 0,
-      "parsedSrc": "function(e,t,n){\"use strict\";n.r(t);var r=function(){return(r=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var s in t=arguments[n])Object.prototype.hasOwnProperty.call(t,s)&&(e[s]=t[s]);return e}).apply(this,arguments)};var s,i={none:0,insertNode:1,appendChild:2},o={};try{o=window}catch(e){}var a,u=function(){function e(e){this._rules=[],this._preservedRules=[],this._rulesToInsert=[],this._counter=0,this._keyToClassName={},this._onResetCallbacks=[],this._classNameToArgs={},this._config=r({injectionMode:i.insertNode,defaultPrefix:\"css\",namespace:void 0,cspSettings:void 0},e)}return e.getInstance=function(){if(!(s=o.__stylesheet__)||s._lastStyleElement&&s._lastStyleElement.ownerDocument!==document){var t=o&&o.FabricConfig||{};s=o.__stylesheet__=new e(t.mergeStyles)}return s},e.prototype.setConfig=function(e){this._config=r({},this._config,e)},e.prototype.onReset=function(e){this._onResetCallbacks.push(e)},e.prototype.getClassName=function(e){var t=this._config.namespace;return(t?t+\"-\":\"\")+(e||this._config.defaultPrefix)+\"-\"+this._counter++},e.prototype.cacheClassName=function(e,t,n,r){this._keyToClassName[t]=e,this._classNameToArgs[e]={args:n,rules:r}},e.prototype.classNameFromKey=function(e){return this._keyToClassName[e]},e.prototype.argsFromClassName=function(e){var t=this._classNameToArgs[e];return t&&t.args},e.prototype.insertedRulesFromClassName=function(e){var t=this._classNameToArgs[e];return t&&t.rules},e.prototype.insertRule=function(e,t){var n=this._config.injectionMode!==i.none?this._getStyleElement():void 0;if(t&&this._preservedRules.push(e),n)switch(this._config.injectionMode){case i.insertNode:var r=n.sheet;try{r.insertRule(e,r.cssRules.length)}catch(e){}break;case i.appendChild:n.appendChild(document.createTextNode(e))}else this._rules.push(e);this._config.onInsertRule&&this._config.onInsertRule(e)},e.prototype.getRules=function(e){return(e?this._preservedRules.join(\"\"):\"\")+this._rules.join(\"\")+this._rulesToInsert.join(\"\")},e.prototype.reset=function(){this._rules=[],this._rulesToInsert=[],this._counter=0,this._classNameToArgs={},this._keyToClassName={},this._onResetCallbacks.forEach(function(e){return e()})},e.prototype.resetKeys=function(){this._keyToClassName={}},e.prototype._getStyleElement=function(){var e=this;return this._styleElement||\"undefined\"==typeof document||(this._styleElement=this._createStyleElement(),window.requestAnimationFrame(function(){e._styleElement=void 0})),this._styleElement},e.prototype._createStyleElement=function(){var e=document.createElement(\"style\");e.setAttribute(\"data-merge-styles\",\"true\");var t=this._config.cspSettings;return t&&t.nonce&&e.setAttribute(\"nonce\",t.nonce),this._lastStyleElement&&this._lastStyleElement.nextElementSibling?document.head.insertBefore(e,this._lastStyleElement.nextElementSibling):document.head.appendChild(e),this._lastStyleElement=e,e},e}();var l={\"user-select\":1};function c(e,t){var n=function(){if(!a){var e=\"undefined\"!=typeof document?document:void 0,t=\"undefined\"!=typeof navigator?navigator:void 0,n=t?t.userAgent.toLowerCase():void 0;a=e?{isWebkit:!!(e&&\"WebkitAppearance\"in e.documentElement.style),isMoz:!!(n&&n.indexOf(\"firefox\")>-1),isOpera:!!(n&&n.indexOf(\"opera\")>-1),isMs:!(!t||!/rv:11.0/i.test(t.userAgent)&&!/Edge\\/\\d./i.test(navigator.userAgent))}:{isWebkit:!0,isMoz:!0,isOpera:!0,isMs:!0}}return a}(),r=e[t];if(l[r]){var s=e[t+1];l[r]&&(n.isWebkit&&e.push(\"-webkit-\"+r,s),n.isMoz&&e.push(\"-moz-\"+r,s),n.isMs&&e.push(\"-ms-\"+r,s),n.isOpera&&e.push(\"-o-\"+r,s))}}var f,p=[\"column-count\",\"font-weight\",\"flex-basis\",\"flex\",\"flex-grow\",\"flex-shrink\",\"fill-opacity\",\"opacity\",\"order\",\"z-index\",\"zoom\"];function d(e,t){var n=e[t],r=e[t+1];if(\"number\"==typeof r){var s=-1===p.indexOf(n)?\"px\":\"\";e[t+1]=\"\"+r+s}}var v=\"left\",h=\"right\",y=\"@noflip\",m=((f={})[v]=h,f[h]=v,f),g={\"w-resize\":\"e-resize\",\"sw-resize\":\"se-resize\",\"nw-resize\":\"ne-resize\"},_=S();function b(e){_!==e&&(u.getInstance().resetKeys(),_=e)}function S(){return void 0===_&&(_=\"undefined\"!=typeof document&&!!document.documentElement&&\"rtl\"===document.documentElement.getAttribute(\"dir\")),_}function O(e,t){if(S()){var n=e[t];if(!n)return;var r=e[t+1];if(\"string\"==typeof r&&r.indexOf(y)>=0)e[t+1]=r.replace(/\\s*(?:\\/\\*\\s*)?\\@noflip\\b(?:\\s*\\*\\/)?\\s*?/g,\"\");else if(n.indexOf(v)>=0)e[t]=n.replace(v,h);else if(n.indexOf(h)>=0)e[t]=n.replace(h,v);else if(String(r).indexOf(v)>=0)e[t+1]=r.replace(v,h);else if(String(r).indexOf(h)>=0)e[t+1]=r.replace(h,v);else if(m[n])e[t]=m[n];else if(g[r])e[t+1]=g[r];else switch(n){case\"margin\":case\"padding\":e[t+1]=function(e){if(\"string\"==typeof e){var t=e.split(\" \");if(4===t.length)return t[0]+\" \"+t[3]+\" \"+t[2]+\" \"+t[1]}return e}(r);break;case\"box-shadow\":e[t+1]=function(e,t){var n=e.split(\" \"),r=parseInt(n[t],10);return n[0]=n[0].replace(String(r),String(-1*r)),n.join(\" \")}(r,0)}}}var x=\"displayName\";var N=/\\:global\\((.+?)\\)/g;function C(e){if(!N.test(e))return e;for(var t=[],n=/\\:global\\((.+?)\\)/g,r=null;r=n.exec(e);)r[1].indexOf(\",\")>-1&&t.push([r.index,r.index+r[0].length,r[1].split(\",\").map(function(e){return\":global(\"+e.trim()+\")\"}).join(\", \")]);return t.reverse().reduce(function(e,t){var n=t[0],r=t[1],s=t[2];return e.slice(0,n)+s+e.slice(r)},e)}function w(e,t){return e.indexOf(\":global(\")>=0?e.replace(N,\"$1\"):0===e.indexOf(\":\")?t+e:e.indexOf(\"&\")<0?t+\" \"+e:e}function j(e,t,n){var r=\"string\"==typeof n?n.split(\" \"):[n];e[t+\"Top\"]=r[0],e[t+\"Right\"]=r[1]||r[0],e[t+\"Bottom\"]=r[2]||r[0],e[t+\"Left\"]=r[3]||r[1]||r[0]}function k(e){if(!e)return\"\";var t,n,r=[];for(var s in e)e.hasOwnProperty(s)&&s!==x&&void 0!==e[s]&&r.push(s,e[s]);for(var i=0;i<r.length;i+=2)(t=r)[n=i]=t[n].replace(/([A-Z])/g,\"-$1\").toLowerCase(),d(r,i),O(r,i),c(r,i);for(i=1;i<r.length;i+=4)r.splice(i,1,\":\",r[i],\";\");return r.join(\"\")}function A(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];var n=function e(t,n,r){void 0===n&&(n={__order:[]}),void 0===r&&(r=\"&\");var s=u.getInstance(),i=n[r];i||(i={},n[r]=i,n.__order.push(r));for(var o=0,a=t;o<a.length;o++){var l=a[o];if(\"string\"==typeof l){var c=s.argsFromClassName(l);c&&e(c,n,r)}else if(Array.isArray(l))e(l,n,r);else for(var f in l)if(\"selectors\"===f){var p=l.selectors;for(var d in p)if(p.hasOwnProperty(d)){var v=p[d];0===d.indexOf(\"@\")?e([v],n,d=d+\"{\"+r):d.indexOf(\",\")>-1?e([v],n,C(d).split(/,/g).map(function(e){return e.trim()}).map(function(e){return w(e,r)}).join(\", \")):e([v],n,w(d,r))}}else void 0!==l[f]&&(\"margin\"===f||\"padding\"===f?j(i,f,l[f]):i[f]=l[f])}return n}(e),r=function(e){for(var t=[],n=!1,r=0,s=e.__order;r<s.length;r++){var i=s[r];t.push(i);var o=e[i];for(var a in o)o.hasOwnProperty(a)&&void 0!==o[a]&&(n=!0,t.push(a,o[a]))}return n?t.join(\"\"):void 0}(n);if(r){var s=u.getInstance(),i={className:s.classNameFromKey(r),key:r,args:e};if(!i.className){i.className=s.getClassName(function(e){var t=e&&e[\"&\"];return t?t.displayName:void 0}(n));for(var o=[],a=0,l=n.__order;a<l.length;a++){var c=l[a];o.push(c,k(n[c]))}i.rulesToInsert=o}return i}}function E(e,t){var n=u.getInstance(),r=e.className,s=e.key,i=e.args,o=e.rulesToInsert;if(o){for(var a=0;a<o.length;a+=2){var l=o[a+1];if(l){var c=o[a],f=(c=c.replace(/(&)|\\$([\\w-]+)\\b/g,function(n,r,s){return r?\".\"+e.className:s?\".\"+(t&&t[s]||s):\"\"}))+\"{\"+l+\"}\"+(0===c.indexOf(\"@\")?\"}\":\"\");n.insertRule(f)}}n.cacheClassName(r,s,i,o)}}function T(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];var n=[],r=[],s=u.getInstance();return function e(t){for(var i=0,o=t;i<o.length;i++){var a=o[i];if(a)if(\"string\"==typeof a)if(a.indexOf(\" \")>=0)e(a.split(\" \"));else{var u=s.argsFromClassName(a);u?e(u):-1===n.indexOf(a)&&n.push(a)}else Array.isArray(a)?e(a):\"object\"==typeof a&&r.push(a)}}(e),{classes:n,objects:r}}function R(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];var n=T(e),r=n.classes,s=n.objects;return s.length&&r.push(function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];var n=A.apply(void 0,e);return n?(E(n),n.className):\"\"}(s)),r.join(\" \")}function I(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];for(var n={},r={},s=0,i=e;s<i.length;s++){var o=i[s];if(o)for(var a in o)if(o.hasOwnProperty(a)){if(\"subComponentStyles\"===a&&void 0!==o.subComponentStyles){var u=o.subComponentStyles;for(var l in u)u.hasOwnProperty(l)&&(r.hasOwnProperty(l)?r[l].push(u[l]):r[l]=[u[l]]);continue}var c=n[a],f=o[a];n[a]=void 0===c?f:(Array.isArray(c)?c:[c]).concat(Array.isArray(f)?f:[f])}}if(Object.keys(r).length>0){n.subComponentStyles={};var p=n.subComponentStyles,d=function(e){if(r.hasOwnProperty(e)){var t=r[e];p[e]=function(e){return I.apply(void 0,t.map(function(t){return\"function\"==typeof t?t(e):t}))}}};for(var l in r)d(l)}return n}function P(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];var n={subComponentStyles:{}},r={};if(!e[0]&&e.length<=1)return{subComponentStyles:{}};var s=I.apply(void 0,e),i=[];for(var o in s)if(s.hasOwnProperty(o)){if(\"subComponentStyles\"===o){n.subComponentStyles=s.subComponentStyles||{};continue}var a=T(s[o]),u=a.classes,l=A({displayName:o},a.objects);i.push(l),l&&(r[o]=l.className,n[o]=u.concat([l.className]).join(\" \"))}for(var c=0,f=i;c<f.length;c++){(l=f[c])&&E(l,r)}return n}function M(e){u.getInstance().insertRule(\"@font-face{\"+k(e)+\"}\",!0)}function z(e){var t=u.getInstance(),n=t.getClassName(),r=[];for(var s in e)e.hasOwnProperty(s)&&r.push(s,\"{\",k(e[s]),\"}\");var i=r.join(\"\");return t.insertRule(\"@keyframes \"+n+\"{\"+i+\"}\",!0),t.cacheClassName(n,i,[],[\"keyframes\",i]),n}var F={},K=void 0;try{K=window}catch(e){}!function(e,t){if(void 0!==K){var n=K.__packages__=K.__packages__||{};n[e]&&F[e]||(F[e]=t,(n[e]=n[e]||[]).push(t))}}(\"@uifabric/merge-styles\",\"6.17.4\"),n.d(t,\"mergeStyles\",function(){return R}),n.d(t,\"mergeStyleSets\",function(){return P}),n.d(t,\"concatStyleSets\",function(){return I}),n.d(t,\"fontFace\",function(){return M}),n.d(t,\"keyframes\",function(){return z}),n.d(t,\"InjectionMode\",function(){return i}),n.d(t,\"Stylesheet\",function(){return u}),n.d(t,\"setRTL\",function(){return b})}"
+      "parsedSrc": "function(e,t,n){\"use strict\";n.r(t);var r=function(){return(r=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e}).apply(this,arguments)};var o,i={none:0,insertNode:1,appendChild:2},s={};try{s=window}catch(e){}var a,l=function(){function e(e){this._rules=[],this._preservedRules=[],this._rulesToInsert=[],this._counter=0,this._keyToClassName={},this._onResetCallbacks=[],this._classNameToArgs={},this._config=r({injectionMode:i.insertNode,defaultPrefix:\"css\",namespace:void 0,cspSettings:void 0},e)}return e.getInstance=function(){if(!(o=s.__stylesheet__)||o._lastStyleElement&&o._lastStyleElement.ownerDocument!==document){var t=s&&s.FabricConfig||{};o=s.__stylesheet__=new e(t.mergeStyles)}return o},e.prototype.setConfig=function(e){this._config=r({},this._config,e)},e.prototype.onReset=function(e){this._onResetCallbacks.push(e)},e.prototype.getClassName=function(e){var t=this._config.namespace;return(t?t+\"-\":\"\")+(e||this._config.defaultPrefix)+\"-\"+this._counter++},e.prototype.cacheClassName=function(e,t,n,r){this._keyToClassName[t]=e,this._classNameToArgs[e]={args:n,rules:r}},e.prototype.classNameFromKey=function(e){return this._keyToClassName[e]},e.prototype.argsFromClassName=function(e){var t=this._classNameToArgs[e];return t&&t.args},e.prototype.insertedRulesFromClassName=function(e){var t=this._classNameToArgs[e];return t&&t.rules},e.prototype.insertRule=function(e,t){var n=this._config.injectionMode!==i.none?this._getStyleElement():void 0;if(t&&this._preservedRules.push(e),n)switch(this._config.injectionMode){case i.insertNode:var r=n.sheet;try{r.insertRule(e,r.cssRules.length)}catch(e){}break;case i.appendChild:n.appendChild(document.createTextNode(e))}else this._rules.push(e);this._config.onInsertRule&&this._config.onInsertRule(e)},e.prototype.getRules=function(e){return(e?this._preservedRules.join(\"\"):\"\")+this._rules.join(\"\")+this._rulesToInsert.join(\"\")},e.prototype.reset=function(){this._rules=[],this._rulesToInsert=[],this._counter=0,this._classNameToArgs={},this._keyToClassName={},this._onResetCallbacks.forEach(function(e){return e()})},e.prototype.resetKeys=function(){this._keyToClassName={}},e.prototype._getStyleElement=function(){var e=this;return this._styleElement||\"undefined\"==typeof document||(this._styleElement=this._createStyleElement(),window.requestAnimationFrame(function(){e._styleElement=void 0})),this._styleElement},e.prototype._createStyleElement=function(){var e=document.createElement(\"style\");e.setAttribute(\"data-merge-styles\",\"true\");var t=this._config.cspSettings;return t&&t.nonce&&e.setAttribute(\"nonce\",t.nonce),this._lastStyleElement&&this._lastStyleElement.nextElementSibling?document.head.insertBefore(e,this._lastStyleElement.nextElementSibling):document.head.appendChild(e),this._lastStyleElement=e,e},e}(),f={MozOsxFontSmoothing:\"-moz-osx-font-smoothing\",MsHighContrastAdjust:\"-ms-high-contrast-adjust\",WebkitFontSmoothing:\"-webkit-font-smoothing\",WebkitOverflowScrolling:\"-webkit-overflow-scrolling\",WebkitTapHighlightColor:\"-webkit-tap-highlight-color\",alignContent:\"align-content\",alignItems:\"align-items\",alignSelf:\"align-self\",animation:\"animation\",animationDelay:\"animation-delay\",animationDirection:\"animation-direction\",animationDuration:\"animation-duration\",animationFillMode:\"animation-fill-mode\",animationIterationCount:\"animation-iteration-count\",animationName:\"animation-name\",animationTimingFunction:\"animation-timing-function\",background:\"background\",backgroundClip:\"background-clip\",backgroundColor:\"background-color\",backgroundImage:\"background-image\",backgroundPosition:\"background-position\",border:\"border\",borderBottom:\"border-bottom\",borderBottomColor:\"border-bottom-color\",borderBottomStyle:\"border-bottom-style\",borderBottomWidth:\"border-bottom-width\",borderCollapse:\"border-collapse\",borderColor:\"border-color\",borderLeft:\"border-left\",borderRadius:\"border-radius\",borderRight:\"border-right\",borderStyle:\"border-style\",borderTop:\"border-top\",borderTopColor:\"border-top-color\",borderTopLeftRadius:\"border-top-left-radius\",borderTopRightRadius:\"border-top-right-radius\",borderTopStyle:\"border-top-style\",borderTopWidth:\"border-top-width\",borderWidth:\"border-width\",bordercolor:\"bordercolor\",bottom:\"bottom\",boxShadow:\"box-shadow\",boxSizing:\"box-sizing\",clear:\"clear\",color:\"color\",content:\"content\",cursor:\"cursor\",display:\"display\",fill:\"fill\",flex:\"flex\",flexBasis:\"flex-basis\",flexDirection:\"flex-direction\",flexGrow:\"flex-grow\",flexShrink:\"flex-shrink\",flexWrap:\"flex-wrap\",float:\"float\",font:\"font\",fontFamily:\"font-family\",fontSize:\"font-size\",fontStyle:\"font-style\",fontWeight:\"font-weight\",height:\"height\",justifyContent:\"justify-content\",left:\"left\",lineHeight:\"line-height\",listStyle:\"list-style\",listStyleType:\"list-style-type\",marginBottom:\"margin-bottom\",marginLeft:\"margin-left\",marginRight:\"margin-right\",marginTop:\"margin-top\",maxHeight:\"max-height\",maxWidth:\"max-width\",minHeight:\"min-height\",minWidth:\"min-width\",mozOsxFontSmoothing:\"moz-osx-font-smoothing\",objectFit:\"object-fit\",opacity:\"opacity\",order:\"order\",outline:\"outline\",outlineColor:\"outline-color\",outlineOffset:\"outline-offset\",overflow:\"overflow\",overflowWrap:\"overflow-wrap\",overflowX:\"overflow-x\",overflowY:\"overflow-y\",paddingBottom:\"padding-bottom\",paddingLeft:\"padding-left\",paddingRight:\"padding-right\",paddingTop:\"padding-top\",perspective:\"perspective\",pointerEvents:\"pointer-events\",position:\"position\",resize:\"resize\",right:\"right\",speak:\"speak\",src:\"src\",tableLayout:\"table-layout\",textAlign:\"text-align\",textDecoration:\"text-decoration\",textOverflow:\"text-overflow\",textTransform:\"text-transform\",top:\"top\",transform:\"transform\",transformOrigin:\"transform-origin\",transition:\"transition\",transitionDelay:\"transition-delay\",transitionDuration:\"transition-duration\",transitionProperty:\"transition-property\",transitionTimingFunction:\"transition-timing-function\",userSelect:\"user-select\",verticalAlign:\"vertical-align\",visibility:\"visibility\",webkitFontSmoothing:\"webkit-font-smoothing\",whiteSpace:\"white-space\",width:\"width\",wordBreak:\"word-break\",wordWrap:\"word-wrap\",zIndex:\"z-index\"};var u={\"user-select\":1};function c(e,t){var n=function(){if(!a){var e=\"undefined\"!=typeof document?document:void 0,t=\"undefined\"!=typeof navigator?navigator:void 0,n=t?t.userAgent.toLowerCase():void 0;a=e?{isWebkit:!!(e&&\"WebkitAppearance\"in e.documentElement.style),isMoz:!!(n&&n.indexOf(\"firefox\")>-1),isOpera:!!(n&&n.indexOf(\"opera\")>-1),isMs:!(!t||!/rv:11.0/i.test(t.userAgent)&&!/Edge\\/\\d./i.test(navigator.userAgent))}:{isWebkit:!0,isMoz:!0,isOpera:!0,isMs:!0}}return a}(),r=e[t];if(u[r]){var o=e[t+1];u[r]&&(n.isWebkit&&e.push(\"-webkit-\"+r,o),n.isMoz&&e.push(\"-moz-\"+r,o),n.isMs&&e.push(\"-ms-\"+r,o),n.isOpera&&e.push(\"-o-\"+r,o))}}var d,p=[\"column-count\",\"font-weight\",\"flex-basis\",\"flex\",\"flex-grow\",\"flex-shrink\",\"fill-opacity\",\"opacity\",\"order\",\"z-index\",\"zoom\"];function g(e,t){var n=e[t],r=e[t+1];if(\"number\"==typeof r){var o=-1===p.indexOf(n)?\"px\":\"\";e[t+1]=\"\"+r+o}}var m=\"left\",h=\"right\",y=\"@noflip\",v=((d={})[m]=h,d[h]=m,d),b={\"w-resize\":\"e-resize\",\"sw-resize\":\"se-resize\",\"nw-resize\":\"ne-resize\"},_=w();function x(e){_!==e&&(l.getInstance().resetKeys(),_=e)}function w(){return void 0===_&&(_=\"undefined\"!=typeof document&&!!document.documentElement&&\"rtl\"===document.documentElement.getAttribute(\"dir\")),_}function S(e,t){if(w()){var n=e[t];if(!n)return;var r=e[t+1];if(\"string\"==typeof r&&r.indexOf(y)>=0)e[t+1]=r.replace(/\\s*(?:\\/\\*\\s*)?\\@noflip\\b(?:\\s*\\*\\/)?\\s*?/g,\"\");else if(n.indexOf(m)>=0)e[t]=n.replace(m,h);else if(n.indexOf(h)>=0)e[t]=n.replace(h,m);else if(String(r).indexOf(m)>=0)e[t+1]=r.replace(m,h);else if(String(r).indexOf(h)>=0)e[t+1]=r.replace(h,m);else if(v[n])e[t]=v[n];else if(b[r])e[t+1]=b[r];else switch(n){case\"margin\":case\"padding\":e[t+1]=function(e){if(\"string\"==typeof e){var t=e.split(\" \");if(4===t.length)return t[0]+\" \"+t[3]+\" \"+t[2]+\" \"+t[1]}return e}(r);break;case\"box-shadow\":e[t+1]=function(e,t){var n=e.split(\" \"),r=parseInt(n[t],10);return n[0]=n[0].replace(String(r),String(-1*r)),n.join(\" \")}(r,0)}}}var C=\"displayName\";var k=/\\:global\\((.+?)\\)/g;function O(e){if(!k.test(e))return e;for(var t=[],n=/\\:global\\((.+?)\\)/g,r=null;r=n.exec(e);)r[1].indexOf(\",\")>-1&&t.push([r.index,r.index+r[0].length,r[1].split(\",\").map(function(e){return\":global(\"+e.trim()+\")\"}).join(\", \")]);return t.reverse().reduce(function(e,t){var n=t[0],r=t[1],o=t[2];return e.slice(0,n)+o+e.slice(r)},e)}function N(e,t){return e.indexOf(\":global(\")>=0?e.replace(k,\"$1\"):0===e.indexOf(\":\")?t+e:e.indexOf(\"&\")<0?t+\" \"+e:e}function j(e,t,n){var r=\"string\"==typeof n?n.split(\" \"):[n];e[t+\"Top\"]=r[0],e[t+\"Right\"]=r[1]||r[0],e[t+\"Bottom\"]=r[2]||r[0],e[t+\"Left\"]=r[3]||r[1]||r[0]}function T(e){if(!e)return\"\";var t,n,r,o=[];for(var i in e)e.hasOwnProperty(i)&&i!==C&&void 0!==e[i]&&o.push(i,e[i]);for(var s=0;s<o.length;s+=2)r=void 0,r=(t=o)[n=s],t[n]=f[r]=f[r]||r.replace(/([A-Z])/g,\"-$1\").toLowerCase(),g(o,s),S(o,s),c(o,s);for(s=1;s<o.length;s+=4)o.splice(s,1,\":\",o[s],\";\");return o.join(\"\")}function R(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];var n=function e(t,n,r){void 0===n&&(n={__order:[]}),void 0===r&&(r=\"&\");var o=l.getInstance(),i=n[r];i||(i={},n[r]=i,n.__order.push(r));for(var s=0,a=t;s<a.length;s++){var f=a[s];if(\"string\"==typeof f){var u=o.argsFromClassName(f);u&&e(u,n,r)}else if(Array.isArray(f))e(f,n,r);else for(var c in f)if(\"selectors\"===c){var d=f.selectors;for(var p in d)if(d.hasOwnProperty(p)){var g=d[p];0===p.indexOf(\"@\")?e([g],n,p=p+\"{\"+r):p.indexOf(\",\")>-1?e([g],n,O(p).split(/,/g).map(function(e){return e.trim()}).map(function(e){return N(e,r)}).join(\", \")):e([g],n,N(p,r))}}else void 0!==f[c]&&(\"margin\"===c||\"padding\"===c?j(i,c,f[c]):i[c]=f[c])}return n}(e),r=function(e){for(var t=[],n=!1,r=0,o=e.__order;r<o.length;r++){var i=o[r];t.push(i);var s=e[i];for(var a in s)s.hasOwnProperty(a)&&void 0!==s[a]&&(n=!0,t.push(a,s[a]))}return n?t.join(\"\"):void 0}(n);if(r){var o=l.getInstance(),i={className:o.classNameFromKey(r),key:r,args:e};if(!i.className){i.className=o.getClassName(function(e){var t=e&&e[\"&\"];return t?t.displayName:void 0}(n));for(var s=[],a=0,f=n.__order;a<f.length;a++){var u=f[a];s.push(u,T(n[u]))}i.rulesToInsert=s}return i}}function A(e,t){var n=l.getInstance(),r=e.className,o=e.key,i=e.args,s=e.rulesToInsert;if(s){for(var a=0;a<s.length;a+=2){var f=s[a+1];if(f){var u=s[a],c=(u=u.replace(/(&)|\\$([\\w-]+)\\b/g,function(n,r,o){return r?\".\"+e.className:o?\".\"+(t&&t[o]||o):\"\"}))+\"{\"+f+\"}\"+(0===u.indexOf(\"@\")?\"}\":\"\");n.insertRule(c)}}n.cacheClassName(r,o,i,s)}}function z(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];var n=[],r=[],o=l.getInstance();return function e(t){for(var i=0,s=t;i<s.length;i++){var a=s[i];if(a)if(\"string\"==typeof a)if(a.indexOf(\" \")>=0)e(a.split(\" \"));else{var l=o.argsFromClassName(a);l?e(l):-1===n.indexOf(a)&&n.push(a)}else Array.isArray(a)?e(a):\"object\"==typeof a&&r.push(a)}}(e),{classes:n,objects:r}}function E(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];var n=z(e),r=n.classes,o=n.objects;return o.length&&r.push(function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];var n=R.apply(void 0,e);return n?(A(n),n.className):\"\"}(o)),r.join(\" \")}function I(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];if(e&&1===e.length&&e[0]&&!e[0].subComponentStyles)return e[0];for(var n={},r={},o=0,i=e;o<i.length;o++){var s=i[o];if(s)for(var a in s)if(s.hasOwnProperty(a)){if(\"subComponentStyles\"===a&&void 0!==s.subComponentStyles){var l=s.subComponentStyles;for(var f in l)l.hasOwnProperty(f)&&(r.hasOwnProperty(f)?r[f].push(l[f]):r[f]=[l[f]]);continue}var u=n[a],c=s[a];n[a]=void 0===u?c:(Array.isArray(u)?u:[u]).concat(Array.isArray(c)?c:[c])}}if(Object.keys(r).length>0){n.subComponentStyles={};var d=n.subComponentStyles,p=function(e){if(r.hasOwnProperty(e)){var t=r[e];d[e]=function(e){return I.apply(void 0,t.map(function(t){return\"function\"==typeof t?t(e):t}))}}};for(var f in r)p(f)}return n}function P(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];var n={subComponentStyles:{}},r={};if(!e[0]&&e.length<=1)return{subComponentStyles:{}};var o=I.apply(void 0,e),i=[];for(var s in o)if(o.hasOwnProperty(s)){if(\"subComponentStyles\"===s){n.subComponentStyles=o.subComponentStyles||{};continue}var a=z(o[s]),l=a.classes,f=R({displayName:s},a.objects);i.push(f),f&&(r[s]=f.className,n[s]=l.concat([f.className]).join(\" \"))}for(var u=0,c=i;u<c.length;u++){(f=c[u])&&A(f,r)}return n}function F(e){l.getInstance().insertRule(\"@font-face{\"+T(e)+\"}\",!0)}function M(e){var t=l.getInstance(),n=t.getClassName(),r=[];for(var o in e)e.hasOwnProperty(o)&&r.push(o,\"{\",T(e[o]),\"}\");var i=r.join(\"\");return t.insertRule(\"@keyframes \"+n+\"{\"+i+\"}\",!0),t.cacheClassName(n,i,[],[\"keyframes\",i]),n}var W={},B=void 0;try{B=window}catch(e){}!function(e,t){if(void 0!==B){var n=B.__packages__=B.__packages__||{};n[e]&&W[e]||(W[e]=t,(n[e]=n[e]||[]).push(t))}}(\"@uifabric/merge-styles\",\"6.17.4\"),n.d(t,\"mergeStyles\",function(){return E}),n.d(t,\"mergeStyleSets\",function(){return P}),n.d(t,\"concatStyleSets\",function(){return I}),n.d(t,\"fontFace\",function(){return F}),n.d(t,\"keyframes\",function(){return M}),n.d(t,\"InjectionMode\",function(){return i}),n.d(t,\"Stylesheet\",function(){return l}),n.d(t,\"setRTL\",function(){return x})}"
     },
@@ -855,0 +855,0 @@ {

etc/merge-styles.api.md

@@ -53,2 +53,3 @@ ## API Report File for "@uifabric/merge-styles"
 export interface IFontFace extends IRawFontStyle {
+    fontDisplay?: 'auto' | 'block' | 'swap' | 'fallback' | 'optional';
     fontFeatureSettings?: string;
@@ -55,0 +56,0 @@ src?: string;

lib-amd/concatStyleSets.js

@@ -13,2 +13,5 @@ define(["require", "exports"], function (require, exports) {
         }
+        if (styleSets && styleSets.length === 1 && styleSets[0] && !styleSets[0].subComponentStyles) {
+            return styleSets[0];
+        }
         var mergedSet = {};
@@ -15,0 +18,0 @@ // We process sub component styles in two phases. First we collect them, then we combine them into 1 style function.

lib-amd/transforms/kebabRules.js

 define(["require", "exports"], function (require, exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
+    var rules = {
+        MozOsxFontSmoothing: '-moz-osx-font-smoothing',
+        MsHighContrastAdjust: '-ms-high-contrast-adjust',
+        WebkitFontSmoothing: '-webkit-font-smoothing',
+        WebkitOverflowScrolling: '-webkit-overflow-scrolling',
+        WebkitTapHighlightColor: '-webkit-tap-highlight-color',
+        alignContent: 'align-content',
+        alignItems: 'align-items',
+        alignSelf: 'align-self',
+        animation: 'animation',
+        animationDelay: 'animation-delay',
+        animationDirection: 'animation-direction',
+        animationDuration: 'animation-duration',
+        animationFillMode: 'animation-fill-mode',
+        animationIterationCount: 'animation-iteration-count',
+        animationName: 'animation-name',
+        animationTimingFunction: 'animation-timing-function',
+        background: 'background',
+        backgroundClip: 'background-clip',
+        backgroundColor: 'background-color',
+        backgroundImage: 'background-image',
+        backgroundPosition: 'background-position',
+        border: 'border',
+        borderBottom: 'border-bottom',
+        borderBottomColor: 'border-bottom-color',
+        borderBottomStyle: 'border-bottom-style',
+        borderBottomWidth: 'border-bottom-width',
+        borderCollapse: 'border-collapse',
+        borderColor: 'border-color',
+        borderLeft: 'border-left',
+        borderRadius: 'border-radius',
+        borderRight: 'border-right',
+        borderStyle: 'border-style',
+        borderTop: 'border-top',
+        borderTopColor: 'border-top-color',
+        borderTopLeftRadius: 'border-top-left-radius',
+        borderTopRightRadius: 'border-top-right-radius',
+        borderTopStyle: 'border-top-style',
+        borderTopWidth: 'border-top-width',
+        borderWidth: 'border-width',
+        bordercolor: 'bordercolor',
+        bottom: 'bottom',
+        boxShadow: 'box-shadow',
+        boxSizing: 'box-sizing',
+        clear: 'clear',
+        color: 'color',
+        content: 'content',
+        cursor: 'cursor',
+        display: 'display',
+        fill: 'fill',
+        flex: 'flex',
+        flexBasis: 'flex-basis',
+        flexDirection: 'flex-direction',
+        flexGrow: 'flex-grow',
+        flexShrink: 'flex-shrink',
+        flexWrap: 'flex-wrap',
+        float: 'float',
+        font: 'font',
+        fontFamily: 'font-family',
+        fontSize: 'font-size',
+        fontStyle: 'font-style',
+        fontWeight: 'font-weight',
+        height: 'height',
+        justifyContent: 'justify-content',
+        left: 'left',
+        lineHeight: 'line-height',
+        listStyle: 'list-style',
+        listStyleType: 'list-style-type',
+        marginBottom: 'margin-bottom',
+        marginLeft: 'margin-left',
+        marginRight: 'margin-right',
+        marginTop: 'margin-top',
+        maxHeight: 'max-height',
+        maxWidth: 'max-width',
+        minHeight: 'min-height',
+        minWidth: 'min-width',
+        mozOsxFontSmoothing: 'moz-osx-font-smoothing',
+        objectFit: 'object-fit',
+        opacity: 'opacity',
+        order: 'order',
+        outline: 'outline',
+        outlineColor: 'outline-color',
+        outlineOffset: 'outline-offset',
+        overflow: 'overflow',
+        overflowWrap: 'overflow-wrap',
+        overflowX: 'overflow-x',
+        overflowY: 'overflow-y',
+        paddingBottom: 'padding-bottom',
+        paddingLeft: 'padding-left',
+        paddingRight: 'padding-right',
+        paddingTop: 'padding-top',
+        perspective: 'perspective',
+        pointerEvents: 'pointer-events',
+        position: 'position',
+        resize: 'resize',
+        right: 'right',
+        speak: 'speak',
+        src: 'src',
+        tableLayout: 'table-layout',
+        textAlign: 'text-align',
+        textDecoration: 'text-decoration',
+        textOverflow: 'text-overflow',
+        textTransform: 'text-transform',
+        top: 'top',
+        transform: 'transform',
+        transformOrigin: 'transform-origin',
+        transition: 'transition',
+        transitionDelay: 'transition-delay',
+        transitionDuration: 'transition-duration',
+        transitionProperty: 'transition-property',
+        transitionTimingFunction: 'transition-timing-function',
+        userSelect: 'user-select',
+        verticalAlign: 'vertical-align',
+        visibility: 'visibility',
+        webkitFontSmoothing: 'webkit-font-smoothing',
+        whiteSpace: 'white-space',
+        width: 'width',
+        wordBreak: 'word-break',
+        wordWrap: 'word-wrap',
+        zIndex: 'z-index'
+    };
     function kebabRules(rulePairs, index) {
-        rulePairs[index] = rulePairs[index].replace(/([A-Z])/g, '-$1').toLowerCase();
+        var rule = rulePairs[index];
+        rulePairs[index] = rules[rule] = rules[rule] || rule.replace(/([A-Z])/g, '-$1').toLowerCase();
     }
@@ -7,0 +129,0 @@ exports.kebabRules = kebabRules;

lib-commonjs/concatStyleSets.js

@@ -12,2 +12,5 @@ "use strict";
     }
+    if (styleSets && styleSets.length === 1 && styleSets[0] && !styleSets[0].subComponentStyles) {
+        return styleSets[0];
+    }
     var mergedSet = {};
@@ -14,0 +17,0 @@ // We process sub component styles in two phases. First we collect them, then we combine them into 1 style function.

lib-commonjs/transforms/kebabRules.js

 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+var rules = {
+    MozOsxFontSmoothing: '-moz-osx-font-smoothing',
+    MsHighContrastAdjust: '-ms-high-contrast-adjust',
+    WebkitFontSmoothing: '-webkit-font-smoothing',
+    WebkitOverflowScrolling: '-webkit-overflow-scrolling',
+    WebkitTapHighlightColor: '-webkit-tap-highlight-color',
+    alignContent: 'align-content',
+    alignItems: 'align-items',
+    alignSelf: 'align-self',
+    animation: 'animation',
+    animationDelay: 'animation-delay',
+    animationDirection: 'animation-direction',
+    animationDuration: 'animation-duration',
+    animationFillMode: 'animation-fill-mode',
+    animationIterationCount: 'animation-iteration-count',
+    animationName: 'animation-name',
+    animationTimingFunction: 'animation-timing-function',
+    background: 'background',
+    backgroundClip: 'background-clip',
+    backgroundColor: 'background-color',
+    backgroundImage: 'background-image',
+    backgroundPosition: 'background-position',
+    border: 'border',
+    borderBottom: 'border-bottom',
+    borderBottomColor: 'border-bottom-color',
+    borderBottomStyle: 'border-bottom-style',
+    borderBottomWidth: 'border-bottom-width',
+    borderCollapse: 'border-collapse',
+    borderColor: 'border-color',
+    borderLeft: 'border-left',
+    borderRadius: 'border-radius',
+    borderRight: 'border-right',
+    borderStyle: 'border-style',
+    borderTop: 'border-top',
+    borderTopColor: 'border-top-color',
+    borderTopLeftRadius: 'border-top-left-radius',
+    borderTopRightRadius: 'border-top-right-radius',
+    borderTopStyle: 'border-top-style',
+    borderTopWidth: 'border-top-width',
+    borderWidth: 'border-width',
+    bordercolor: 'bordercolor',
+    bottom: 'bottom',
+    boxShadow: 'box-shadow',
+    boxSizing: 'box-sizing',
+    clear: 'clear',
+    color: 'color',
+    content: 'content',
+    cursor: 'cursor',
+    display: 'display',
+    fill: 'fill',
+    flex: 'flex',
+    flexBasis: 'flex-basis',
+    flexDirection: 'flex-direction',
+    flexGrow: 'flex-grow',
+    flexShrink: 'flex-shrink',
+    flexWrap: 'flex-wrap',
+    float: 'float',
+    font: 'font',
+    fontFamily: 'font-family',
+    fontSize: 'font-size',
+    fontStyle: 'font-style',
+    fontWeight: 'font-weight',
+    height: 'height',
+    justifyContent: 'justify-content',
+    left: 'left',
+    lineHeight: 'line-height',
+    listStyle: 'list-style',
+    listStyleType: 'list-style-type',
+    marginBottom: 'margin-bottom',
+    marginLeft: 'margin-left',
+    marginRight: 'margin-right',
+    marginTop: 'margin-top',
+    maxHeight: 'max-height',
+    maxWidth: 'max-width',
+    minHeight: 'min-height',
+    minWidth: 'min-width',
+    mozOsxFontSmoothing: 'moz-osx-font-smoothing',
+    objectFit: 'object-fit',
+    opacity: 'opacity',
+    order: 'order',
+    outline: 'outline',
+    outlineColor: 'outline-color',
+    outlineOffset: 'outline-offset',
+    overflow: 'overflow',
+    overflowWrap: 'overflow-wrap',
+    overflowX: 'overflow-x',
+    overflowY: 'overflow-y',
+    paddingBottom: 'padding-bottom',
+    paddingLeft: 'padding-left',
+    paddingRight: 'padding-right',
+    paddingTop: 'padding-top',
+    perspective: 'perspective',
+    pointerEvents: 'pointer-events',
+    position: 'position',
+    resize: 'resize',
+    right: 'right',
+    speak: 'speak',
+    src: 'src',
+    tableLayout: 'table-layout',
+    textAlign: 'text-align',
+    textDecoration: 'text-decoration',
+    textOverflow: 'text-overflow',
+    textTransform: 'text-transform',
+    top: 'top',
+    transform: 'transform',
+    transformOrigin: 'transform-origin',
+    transition: 'transition',
+    transitionDelay: 'transition-delay',
+    transitionDuration: 'transition-duration',
+    transitionProperty: 'transition-property',
+    transitionTimingFunction: 'transition-timing-function',
+    userSelect: 'user-select',
+    verticalAlign: 'vertical-align',
+    visibility: 'visibility',
+    webkitFontSmoothing: 'webkit-font-smoothing',
+    whiteSpace: 'white-space',
+    width: 'width',
+    wordBreak: 'word-break',
+    wordWrap: 'word-wrap',
+    zIndex: 'z-index'
+};
 function kebabRules(rulePairs, index) {
-    rulePairs[index] = rulePairs[index].replace(/([A-Z])/g, '-$1').toLowerCase();
+    var rule = rulePairs[index];
+    rulePairs[index] = rules[rule] = rules[rule] || rule.replace(/([A-Z])/g, '-$1').toLowerCase();
 }
 exports.kebabRules = kebabRules;
 //# sourceMappingURL=kebabRules.js.map

lib/concatStyleSets.js

@@ -10,2 +10,5 @@ /**
     }
+    if (styleSets && styleSets.length === 1 && styleSets[0] && !styleSets[0].subComponentStyles) {
+        return styleSets[0];
+    }
     var mergedSet = {};
@@ -12,0 +15,0 @@ // We process sub component styles in two phases. First we collect them, then we combine them into 1 style function.

lib/transforms/kebabRules.js

@@ -0,4 +1,126 @@
+var rules = {
+    MozOsxFontSmoothing: '-moz-osx-font-smoothing',
+    MsHighContrastAdjust: '-ms-high-contrast-adjust',
+    WebkitFontSmoothing: '-webkit-font-smoothing',
+    WebkitOverflowScrolling: '-webkit-overflow-scrolling',
+    WebkitTapHighlightColor: '-webkit-tap-highlight-color',
+    alignContent: 'align-content',
+    alignItems: 'align-items',
+    alignSelf: 'align-self',
+    animation: 'animation',
+    animationDelay: 'animation-delay',
+    animationDirection: 'animation-direction',
+    animationDuration: 'animation-duration',
+    animationFillMode: 'animation-fill-mode',
+    animationIterationCount: 'animation-iteration-count',
+    animationName: 'animation-name',
+    animationTimingFunction: 'animation-timing-function',
+    background: 'background',
+    backgroundClip: 'background-clip',
+    backgroundColor: 'background-color',
+    backgroundImage: 'background-image',
+    backgroundPosition: 'background-position',
+    border: 'border',
+    borderBottom: 'border-bottom',
+    borderBottomColor: 'border-bottom-color',
+    borderBottomStyle: 'border-bottom-style',
+    borderBottomWidth: 'border-bottom-width',
+    borderCollapse: 'border-collapse',
+    borderColor: 'border-color',
+    borderLeft: 'border-left',
+    borderRadius: 'border-radius',
+    borderRight: 'border-right',
+    borderStyle: 'border-style',
+    borderTop: 'border-top',
+    borderTopColor: 'border-top-color',
+    borderTopLeftRadius: 'border-top-left-radius',
+    borderTopRightRadius: 'border-top-right-radius',
+    borderTopStyle: 'border-top-style',
+    borderTopWidth: 'border-top-width',
+    borderWidth: 'border-width',
+    bordercolor: 'bordercolor',
+    bottom: 'bottom',
+    boxShadow: 'box-shadow',
+    boxSizing: 'box-sizing',
+    clear: 'clear',
+    color: 'color',
+    content: 'content',
+    cursor: 'cursor',
+    display: 'display',
+    fill: 'fill',
+    flex: 'flex',
+    flexBasis: 'flex-basis',
+    flexDirection: 'flex-direction',
+    flexGrow: 'flex-grow',
+    flexShrink: 'flex-shrink',
+    flexWrap: 'flex-wrap',
+    float: 'float',
+    font: 'font',
+    fontFamily: 'font-family',
+    fontSize: 'font-size',
+    fontStyle: 'font-style',
+    fontWeight: 'font-weight',
+    height: 'height',
+    justifyContent: 'justify-content',
+    left: 'left',
+    lineHeight: 'line-height',
+    listStyle: 'list-style',
+    listStyleType: 'list-style-type',
+    marginBottom: 'margin-bottom',
+    marginLeft: 'margin-left',
+    marginRight: 'margin-right',
+    marginTop: 'margin-top',
+    maxHeight: 'max-height',
+    maxWidth: 'max-width',
+    minHeight: 'min-height',
+    minWidth: 'min-width',
+    mozOsxFontSmoothing: 'moz-osx-font-smoothing',
+    objectFit: 'object-fit',
+    opacity: 'opacity',
+    order: 'order',
+    outline: 'outline',
+    outlineColor: 'outline-color',
+    outlineOffset: 'outline-offset',
+    overflow: 'overflow',
+    overflowWrap: 'overflow-wrap',
+    overflowX: 'overflow-x',
+    overflowY: 'overflow-y',
+    paddingBottom: 'padding-bottom',
+    paddingLeft: 'padding-left',
+    paddingRight: 'padding-right',
+    paddingTop: 'padding-top',
+    perspective: 'perspective',
+    pointerEvents: 'pointer-events',
+    position: 'position',
+    resize: 'resize',
+    right: 'right',
+    speak: 'speak',
+    src: 'src',
+    tableLayout: 'table-layout',
+    textAlign: 'text-align',
+    textDecoration: 'text-decoration',
+    textOverflow: 'text-overflow',
+    textTransform: 'text-transform',
+    top: 'top',
+    transform: 'transform',
+    transformOrigin: 'transform-origin',
+    transition: 'transition',
+    transitionDelay: 'transition-delay',
+    transitionDuration: 'transition-duration',
+    transitionProperty: 'transition-property',
+    transitionTimingFunction: 'transition-timing-function',
+    userSelect: 'user-select',
+    verticalAlign: 'vertical-align',
+    visibility: 'visibility',
+    webkitFontSmoothing: 'webkit-font-smoothing',
+    whiteSpace: 'white-space',
+    width: 'width',
+    wordBreak: 'word-break',
+    wordWrap: 'word-wrap',
+    zIndex: 'z-index'
+};
 export function kebabRules(rulePairs, index) {
-    rulePairs[index] = rulePairs[index].replace(/([A-Z])/g, '-$1').toLowerCase();
+    var rule = rulePairs[index];
+    rulePairs[index] = rules[rule] = rules[rule] || rule.replace(/([A-Z])/g, '-$1').toLowerCase();
 }
 //# sourceMappingURL=kebabRules.js.map

package-deps.json

@@ -5,13 +5,13 @@ {
     "packages/merge-styles/.npmrc": "825c83e09df4dad076d980d1236c532d689edf75",
-    "packages/merge-styles/CHANGELOG.json": "1b00cb3744f39f7f96826ad0ddb6368093a2180c",
-    "packages/merge-styles/CHANGELOG.md": "d34485b1ae2c94feaddd9f12f5e972c45b367375",
+    "packages/merge-styles/CHANGELOG.json": "7b9026fece48fa219bc580c17d583ddc6fd31924",
+    "packages/merge-styles/CHANGELOG.md": "39a0a5a83fc8d607844161a2e0fe7ea69fc59163",
     "packages/merge-styles/LICENSE": "2e1d3bca160567121fa1981148ab1e654e4786cf",
     "packages/merge-styles/README.md": "b431181ad3b3854e1790954bcfd84456baeaf158",
     "packages/merge-styles/config/api-extractor.json": "138cb3e5389438304cacda1c4d2114d0621c921e",
-    "packages/merge-styles/etc/merge-styles.api.md": "46d802037adb0cca38119f479b2771a2904b248e",
+    "packages/merge-styles/etc/merge-styles.api.md": "31b634ed80ca8bdbb3801cac5ef367adc2c516e9",
     "packages/merge-styles/jest.config.js": "391bb842a574212c32950b8ddbe918360062abb9",
     "packages/merge-styles/just.config.js": "9b02735092d6c2515d264bd26fc673f09c3385e8",
-    "packages/merge-styles/package.json": "132a80858b75004b38310e15a912050089b07bc2",
+    "packages/merge-styles/package.json": "53876e5251db741676cc10c10b0adb84b0ca898c",
     "packages/merge-styles/prettier.config.js": "2ad22963ecf7fe7d5b97d29188addb1e25420257",
-    "packages/merge-styles/src/IRawStyleBase.ts": "06e2b2da9e284b7576699514f95852c8bd3090da",
+    "packages/merge-styles/src/IRawStyleBase.ts": "a42b38075f57ed95ffe80cd5e68032b87721541e",
     "packages/merge-styles/src/IStyle.ts": "8b156fae481716da6732270b8c136fcc22f6090d",
@@ -23,3 +23,3 @@ "packages/merge-styles/src/IStyleFunction.ts": "d722c2f52f42a1dd7aa68c9554aa0a5dc6a9341c",
     "packages/merge-styles/src/concatStyleSets.test.ts": "a826ad90e95f1f04b44b0ae6b311887ec4e0b281",
-    "packages/merge-styles/src/concatStyleSets.ts": "ef8ea370e1d48f057371ee0cc396a69ca8ec737c",
+    "packages/merge-styles/src/concatStyleSets.ts": "61b099e72536a269d6537e5a73974414a266eeec",
     "packages/merge-styles/src/extractStyleParts.test.ts": "b72651694aa895bfa1a24d0c245bb3dffd115596",
@@ -33,3 +33,3 @@ "packages/merge-styles/src/extractStyleParts.ts": "3de7f84c4abeb2ca90c563ac24a908fa7299438a",
     "packages/merge-styles/src/keyframes.ts": "fd3b44147f00371cf0a00561cb082194ade91ade",
-    "packages/merge-styles/src/mergeStyleSets.test.ts": "56f7133121b950a08f4731cf2790be311846912d",
+    "packages/merge-styles/src/mergeStyleSets.test.ts": "b1997bd29c605de78247531a53afb411901f238c",
     "packages/merge-styles/src/mergeStyleSets.ts": "0393eb908e543c2921bbb1894adaf85becc25218",
@@ -43,3 +43,3 @@ "packages/merge-styles/src/mergeStyles.test.ts": "5992c64474986cebc503462692352e5ffca7f5a7",
     "packages/merge-styles/src/transforms/kebabRules.test.ts": "58d61c83ccdad62e5db079ab9a10b66a4cb73852",
-    "packages/merge-styles/src/transforms/kebabRules.ts": "4765e4f562b5f790d1d8e67e9ec62d138481b614",
+    "packages/merge-styles/src/transforms/kebabRules.ts": "db603589fce4b794ddc0df26d40a836f5e1a6bdd",
     "packages/merge-styles/src/transforms/prefixRules.test.ts": "5b6e484dfbcea8e7f91c4b754ae3f84624da9a59",
@@ -55,5 +55,5 @@ "packages/merge-styles/src/transforms/prefixRules.ts": "5e21210856d92573f2406d65794743a1edcf6ba2",
     "packages/merge-styles/webpack.config.js": "676496006d39be9f69bce74865e2d48d6f9738e9",
-    "common/config/rush/shrinkwrap.yaml": "b9a88ff48e2e112a01e137b7d6478bba8d5eeb02"
+    "common/config/rush/shrinkwrap.yaml": "e27450674249104eadb6e5744db08a77fe911ae4"
   },
   "arguments": "npx just-scripts build --production"
 }

package.json

 {
   "name": "@uifabric/merge-styles",
-  "version": "7.0.2",
+  "version": "7.1.0",
   "description": "Office UI Fabric style loading utilities.",
@@ -5,0 +5,0 @@ "main": "lib-commonjs/index.js",

temp/merge-styles.api.md

@@ -53,2 +53,3 @@ ## API Report File for "@uifabric/merge-styles"
 export interface IFontFace extends IRawFontStyle {
+    fontDisplay?: 'auto' | 'block' | 'swap' | 'fallback' | 'optional';
     fontFeatureSettings?: string;
@@ -55,0 +56,0 @@ src?: string;

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

1780482

increased by3.11%

Lines of code

29644

increased by2.06%

No dependency changes