@uifabric/merge-styles - npm Package Compare versions

Comparing version 7.18.0 to 7.19.0

CHANGELOG.json

@@ -5,6 +5,36 @@ {
     {
-      "date": "Fri, 28 Aug 2020 12:23:32 GMT",
+      "date": "Tue, 15 Sep 2020 12:21:15 GMT",
+      "tag": "@uifabric/merge-styles_v7.19.0",
+      "version": "7.19.0",
+      "comments": {
+        "minor": [
+          {
+            "comment": "Exporting additional typings, updated auto-unit generation to not prefix the default unit (px) on css custom properties.",
+            "author": "[e-mail]",
+            "commit": "1838dcc8b214345f6cc8f9c0904a2cc66cc39f71",
+            "package": "@uifabric/merge-styles"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Mon, 14 Sep 2020 12:22:12 GMT",
       "tag": "@uifabric/merge-styles_v7.18.0",
       "version": "7.18.0",
       "comments": {
+        "none": [
+          {
+            "comment": "Fix API file newlines",
+            "author": "[e-mail]",
+            "commit": "728b287a05f3c521e3b1ab7ea58071ac07d7c727",
+            "package": "@uifabric/merge-styles"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Fri, 28 Aug 2020 12:29:20 GMT",
+      "tag": "@uifabric/merge-styles_v7.18.0",
+      "version": "7.18.0",
+      "comments": {
         "minor": [
@@ -11,0 +41,0 @@ {

CHANGELOG.md

 # Change Log - @uifabric/merge-styles
 
-This log was last generated on Fri, 28 Aug 2020 12:23:32 GMT and should not be manually modified.
+This log was last generated on Tue, 15 Sep 2020 12:21:15 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [7.19.0](https://github.com/microsoft/fluentui/tree/@uifabric/merge-styles_v7.19.0)
+
+Tue, 15 Sep 2020 12:21:15 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@uifabric/merge-styles_v7.18.0..@uifabric/merge-styles_v7.19.0)
+
+### Minor changes
+
+- Exporting additional typings, updated auto-unit generation to not prefix the default unit (px) on css custom properties. ([PR #14985](https://github.com/microsoft/fluentui/pull/14985) by [e-mail])
+
 ## [7.18.0](https://github.com/microsoft/fluentui/tree/@uifabric/merge-styles_v7.18.0)
 
-Fri, 28 Aug 2020 12:23:32 GMT 
+Fri, 28 Aug 2020 12:29:20 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@uifabric/merge-styles_v7.17.0..@uifabric/merge-styles_v7.18.0)
@@ -11,0 +20,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 i=t[r]={i:r,l:!1,exports:{}};return e[r].call(i.exports,i,i.exports,n),i.l=!0,i.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 i in e)n.d(r,i,function(t){return e[t]}.bind(null,i));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),n.d(t,"mergeStyles",(function(){return W})),n.d(t,"mergeCss",(function(){return B})),n.d(t,"mergeStyleSets",(function(){return K})),n.d(t,"mergeCssSets",(function(){return q})),n.d(t,"concatStyleSets",(function(){return L})),n.d(t,"concatStyleSetsWithProps",(function(){return $})),n.d(t,"fontFace",(function(){return D})),n.d(t,"keyframes",(function(){return Z})),n.d(t,"InjectionMode",(function(){return o})),n.d(t,"Stylesheet",(function(){return f})),n.d(t,"setRTL",(function(){return p}));var r=function(){return(r=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e}).apply(this,arguments)};function i(){for(var e=0,t=0,n=arguments.length;t<n;t++)e+=arguments[t].length;var r=Array(e),i=0;for(t=0;t<n;t++)for(var s=arguments[t],o=0,a=s.length;o<a;o++,i++)r[i]=s[o];return r}var s,o={none:0,insertNode:1,appendChild:2},a="undefined"!=typeof navigator&&/rv:11.0/.test(navigator.userAgent),l={};try{l=window}catch(e){}var u,f=function(){function e(e){this._rules=[],this._preservedRules=[],this._rulesToInsert=[],this._counter=0,this._keyToClassName={},this._onResetCallbacks=[],this._classNameToArgs={},this._config=r({injectionMode:o.insertNode,defaultPrefix:"css",namespace:void 0,cspSettings:void 0},e),this._keyToClassName=this._config.classNameCache||{}}return e.getInstance=function(){var t;if(!(s=l.__stylesheet__)||s._lastStyleElement&&s._lastStyleElement.ownerDocument!==document){var n=(null===(t=l)||void 0===t?void 0:t.FabricConfig)||{};s=l.__stylesheet__=new e(n.mergeStyles)}return s},e.prototype.setConfig=function(e){this._config=r(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.getClassNameCache=function(){return this._keyToClassName},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!==o.none?this._getStyleElement():void 0;if(t&&this._preservedRules.push(e),n)switch(this._config.injectionMode){case o.insertNode:var r=n.sheet;try{r.insertRule(e,r.cssRules.length)}catch(e){}break;case o.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(),a||window.requestAnimationFrame((function(){e._styleElement=void 0}))),this._styleElement},e.prototype._createStyleElement=function(){var e=document.head,t=document.createElement("style");t.setAttribute("data-merge-styles","true");var n=this._config.cspSettings;if(n&&n.nonce&&t.setAttribute("nonce",n.nonce),this._lastStyleElement)e.insertBefore(t,this._lastStyleElement.nextElementSibling);else{var r=this._findPlaceholderStyleTag();r?e.insertBefore(t,r.nextElementSibling):e.insertBefore(t,e.childNodes[0])}return this._lastStyleElement=t,t},e.prototype._findPlaceholderStyleTag=function(){var e=document.head;return e?e.querySelector("style[data-merge-styles]"):null},e}();function c(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];var n=[],r=[],i=f.getInstance();function s(e){for(var t=0,o=e;t<o.length;t++){var a=o[t];if(a)if("string"==typeof a)if(a.indexOf(" ")>=0)s(a.split(" "));else{var l=i.argsFromClassName(a);l?s(l):-1===n.indexOf(a)&&n.push(a)}else Array.isArray(a)?s(a):"object"==typeof a&&r.push(a)}}return s(e),{classes:n,objects:r}}function p(e){u!==e&&(u=e)}function d(){return void 0===u&&(u="undefined"!=typeof document&&!!document.documentElement&&"rtl"===document.documentElement.getAttribute("dir")),u}function v(){return{rtl:d()}}u=d();var h,y={};var g={"user-select":1};function m(e,t){var n=function(){if(!h){var e="undefined"!=typeof document?document:void 0,t="undefined"!=typeof navigator?navigator:void 0,n=t?t.userAgent.toLowerCase():void 0;h=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 h}(),r=e[t];if(g[r]){var i=e[t+1];g[r]&&(n.isWebkit&&e.push("-webkit-"+r,i),n.isMoz&&e.push("-moz-"+r,i),n.isMs&&e.push("-ms-"+r,i),n.isOpera&&e.push("-o-"+r,i))}}var _,b=["column-count","font-weight","flex","flex-grow","flex-shrink","fill-opacity","opacity","order","z-index","zoom"];function S(e,t){var n=e[t],r=e[t+1];if("number"==typeof r){var i=-1===b.indexOf(n)?"px":"";e[t+1]=""+r+i}}var C="left",N="right",O=((_={})[C]=N,_[N]=C,_),x={"w-resize":"e-resize","sw-resize":"se-resize","nw-resize":"ne-resize"};function w(e,t,n){if(e.rtl){var r=t[n];if(!r)return;var i=t[n+1];if("string"==typeof i&&i.indexOf("@noflip")>=0)t[n+1]=i.replace(/\s*(?:\/\*\s*)?\@noflip\b(?:\s*\*\/)?\s*?/g,"");else if(r.indexOf(C)>=0)t[n]=r.replace(C,N);else if(r.indexOf(N)>=0)t[n]=r.replace(N,C);else if(String(i).indexOf(C)>=0)t[n+1]=i.replace(C,N);else if(String(i).indexOf(N)>=0)t[n+1]=i.replace(N,C);else if(O[r])t[n]=O[r];else if(x[i])t[n+1]=x[i];else switch(r){case"margin":case"padding":t[n+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}(i);break;case"box-shadow":t[n+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(" ")}(i,0)}}}function j(e){var t=e&&e["&"];return t?t.displayName:void 0}var k=/\:global\((.+?)\)/g;function A(e,t){return e.indexOf(":global(")>=0?e.replace(k,"$1"):0===e.indexOf(":")?t+e:e.indexOf("&")<0?t+" "+e:e}function T(e,t,n,r){void 0===t&&(t={__order:[]}),0===n.indexOf("@")?E([r],t,n=n+"{"+e):n.indexOf(",")>-1?function(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],i=t[2];return e.slice(0,n)+i+e.slice(r)}),e)}(n).split(",").map((function(e){return e.trim()})).forEach((function(n){return E([r],t,A(n,e))})):E([r],t,A(n,e))}function E(e,t,n){void 0===t&&(t={__order:[]}),void 0===n&&(n="&");var r=f.getInstance(),i=t[n];i||(i={},t[n]=i,t.__order.push(n));for(var s=0,o=e;s<o.length;s++){var a=o[s];if("string"==typeof a){var l=r.argsFromClassName(a);l&&E(l,t,n)}else if(Array.isArray(a))E(a,t,n);else for(var u in a)if(a.hasOwnProperty(u)){var c=a[u];if("selectors"===u){var p=a.selectors;for(var d in p)p.hasOwnProperty(d)&&T(n,t,d,p[d])}else"object"==typeof c?null!==c&&T(n,t,u,c):void 0!==c&&("margin"===u||"padding"===u?P(i,u,c):i[u]=c)}}return t}function P(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 R(e,t){for(var n=[e.rtl?"rtl":"ltr"],r=!1,i=0,s=t.__order;i<s.length;i++){var o=s[i];n.push(o);var a=t[o];for(var l in a)a.hasOwnProperty(l)&&void 0!==a[l]&&(r=!0,n.push(l,a[l]))}return r?n.join(""):void 0}function M(e,t){return t<=0?"":1===t?e:e+M(e,t-1)}function I(e,t){if(!t)return"";var n,r,i,s=[];for(var o in t)t.hasOwnProperty(o)&&"displayName"!==o&&void 0!==t[o]&&s.push(o,t[o]);for(var a=0;a<s.length;a+=2)i=void 0,"-"!==(i=(n=s)[r=a]).charAt(0)&&(n[r]=y[i]=y[i]||i.replace(/([A-Z])/g,"-$1").toLowerCase()),S(s,a),w(e,s,a),m(s,a);for(a=1;a<s.length;a+=4)s.splice(a,1,":",s[a],";");return s.join("")}function z(e){for(var t=[],n=1;n<arguments.length;n++)t[n-1]=arguments[n];var r=E(t),i=R(e,r);if(i){var s=f.getInstance(),o={className:s.classNameFromKey(i),key:i,args:t};if(!o.className){o.className=s.getClassName(j(r));for(var a=[],l=0,u=r.__order;l<u.length;l++){var c=u[l];a.push(c,I(e,r[c]))}o.rulesToInsert=a}return o}}function F(e,t){void 0===t&&(t=1);var n=f.getInstance(),r=e.className,i=e.key,s=e.args,o=e.rulesToInsert;if(o){for(var a=0;a<o.length;a+=2){var l=o[a+1];if(l){var u=o[a],c=(u=u.replace(/&/g,M("."+e.className,t)))+"{"+l+"}"+(0===u.indexOf("@")?"}":"");n.insertRule(c)}}n.cacheClassName(r,i,s,o)}}function W(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return B(e,v())}function B(e,t){var n=c(e instanceof Array?e:[e]),r=n.classes,s=n.objects;return s.length&&r.push(function(e){for(var t=[],n=1;n<arguments.length;n++)t[n-1]=arguments[n];var r=z.apply(void 0,i([e],t));return r?(F(r,e.specificityMultiplier),r.className):""}(t||{},s)),r.join(" ")}function L(){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={},s=0,o=e;s<o.length;s++){var a=o[s];if(a)for(var l in a)if(a.hasOwnProperty(l)){if("subComponentStyles"===l&&void 0!==a.subComponentStyles){var u=a.subComponentStyles;for(var f in u)u.hasOwnProperty(f)&&(r.hasOwnProperty(f)?r[f].push(u[f]):r[f]=[u[f]]);continue}var c=n[l],p=a[l];n[l]=void 0===c?p:i(Array.isArray(c)?c:[c],Array.isArray(p)?p:[p])}}if(Object.keys(r).length>0){n.subComponentStyles={};var d=n.subComponentStyles,v=function(e){if(r.hasOwnProperty(e)){var t=r[e];d[e]=function(e){return L.apply(void 0,t.map((function(t){return"function"==typeof t?t(e):t})))}}};for(var f in r)v(f)}return n}function K(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return q(e,v())}function q(e,t){var n,r,i={subComponentStyles:{}};if(!e[0]&&e.length<=1)return{subComponentStyles:{}};var s=L.apply(void 0,e),o=[];for(var a in s)if(s.hasOwnProperty(a)){if("subComponentStyles"===a){i.subComponentStyles=s.subComponentStyles||{};continue}var l=c(s[a]),u=l.classes,f=l.objects;if(null===(n=f)||void 0===n?void 0:n.length)(v=z(t||{},{displayName:a},f))&&(o.push(v),i[a]=u.concat([v.className]).join(" "));else i[a]=u.join(" ")}for(var p=0,d=o;p<d.length;p++){var v;(v=d[p])&&F(v,null===(r=t)||void 0===r?void 0:r.specificityMultiplier)}return i}function $(e){for(var t=[],n=1;n<arguments.length;n++)t[n-1]=arguments[n];for(var r=[],i=0,s=t;i<s.length;i++){var o=s[i];o&&r.push("function"==typeof o?o(e):o)}return 1===r.length?r[0]:r.length?L.apply(void 0,r):{}}function D(e){f.getInstance().insertRule("@font-face{"+I(v(),e)+"}",!0)}function Z(e){var t=f.getInstance(),n=t.getClassName(),r=[];for(var i in e)e.hasOwnProperty(i)&&r.push(i,"{",I(v(),e[i]),"}");var s=r.join("");return t.insertRule("@keyframes "+n+"{"+s+"}",!0),t.cacheClassName(n,s,[],["keyframes",s]),n}var G={},H=void 0;try{H=window}catch(e){}function J(e,t){if(void 0!==H){var n=H.__packages__=H.__packages__||{};if(!n[e]||!G[e])G[e]=t,(n[e]=n[e]||[]).push(t)}}J("@uifabric/set-version","6.0.0"),J("@uifabric/merge-styles","7.18.0")}]);
+var MergeStyles=function(e){var t={};function n(r){if(t[r])return t[r].exports;var i=t[r]={i:r,l:!1,exports:{}};return e[r].call(i.exports,i,i.exports,n),i.l=!0,i.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 i in e)n.d(r,i,function(t){return e[t]}.bind(null,i));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),n.d(t,"mergeStyles",(function(){return W})),n.d(t,"mergeCss",(function(){return B})),n.d(t,"mergeStyleSets",(function(){return K})),n.d(t,"mergeCssSets",(function(){return q})),n.d(t,"concatStyleSets",(function(){return L})),n.d(t,"concatStyleSetsWithProps",(function(){return $})),n.d(t,"fontFace",(function(){return D})),n.d(t,"keyframes",(function(){return Z})),n.d(t,"InjectionMode",(function(){return o})),n.d(t,"Stylesheet",(function(){return f})),n.d(t,"setRTL",(function(){return p}));var r=function(){return(r=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e}).apply(this,arguments)};function i(){for(var e=0,t=0,n=arguments.length;t<n;t++)e+=arguments[t].length;var r=Array(e),i=0;for(t=0;t<n;t++)for(var s=arguments[t],o=0,a=s.length;o<a;o++,i++)r[i]=s[o];return r}var s,o={none:0,insertNode:1,appendChild:2},a="undefined"!=typeof navigator&&/rv:11.0/.test(navigator.userAgent),l={};try{l=window}catch(e){}var u,f=function(){function e(e){this._rules=[],this._preservedRules=[],this._rulesToInsert=[],this._counter=0,this._keyToClassName={},this._onResetCallbacks=[],this._classNameToArgs={},this._config=r({injectionMode:o.insertNode,defaultPrefix:"css",namespace:void 0,cspSettings:void 0},e),this._keyToClassName=this._config.classNameCache||{}}return e.getInstance=function(){var t;if(!(s=l.__stylesheet__)||s._lastStyleElement&&s._lastStyleElement.ownerDocument!==document){var n=(null===(t=l)||void 0===t?void 0:t.FabricConfig)||{};s=l.__stylesheet__=new e(n.mergeStyles)}return s},e.prototype.setConfig=function(e){this._config=r(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.getClassNameCache=function(){return this._keyToClassName},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!==o.none?this._getStyleElement():void 0;if(t&&this._preservedRules.push(e),n)switch(this._config.injectionMode){case o.insertNode:var r=n.sheet;try{r.insertRule(e,r.cssRules.length)}catch(e){}break;case o.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(),a||window.requestAnimationFrame((function(){e._styleElement=void 0}))),this._styleElement},e.prototype._createStyleElement=function(){var e=document.head,t=document.createElement("style");t.setAttribute("data-merge-styles","true");var n=this._config.cspSettings;if(n&&n.nonce&&t.setAttribute("nonce",n.nonce),this._lastStyleElement)e.insertBefore(t,this._lastStyleElement.nextElementSibling);else{var r=this._findPlaceholderStyleTag();r?e.insertBefore(t,r.nextElementSibling):e.insertBefore(t,e.childNodes[0])}return this._lastStyleElement=t,t},e.prototype._findPlaceholderStyleTag=function(){var e=document.head;return e?e.querySelector("style[data-merge-styles]"):null},e}();function c(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];var n=[],r=[],i=f.getInstance();function s(e){for(var t=0,o=e;t<o.length;t++){var a=o[t];if(a)if("string"==typeof a)if(a.indexOf(" ")>=0)s(a.split(" "));else{var l=i.argsFromClassName(a);l?s(l):-1===n.indexOf(a)&&n.push(a)}else Array.isArray(a)?s(a):"object"==typeof a&&r.push(a)}}return s(e),{classes:n,objects:r}}function p(e){u!==e&&(u=e)}function d(){return void 0===u&&(u="undefined"!=typeof document&&!!document.documentElement&&"rtl"===document.documentElement.getAttribute("dir")),u}function v(){return{rtl:d()}}u=d();var h,y={};var g={"user-select":1};function m(e,t){var n=function(){if(!h){var e="undefined"!=typeof document?document:void 0,t="undefined"!=typeof navigator?navigator:void 0,n=t?t.userAgent.toLowerCase():void 0;h=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 h}(),r=e[t];if(g[r]){var i=e[t+1];g[r]&&(n.isWebkit&&e.push("-webkit-"+r,i),n.isMoz&&e.push("-moz-"+r,i),n.isMs&&e.push("-ms-"+r,i),n.isOpera&&e.push("-o-"+r,i))}}var _,b=["column-count","font-weight","flex","flex-grow","flex-shrink","fill-opacity","opacity","order","z-index","zoom"];function S(e,t){var n=e[t],r=e[t+1];if("number"==typeof r){var i=b.indexOf(n)>-1,s=n.indexOf("--")>-1,o=i||s?"":"px";e[t+1]=""+r+o}}var C="left",O="right",N=((_={})[C]=O,_[O]=C,_),x={"w-resize":"e-resize","sw-resize":"se-resize","nw-resize":"ne-resize"};function w(e,t,n){if(e.rtl){var r=t[n];if(!r)return;var i=t[n+1];if("string"==typeof i&&i.indexOf("@noflip")>=0)t[n+1]=i.replace(/\s*(?:\/\*\s*)?\@noflip\b(?:\s*\*\/)?\s*?/g,"");else if(r.indexOf(C)>=0)t[n]=r.replace(C,O);else if(r.indexOf(O)>=0)t[n]=r.replace(O,C);else if(String(i).indexOf(C)>=0)t[n+1]=i.replace(C,O);else if(String(i).indexOf(O)>=0)t[n+1]=i.replace(O,C);else if(N[r])t[n]=N[r];else if(x[i])t[n+1]=x[i];else switch(r){case"margin":case"padding":t[n+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}(i);break;case"box-shadow":t[n+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(" ")}(i,0)}}}function j(e){var t=e&&e["&"];return t?t.displayName:void 0}var k=/\:global\((.+?)\)/g;function A(e,t){return e.indexOf(":global(")>=0?e.replace(k,"$1"):0===e.indexOf(":")?t+e:e.indexOf("&")<0?t+" "+e:e}function T(e,t,n,r){void 0===t&&(t={__order:[]}),0===n.indexOf("@")?E([r],t,n=n+"{"+e):n.indexOf(",")>-1?function(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],i=t[2];return e.slice(0,n)+i+e.slice(r)}),e)}(n).split(",").map((function(e){return e.trim()})).forEach((function(n){return E([r],t,A(n,e))})):E([r],t,A(n,e))}function E(e,t,n){void 0===t&&(t={__order:[]}),void 0===n&&(n="&");var r=f.getInstance(),i=t[n];i||(i={},t[n]=i,t.__order.push(n));for(var s=0,o=e;s<o.length;s++){var a=o[s];if("string"==typeof a){var l=r.argsFromClassName(a);l&&E(l,t,n)}else if(Array.isArray(a))E(a,t,n);else for(var u in a)if(a.hasOwnProperty(u)){var c=a[u];if("selectors"===u){var p=a.selectors;for(var d in p)p.hasOwnProperty(d)&&T(n,t,d,p[d])}else"object"==typeof c?null!==c&&T(n,t,u,c):void 0!==c&&("margin"===u||"padding"===u?P(i,u,c):i[u]=c)}}return t}function P(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 R(e,t){for(var n=[e.rtl?"rtl":"ltr"],r=!1,i=0,s=t.__order;i<s.length;i++){var o=s[i];n.push(o);var a=t[o];for(var l in a)a.hasOwnProperty(l)&&void 0!==a[l]&&(r=!0,n.push(l,a[l]))}return r?n.join(""):void 0}function M(e,t){return t<=0?"":1===t?e:e+M(e,t-1)}function I(e,t){if(!t)return"";var n,r,i,s=[];for(var o in t)t.hasOwnProperty(o)&&"displayName"!==o&&void 0!==t[o]&&s.push(o,t[o]);for(var a=0;a<s.length;a+=2)i=void 0,"-"!==(i=(n=s)[r=a]).charAt(0)&&(n[r]=y[i]=y[i]||i.replace(/([A-Z])/g,"-$1").toLowerCase()),S(s,a),w(e,s,a),m(s,a);for(a=1;a<s.length;a+=4)s.splice(a,1,":",s[a],";");return s.join("")}function z(e){for(var t=[],n=1;n<arguments.length;n++)t[n-1]=arguments[n];var r=E(t),i=R(e,r);if(i){var s=f.getInstance(),o={className:s.classNameFromKey(i),key:i,args:t};if(!o.className){o.className=s.getClassName(j(r));for(var a=[],l=0,u=r.__order;l<u.length;l++){var c=u[l];a.push(c,I(e,r[c]))}o.rulesToInsert=a}return o}}function F(e,t){void 0===t&&(t=1);var n=f.getInstance(),r=e.className,i=e.key,s=e.args,o=e.rulesToInsert;if(o){for(var a=0;a<o.length;a+=2){var l=o[a+1];if(l){var u=o[a],c=(u=u.replace(/&/g,M("."+e.className,t)))+"{"+l+"}"+(0===u.indexOf("@")?"}":"");n.insertRule(c)}}n.cacheClassName(r,i,s,o)}}function W(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return B(e,v())}function B(e,t){var n=c(e instanceof Array?e:[e]),r=n.classes,s=n.objects;return s.length&&r.push(function(e){for(var t=[],n=1;n<arguments.length;n++)t[n-1]=arguments[n];var r=z.apply(void 0,i([e],t));return r?(F(r,e.specificityMultiplier),r.className):""}(t||{},s)),r.join(" ")}function L(){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={},s=0,o=e;s<o.length;s++){var a=o[s];if(a)for(var l in a)if(a.hasOwnProperty(l)){if("subComponentStyles"===l&&void 0!==a.subComponentStyles){var u=a.subComponentStyles;for(var f in u)u.hasOwnProperty(f)&&(r.hasOwnProperty(f)?r[f].push(u[f]):r[f]=[u[f]]);continue}var c=n[l],p=a[l];n[l]=void 0===c?p:i(Array.isArray(c)?c:[c],Array.isArray(p)?p:[p])}}if(Object.keys(r).length>0){n.subComponentStyles={};var d=n.subComponentStyles,v=function(e){if(r.hasOwnProperty(e)){var t=r[e];d[e]=function(e){return L.apply(void 0,t.map((function(t){return"function"==typeof t?t(e):t})))}}};for(var f in r)v(f)}return n}function K(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return q(e,v())}function q(e,t){var n,r,i={subComponentStyles:{}};if(!e[0]&&e.length<=1)return{subComponentStyles:{}};var s=L.apply(void 0,e),o=[];for(var a in s)if(s.hasOwnProperty(a)){if("subComponentStyles"===a){i.subComponentStyles=s.subComponentStyles||{};continue}var l=c(s[a]),u=l.classes,f=l.objects;if(null===(n=f)||void 0===n?void 0:n.length)(v=z(t||{},{displayName:a},f))&&(o.push(v),i[a]=u.concat([v.className]).join(" "));else i[a]=u.join(" ")}for(var p=0,d=o;p<d.length;p++){var v;(v=d[p])&&F(v,null===(r=t)||void 0===r?void 0:r.specificityMultiplier)}return i}function $(e){for(var t=[],n=1;n<arguments.length;n++)t[n-1]=arguments[n];for(var r=[],i=0,s=t;i<s.length;i++){var o=s[i];o&&r.push("function"==typeof o?o(e):o)}return 1===r.length?r[0]:r.length?L.apply(void 0,r):{}}function D(e){f.getInstance().insertRule("@font-face{"+I(v(),e)+"}",!0)}function Z(e){var t=f.getInstance(),n=t.getClassName(),r=[];for(var i in e)e.hasOwnProperty(i)&&r.push(i,"{",I(v(),e[i]),"}");var s=r.join("");return t.insertRule("@keyframes "+n+"{"+s+"}",!0),t.cacheClassName(n,s,[],["keyframes",s]),n}var G={},H=void 0;try{H=window}catch(e){}function J(e,t){if(void 0!==H){var n=H.__packages__=H.__packages__||{};if(!n[e]||!G[e])G[e]=t,(n[e]=n[e]||[]).push(t)}}J("@uifabric/set-version","6.0.0"),J("@uifabric/merge-styles","7.19.0")}]);
 //# sourceMappingURL=merge-styles.min.js.map

etc/merge-styles.api.md

@@ -67,2 +67,5 @@ ## API Report File for "@uifabric/merge-styles"
 
+// @public
+export type IKeyframes = Record<string, IRawStyle>;
+
 // @public (undocumented)
@@ -432,5 +435,3 @@ export const InjectionMode: {
 // @public
-export function keyframes(timeline: {
-    [key: string]: {};
-}): string;
+export function keyframes(timeline: IKeyframes): string;
 
@@ -437,0 +438,0 @@ // Warning: (ae-forgotten-export) The symbol "IStyleOptions" needs to be exported by the entry point index.d.ts

lib-amd/index.d.ts

@@ -1,2 +0,4 @@
-export { IRawStyle, IStyle, IStyleBase, IStyleBaseArray } from './IStyle';
+export { IStyle, IStyleBase, IStyleBaseArray } from './IStyle';
+export { IRawStyle } from './IRawStyle';
+export { IKeyframes } from './IKeyframes';
 export { IStyleFunction, IStyleFunctionOrObject } from './IStyleFunction';
@@ -3,0 +5,0 @@ export { DeepPartial } from './DeepPartial';

lib-amd/IStyle.d.ts

@@ -1,28 +0,3 @@
-import { IRawStyleBase } from './IRawStyleBase';
+import { IRawStyle } from './IRawStyle';
 /**
- * IStyleObject extends a raw style objects, but allows selectors to be defined
- * under the selectors node.
- * @public
- * {@docCategory IRawStyle}
- */
-export interface IRawStyle extends IRawStyleBase {
-    /**
-     * Allow css variables, strings, objects. While we should have more strict typing
-     * here, partners are broken in many unpredictable cases where typescript can't infer
-     * the right typing. Loosening the typing to both allow for css variables and other things.
-     */
-    [key: string]: any;
-    /**
-     * Display name for the style.
-     */
-    displayName?: string;
-    /**
-     * @deprecated - The selectors wrapper is no longer required. You may add selectors as siblings to other
-     * style properties, like most css-in-js libraries support.
-     */
-    selectors?: {
-        [key: string]: IStyle;
-    };
-}
-/**
  * {@docCategory IStyleBase}
@@ -29,0 +4,0 @@ */

lib-amd/keyframes.d.ts

@@ -0,1 +1,2 @@
+import { IKeyframes } from './IKeyframes';
 /**
@@ -6,4 +7,2 @@ * Registers keyframe definitions.
  */
-export declare function keyframes(timeline: {
-    [key: string]: {};
-}): string;
+export declare function keyframes(timeline: IKeyframes): string;

lib-amd/transforms/provideUnits.js

@@ -20,3 +20,5 @@ define(["require", "exports"], function (require, exports) {
         if (typeof value === 'number') {
-            var unit = NON_PIXEL_NUMBER_PROPS.indexOf(name) === -1 ? 'px' : '';
+            var isNonPixelProp = NON_PIXEL_NUMBER_PROPS.indexOf(name) > -1;
+            var isVariableOrPrefixed = name.indexOf('--') > -1;
+            var unit = isNonPixelProp || isVariableOrPrefixed ? '' : 'px';
             rulePairs[index + 1] = "" + value + unit;
@@ -23,0 +25,0 @@ }

lib-amd/version.js

 define(["require", "exports", "@uifabric/set-version"], function (require, exports, set_version_1) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
-    set_version_1.setVersion('@uifabric/merge-styles', '7.18.0');
+    set_version_1.setVersion('@uifabric/merge-styles', '7.19.0');
 });
 //# sourceMappingURL=version.js.map

lib-commonjs/index.d.ts

@@ -1,2 +0,4 @@
-export { IRawStyle, IStyle, IStyleBase, IStyleBaseArray } from './IStyle';
+export { IStyle, IStyleBase, IStyleBaseArray } from './IStyle';
+export { IRawStyle } from './IRawStyle';
+export { IKeyframes } from './IKeyframes';
 export { IStyleFunction, IStyleFunctionOrObject } from './IStyleFunction';
@@ -3,0 +5,0 @@ export { DeepPartial } from './DeepPartial';

lib-commonjs/IStyle.d.ts

@@ -1,28 +0,3 @@
-import { IRawStyleBase } from './IRawStyleBase';
+import { IRawStyle } from './IRawStyle';
 /**
- * IStyleObject extends a raw style objects, but allows selectors to be defined
- * under the selectors node.
- * @public
- * {@docCategory IRawStyle}
- */
-export interface IRawStyle extends IRawStyleBase {
-    /**
-     * Allow css variables, strings, objects. While we should have more strict typing
-     * here, partners are broken in many unpredictable cases where typescript can't infer
-     * the right typing. Loosening the typing to both allow for css variables and other things.
-     */
-    [key: string]: any;
-    /**
-     * Display name for the style.
-     */
-    displayName?: string;
-    /**
-     * @deprecated - The selectors wrapper is no longer required. You may add selectors as siblings to other
-     * style properties, like most css-in-js libraries support.
-     */
-    selectors?: {
-        [key: string]: IStyle;
-    };
-}
-/**
  * {@docCategory IStyleBase}
@@ -29,0 +4,0 @@ */

lib-commonjs/keyframes.d.ts

@@ -0,1 +1,2 @@
+import { IKeyframes } from './IKeyframes';
 /**
@@ -6,4 +7,2 @@ * Registers keyframe definitions.
  */
-export declare function keyframes(timeline: {
-    [key: string]: {};
-}): string;
+export declare function keyframes(timeline: IKeyframes): string;

lib-commonjs/transforms/provideUnits.js

@@ -19,3 +19,5 @@ "use strict";
     if (typeof value === 'number') {
-        var unit = NON_PIXEL_NUMBER_PROPS.indexOf(name) === -1 ? 'px' : '';
+        var isNonPixelProp = NON_PIXEL_NUMBER_PROPS.indexOf(name) > -1;
+        var isVariableOrPrefixed = name.indexOf('--') > -1;
+        var unit = isNonPixelProp || isVariableOrPrefixed ? '' : 'px';
         rulePairs[index + 1] = "" + value + unit;
@@ -22,0 +24,0 @@ }

lib-commonjs/version.js

@@ -6,3 +6,3 @@ "use strict";
 var set_version_1 = require("@uifabric/set-version");
-set_version_1.setVersion('@uifabric/merge-styles', '7.18.0');
+set_version_1.setVersion('@uifabric/merge-styles', '7.19.0');
 //# sourceMappingURL=version.js.map

lib/index.d.ts

@@ -1,2 +0,4 @@
-export { IRawStyle, IStyle, IStyleBase, IStyleBaseArray } from './IStyle';
+export { IStyle, IStyleBase, IStyleBaseArray } from './IStyle';
+export { IRawStyle } from './IRawStyle';
+export { IKeyframes } from './IKeyframes';
 export { IStyleFunction, IStyleFunctionOrObject } from './IStyleFunction';
@@ -3,0 +5,0 @@ export { DeepPartial } from './DeepPartial';

lib/IStyle.d.ts

@@ -1,28 +0,3 @@
-import { IRawStyleBase } from './IRawStyleBase';
+import { IRawStyle } from './IRawStyle';
 /**
- * IStyleObject extends a raw style objects, but allows selectors to be defined
- * under the selectors node.
- * @public
- * {@docCategory IRawStyle}
- */
-export interface IRawStyle extends IRawStyleBase {
-    /**
-     * Allow css variables, strings, objects. While we should have more strict typing
-     * here, partners are broken in many unpredictable cases where typescript can't infer
-     * the right typing. Loosening the typing to both allow for css variables and other things.
-     */
-    [key: string]: any;
-    /**
-     * Display name for the style.
-     */
-    displayName?: string;
-    /**
-     * @deprecated - The selectors wrapper is no longer required. You may add selectors as siblings to other
-     * style properties, like most css-in-js libraries support.
-     */
-    selectors?: {
-        [key: string]: IStyle;
-    };
-}
-/**
  * {@docCategory IStyleBase}
@@ -29,0 +4,0 @@ */

lib/keyframes.d.ts

@@ -0,1 +1,2 @@
+import { IKeyframes } from './IKeyframes';
 /**
@@ -6,4 +7,2 @@ * Registers keyframe definitions.
  */
-export declare function keyframes(timeline: {
-    [key: string]: {};
-}): string;
+export declare function keyframes(timeline: IKeyframes): string;

lib/transforms/provideUnits.js

@@ -17,3 +17,5 @@ var NON_PIXEL_NUMBER_PROPS = [
     if (typeof value === 'number') {
-        var unit = NON_PIXEL_NUMBER_PROPS.indexOf(name) === -1 ? 'px' : '';
+        var isNonPixelProp = NON_PIXEL_NUMBER_PROPS.indexOf(name) > -1;
+        var isVariableOrPrefixed = name.indexOf('--') > -1;
+        var unit = isNonPixelProp || isVariableOrPrefixed ? '' : 'px';
         rulePairs[index + 1] = "" + value + unit;
@@ -20,0 +22,0 @@ }

lib/version.js

 // Do not modify this file; it is generated as part of publish.
 // The checked in version is a placeholder only and will not be updated.
 import { setVersion } from '@uifabric/set-version';
-setVersion('@uifabric/merge-styles', '7.18.0');
+setVersion('@uifabric/merge-styles', '7.19.0');
 //# sourceMappingURL=version.js.map

package.json

 {
   "name": "@uifabric/merge-styles",
-  "version": "7.18.0",
+  "version": "7.19.0",
   "description": "Style loading utilities.",
@@ -5,0 +5,0 @@ "main": "lib-commonjs/index.js",

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

1310335

increased by0.5%

Number of package files

257

increased by7.53%

Lines of code

15396

increased by0.5%

No dependency changes