Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@uifabric/merge-styles

Package Overview
Dependencies
Maintainers
4
Versions
193
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@uifabric/merge-styles - npm Package Compare versions

Comparing version 7.8.1 to 7.8.2

30

CHANGELOG.json

@@ -5,6 +5,34 @@ {

{
"date": "Fri, 08 Nov 2019 12:29:18 GMT",
"date": "Fri, 17 Jan 2020 02:28:52 GMT",
"tag": "@uifabric/merge-styles_v7.8.2",
"version": "7.8.2",
"comments": {
"patch": [
{
"comment": "Update tslib minver to first version containing __spreadArrays helper due to changes in how TS emits spreads.",
"author": "jagore@microsoft.com",
"commit": "52dc239bf89dbe76daa5f4776ee4368957938a1a"
}
]
}
},
{
"date": "Wed, 08 Jan 2020 17:02:57 GMT",
"tag": "@uifabric/merge-styles_v7.8.1",
"version": "7.8.1",
"comments": {
"none": [
{
"comment": "Break up build task into build, bundle, test and lint tasks. Add parallelization pipeline using new tasks.",
"author": "jagore@microsoft.com",
"commit": "f1f07695f5d18c2c975eef382c5b777d7ccb52e2"
}
]
}
},
{
"date": "Fri, 08 Nov 2019 12:30:07 GMT",
"tag": "@uifabric/merge-styles_v7.8.1",
"version": "7.8.1",
"comments": {
"patch": [

@@ -11,0 +39,0 @@ {

10

CHANGELOG.md
# Change Log - @uifabric/merge-styles
This log was last generated on Fri, 08 Nov 2019 12:29:18 GMT and should not be manually modified.
This log was last generated on Fri, 17 Jan 2020 02:28:52 GMT and should not be manually modified.
## 7.8.2
Fri, 17 Jan 2020 02:28:52 GMT
### Patches
- Update tslib minver to first version containing __spreadArrays helper due to changes in how TS emits spreads. (jagore@microsoft.com)
## 7.8.1
Fri, 08 Nov 2019 12:29:18 GMT
Fri, 08 Nov 2019 12:30:07 GMT

@@ -8,0 +14,0 @@ ### Patches

@@ -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,o={none:0,insertNode:1,appendChild:2},i="undefined"!=typeof navigator&&/rv:11.0/.test(navigator.userAgent),a={};try{a=window}catch(e){}var u=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)}return e.getInstance=function(){if(!(s=a.__stylesheet__)||s._lastStyleElement&&s._lastStyleElement.ownerDocument!==document){var t=a&&a.FabricConfig||{};s=a.__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!==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(),i||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 l(){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 o=0,i=t;o<i.length;o++){var a=i[o];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 f(e){p!==e&&(p=e)}function c(){return void 0===p&&(p="undefined"!=typeof document&&!!document.documentElement&&"rtl"===document.documentElement.getAttribute("dir")),p}var p=c();function d(){return{rtl:c()}}var v,h={};var y={"user-select":1};function g(e,t){var n=function(){if(!v){var e="undefined"!=typeof document?document:void 0,t="undefined"!=typeof navigator?navigator:void 0,n=t?t.userAgent.toLowerCase():void 0;v=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 v}(),r=e[t];if(y[r]){var s=e[t+1];y[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 m,_=["column-count","font-weight","flex","flex-grow","flex-shrink","fill-opacity","opacity","order","z-index","zoom"];function b(e,t){var n=e[t],r=e[t+1];if("number"==typeof r){var s=-1===_.indexOf(n)?"px":"";e[t+1]=""+r+s}}var S="left",O="right",C="@noflip",x=((m={})[S]=O,m[O]=S,m),N={"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 s=t[n+1];if("string"==typeof s&&s.indexOf(C)>=0)t[n+1]=s.replace(/\s*(?:\/\*\s*)?\@noflip\b(?:\s*\*\/)?\s*?/g,"");else if(r.indexOf(S)>=0)t[n]=r.replace(S,O);else if(r.indexOf(O)>=0)t[n]=r.replace(O,S);else if(String(s).indexOf(S)>=0)t[n+1]=s.replace(S,O);else if(String(s).indexOf(O)>=0)t[n+1]=s.replace(O,S);else if(x[r])t[n]=x[r];else if(N[s])t[n+1]=N[s];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}(s);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(" ")}(s,0)}}}var j="displayName";var k=/\:global\((.+?)\)/g;function A(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],s=t[2];return e.slice(0,n)+s+e.slice(r)},e)}function E(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){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 P(e,t){if(!t)return"";var n,r,s,o=[];for(var i in t)t.hasOwnProperty(i)&&i!==j&&void 0!==t[i]&&o.push(i,t[i]);for(var a=0;a<o.length;a+=2)s=void 0,s=(n=o)[r=a],n[r]=h[s]=h[s]||s.replace(/([A-Z])/g,"-$1").toLowerCase(),b(o,a),w(e,o,a),g(o,a);for(a=1;a<o.length;a+=4)o.splice(a,1,":",o[a],";");return o.join("")}function R(e){for(var t=[],n=1;n<arguments.length;n++)t[n-1]=arguments[n];var r=function e(t,n,r){void 0===n&&(n={__order:[]}),void 0===r&&(r="&");var s=u.getInstance(),o=n[r];o||(o={},n[r]=o,n.__order.push(r));for(var i=0,a=t;i<a.length;i++){var l=a[i];if("string"==typeof l){var f=s.argsFromClassName(l);f&&e(f,n,r)}else if(Array.isArray(l))e(l,n,r);else for(var c in l)if("selectors"===c){var p=l.selectors,d=function(t){if(p.hasOwnProperty(t)){var s=p[t];0===t.indexOf("@")?e([s],n,t=t+"{"+r):t.indexOf(",")>-1?A(t).split(",").map(function(e){return e.trim()}).forEach(function(t){return e([s],n,E(t,r))}):e([s],n,E(t,r))}};for(var v in p)d(v)}else void 0!==l[c]&&("margin"===c||"padding"===c?T(o,c,l[c]):o[c]=l[c])}return n}(t),s=function(e,t){for(var n=[e.rtl?"rtl":"ltr"],r=!1,s=0,o=t.__order;s<o.length;s++){var i=o[s];n.push(i);var a=t[i];for(var u in a)a.hasOwnProperty(u)&&void 0!==a[u]&&(r=!0,n.push(u,a[u]))}return r?n.join(""):void 0}(e,r);if(s){var o=u.getInstance(),i={className:o.classNameFromKey(s),key:s,args:t};if(!i.className){i.className=o.getClassName(function(e){var t=e&&e["&"];return t?t.displayName:void 0}(r));for(var a=[],l=0,f=r.__order;l<f.length;l++){var c=f[l];a.push(c,P(e,r[c]))}i.rulesToInsert=a}return i}}function I(e){var t=u.getInstance(),n=e.className,r=e.key,s=e.args,o=e.rulesToInsert;if(o){for(var i=0;i<o.length;i+=2){var a=o[i+1];if(a){var l=o[i],f=(l=l.replace(/&/g,"."+e.className))+"{"+a+"}"+(0===l.indexOf("@")?"}":"");t.insertRule(f)}}t.cacheClassName(n,r,s,o)}}function M(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return z(e,d())}function z(e,t){var n=l(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=R.apply(void 0,[e].concat(t));return r?(I(r),r.className):""}(t||{},s)),r.join(" ")}function F(){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 i=o[s];if(i)for(var a in i)if(i.hasOwnProperty(a)){if("subComponentStyles"===a&&void 0!==i.subComponentStyles){var u=i.subComponentStyles;for(var l in u)u.hasOwnProperty(l)&&(r.hasOwnProperty(l)?r[l].push(u[l]):r[l]=[u[l]]);continue}var f=n[a],c=i[a];n[a]=void 0===f?c:(Array.isArray(f)?f:[f]).concat(Array.isArray(c)?c:[c])}}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 F.apply(void 0,t.map(function(t){return"function"==typeof t?t(e):t}))}}};for(var l in r)d(l)}return n}function W(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return B(e,d())}function B(e,t){var n={subComponentStyles:{}};if(!e[0]&&e.length<=1)return{subComponentStyles:{}};var r=F.apply(void 0,e),s=[];for(var o in r)if(r.hasOwnProperty(o)){if("subComponentStyles"===o){n.subComponentStyles=r.subComponentStyles||{};continue}var i=l(r[o]),a=i.classes,u=R(t||{},{displayName:o},i.objects);s.push(u),u&&(n[o]=a.concat([u.className]).join(" "))}for(var f=0,c=s;f<c.length;f++){(u=c[f])&&I(u)}return n}function L(e){for(var t=[],n=1;n<arguments.length;n++)t[n-1]=arguments[n];for(var r=[],s=0,o=t;s<o.length;s++){var i=o[s];i&&r.push("function"==typeof i?i(e):i)}return 1===r.length?r[0]:r.length?F.apply(void 0,r):{}}function K(e){u.getInstance().insertRule("@font-face{"+P(d(),e)+"}",!0)}function q(e){var t=u.getInstance(),n=t.getClassName(),r=[];for(var s in e)e.hasOwnProperty(s)&&r.push(s,"{",P(d(),e[s]),"}");var o=r.join("");return t.insertRule("@keyframes "+n+"{"+o+"}",!0),t.cacheClassName(n,o,[],["keyframes",o]),n}var $={},D=void 0;try{D=window}catch(e){}function Z(e,t){if(void 0!==D){var n=D.__packages__=D.__packages__||{};if(!n[e]||!$[e])$[e]=t,(n[e]=n[e]||[]).push(t)}}Z("@uifabric/set-version","6.0.0"),Z("@uifabric/merge-styles","7.8.1"),n.d(t,"mergeStyles",function(){return M}),n.d(t,"mergeCss",function(){return z}),n.d(t,"mergeStyleSets",function(){return W}),n.d(t,"mergeCssSets",function(){return B}),n.d(t,"concatStyleSets",function(){return F}),n.d(t,"concatStyleSetsWithProps",function(){return L}),n.d(t,"fontFace",function(){return K}),n.d(t,"keyframes",function(){return q}),n.d(t,"InjectionMode",function(){return o}),n.d(t,"Stylesheet",function(){return u}),n.d(t,"setRTL",function(){return f})}]);
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)};function s(){for(var e=0,t=0,n=arguments.length;t<n;t++)e+=arguments[t].length;var r=Array(e),s=0;for(t=0;t<n;t++)for(var o=arguments[t],i=0,a=o.length;i<a;i++,s++)r[s]=o[i];return r}var o,i={none:0,insertNode:1,appendChild:2},a="undefined"!=typeof navigator&&/rv:11.0/.test(navigator.userAgent),u={};try{u=window}catch(e){}var 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=u.__stylesheet__)||o._lastStyleElement&&o._lastStyleElement.ownerDocument!==document){var t=u&&u.FabricConfig||{};o=u.__stylesheet__=new e(t.mergeStyles)}return o},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.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(),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 f(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];var n=[],r=[],s=l.getInstance();return function e(t){for(var o=0,i=t;o<i.length;o++){var a=i[o];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 c(e){d!==e&&(d=e)}function p(){return void 0===d&&(d="undefined"!=typeof document&&!!document.documentElement&&"rtl"===document.documentElement.getAttribute("dir")),d}var d=p();function v(){return{rtl:p()}}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 s=e[t+1];g[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 _,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 s=-1===b.indexOf(n)?"px":"";e[t+1]=""+r+s}}var O="left",C="right",x="@noflip",N=((_={})[O]=C,_[C]=O,_),w={"w-resize":"e-resize","sw-resize":"se-resize","nw-resize":"ne-resize"};function j(e,t,n){if(e.rtl){var r=t[n];if(!r)return;var s=t[n+1];if("string"==typeof s&&s.indexOf(x)>=0)t[n+1]=s.replace(/\s*(?:\/\*\s*)?\@noflip\b(?:\s*\*\/)?\s*?/g,"");else if(r.indexOf(O)>=0)t[n]=r.replace(O,C);else if(r.indexOf(C)>=0)t[n]=r.replace(C,O);else if(String(s).indexOf(O)>=0)t[n+1]=s.replace(O,C);else if(String(s).indexOf(C)>=0)t[n+1]=s.replace(C,O);else if(N[r])t[n]=N[r];else if(w[s])t[n+1]=w[s];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}(s);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(" ")}(s,0)}}}var A="displayName";var k=/\:global\((.+?)\)/g;function E(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],s=t[2];return e.slice(0,n)+s+e.slice(r)},e)}function T(e,t){return e.indexOf(":global(")>=0?e.replace(k,"$1"):0===e.indexOf(":")?t+e:e.indexOf("&")<0?t+" "+e:e}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){if(!t)return"";var n,r,s,o=[];for(var i in t)t.hasOwnProperty(i)&&i!==A&&void 0!==t[i]&&o.push(i,t[i]);for(var a=0;a<o.length;a+=2)s=void 0,s=(n=o)[r=a],n[r]=y[s]=y[s]||s.replace(/([A-Z])/g,"-$1").toLowerCase(),S(o,a),j(e,o,a),m(o,a);for(a=1;a<o.length;a+=4)o.splice(a,1,":",o[a],";");return o.join("")}function I(e){for(var t=[],n=1;n<arguments.length;n++)t[n-1]=arguments[n];var r=function e(t,n,r){void 0===n&&(n={__order:[]}),void 0===r&&(r="&");var s=l.getInstance(),o=n[r];o||(o={},n[r]=o,n.__order.push(r));for(var i=0,a=t;i<a.length;i++){var u=a[i];if("string"==typeof u){var f=s.argsFromClassName(u);f&&e(f,n,r)}else if(Array.isArray(u))e(u,n,r);else for(var c in u)if("selectors"===c){var p=u.selectors,d=function(t){if(p.hasOwnProperty(t)){var s=p[t];0===t.indexOf("@")?e([s],n,t=t+"{"+r):t.indexOf(",")>-1?E(t).split(",").map(function(e){return e.trim()}).forEach(function(t){return e([s],n,T(t,r))}):e([s],n,T(t,r))}};for(var v in p)d(v)}else void 0!==u[c]&&("margin"===c||"padding"===c?P(o,c,u[c]):o[c]=u[c])}return n}(t),s=function(e,t){for(var n=[e.rtl?"rtl":"ltr"],r=!1,s=0,o=t.__order;s<o.length;s++){var i=o[s];n.push(i);var a=t[i];for(var u in a)a.hasOwnProperty(u)&&void 0!==a[u]&&(r=!0,n.push(u,a[u]))}return r?n.join(""):void 0}(e,r);if(s){var o=l.getInstance(),i={className:o.classNameFromKey(s),key:s,args:t};if(!i.className){i.className=o.getClassName(function(e){var t=e&&e["&"];return t?t.displayName:void 0}(r));for(var a=[],u=0,f=r.__order;u<f.length;u++){var c=f[u];a.push(c,R(e,r[c]))}i.rulesToInsert=a}return i}}function M(e){var t=l.getInstance(),n=e.className,r=e.key,s=e.args,o=e.rulesToInsert;if(o){for(var i=0;i<o.length;i+=2){var a=o[i+1];if(a){var u=o[i],f=(u=u.replace(/&/g,"."+e.className))+"{"+a+"}"+(0===u.indexOf("@")?"}":"");t.insertRule(f)}}t.cacheClassName(n,r,s,o)}}function z(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return F(e,v())}function F(e,t){var n=f(e instanceof Array?e:[e]),r=n.classes,o=n.objects;return o.length&&r.push(function(e){for(var t=[],n=1;n<arguments.length;n++)t[n-1]=arguments[n];var r=I.apply(void 0,s([e],t));return r?(M(r),r.className):""}(t||{},o)),r.join(" ")}function W(){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 a=i[o];if(a)for(var u in a)if(a.hasOwnProperty(u)){if("subComponentStyles"===u&&void 0!==a.subComponentStyles){var l=a.subComponentStyles;for(var f in l)l.hasOwnProperty(f)&&(r.hasOwnProperty(f)?r[f].push(l[f]):r[f]=[l[f]]);continue}var c=n[u],p=a[u];n[u]=void 0===c?p:s(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 W.apply(void 0,t.map(function(t){return"function"==typeof t?t(e):t}))}}};for(var f in r)v(f)}return n}function B(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return L(e,v())}function L(e,t){var n={subComponentStyles:{}};if(!e[0]&&e.length<=1)return{subComponentStyles:{}};var r=W.apply(void 0,e),s=[];for(var o in r)if(r.hasOwnProperty(o)){if("subComponentStyles"===o){n.subComponentStyles=r.subComponentStyles||{};continue}var i=f(r[o]),a=i.classes,u=I(t||{},{displayName:o},i.objects);s.push(u),u&&(n[o]=a.concat([u.className]).join(" "))}for(var l=0,c=s;l<c.length;l++){(u=c[l])&&M(u)}return n}function K(e){for(var t=[],n=1;n<arguments.length;n++)t[n-1]=arguments[n];for(var r=[],s=0,o=t;s<o.length;s++){var i=o[s];i&&r.push("function"==typeof i?i(e):i)}return 1===r.length?r[0]:r.length?W.apply(void 0,r):{}}function q(e){l.getInstance().insertRule("@font-face{"+R(v(),e)+"}",!0)}function $(e){var t=l.getInstance(),n=t.getClassName(),r=[];for(var s in e)e.hasOwnProperty(s)&&r.push(s,"{",R(v(),e[s]),"}");var o=r.join("");return t.insertRule("@keyframes "+n+"{"+o+"}",!0),t.cacheClassName(n,o,[],["keyframes",o]),n}var D={},Z=void 0;try{Z=window}catch(e){}function G(e,t){if(void 0!==Z){var n=Z.__packages__=Z.__packages__||{};if(!n[e]||!D[e])D[e]=t,(n[e]=n[e]||[]).push(t)}}G("@uifabric/set-version","6.0.0"),G("@uifabric/merge-styles","7.8.2"),n.d(t,"mergeStyles",function(){return z}),n.d(t,"mergeCss",function(){return F}),n.d(t,"mergeStyleSets",function(){return B}),n.d(t,"mergeCssSets",function(){return L}),n.d(t,"concatStyleSets",function(){return W}),n.d(t,"concatStyleSetsWithProps",function(){return K}),n.d(t,"fontFace",function(){return q}),n.d(t,"keyframes",function(){return $}),n.d(t,"InjectionMode",function(){return i}),n.d(t,"Stylesheet",function(){return l}),n.d(t,"setRTL",function(){return c})}]);
//# sourceMappingURL=merge-styles.min.js.map

@@ -1,2 +0,2 @@

define(["require", "exports"], function (require, exports) {
define(["require", "exports", "tslib"], function (require, exports, tslib_1) {
"use strict";

@@ -47,3 +47,3 @@ Object.defineProperty(exports, "__esModule", { value: true });

else {
mergedSet[prop] = (Array.isArray(mergedValue) ? mergedValue : [mergedValue]).concat((Array.isArray(currentValue) ? currentValue : [currentValue]));
mergedSet[prop] = tslib_1.__spreadArrays((Array.isArray(mergedValue) ? mergedValue : [mergedValue]), (Array.isArray(currentValue) ? currentValue : [currentValue]));
}

@@ -50,0 +50,0 @@ }

@@ -70,3 +70,3 @@ define(["require", "exports", "tslib"], function (require, exports, tslib_1) {

Stylesheet.prototype.setConfig = function (config) {
this._config = tslib_1.__assign({}, this._config, config);
this._config = tslib_1.__assign(tslib_1.__assign({}, this._config), config);
};

@@ -73,0 +73,0 @@ /**

@@ -1,2 +0,2 @@

define(["require", "exports", "./Stylesheet", "./transforms/kebabRules", "./transforms/prefixRules", "./transforms/provideUnits", "./transforms/rtlifyRules"], function (require, exports, Stylesheet_1, kebabRules_1, prefixRules_1, provideUnits_1, rtlifyRules_1) {
define(["require", "exports", "tslib", "./Stylesheet", "./transforms/kebabRules", "./transforms/prefixRules", "./transforms/provideUnits", "./transforms/rtlifyRules"], function (require, exports, tslib_1, Stylesheet_1, kebabRules_1, prefixRules_1, provideUnits_1, rtlifyRules_1) {
"use strict";

@@ -229,3 +229,3 @@ Object.defineProperty(exports, "__esModule", { value: true });

}
var registration = styleToRegistration.apply(void 0, [options].concat(args));
var registration = styleToRegistration.apply(void 0, tslib_1.__spreadArrays([options], args));
if (registration) {

@@ -232,0 +232,0 @@ applyRegistration(registration);

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.8.1');
set_version_1.setVersion('@uifabric/merge-styles', '7.8.2');
});
//# sourceMappingURL=version.js.map
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var tslib_1 = require("tslib");
/**

@@ -46,3 +47,3 @@ * Combine a set of styles together (but does not register css classes).

else {
mergedSet[prop] = (Array.isArray(mergedValue) ? mergedValue : [mergedValue]).concat((Array.isArray(currentValue) ? currentValue : [currentValue]));
mergedSet[prop] = tslib_1.__spreadArrays((Array.isArray(mergedValue) ? mergedValue : [mergedValue]), (Array.isArray(currentValue) ? currentValue : [currentValue]));
}

@@ -49,0 +50,0 @@ }

@@ -70,3 +70,3 @@ "use strict";

Stylesheet.prototype.setConfig = function (config) {
this._config = tslib_1.__assign({}, this._config, config);
this._config = tslib_1.__assign(tslib_1.__assign({}, this._config), config);
};

@@ -73,0 +73,0 @@ /**

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var tslib_1 = require("tslib");
var Stylesheet_1 = require("./Stylesheet");

@@ -233,3 +234,3 @@ var kebabRules_1 = require("./transforms/kebabRules");

}
var registration = styleToRegistration.apply(void 0, [options].concat(args));
var registration = styleToRegistration.apply(void 0, tslib_1.__spreadArrays([options], args));
if (registration) {

@@ -236,0 +237,0 @@ applyRegistration(registration);

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
// @uifabric/merge-styles@7.8.1
// @uifabric/merge-styles@7.8.2
// Do not modify this file, the file is generated as part of publish. The checked in version is a placeholder only.
var set_version_1 = require("@uifabric/set-version");
set_version_1.setVersion('@uifabric/merge-styles', '7.8.1');
set_version_1.setVersion('@uifabric/merge-styles', '7.8.2');
//# sourceMappingURL=version.js.map

@@ -0,1 +1,2 @@

import { __spreadArrays } from "tslib";
/**

@@ -44,3 +45,3 @@ * Combine a set of styles together (but does not register css classes).

else {
mergedSet[prop] = (Array.isArray(mergedValue) ? mergedValue : [mergedValue]).concat((Array.isArray(currentValue) ? currentValue : [currentValue]));
mergedSet[prop] = __spreadArrays((Array.isArray(mergedValue) ? mergedValue : [mergedValue]), (Array.isArray(currentValue) ? currentValue : [currentValue]));
}

@@ -47,0 +48,0 @@ }

@@ -1,2 +0,2 @@

import * as tslib_1 from "tslib";
import { __assign } from "tslib";
export var InjectionMode = {

@@ -49,3 +49,3 @@ /**

this._classNameToArgs = {};
this._config = tslib_1.__assign({ injectionMode: InjectionMode.insertNode, defaultPrefix: 'css', namespace: undefined, cspSettings: undefined }, config);
this._config = __assign({ injectionMode: InjectionMode.insertNode, defaultPrefix: 'css', namespace: undefined, cspSettings: undefined }, config);
}

@@ -69,3 +69,3 @@ /**

Stylesheet.prototype.setConfig = function (config) {
this._config = tslib_1.__assign({}, this._config, config);
this._config = __assign(__assign({}, this._config), config);
};

@@ -72,0 +72,0 @@ /**

@@ -0,1 +1,2 @@

import { __spreadArrays } from "tslib";
import { Stylesheet } from './Stylesheet';

@@ -228,3 +229,3 @@ import { kebabRules } from './transforms/kebabRules';

}
var registration = styleToRegistration.apply(void 0, [options].concat(args));
var registration = styleToRegistration.apply(void 0, __spreadArrays([options], args));
if (registration) {

@@ -231,0 +232,0 @@ applyRegistration(registration);

@@ -8,5 +8,5 @@ // This file is read by tools that parse documentation comments conforming to the TSDoc standard.

"packageName": "@microsoft/api-extractor",
"packageVersion": "7.3.7"
"packageVersion": "7.7.1"
}
]
}

@@ -1,5 +0,5 @@

// @uifabric/merge-styles@7.8.1
// @uifabric/merge-styles@7.8.2
// Do not modify this file, the file is generated as part of publish. The checked in version is a placeholder only.
import { setVersion } from '@uifabric/set-version';
setVersion('@uifabric/merge-styles', '7.8.1');
setVersion('@uifabric/merge-styles', '7.8.2');
//# sourceMappingURL=version.js.map
{
"name": "@uifabric/merge-styles",
"version": "7.8.1",
"version": "7.8.2",
"description": "Style loading utilities.",

@@ -18,2 +18,5 @@ "main": "lib-commonjs/index.js",

"build": "just-scripts build",
"bundle": "just-scripts bundle",
"lint": "just-scripts lint",
"test": "just-scripts test",
"just": "just-scripts",

@@ -32,5 +35,5 @@ "clean": "just-scripts clean",

"dependencies": {
"@uifabric/set-version": "^7.0.2",
"tslib": "^1.7.1"
"@uifabric/set-version": "^7.0.3",
"tslib": "^1.10.0"
}
}

@@ -481,12 +481,19 @@ # @uifabric/merge-styles

Caveats for server-side rendering (TODOs):
Caveats for server-side rendering:
- Currently font face definitions and keyframes won't be included in the result.
- Rules registered in the file scope of code won't be re-evaluated and therefore won't be included in the result. Try to avoid using classes which are not evaluated at runtime.
- Using the `memoizeFunction` utility may short circuit calling merge-styles APIs to register styles, which may cause the helper here to skip returning css. This can be fixed, but it is currently a known limitation.
For example:
- Until all Fabric components use the merge-styles library, this will only return a subset of the styling. Also a known limitation and work in progress.
```tsx
const rootClass = mergeStyles({ background: 'red' });
const App = () => <div className={rootClass} />;
- The rehydration logic has not yet been implemented, so we may run into issues when you rehydrate.
// App will render, but "rootClass" is a string which won't get re-evaluated in this call.
renderStatic(() => ReactDOM.renderToString(<App/>);
```
- Only components which USE mergeStyles will have their css included. In Fabric, not all components have been converted from using SASS yet.
- Using `memoizeFunction` around rule calculation can help with excessive rule recalc performance overhead.
- Rehydration on the client may result in mismatched rules. You can apply a namespace on the server side to ensure there aren't name collisions.

Sorry, the diff of this file is too big to display

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc