Socket
Socket
Sign inDemoInstall

@uifabric/merge-styles

Package Overview
Dependencies
Maintainers
5
Versions
193
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@uifabric/merge-styles - npm Package Compare versions

Comparing version 7.16.7 to 7.17.0

15

CHANGELOG.json

@@ -5,2 +5,17 @@ {

{
"date": "Tue, 25 Aug 2020 12:31:34 GMT",
"tag": "@uifabric/merge-styles_v7.17.0",
"version": "7.17.0",
"comments": {
"minor": [
{
"comment": "Deprecating the `selectors` node. While it still works, you no longer need to wrap selectors within it. Just inline them next to the other styles.",
"author": "dzearing@hotmail.com",
"commit": "5b987c2dacab9ebddda7c3966e03521e974fbd63",
"package": "@uifabric/merge-styles"
}
]
}
},
{
"date": "Mon, 13 Jul 2020 23:14:39 GMT",

@@ -7,0 +22,0 @@ "tag": "@uifabric/merge-styles_v7.16.1",

11

CHANGELOG.md
# Change Log - @uifabric/merge-styles
This log was last generated on Mon, 13 Jul 2020 23:14:39 GMT and should not be manually modified.
This log was last generated on Tue, 25 Aug 2020 12:31:34 GMT and should not be manually modified.
<!-- Start content -->
## [7.17.0](https://github.com/microsoft/fluentui/tree/@uifabric/merge-styles_v7.17.0)
Tue, 25 Aug 2020 12:31:34 GMT
[Compare changes](https://github.com/microsoft/fluentui/compare/@uifabric/merge-styles_v7.16.1..@uifabric/merge-styles_v7.17.0)
### Minor changes
- Deprecating the `selectors` node. While it still works, you no longer need to wrap selectors within it. Just inline them next to the other styles. ([PR #14707](https://github.com/microsoft/fluentui/pull/14707) by dzearing@hotmail.com)
## [7.16.1](https://github.com/microsoft/fluentui/tree/@uifabric/merge-styles_v7.16.1)

@@ -8,0 +17,0 @@

2

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){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)}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 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("selectors"===u){var c=a.selectors,p=function(e){if(c.hasOwnProperty(e)){var r=c[e];0===e.indexOf("@")?E([r],t,e=e+"{"+n):e.indexOf(",")>-1?A(e).split(",").map((function(e){return e.trim()})).forEach((function(e){return E([r],t,T(e,n))})):E([r],t,T(e,n))}};for(var d in c)p(d)}else void 0!==a[u]&&("margin"===u||"padding"===u?P(i,u,a[u]):i[u]=a[u])}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.16.7")}]);
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.17.0")}]);
//# sourceMappingURL=merge-styles.min.js.map

1

etc/merge-styles.api.md

@@ -107,2 +107,3 @@ ## API Report File for "@uifabric/merge-styles"

displayName?: string;
// @deprecated (undocumented)
selectors?: {

@@ -109,0 +110,0 @@ [key: string]: IStyle;

3

lib-amd/IStyle.d.ts

@@ -20,3 +20,4 @@ import { IRawStyleBase } from './IRawStyleBase';

/**
* Custom selectors for the style.
* @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.
*/

@@ -23,0 +24,0 @@ selectors?: {

70

lib-amd/styleToClassName.js

@@ -62,2 +62,20 @@ 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) {

}
function extractSelector(currentSelector, rules, selector, value) {
if (rules === void 0) { rules = { __order: [] }; }
if (selector.indexOf('@') === 0) {
selector = selector + '{' + currentSelector;
extractRules([value], rules, selector);
}
else if (selector.indexOf(',') > -1) {
expandCommaSeparatedGlobals(selector)
.split(',')
.map(function (s) { return s.trim(); })
.forEach(function (separatedSelector) {
return extractRules([value], rules, expandSelector(separatedSelector, currentSelector));
});
}
else {
extractRules([value], rules, expandSelector(selector, currentSelector));
}
}
function extractRules(args, rules, currentSelector) {

@@ -88,39 +106,31 @@ if (rules === void 0) { rules = { __order: [] }; }

for (var prop in arg) {
if (prop === 'selectors') {
var selectors = arg.selectors;
var _loop_1 = function (newSelector) {
if (selectors.hasOwnProperty(newSelector)) {
var selectorValue_1 = selectors[newSelector];
if (newSelector.indexOf('@') === 0) {
newSelector = newSelector + '{' + currentSelector;
extractRules([selectorValue_1], rules, newSelector);
if (arg.hasOwnProperty(prop)) {
var propValue = arg[prop];
if (prop === 'selectors') {
// every child is a selector.
var selectors = arg.selectors;
for (var newSelector in selectors) {
if (selectors.hasOwnProperty(newSelector)) {
extractSelector(currentSelector, rules, newSelector, selectors[newSelector]);
}
else if (newSelector.indexOf(',') > -1) {
expandCommaSeparatedGlobals(newSelector)
.split(',')
.map(function (s) { return s.trim(); })
.forEach(function (separatedSelector) {
return extractRules([selectorValue_1], rules, expandSelector(separatedSelector, currentSelector));
});
}
}
else if (typeof propValue === 'object') {
// prop is a selector.
if (propValue !== null) {
extractSelector(currentSelector, rules, prop, propValue);
}
}
else {
if (propValue !== undefined) {
// Else, add the rule to the currentSelector.
if (prop === 'margin' || prop === 'padding') {
expandQuads(currentRules, prop, propValue);
}
else {
extractRules([selectorValue_1], rules, expandSelector(newSelector, currentSelector));
currentRules[prop] = propValue;
}
}
};
for (var newSelector in selectors) {
_loop_1(newSelector);
}
}
else {
if (arg[prop] !== undefined) {
// Else, add the rule to the currentSelector.
if (prop === 'margin' || prop === 'padding') {
expandQuads(currentRules, prop, arg[prop]);
}
else {
currentRules[prop] = arg[prop];
}
}
}
}

@@ -127,0 +137,0 @@ }

2

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.16.7');
set_version_1.setVersion('@uifabric/merge-styles', '7.17.0');
});
//# sourceMappingURL=version.js.map

3

lib-commonjs/IStyle.d.ts

@@ -20,3 +20,4 @@ import { IRawStyleBase } from './IRawStyleBase';

/**
* Custom selectors for the style.
* @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.
*/

@@ -23,0 +24,0 @@ selectors?: {

70

lib-commonjs/styleToClassName.js

@@ -67,2 +67,20 @@ "use strict";

}
function extractSelector(currentSelector, rules, selector, value) {
if (rules === void 0) { rules = { __order: [] }; }
if (selector.indexOf('@') === 0) {
selector = selector + '{' + currentSelector;
extractRules([value], rules, selector);
}
else if (selector.indexOf(',') > -1) {
expandCommaSeparatedGlobals(selector)
.split(',')
.map(function (s) { return s.trim(); })
.forEach(function (separatedSelector) {
return extractRules([value], rules, expandSelector(separatedSelector, currentSelector));
});
}
else {
extractRules([value], rules, expandSelector(selector, currentSelector));
}
}
function extractRules(args, rules, currentSelector) {

@@ -93,39 +111,31 @@ if (rules === void 0) { rules = { __order: [] }; }

for (var prop in arg) {
if (prop === 'selectors') {
var selectors = arg.selectors;
var _loop_1 = function (newSelector) {
if (selectors.hasOwnProperty(newSelector)) {
var selectorValue_1 = selectors[newSelector];
if (newSelector.indexOf('@') === 0) {
newSelector = newSelector + '{' + currentSelector;
extractRules([selectorValue_1], rules, newSelector);
if (arg.hasOwnProperty(prop)) {
var propValue = arg[prop];
if (prop === 'selectors') {
// every child is a selector.
var selectors = arg.selectors;
for (var newSelector in selectors) {
if (selectors.hasOwnProperty(newSelector)) {
extractSelector(currentSelector, rules, newSelector, selectors[newSelector]);
}
else if (newSelector.indexOf(',') > -1) {
expandCommaSeparatedGlobals(newSelector)
.split(',')
.map(function (s) { return s.trim(); })
.forEach(function (separatedSelector) {
return extractRules([selectorValue_1], rules, expandSelector(separatedSelector, currentSelector));
});
}
}
else if (typeof propValue === 'object') {
// prop is a selector.
if (propValue !== null) {
extractSelector(currentSelector, rules, prop, propValue);
}
}
else {
if (propValue !== undefined) {
// Else, add the rule to the currentSelector.
if (prop === 'margin' || prop === 'padding') {
expandQuads(currentRules, prop, propValue);
}
else {
extractRules([selectorValue_1], rules, expandSelector(newSelector, currentSelector));
currentRules[prop] = propValue;
}
}
};
for (var newSelector in selectors) {
_loop_1(newSelector);
}
}
else {
if (arg[prop] !== undefined) {
// Else, add the rule to the currentSelector.
if (prop === 'margin' || prop === 'padding') {
expandQuads(currentRules, prop, arg[prop]);
}
else {
currentRules[prop] = arg[prop];
}
}
}
}

@@ -132,0 +142,0 @@ }

2

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.16.7');
set_version_1.setVersion('@uifabric/merge-styles', '7.17.0');
//# sourceMappingURL=version.js.map

3

lib/IStyle.d.ts

@@ -20,3 +20,4 @@ import { IRawStyleBase } from './IRawStyleBase';

/**
* Custom selectors for the style.
* @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.
*/

@@ -23,0 +24,0 @@ selectors?: {

70

lib/styleToClassName.js

@@ -65,2 +65,20 @@ import { __spreadArrays } from "tslib";

}
function extractSelector(currentSelector, rules, selector, value) {
if (rules === void 0) { rules = { __order: [] }; }
if (selector.indexOf('@') === 0) {
selector = selector + '{' + currentSelector;
extractRules([value], rules, selector);
}
else if (selector.indexOf(',') > -1) {
expandCommaSeparatedGlobals(selector)
.split(',')
.map(function (s) { return s.trim(); })
.forEach(function (separatedSelector) {
return extractRules([value], rules, expandSelector(separatedSelector, currentSelector));
});
}
else {
extractRules([value], rules, expandSelector(selector, currentSelector));
}
}
function extractRules(args, rules, currentSelector) {

@@ -91,39 +109,31 @@ if (rules === void 0) { rules = { __order: [] }; }

for (var prop in arg) {
if (prop === 'selectors') {
var selectors = arg.selectors;
var _loop_1 = function (newSelector) {
if (selectors.hasOwnProperty(newSelector)) {
var selectorValue_1 = selectors[newSelector];
if (newSelector.indexOf('@') === 0) {
newSelector = newSelector + '{' + currentSelector;
extractRules([selectorValue_1], rules, newSelector);
if (arg.hasOwnProperty(prop)) {
var propValue = arg[prop];
if (prop === 'selectors') {
// every child is a selector.
var selectors = arg.selectors;
for (var newSelector in selectors) {
if (selectors.hasOwnProperty(newSelector)) {
extractSelector(currentSelector, rules, newSelector, selectors[newSelector]);
}
else if (newSelector.indexOf(',') > -1) {
expandCommaSeparatedGlobals(newSelector)
.split(',')
.map(function (s) { return s.trim(); })
.forEach(function (separatedSelector) {
return extractRules([selectorValue_1], rules, expandSelector(separatedSelector, currentSelector));
});
}
}
else if (typeof propValue === 'object') {
// prop is a selector.
if (propValue !== null) {
extractSelector(currentSelector, rules, prop, propValue);
}
}
else {
if (propValue !== undefined) {
// Else, add the rule to the currentSelector.
if (prop === 'margin' || prop === 'padding') {
expandQuads(currentRules, prop, propValue);
}
else {
extractRules([selectorValue_1], rules, expandSelector(newSelector, currentSelector));
currentRules[prop] = propValue;
}
}
};
for (var newSelector in selectors) {
_loop_1(newSelector);
}
}
else {
if (arg[prop] !== undefined) {
// Else, add the rule to the currentSelector.
if (prop === 'margin' || prop === 'padding') {
expandQuads(currentRules, prop, arg[prop]);
}
else {
currentRules[prop] = arg[prop];
}
}
}
}

@@ -130,0 +140,0 @@ }

2

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.16.7');
setVersion('@uifabric/merge-styles', '7.17.0');
//# sourceMappingURL=version.js.map

2

package.json
{
"name": "@uifabric/merge-styles",
"version": "7.16.7",
"version": "7.17.0",
"description": "Style loading utilities.",

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

63

README.md

@@ -87,3 +87,3 @@ # @uifabric/merge-styles

Additionally, **style objects** can contain selectors under the `selectors` property:
Additionally, **style objects** can contain selectors:

@@ -93,9 +93,7 @@ ```tsx

backgroundColor: 'red',
selectors: {
':hover': {
backgroundColor: 'blue';
},
'.parent &': { /* parent selector */ },
'& .child': { /* child selector */ }
}
':hover': {
backgroundColor: 'blue';
},
'.parent &': { /* parent selector */ },
'& .child': { /* child selector */ }
};

@@ -167,3 +165,3 @@ ```

Custom selectors can be defined within `IStyle` definitions under the `selectors` section:
Custom selectors can be defined within `IStyle` definitions:

@@ -173,6 +171,4 @@ ```tsx

background: 'red',
selectors: {
':hover': {
background: 'green'
}
':hover': {
background: 'green'
}

@@ -199,12 +195,11 @@ }

{
selectors: {
// selector relative to parent
'.ms-Fabric--isFocusVisible &': {
background: 'red'
}
// selector for child
'& .child' {
background: 'green'
}
// selector relative to parent
'.ms-Fabric--isFocusVisible &': {
background: 'red'
}
// selector for child
'& .child' {
background: 'green'
}
}

@@ -232,6 +227,4 @@ ```

{
selectors: {
':global(button)': {
overflow: 'visible'
}
':global(button)': {
overflow: 'visible'
}

@@ -248,10 +241,8 @@ }

background: 'red',
selectors: {
'@media(max-width: 600px)': {
background: 'green',
},
'@supports(display: grid)': {
display: 'grid',
},
'@media(max-width: 600px)': {
background: 'green',
},
'@supports(display: grid)': {
display: 'grid',
},
});

@@ -317,6 +308,4 @@ ```

{
selectors: {
[`.${classNames.root}:hover &`]: {
background: 'green',
},
[`.${classNames.root}:hover &`]: {
background: 'green',
},

@@ -323,0 +312,0 @@ },

dist/merge-styles.d.ts

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

dist/merge-styles.js

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

dist/merge-styles.js.map

Sorry, the diff of this file is not supported yet

lib-amd/IStyle.js.map

Sorry, the diff of this file is not supported yet

lib-amd/styleToClassName.js.map

Sorry, the diff of this file is not supported yet

lib-amd/version.js.map

Sorry, the diff of this file is not supported yet

lib-commonjs/IStyle.js.map

Sorry, the diff of this file is not supported yet

lib-commonjs/styleToClassName.js.map

Sorry, the diff of this file is not supported yet

lib-commonjs/version.js.map

Sorry, the diff of this file is not supported yet

lib/IStyle.js.map

Sorry, the diff of this file is not supported yet

lib/styleToClassName.js.map

Sorry, the diff of this file is not supported yet

lib/version.js.map

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

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

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc