{"_id":"@fluentui/react-theme-provider","_rev":"187-689f397f34246417b7286ec2909cde25","name":"@fluentui/react-theme-provider","dist-tags":{"beta":"1.0.0-beta.27","latest":"0.18.5","alpha":"9.0.0-alpha.46","lts-7":"0.19.16"},"versions":{"0.1.1":{"name":"@fluentui/react-theme-provider","version":"0.1.1","license":"MIT","_id":"@fluentui/react-theme-provider@0.1.1","maintainers":[{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"066e820f1463f6a1e5296ba92c3344b3f97dcf59","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-0.1.1.tgz","fileCount":113,"integrity":"sha512-wlqDgosJCqF/CXT8bLbt3qOSoGtqLxzL4s/36fsEXh+YZBnZQhrb5ix9wfxEujv94OXkgzSgZ6mkzkp/Gr+hJg==","signatures":[{"sig":"MEQCIDh/Kppgrxgjt3eGhyP1yEJW+KEy1IZGMWmzNb3ty3jCAiAMU87BCrwthUOkLfDJQ2DfTwV7pnHbnvECTKnMDWeB4w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":86411,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeuUYECRA9TVsSAnZWagAAoIoP/iSMMpR8nFPsC5v/eNuH\nDC8Olei63GEeSncx3SMULiQI2JJHFLRG/qARbhRqW0rYAwJX69KhYjXKlJr3\n1AWWtTw+9jIMP5cjaqF3/31TiaGz7KPxkchAu0w5gpKK7kzCGAsnQ07q7Qpe\nCyF4F8n9t1wgP/b98Ik9skRI8NracTlecLlHujBs+xtOP+v0g6E3krIa9Iq7\ndwHGP329fmSuJtMbHWHXzvDdiH/ZVJUWn2e01Zf0oe4P6CllsvBio5stz+dT\nT3TRdHlpKIMYhFJDneaLEUG+J/hZird/vqgFCN/Kd/EXy3805+Avz7Digpdl\nUKKRuz6NieH4480F84MPaMF2/iViLIiQL6/wLfBuTt+ApO3ZLufAtz4dGKBI\nol06QTMUZb+I78e5Oy4Lzb+zPg71O0IGqnY4bsBq+aU8Uk/hS/wHsam4mGXn\ngVLHY/qNEEe735J/kD5rzch/rH1DtRn7LL6pe946e6kbzUW5sQSo72sH7BS9\nOa87PsVKNy/vbPMxZ45EukqNxWmrMKenwcY/SckaCzQh/vQ2u3Wjc0Z9pdzZ\n/4a8RvOEHv613rng9jfO+6THJqc2qLDu97As+1PudQrQDZKY8nRvofkeepkT\nIx6B85dRLjvqoOSPBxzOwUEhx8GZNHJgcnIUdc1/OUhMpRmKQQ+Hw7XvT64d\n/tUU\r\n=vwug\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-api":"just-scripts update-api","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.4","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":["lib/version.js"],"_nodeVersion":"10.20.1","dependencies":{"tslib":"^1.10.0","classnames":"^2.2.6","@uifabric/utilities":"^7.16.4","@uifabric/set-version":"^7.0.12","@fluentui/react-stylesheets":"^0.1.4"},"_hasShrinkwrap":false,"devDependencies":{"react":"16.8.6","enzyme":"~3.10.0","react-dom":"16.8.6","@types/jest":"~24.9.0","@types/react":"16.8.25","@types/enzyme":"3.10.3","@uifabric/build":"^7.0.0","@types/react-dom":"16.8.4","@types/classnames":"^2.2.9","@types/webpack-env":"1.15.1","react-test-renderer":"^16.3.0","@uifabric/tslint-rules":"^7.2.1","enzyme-adapter-react-16":"^1.15.0","@types/react-test-renderer":"^16.0.0","@types/enzyme-adapter-react-16":"1.0.3"},"peerDependencies":{"react":">=16.8.0 <17.0.0","react-dom":">=16.8.0 <17.0.0","@types/react":">=16.8.0 <17.0.0","@types/react-dom":">=16.8.0 <17.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_0.1.1_1589200388287_0.35511804329911945","host":"s3://npm-registry-packages"}},"0.1.2":{"name":"@fluentui/react-theme-provider","version":"0.1.2","license":"MIT","_id":"@fluentui/react-theme-provider@0.1.2","maintainers":[{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"0b27dcb34adcf2a233886a653304c95c0a4d5a97","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-0.1.2.tgz","fileCount":113,"integrity":"sha512-TO5s+Ms/siQKL7YcmGedtv8T/X1xv8PoP3leeil1lRMRlZRxcLNJd8cD+X/BbEHY5xmK7fvR3KCZOK3Ob61O+w==","signatures":[{"sig":"MEUCIQCHZDdxKdrsEkSKF8R3u8ph8tzo3uk19zOLpZeRPbeGMQIgJFe0yYyj+mzn+sCDNG9X8vWJPc2fUPlpnz+39LrgY3E=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":86411,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJevTrVCRA9TVsSAnZWagAAOKIP/R4MJTJbpb1tZyLmey1f\nhEN00ZQwhX88Cpno1XhpgLOBvVUlWltNqSXwmvL5rzkFP0Db9qkHZwmAtnKO\nIj1Sc0ivzvTIjowJLKYOTE+LsaAbayPvu08ZQUfylOSSoOQV4xhhmOhHCaue\nfHwVQ3/geqIAbs/TKpEvebdC+JEel10ebVZ5gVkzkWhs17YrxV9W04uqjdWM\nEnZHKUVuxCod5qvgnw0nbGSq5m7AEI4bMMfj4dnpN7PPf5+J5fIkI778FxKJ\nU6djRs2Wy2UimtSyBBtlYcPYWLwB8eGzu/NiS0YTna/k/8MjPX/ocP5UGYqy\nuNnD1jztGr2zhsntTrEmZzfiefThvDuZGuS5TNTPoSUcS27hYLrHHQgqPKlq\n3rMi4j+lNdycp1AeVK/7mpj6OjvtmkFbemIq1wPSkosFIg2JIbnvuv43Ihf6\n+6LwJVsvZrb+5I5R1T5/kap4qu+d2sWWjLvPKoVVPz2Zd2NW+fZHUToj10j+\njPC8EPfT6u4caOOmdhTo1epOYlF8wH4kPwnq7pqePgQD8vfmYVRWj87MUoxU\nJ2Wwb9xOpRnLc99Q8UQYBHoqxBlFtBoo2zg4uWMr4D6jDDty5r78Ok/VQicD\ngT8eCG0CAIFHncZWBubcTtFYefWB+pjf5eWHYrLoFFwFb7/TQkZ1vsV6A+d5\nehtJ\r\n=BuxE\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-api":"just-scripts update-api","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.4","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":["lib/version.js"],"_nodeVersion":"10.20.1","dependencies":{"tslib":"^1.10.0","classnames":"^2.2.6","@uifabric/utilities":"^7.17.0","@uifabric/set-version":"^7.0.12","@fluentui/react-stylesheets":"^0.1.4"},"_hasShrinkwrap":false,"devDependencies":{"react":"16.8.6","enzyme":"~3.10.0","react-dom":"16.8.6","@types/jest":"~24.9.0","@types/react":"16.8.25","@types/enzyme":"3.10.3","@uifabric/build":"^7.0.0","@types/react-dom":"16.8.4","@types/classnames":"^2.2.9","@types/webpack-env":"1.15.1","react-test-renderer":"^16.3.0","@uifabric/tslint-rules":"^7.2.1","enzyme-adapter-react-16":"^1.15.0","@types/react-test-renderer":"^16.0.0","@types/enzyme-adapter-react-16":"1.0.3"},"peerDependencies":{"react":">=16.8.0 <17.0.0","react-dom":">=16.8.0 <17.0.0","@types/react":">=16.8.0 <17.0.0","@types/react-dom":">=16.8.0 <17.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_0.1.2_1589459669011_0.4798720477200278","host":"s3://npm-registry-packages"}},"0.1.3":{"name":"@fluentui/react-theme-provider","version":"0.1.3","license":"MIT","_id":"@fluentui/react-theme-provider@0.1.3","maintainers":[{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"e72279bae641e9956cf2475a9ecd8914b22f0b64","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-0.1.3.tgz","fileCount":113,"integrity":"sha512-TezCCFf68llVtVFIw6/AHnZ3FiQZUbIiMASJ8KLsh3Qco4bGhV8MhThmaby0aKsDy8kFKvRCbGQJ3mLdGVx35w==","signatures":[{"sig":"MEUCID7uvEUskirWirxjBW2mRBU0xZxNzUP+bZKhHzjcvQRzAiEA3ggpSrk1WTkm6JbTvV5c5ZCgNLXwDat7Fi26G4e+mEc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":86411,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJevd05CRA9TVsSAnZWagAA/3UP/2iY5iESSt674+qUdAPu\n1auitwfCd1WmmTe3xrLp2xwWYDCsAEZJDnABu1wUMEoT3FpCBRe6cinQDoOx\nxGyngc/RZFtUXUrJ31mcvV7OGpK9QY02Ks3wjXEdHEvfMhaGOITL7nlfIC6o\no2rtnTAWUiRNl3+bMOlegN/9pSQV1cYEyvQg3Mpd//YoRYTbwjnlfvoxF7Qt\nkDxl47ivX9B5INFyiBKPtlOHXE9Ui5kSjp1naTlbtBoCVMEAkxYTTTmcXWWN\ncaOqr3dM8+/07VXQvkkvLR6kpwfMDXfVaXeuBcSJI4/UyuoIcmCZXZ8FgBJK\n1Rna+G5JgNQWoqIMEeUKMjmsXPZSPqlBNbcdnLRI7vq6qUCwOo0KACI3I670\nOHv1JumlEpn9+NL8zVaMTlJ+985ye6AdCEUM1ajhxJuZuBQZvzO0QRnFZq5J\nw6e6JXmqwCB1xY4Bx7weHY+1UaHQbJDMB/AmvLhX1lgcyfksVWiEMwA3ek4c\nvpjSlIWP4VS2ucE02iHT52JvXjAj4U51GMutE8/SgJRHQqyG/mekx4EcNCNw\nx18niKbg8kChxQzm3ohU6RHlOrhDSH2cLgaovH5DVP6rBPzN81S0mUzcqDpD\npR38tKGN4ridot/Xve7iHWGOcFlhtZAE7/yBtj7p1D+dQ28qUCGCfm8E8CPs\nW5iv\r\n=OfrY\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-api":"just-scripts update-api","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.4","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":["lib/version.js"],"_nodeVersion":"10.20.1","dependencies":{"tslib":"^1.10.0","classnames":"^2.2.6","@uifabric/utilities":"^7.17.1","@uifabric/set-version":"^7.0.12","@fluentui/react-stylesheets":"^0.1.5"},"_hasShrinkwrap":false,"devDependencies":{"react":"16.8.6","enzyme":"~3.10.0","react-dom":"16.8.6","@types/jest":"~24.9.0","@types/react":"16.8.25","@types/enzyme":"3.10.3","@uifabric/build":"^7.0.0","@types/react-dom":"16.8.4","@types/classnames":"^2.2.9","@types/webpack-env":"1.15.1","react-test-renderer":"^16.3.0","@uifabric/tslint-rules":"^7.2.1","enzyme-adapter-react-16":"^1.15.0","@types/react-test-renderer":"^16.0.0","@types/enzyme-adapter-react-16":"1.0.3"},"peerDependencies":{"react":">=16.8.0 <17.0.0","react-dom":">=16.8.0 <17.0.0","@types/react":">=16.8.0 <17.0.0","@types/react-dom":">=16.8.0 <17.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_0.1.3_1589501241546_0.03529186239550741","host":"s3://npm-registry-packages"}},"0.1.4":{"name":"@fluentui/react-theme-provider","version":"0.1.4","license":"MIT","_id":"@fluentui/react-theme-provider@0.1.4","maintainers":[{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"24bf53b85e2edb4b6f5589cb35e86939b31c135b","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-0.1.4.tgz","fileCount":113,"integrity":"sha512-3ili7BDu2Rs36DCVDaBG6jE3Ui5KBLswDO7KEo8ca86eZ2HkHiL3e3Ztu+JyMB2KQu7yBwnbXPyDjNY9OJGyvg==","signatures":[{"sig":"MEQCIC49TEtOuqYYfmy3u/9m23VFqLCC1TsfW87VFOc/16RCAiBb0k5D8MbUz4c7uMwVgFD1J+iJ/B/stUsHqxdk+/ErcQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":86396,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJevo4hCRA9TVsSAnZWagAAL/AP/i32wNkRjZhsgzCULQPO\nwQ9px1li7fLXj2c7um7k+ZnsgiUuV8xcWm+iDeT+2BGrwZywJkXhh4QkXl2o\nm9F9AhNHldyFhi+thKw75gEBcUXb93sjt3gz9vS4Kd09vdsuo0N+mLxdpV6/\nyR2lSgJWFITAyrV/LL6X/PNI7ThW7ZxnnLHmHg7vN1j1WZpF+T7tEDGKX4l9\neB3JAYlAkjUW8bdjWrjCc8r0wO0sKPznClyQrzrqzNJPjuoffQmbrli0yRPv\nFW89pO03sNFkYFnpgsjqAd3gv0ePJhVnbg3WrMVVhFAyJFJJi+NVJeJ/EHng\nmkLPyP3Zci2zczLZ2hX9iATwdbD3IJf/bmVDO63hr/S262zXrM/5WcO4gUT+\npJZ2O/MC1ob9Gkl0UVKTTCy4RT2q3Xr07N7Cg/fchE5WvxdhwuCs69NAqMIP\nJcETiqI6WMRDrYZKpxNS1Hmj0a75GuvxGUYI8zkM/+ZXgZeMaIndbE+SJxTW\nL3rlrlrDxinhperdp5LGjH7ak8MTz5ythsYj3dKO0ifoCd8jdBmHTFjvRz5b\nN+Uk52oA7V4XCf2VIkYvPTFF1/L+MBLoAYJmCC1eJz6tQB4d7Qoa8L84dk3N\nc+W9k1w94Ts0yKx3Tg4ocn3c38Wb/i7tlJ59r7GPEGuimxiDONxNFRe98EnS\nTfsV\r\n=U5zP\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-api":"just-scripts update-api","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.4","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":["lib/version.js"],"_nodeVersion":"10.20.1","dependencies":{"tslib":"^1.10.0","classnames":"^2.2.6","@uifabric/utilities":"^7.17.2","@uifabric/set-version":"^7.0.12","@fluentui/react-stylesheets":"^0.1.5"},"_hasShrinkwrap":false,"devDependencies":{"react":"16.8.6","enzyme":"~3.10.0","react-dom":"16.8.6","@types/jest":"~24.9.0","@types/react":"16.8.25","@types/enzyme":"3.10.3","@uifabric/build":"^7.0.0","@types/react-dom":"16.8.4","@types/classnames":"^2.2.9","@types/webpack-env":"1.15.1","react-test-renderer":"^16.3.0","@uifabric/tslint-rules":"^7.2.1","enzyme-adapter-react-16":"^1.15.0","@types/react-test-renderer":"^16.0.0","@types/enzyme-adapter-react-16":"1.0.3"},"peerDependencies":{"react":">=16.8.0 <17.0.0","react-dom":">=16.8.0 <17.0.0","@types/react":">=16.8.0 <17.0.0","@types/react-dom":">=16.8.0 <17.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_0.1.4_1589546528706_0.7827530554951458","host":"s3://npm-registry-packages"}},"0.1.5":{"name":"@fluentui/react-theme-provider","version":"0.1.5","license":"MIT","_id":"@fluentui/react-theme-provider@0.1.5","maintainers":[{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"8d03c540474227a63cdda1f0efdabaca0992689d","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-0.1.5.tgz","fileCount":113,"integrity":"sha512-GOahVNowwUroCaW+AS5+8otRNrVRLje+PBAhG8fXMP9NXMNlL3LvlQiZvVQpcO4eGWUQPLyGEJrqYfGgriPruQ==","signatures":[{"sig":"MEQCIAMeCxjNRchDhTO658MptgkvqkeZJILuKxcSWUorPeuQAiBdZVSt/Rowp9k+/GX8auvG4NQyn1S31at8tAWIXgm23g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":86396,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJevvyFCRA9TVsSAnZWagAAHXQP+QHFvvNI/pD0o9960HFY\nm81LBnV0DHoTeJEThfsJk7BfB1Jb3XmZ1v0tJgDNdpLvMfmmVhruIP6NaTWb\n0w1/Pq01EoM0P2436SZ3AuNDr63Cw4Coc2KaSSDxTWDQo2YQXUVDHVFsUr8f\nDcFOLMp3yW04JvzqCYk+RFRC5HH358Ulzf1Y7ZP7rMB7Kes89V98QipMw6bS\n7UiFxBejk/2A7dpKL666ODQYLMdD8f+RFaHDQISv7tFgBP8DyMsdiiGKTjTk\nB4mPxyogguLxcpx5dLe0p8eoXTkhftzbykpklM4n2gpIHgvDuXTJ/926bc4r\nAiRt58nS3BU7msNv9h9WwVsWfWK2BKd/OS3Plt4wHdbCpsas8QWF3Rvzbd72\nKhQuY3xEE/HtUOPbNTi5DZLJv4RqK+u+9Wk3zfXNr5qDiHMrzXzHWf9qhqS3\npPh4jUfDUlsEc4MqEZJ2OeOU8mSDGdCzGzKm7+NltCU86lbCLhVHeRBJu6mV\nY876ur4ISirKuHFomG0DXczXlAVOHVLKxD3ItswDzieKwOTIAwSpeXUEQqB6\nDaRxgAM9C+AJUM2DPtxQ9SmiIkORv6tkAt1hEI6qD2eCEb5a2gDy0n9I/wNZ\nfSvHLvkieHRgAvfDmVvAfJS9UgqlUEOpYiyfaM4BaIv+bqRLRM/x8W7hYjU4\nA8t5\r\n=kJqC\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-api":"just-scripts update-api","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.4","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":["lib/version.js"],"_nodeVersion":"10.20.1","dependencies":{"tslib":"^1.10.0","classnames":"^2.2.6","@uifabric/utilities":"^7.17.3","@uifabric/set-version":"^7.0.12","@fluentui/react-stylesheets":"^0.1.6"},"_hasShrinkwrap":false,"devDependencies":{"react":"16.8.6","enzyme":"~3.10.0","react-dom":"16.8.6","@types/jest":"~24.9.0","@types/react":"16.8.25","@types/enzyme":"3.10.3","@uifabric/build":"^7.0.0","@types/react-dom":"16.8.4","@types/classnames":"^2.2.9","@types/webpack-env":"1.15.1","react-test-renderer":"^16.3.0","@uifabric/tslint-rules":"^7.2.1","enzyme-adapter-react-16":"^1.15.0","@types/react-test-renderer":"^16.0.0","@types/enzyme-adapter-react-16":"1.0.3"},"peerDependencies":{"react":">=16.8.0 <17.0.0","react-dom":">=16.8.0 <17.0.0","@types/react":">=16.8.0 <17.0.0","@types/react-dom":">=16.8.0 <17.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_0.1.5_1589574789021_0.4746815168346463","host":"s3://npm-registry-packages"}},"0.1.6":{"name":"@fluentui/react-theme-provider","version":"0.1.6","license":"MIT","_id":"@fluentui/react-theme-provider@0.1.6","maintainers":[{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"92bcfdf9e8a301027fc2440a6a99f688d988658d","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-0.1.6.tgz","fileCount":113,"integrity":"sha512-h+7QMHNLxeiZ92tBmSrcFHarDKfCPw+9uaWm85V1YYcELLZZAd6BxATTK23/uG1Thr/K+hZJO0wLrCk+h3CrmQ==","signatures":[{"sig":"MEYCIQCNVqs8dr6QshXFvwYzeS3YT4psJbmGy1WUMCm6gTK83gIhAMNga3vkPo7P53xQCchbgFlwCBjiyCRV2XHbcDdF4dSs","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":88448,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJexnTDCRA9TVsSAnZWagAAlPoP/2ujydYEfO8K97rpBDiY\nmfUpBn/9d8z+0MOKb3aE0bGU7B8gHJefGL3IcVKSYLeFy43LVzxH1OzgYBKU\n7HFWb3ZSY/zNM5Fu2YAYOFs2lM3ljc71ea/qnJOxnzMerrcZ4ohwTRRr9oS/\nG6PLjg18jFpgSjT9opsMZk6p6bejQbIStxluCLbLdymxLH+yKnraq/8ypq2H\nGsDI4GybuaC3WtjjXcytiOWF9P3ICA9BwZV8cyHnviFkkxdcxArtA4kYSK55\nr8ymXSofzyEcP7rEvadevQiCIXENjABbLkJXXv1rUZ1wRQTZ8I96LHBSCuXu\n7fQrPzGdHKBUtWVipEh5yNwe4ujZc5Y5dUG9APolI/nV3Hx+rtoO2FBX9g7V\nX+JXeGPKaR8BoNk90GXil8CTjwsj8dtBZtGuvsQRIBzX+qUQxFoNtdIdKq6a\ntNmTbpHzJjJcQ8bFVUCJnYulO7qKOQYgdymqFw/WuIc2dlCUVmoOz8fiLMAA\nVvj9ie3HeHnBFB+LyO4adnJNYJK/gnTWEQFTpG0aJsDrQ5DJcC6khmc2UQrr\n0AwKLoObV4DBdzE43dxeYlcHr/B6dJKCXcfS2XqkGMY/JWV8hksROQ43degp\nBYJJyfVRzd+/aIMyQibbkTSi9EbezhnhZRAUbrjDr07go7sHG5ukiRMmZILS\nVXsd\r\n=vAYR\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-api":"just-scripts update-api","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.4","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":["lib/version.js"],"_nodeVersion":"10.20.1","dependencies":{"tslib":"^1.10.0","classnames":"^2.2.6","@uifabric/utilities":"^7.18.0","@uifabric/set-version":"^7.0.12","@fluentui/react-stylesheets":"^0.1.6"},"_hasShrinkwrap":false,"devDependencies":{"react":"16.8.6","enzyme":"~3.10.0","react-dom":"16.8.6","@types/jest":"~24.9.0","@types/react":"16.8.25","@types/enzyme":"3.10.3","@uifabric/build":"^7.0.0","@types/react-dom":"16.8.4","@types/classnames":"^2.2.9","@types/webpack-env":"1.15.1","react-test-renderer":"^16.3.0","@uifabric/tslint-rules":"^7.2.1","enzyme-adapter-react-16":"^1.15.0","@types/react-test-renderer":"^16.0.0","@types/enzyme-adapter-react-16":"1.0.3"},"peerDependencies":{"react":">=16.8.0 <17.0.0","react-dom":">=16.8.0 <17.0.0","@types/react":">=16.8.0 <17.0.0","@types/react-dom":">=16.8.0 <17.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_0.1.6_1590064323280_0.30451245569195917","host":"s3://npm-registry-packages"}},"0.1.7":{"name":"@fluentui/react-theme-provider","version":"0.1.7","license":"MIT","_id":"@fluentui/react-theme-provider@0.1.7","maintainers":[{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"f2c9d1143d2ad48b43e21a781d18c2787d477ffa","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-0.1.7.tgz","fileCount":113,"integrity":"sha512-vQ+GY+exUeTYWW093ESpRFqjaZAhdy0r3HCoF5Xx3l27jZMj/M5S5dZyPxKtnrDVDiwS1AFQOT/cdcoF0JwQvw==","signatures":[{"sig":"MEUCIQDo5seAW/Nl5StsgaXy1w9XM3YUAcX13BRcM96vIZjQ1wIgGEvgVS3XBHsTvf70+/EmV2G0dkZ/7pscKo+l1eN6olk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":88448,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJex8eACRA9TVsSAnZWagAAMBgP/RO2bt+3ah54sqNnthDJ\nIIu8GpMFm8jz1NPRZx4QX8Lggwd0t35XyxB5zEpHLbVOI2AvhRp4MOZ7xBgv\n4qwcJrR6ZIcq7bPebUXen5ngRLdaq5Fl9jZDDIqXZ7sqXKvPJXSxXXtOOxob\np8FfSf6ifSlpeUxzo9D4mly/4Z9D0+fIxqstlBtul1CZ1oSz9Se5fnyaK6Yn\nPqD7Dc3n/HIKEgFNuKBSECn0rDUBGVfXwvrX7NiknC3YICsF5lWxvZRuEJzx\nswRrLYfEieI/1H2tmA4GdfAjtfqS25qJss6J0ejfWGjzzl0q3s3h5pC7dS3A\nlLlD0tSFgwoBiEr4qWq5qgbomqcwlHHvy4nc8N6FBltYioJwuYKmzGwQRr75\nVJCaLWge6KSI+8PIFRqfPi+MemuafC8NI9dForVfq4guUJLYD3cek7CcSfPC\n3gXQaEeDif4DM3jPuDZoN6zvlGuUn3WGMQtNVZXYT1Rzb7Q5WNtNqfaZF1OO\nOOWYznEbWKeXVoWBvJRVEFWeB0IZCgjiLRihTaICRdj7DnXOb9XY++JKirDd\nNQANrUN3cwjLr9csut7Z3l24GP0KKBak1mvji/UW16FhGGufjUEcEJaJ8doB\nPmI+1ZZQBUwqBQhioUE46PLaoo7VtgCJpzs/K0qYE6Svw2upT96RVUSckRdy\nvZ8W\r\n=rrjW\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-api":"just-scripts update-api","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.4","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":["lib/version.js"],"_nodeVersion":"10.20.1","dependencies":{"tslib":"^1.10.0","classnames":"^2.2.6","@uifabric/utilities":"^7.19.0","@uifabric/set-version":"^7.0.12","@fluentui/react-stylesheets":"^0.1.6"},"_hasShrinkwrap":false,"devDependencies":{"react":"16.8.6","enzyme":"~3.10.0","react-dom":"16.8.6","@types/jest":"~24.9.0","@types/react":"16.8.25","@types/enzyme":"3.10.3","@uifabric/build":"^7.0.0","@types/react-dom":"16.8.4","@types/classnames":"^2.2.9","@types/webpack-env":"1.15.1","react-test-renderer":"^16.3.0","@uifabric/tslint-rules":"^7.2.1","enzyme-adapter-react-16":"^1.15.0","@types/react-test-renderer":"^16.0.0","@types/enzyme-adapter-react-16":"1.0.3"},"peerDependencies":{"react":">=16.8.0 <17.0.0","react-dom":">=16.8.0 <17.0.0","@types/react":">=16.8.0 <17.0.0","@types/react-dom":">=16.8.0 <17.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_0.1.7_1590151039701_0.7031953411906211","host":"s3://npm-registry-packages"}},"0.1.8":{"name":"@fluentui/react-theme-provider","version":"0.1.8","license":"MIT","_id":"@fluentui/react-theme-provider@0.1.8","maintainers":[{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"6d666c367d5630a2d3bfa8f98eb31fa9c373835c","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-0.1.8.tgz","fileCount":113,"integrity":"sha512-i2SQcaSugO8sen6Dg8DgtAJiqs4XblaBDrxVUY3HDvFqXTzkLF1qXDczhp1ZlOZq5lUXEyF3JajaF1i5XcCmIA==","signatures":[{"sig":"MEQCIDT9klIkIZIbMC6hgzynKL7Zrgj/dDJ7Dc41gt+xUscZAiAI8UGRMzjI98hs+MZ9Ecr29S3AXgN0l4FiNVzKXc05jw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":88448,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJey7uJCRA9TVsSAnZWagAACIsP/2TUcON4H7UaMHZ15jt0\nKEuRekUpSHGbcmKwdy02nd1SrO06DPIUZShX/J2z87VlgwPNA9QdiZ/XNDwN\nNoui7duUkHsKxBbWjb9CLWtkg4HSo19ZHbJ2TsTWMbPp+NKN6sEtUFOevdS+\nUvMAy+G+1DXDXu6WmWATiZMGLW4dUqUa1uW+FRGJB/EEfulv1MeCIrqW86l1\nZce9KiZuOFv4AYlTGw3LO3qTnhjzPZ1ISxVDAIAtD4h5Va12iemcWMi1gpfw\np3wD5NLHFIsg/ob9xVAhYKH8aF/9hQAsZq1jPJ5Let+k64J7ya6UwKELvFiH\nIavsvfnpgF3r1CsH6FhAJs4sQos/RU76qOHZC1dJLd5e+PvWQ8RzexAhsLYZ\nU3SiRQx8vrCgZqXMrmylKQZy+Pzbx0dghKmpVrW36ww5W1PpYEaLUQmKezJD\nuVccbhiEbi6lM+qBSN636rTWucVqT774bxNEGkwgzLXkvo+zLLke+AMvXbbD\nTzeB5ZYMNDVaGG6uR5WlUv1yt2t/YL8mr5ib3+M2NYW03Y391XZ5ZZj5x/PG\nibJYpnZ8gJtZr/VKpcCyIIpXYWS56P+jfX6TwY3i0lDTydavzcbj7r7TwWIT\nkxhhZ5PcY+WQUkCs2X30mjPtELDWZr85ATYjk+7ICKmeihO5gll0gU9zXiCp\ncP8G\r\n=Y3Ro\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-api":"just-scripts update-api","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.13.4","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":["lib/version.js"],"_nodeVersion":"10.19.0","dependencies":{"tslib":"^1.10.0","classnames":"^2.2.6","@uifabric/utilities":"^7.20.0","@uifabric/set-version":"^7.0.12","@fluentui/react-stylesheets":"^0.1.6"},"_hasShrinkwrap":false,"devDependencies":{"react":"16.8.6","enzyme":"~3.10.0","react-dom":"16.8.6","@types/jest":"~24.9.0","@types/react":"16.8.25","@types/enzyme":"3.10.3","@uifabric/build":"^7.0.0","@types/react-dom":"16.8.4","@types/classnames":"^2.2.9","@types/webpack-env":"1.15.1","react-test-renderer":"^16.3.0","@uifabric/tslint-rules":"^7.2.1","enzyme-adapter-react-16":"^1.15.0","@types/react-test-renderer":"^16.0.0","@types/enzyme-adapter-react-16":"1.0.3"},"peerDependencies":{"react":">=16.8.0 <17.0.0","react-dom":">=16.8.0 <17.0.0","@types/react":">=16.8.0 <17.0.0","@types/react-dom":">=16.8.0 <17.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_0.1.8_1590410120872_0.7633228947679802","host":"s3://npm-registry-packages"}},"0.1.9":{"name":"@fluentui/react-theme-provider","version":"0.1.9","license":"MIT","_id":"@fluentui/react-theme-provider@0.1.9","maintainers":[{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"22402d7ccd0efebdb59612e47e2922b1077f9086","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-0.1.9.tgz","fileCount":113,"integrity":"sha512-KFNvArXkyL/6HcNSnLs+FUxC5uzGofWP0slyZm6YaQK1ZQRYVaQ+oacQu+i2dOohSpzQKSh3aa/aG+aWy5ntfw==","signatures":[{"sig":"MEUCIQD+pnR7sbEBlaoRY+iR5e67QHGqNmaXg+pQvozcvpakfAIgb1EODBcHRMH+WqvRQHNKr3Bvh74b8jxb+AndugwnEck=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":88448,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJezl7fCRA9TVsSAnZWagAAG74P/0IOIjnAXnjhciiVI7xe\nmFMtwEjI+VstvFtGUtM5Lhp2Z/V+vM7w1HmHdcyBTECoKosS/KThSeYJ77NZ\nQ3l1mEljXnSURWuwqqXEPYt8E8zprVBNg5/bRNbwoTDF3sp1cqk2xTjIwjzs\n5TaeYf2KxwzvK8xOfTG85O/PkvL1QkO7fAC/Sl4K8ui2y2X9h8tGQJVuP+2k\nqA87dpF8Pm9aIF/RT8uFAV7IFeKKc4i3ETi2I6cIDyn1YrDfJMj/O9Ad1X3W\nRijNBcdr9F+RAiTYi8+cWTCaDEFvpUohiqTgvf3pWgESksxXQTrrEKlIepiL\nVJUQEid8u3g/ESD5KaEA54ELloGyT2L4Z2D5LuDzfQVLYLZELLvcJbNhiI5x\nieYsGZ+nS2IIBz5waCOZG0IHlCD6AGrAULyFpa5YsXIii/2eAUBEK6CCWJCi\n4Z/YfmgpNcJJg5Zfwe5T5w2xH0a+ym7VVNLoZxRZQJP5FyivlyMjLAsO5bHa\nF0wlap/4Dgw2hVMl+IpPiDSTKUXH3t+/w6bOgwDmqp1pFsbPhmmdT/KiryKv\nT2g/GojcNnpoykxUMNYFKDZzkgMAl83Xlp+6Jf/4kzloLPxskv3hEKtTFMxk\nBFLYJvx59FOMCM5EHfIZ7kQOUaNLHScwhDVSK9DvQZDSj7yBijn9uLj2KZJ/\nGzw+\r\n=ESCa\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-api":"just-scripts update-api","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.4","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":["lib/version.js"],"_nodeVersion":"10.20.1","dependencies":{"tslib":"^1.10.0","classnames":"^2.2.6","@uifabric/utilities":"^7.20.1","@uifabric/set-version":"^7.0.12","@fluentui/react-stylesheets":"^0.1.6"},"_hasShrinkwrap":false,"devDependencies":{"react":"16.8.6","enzyme":"~3.10.0","react-dom":"16.8.6","@types/jest":"~24.9.0","@types/react":"16.8.25","@types/enzyme":"3.10.3","@uifabric/build":"^7.0.0","@types/react-dom":"16.8.4","@types/classnames":"^2.2.9","@types/webpack-env":"1.15.1","react-test-renderer":"^16.3.0","@uifabric/tslint-rules":"^7.2.1","enzyme-adapter-react-16":"^1.15.0","@types/react-test-renderer":"^16.0.0","@types/enzyme-adapter-react-16":"1.0.3"},"peerDependencies":{"react":">=16.8.0 <17.0.0","react-dom":">=16.8.0 <17.0.0","@types/react":">=16.8.0 <17.0.0","@types/react-dom":">=16.8.0 <17.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_0.1.9_1590583006747_0.6848666454396959","host":"s3://npm-registry-packages"}},"0.1.10":{"name":"@fluentui/react-theme-provider","version":"0.1.10","license":"MIT","_id":"@fluentui/react-theme-provider@0.1.10","maintainers":[{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"98de3f4188ce5e00c8afd24066c1514a78e05043","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-0.1.10.tgz","fileCount":113,"integrity":"sha512-BDY0bbICDR8Fc6qRywQ8N1o9FX/wNV4AebeC9TukILN6AkzWgbGH3G81avLfOHmbDkSWbuLMQphIY3XmOwL+Ww==","signatures":[{"sig":"MEYCIQDgTErodZW2aPHnoJWCWvim66Q6tn0uMtb52NcaO8UHngIhAO0oa9/vCv1tYkgI7JnfHkr4AFlT8hE201UlUlIMtsv0","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":88460,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJez7GGCRA9TVsSAnZWagAAdbwP/3Uce8hiaqqECgXUhWZ7\nqDGTPKcUwiOTQCVnzZKkDmxlXlvXEoo+ThF0wgtekn8rs+K1JbUWkl6M2Z6F\nQhjGDFFKqeLcayxZFdHsMVqxr48ZfZrwE+/Qlz9VBzJOpuURN1xqy5+e17XK\n8nRau8wDXQDTm+k31oElWZA2vIM7eOrGPYn+DB492KmCFJ5i/XDpydtRU8XD\nKksin+HkRtHLGZ8gJ/dowuFDVl8TDg7n0vKAYdBvZe+zejcNbbQ1QIHaDJAL\nITcrCxf/eACxkoselGJcELHUkdoh55q0wrq49m3RWyVWL0gogHY3kudBtYmA\n1vjNSdv3ER2CUUN3VgXSwLWdQsQ9VD0Bm+sio7Pwezwk/803bHmXRCy7pkNM\n2mdV/uP5ernPpsLqkYYB+bDWw2TQeV2ApcycMmortXQFd6j/lNxQxoXxrxQt\no/JwtjxBrtAyYrvVk9tdIyWcwK6oVX7eMgvTOXJI8b0f0LX8s9Vx6AJUHfX4\nFtJ4ZHbj9/xktRSgADoxjTiCHo8Yfo1BkgU06cxPe5R8VRJ37OkzUZyRno1/\nAiY7kAFZ5MDw7A7bwdvYzaEK7Qol8J/qVuEE38QbCjFF0Ynkw2stsIZnkbmI\nUGS8mgjgUP02FkRJ0cb3QDwra1XH0g84bTXkS1abhjGhYA+RZXHrLIpG8jbv\nbIbf\r\n=w+kg\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-api":"just-scripts update-api","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.4","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":["lib/version.js"],"_nodeVersion":"10.20.1","dependencies":{"tslib":"^1.10.0","classnames":"^2.2.6","@uifabric/utilities":"^7.20.2","@uifabric/set-version":"^7.0.12","@fluentui/react-stylesheets":"^0.1.6"},"_hasShrinkwrap":false,"devDependencies":{"react":"16.8.6","enzyme":"~3.10.0","react-dom":"16.8.6","@types/jest":"~24.9.0","@types/react":"16.8.25","@types/enzyme":"3.10.3","@uifabric/build":"^7.0.0","@types/react-dom":"16.8.4","@types/classnames":"^2.2.9","@types/webpack-env":"1.15.1","react-test-renderer":"^16.3.0","@uifabric/tslint-rules":"^7.2.1","enzyme-adapter-react-16":"^1.15.0","@types/react-test-renderer":"^16.0.0","@types/enzyme-adapter-react-16":"1.0.3"},"peerDependencies":{"react":">=16.8.0 <17.0.0","react-dom":">=16.8.0 <17.0.0","@types/react":">=16.8.0 <17.0.0","@types/react-dom":">=16.8.0 <17.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_0.1.10_1590669702379_0.21415486015081364","host":"s3://npm-registry-packages"}},"0.1.11":{"name":"@fluentui/react-theme-provider","version":"0.1.11","license":"MIT","_id":"@fluentui/react-theme-provider@0.1.11","maintainers":[{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"57881cb0fbd024f81a62e26d3442f386705af4e8","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-0.1.11.tgz","fileCount":113,"integrity":"sha512-8jR0JY2SFWZmLLugTRvy7fWrJfu1lL81jTGxa+W4DMrf/DaYppfuk7AAYfhCDXb6V1KpEoOoL4wHaG3ExL67HA==","signatures":[{"sig":"MEYCIQDGTa5aD+Ss2iE9z34rGjgmfbHroKVY/k2xK1ka73fIJgIhAK9jZqAz1Y1uaUlbBHtDQXUzNo2eEo2gO2mZ2DNld6/X","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":88460,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe1kdkCRA9TVsSAnZWagAAm5IP/1BSE57M/DA5o2C4gQ2x\nS62cV2zvMb3kxoIdTRSoA7DVuOWYvKg+ZAtU1FyAq4DlYFFy72DnpE9RE5Rg\nZYto7tN2SG4I4IjO8LnrakAUifqNq2D4p1vCQJYlfUUupwwvL3gVMr1y937P\n4upgMPzTuLuL60tR4OqlEdju3khKStFgI92JtmJ8AwX+qqs3K+1ASBcDMOoN\n+Km0sYVLxGunmZCIrCHloH1GnwOdtUFjKJkFksIgXBtMFob7r9JErGrdRqpY\nFRYAfUulKtcUt1JmwydgZJPnZ7l9UwDpAiIucUJ0+RJeSRCp6Rlo918CAAYa\nUEx62XfMJP+lF0fly5Q/9X/DHwokKVDJ53fx5vRmY9Ha9VDj8YXLtkd5vqWF\nvhW36BU7JNWy36sNbeLvh9EXNhYuL01R1d7gVxlojKfRB9ZlxWirtOUfzvOo\ns9qIGy0fZ+kDpWAJS0FdxAUEicP6BfHBECzP1wlbDYOJ/9ds7shrUkz3ElTD\nnAAd9fe6UtSdwLU1tK33WcBRtvdVbkbCjStTut+th0MF0jwThyMfZwk1KMDa\njgRXwjbZT6LD7Hcj9RA9cDDrrmniy/SddJf7A8H/lAlaKO1gNJB5+srenbvM\nKRpr7BATc/O1mgLITtWW273KI42BPWboK1Fui9vuvxQihHqwJC/OA7+APQky\nxTPJ\r\n=WjaI\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-api":"just-scripts update-api","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.4","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":["lib/version.js"],"_nodeVersion":"10.20.1","dependencies":{"tslib":"^1.10.0","classnames":"^2.2.6","@uifabric/utilities":"^7.20.3","@uifabric/set-version":"^7.0.13","@fluentui/react-stylesheets":"^0.1.7"},"_hasShrinkwrap":false,"devDependencies":{"react":"16.8.6","enzyme":"~3.10.0","react-dom":"16.8.6","@types/jest":"~24.9.0","@types/react":"16.8.25","@types/enzyme":"3.10.3","@uifabric/build":"^7.0.0","@types/react-dom":"16.8.4","@types/classnames":"^2.2.9","@types/webpack-env":"1.15.1","react-test-renderer":"^16.3.0","@uifabric/tslint-rules":"^7.2.1","enzyme-adapter-react-16":"^1.15.0","@types/react-test-renderer":"^16.0.0","@types/enzyme-adapter-react-16":"1.0.3"},"peerDependencies":{"react":">=16.8.0 <17.0.0","react-dom":">=16.8.0 <17.0.0","@types/react":">=16.8.0 <17.0.0","@types/react-dom":">=16.8.0 <17.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_0.1.11_1591101283710_0.7019113320409978","host":"s3://npm-registry-packages"}},"0.2.0":{"name":"@fluentui/react-theme-provider","version":"0.2.0","license":"MIT","_id":"@fluentui/react-theme-provider@0.2.0","maintainers":[{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"bbdf5c53dcec99ce98068924f82143fe79a37748","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-0.2.0.tgz","fileCount":113,"integrity":"sha512-V8MEHchYSzH6miCGQWOdld5bx1Kt2Rq22y0ITMK6E4rbXZ65Ig1mwt0ktD1KwNrqs31V2wJaYZnhAFUeG1ki3w==","signatures":[{"sig":"MEQCIBME16ZGJ1tQMANR5okciwK4qr7OqEmAWtLLCSjhCYgZAiAxbwCqfR0JQN0ayoDHfwXCdHXtgGteCfMxiOO3Ajxzig==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":92786,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe48j9CRA9TVsSAnZWagAAwUYP/1H5GuBCawKtoy6cPbsB\nkuoNLOchQc0Q6yNj6cL5y2h6UEt3PCE2DzwIV1lMkLRZzjrnSPfbmjq59aMI\nW5u0tjk3hNDENPyZDkqGw3MHbfIi4TWiQmYgfBo+Cq08J0CClfzI8EI+tnDO\nYf9LLTAB8TzRkGpU9O6dvoEyHi5t6ifZOINs2/K0TS0bL7zF+L/+zFyiJX3Q\nS+cgVAepVAHZ3bfCCqYqFkQ7+Ve01jzx0WdjZBSEvB/2xL33jUIsY6mrAcYz\nujEzTCHNc+wFaybTVQ8HHs1CUQK9vLywNy1jQOZuE63vjtdXrPPOPqWfXC58\nB7eqLNI1F87jHoqmyKk4o9zVn6sNPfbKOuLW6gNkLOvA7alkKDwwfwUHLoff\n78WhagMxrCA4CQnB2FH3XqqUJvCFRdIEQ2/QOemZTyGxGEPbsKOGT+sNgI6R\nL0RwbFe+UBE/N2Plg6Fv/gR4jfM1kI1P2C8vJUhDJ15houjQroizAjdy/Bef\nzFq15XaLgfuuVJpS/e0AG6RIZQjEm8j7dz1mAarEXAU8GlA7p/i+tbP3qhDi\nObvvetG1ShS1GVMuq+W/9p/ynr4GgN7/O7TEcAjTFCGJd2YapCCEil7gPY1v\ntp0G+4CEXYiw0Ew7BBJEA8+yEfvdlMk7HBdSSZe32y10544afXjCQ2DVbdTW\nLk8X\r\n=5Dat\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-api":"just-scripts update-api","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.4","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":["lib/version.js"],"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.10.0","classnames":"^2.2.6","@uifabric/utilities":"^7.20.3","@uifabric/set-version":"^7.0.13","@fluentui/react-stylesheets":"^0.1.7"},"_hasShrinkwrap":false,"devDependencies":{"react":"16.8.6","enzyme":"~3.10.0","react-dom":"16.8.6","@types/jest":"~24.9.0","@types/react":"16.8.25","@types/enzyme":"3.10.3","@uifabric/build":"^7.0.0","@types/react-dom":"16.8.4","@types/classnames":"^2.2.9","@types/webpack-env":"1.15.1","react-test-renderer":"^16.3.0","@uifabric/tslint-rules":"^7.2.1","enzyme-adapter-react-16":"^1.15.0","@types/react-test-renderer":"^16.0.0","@types/enzyme-adapter-react-16":"1.0.3"},"peerDependencies":{"react":">=16.8.0 <17.0.0","react-dom":">=16.8.0 <17.0.0","@types/react":">=16.8.0 <17.0.0","@types/react-dom":">=16.8.0 <17.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_0.2.0_1591986428676_0.9158770028834435","host":"s3://npm-registry-packages"}},"0.2.1":{"name":"@fluentui/react-theme-provider","version":"0.2.1","license":"MIT","_id":"@fluentui/react-theme-provider@0.2.1","maintainers":[{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"802ecb6276f7c664c40fd8b1e12f0483605daa17","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-0.2.1.tgz","fileCount":113,"integrity":"sha512-xw+ovPFTmk7EZ1aB4bNnaTfiHR6ESaLvGg1YLtwBnzV6ta99Z7H4pku63TM57ztaoC3KYKh9ByEgb2lsx3ucGA==","signatures":[{"sig":"MEUCIQC2A4yl7neyLJRLby1vv1y4pZa5wHCL/jFp6HIMg3PZDAIgFe1FG42oZhpfkjFWVQnmMIAJIo5vgCf1BPtQuwKvvUM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":92786,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe521nCRA9TVsSAnZWagAA0SQP/jbgW46P9IBCgRD2rAmx\nxG+muBWWkcRFeXWr8SxkRGOBhN/skNG/pWKSXe5QNvIt8E5QkqOE12Z39VVi\nql+0joQC467A2EYJSqGUsbNQ8BSaSZbBAbG+KGZhZwepwhl+Q1gCgScTP6QX\nJkU8WCoUsCg1pYbneP3V/W7WIwIsV2Rv3jE9/hSIyrTrya7wmgg+BBzmPo8t\nsvQ7/nFSUg4U/PjyNXLZuSlyY7fX3wQatXLlO67WifEGDoIyfobXGwbg2B7v\nTFRZxk/+XQrFh3cBJADf/xB27azRv9K4UoiEP/BwpQzZVOqHsB7ISfxSeJ7A\nSqX6JPNJ1MyeCW8QCEV8PAVaeG8CLm4dnzYpsGI6RutgJgZ4P5aEdEIDUb7n\npW936lreV87suNJCI0Gn0ibZAFaWy6AMGiUjM5djsxUGClDttlyWXCwkjxqJ\nAoCoJbtXzn7v3n+99L/6UXuJLO+IyfnQgBQtE5JDAOs0ht88/7nXkyS4701G\nMdY02b6+wtlndeIReiR4GoDXDcCrDC0PNR9zekkn/qJg0BdZ8a7SrVW8h8dw\n6WX8ydvBqE0K1o/6PBu5WPrzT0FE6Q4kRIC8keroXUi0tkh6Sy2fJKLwOtIn\n/GvrEXAZB8H6JlZtgRmN6UzqLgpY3iyyU8tq1VNn5pXvRckvtvVTZC7A26KX\nz4xS\r\n=C5W+\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-api":"just-scripts update-api","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.4","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":["lib/version.js"],"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.10.0","classnames":"^2.2.6","@uifabric/utilities":"^7.21.0","@uifabric/set-version":"^7.0.13","@fluentui/react-stylesheets":"^0.1.7"},"_hasShrinkwrap":false,"devDependencies":{"react":"16.8.6","enzyme":"~3.10.0","react-dom":"16.8.6","@types/jest":"~24.9.0","@types/react":"16.8.25","@types/enzyme":"3.10.3","@uifabric/build":"^7.0.0","@types/react-dom":"16.8.4","@types/classnames":"^2.2.9","@types/webpack-env":"1.15.1","react-test-renderer":"^16.3.0","@uifabric/tslint-rules":"^7.2.1","enzyme-adapter-react-16":"^1.15.0","@types/react-test-renderer":"^16.0.0","@types/enzyme-adapter-react-16":"1.0.3"},"peerDependencies":{"react":">=16.8.0 <17.0.0","react-dom":">=16.8.0 <17.0.0","@types/react":">=16.8.0 <17.0.0","@types/react-dom":">=16.8.0 <17.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_0.2.1_1592225126597_0.38176691133215934","host":"s3://npm-registry-packages"}},"0.2.2":{"name":"@fluentui/react-theme-provider","version":"0.2.2","license":"MIT","_id":"@fluentui/react-theme-provider@0.2.2","maintainers":[{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"bd4538c16b2bcd457dd3c5bb84e5d9a754ff1182","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-0.2.2.tgz","fileCount":113,"integrity":"sha512-JrOdY4CtjjHSskoIbex0h2EbS7E/mnRQ2TwRr4K5l13gFvNl8J8C9rEcpuQh8w0s151P8eXpBG1kpdOjJBFO+A==","signatures":[{"sig":"MEUCIQCDs7QJwg2FIGV/lHyC+pBtu9B43GFww6nZo/ZKPGKdMwIgT3j4a9sjW1EKuUhPdaqTNy8hG0tZZvIexvyiGm0HImk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":93015,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe8KaECRA9TVsSAnZWagAAKz0P/0hLs71jIqH35Cg34L2C\nk5SdM4/VAxXVSi4d3WU30SRMs4aUElaekg2eW8EN6Yz2HGFWLh1CRm8Pc3Bo\numqo+IfAw+xzmkcNSvFJAAMKXlfMPoaGA0amH392Dcl1TMsoHNbLiIf4KImE\nsupHLnM+cXHpIh0ieyFy5Ty3f/TfhQCi4ANKF+EkiiTbLO+13qoe2Be934hK\nciM21SW1Tytdvo+BKV/mW7GBuy+QtzAc/EPOH7RIb19vQBhRDIBtyJh7+UI4\nOfJFvvnEPhqWzZR6aKQZNzjEWyA3418AnRAXZ/wFy3aXFz31o49YJaxsxSqw\n+xeMbr5aUl2YEqTsAr2JMwyVn/EtB2AO8+aLRHZk2tcd43asEmtUT0A5Qm9a\nucQ5G3FwHqJApV/1URivIEVIDCfkJL1UHyGGuHzW6BQAZlPp5mF8yQU4HFn3\nxKnIu7fnyzxJPvU2SDBptFmZnzF8VwCyHgrxooAY7W+1eXcKXBWbS69I/b54\nlQipFHlKdRdyH2OvzD6GME8UacSUnZaE0lCe7Gp7PVuKlBKsMOi0RuCkbtxT\nbvSkRGNJHJCik2pV2m9AP025j5TVNrb3FcMlrtbYtklKKvn5PZd41cAVZAhE\nRUQ+kwUtPu6NmyqPvhAcN+XsftWqosU5VK3KOaiUKhv3+drzJuKK6gc7Ka2w\n4i1h\r\n=TK1Q\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-api":"just-scripts update-api","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.4","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":["lib/version.js"],"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.10.0","classnames":"^2.2.6","@uifabric/utilities":"^7.21.1","@uifabric/set-version":"^7.0.13","@fluentui/react-stylesheets":"^0.1.7"},"_hasShrinkwrap":false,"devDependencies":{"react":"16.8.6","enzyme":"~3.10.0","react-dom":"16.8.6","@types/jest":"~24.9.0","@types/react":"16.8.25","@types/enzyme":"3.10.3","@uifabric/build":"^7.0.0","@types/react-dom":"16.8.4","@types/classnames":"^2.2.9","@types/webpack-env":"1.15.1","react-test-renderer":"^16.3.0","@uifabric/tslint-rules":"^7.2.1","enzyme-adapter-react-16":"^1.15.0","@types/react-test-renderer":"^16.0.0","@types/enzyme-adapter-react-16":"1.0.3"},"peerDependencies":{"react":">=16.8.0 <17.0.0","react-dom":">=16.8.0 <17.0.0","@types/react":">=16.8.0 <17.0.0","@types/react-dom":">=16.8.0 <17.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_0.2.2_1592829571932_0.9489123038772103","host":"s3://npm-registry-packages"}},"0.3.0":{"name":"@fluentui/react-theme-provider","version":"0.3.0","license":"MIT","_id":"@fluentui/react-theme-provider@0.3.0","maintainers":[{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"fef93d9d1bdc47d827c131bb67f3accf918c7497","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-0.3.0.tgz","fileCount":122,"integrity":"sha512-CoHpM/dYLFsRgoQBiwSBhiWo4cvGcHvA/C5qU/KlUEnYjDERMN015PC5PW9R6zSrwyC0VaaJBUNzoq/iltpk2A==","signatures":[{"sig":"MEUCIQCiift2oPjGvMbOe9CFsMZIQow9Gydz3gE3a9TqPH7BPAIgAnEmLn1f4XWyiJPQNvInBKC4QG1uivvdEeyd41f1yCo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":105204,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe8fh3CRA9TVsSAnZWagAAyk4P/0AReAzjWVg4LhL/u6LY\nTq3VkSGjQpWyA+Cq3WpNCBQ+2PvKObIbvZqlupTV+VrhIdSblgSgIFD8vBz+\nIx50eqd4wCqUs7sS0grfJa+VkeA+TvIbV4tbRs1SuSX6IVk3pGC7UDpJDLzV\nypuDHNg9U440noISRvF9a0s7KqTRy2AmMgtFPODm6pDFJz4kk/VsMEEayGLI\nmPU9Mu6K/GdsVg1Cb5R2lZ2jcnFN6DJjYBe63rCcYmd4i/RfBk1tZViDK+eS\nk8RrhiwUOsYzlzzsXTk7zKyBiSKauOg2tDtyzuAuP85zj14SZ+xiYdxr+Eei\nYkhQ8EdhIz0DjYvvnFQBNVfiTGeGvh1S0oibRV4/JKu1Xo8dcsXBmiAwrEFb\n0XxdGAIGzxbsz9h/glYEclDDG7jR0ipoQBFmsiJn353p9/Wtc50XigYqBDgu\nAIcRICIMJ2IJ/foj3/T7gQ9S7hQjuC1v47JAsaRyllbuAqwauiVDyFuPVKE5\ngLckSdP99bgYfzAgfpBOkY2yHxn4tooVXLpS/r8n/tOB/x+wKab2DwSzT0sD\nSqz9EDXpHp1m9ZtlJKA/meZy9Qii5O93WwV4VsIi2A+IX4rmxHFECQL8eSxr\not2Ol6sRy4gDIR7eyH0yJJtimOJphFfIAi/R1QUPgzVdHcs1zOzhVZUeDLop\nOSTb\r\n=YEM6\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-api":"just-scripts update-api","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.4","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":["lib/version.js"],"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.10.0","classnames":"^2.2.6","@uifabric/utilities":"^7.21.1","@uifabric/set-version":"^7.0.13","@fluentui/react-stylesheets":"^0.1.7"},"_hasShrinkwrap":false,"devDependencies":{"react":"16.8.6","enzyme":"~3.10.0","react-dom":"16.8.6","@types/jest":"~24.9.0","@types/react":"16.8.25","@types/enzyme":"3.10.3","@uifabric/build":"^7.0.0","@types/react-dom":"16.8.4","@types/classnames":"^2.2.9","@types/webpack-env":"1.15.1","react-test-renderer":"^16.3.0","@uifabric/tslint-rules":"^7.2.1","enzyme-adapter-react-16":"^1.15.0","@types/react-test-renderer":"^16.0.0","@types/enzyme-adapter-react-16":"1.0.3"},"peerDependencies":{"react":">=16.8.0 <17.0.0","react-dom":">=16.8.0 <17.0.0","@types/react":">=16.8.0 <17.0.0","@types/react-dom":">=16.8.0 <17.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_0.3.0_1592916086605_0.2592242262065316","host":"s3://npm-registry-packages"}},"0.3.1":{"name":"@fluentui/react-theme-provider","version":"0.3.1","license":"MIT","_id":"@fluentui/react-theme-provider@0.3.1","maintainers":[{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"4fe8f0059fe2984dc6e062f6124a598d53bddaaa","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-0.3.1.tgz","fileCount":122,"integrity":"sha512-9fO2WWgRfsjnXfcLfKAylkEEt1YhCxVKpttHYYpx8WL3Vbxw0XTMu/m9l6IEAmabPS7C6IJLqcoFKbDHmViNrA==","signatures":[{"sig":"MEUCIQDHcGeclC4oic2PlkR1rco77NQt+nwk1eSyV49Q/zsk+AIgdgbTIVta24Lq1WiGbYvkd90cxi5gZI/C4CkWwHeLRZY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":105204,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe9J14CRA9TVsSAnZWagAAS6oP/jfXFc6GqsMBZAjMkPS5\nHEO9djc3Zm9gwOai9FSL6Nqkhfh9uFdhUemoVfPbDsvZfQcmbSMc9ArDO8N1\nEprbQkIXIEfNj6O2oiWMWoh+GzrGCRftlXKenSFtT4KJ/7Lb1EJjY5LuQGUG\n61vX+KK/pfgtSKS35Rm5RemxyRO4g0v0eNzqxyh0u4r1fvcVPoXdsdN+GdBM\nJCz9LcFfwxHTq5pKyf4WATPeSlXyqI6C+gfg+2xbEoHJz+Ex2xgSNClK6Uib\nAUw/T0XS2yCGElbSUCAkQF/vU1QqFWrMigiXdzKfJXKOYHp1T0wAqyBqXwzF\nvHYG7+WLX4nbpvOSFl94nF2BT58AfUhxi7al1hszg9fIH/sIfYK9g3X3oCkR\n7yxLJjRLI2TSl0qF499PxsJCPHS8ZnarLs202QOWGI/96HRWLZhSdZU8bPSt\nBI2jeNvrPKTXJqBh1iiGE9FNyjJIIc4bEn/PDM5zvaw7AN+Kxv1vhFqyrFEh\naBp3ljzMELnvqa+le/HOouym3yPXC65scrqoqmwzQj5mzSnwYwwR7i3ecHDI\nWWoGQSLcbLnvD3RaPPY1/PlCZuChOcpAP4C+pyKBnaZi82ycPwN3GPuIUB/Y\nW2J2NoBYnvPBYqoYCzaiqZo85QZysXNdwA7ZOJogh79qmPOCjKOi5DAs6YJy\nYM3E\r\n=zuWT\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-api":"just-scripts update-api","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.4","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":["lib/version.js"],"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.10.0","classnames":"^2.2.6","@uifabric/utilities":"^7.21.2","@uifabric/set-version":"^7.0.14","@fluentui/react-stylesheets":"^0.1.8"},"_hasShrinkwrap":false,"devDependencies":{"react":"16.8.6","enzyme":"~3.10.0","react-dom":"16.8.6","@types/jest":"~24.9.0","@types/react":"16.8.25","@types/enzyme":"3.10.3","@uifabric/build":"^7.0.0","@types/react-dom":"16.8.4","@types/classnames":"^2.2.9","@types/webpack-env":"1.15.1","react-test-renderer":"^16.3.0","@uifabric/tslint-rules":"^7.2.2","enzyme-adapter-react-16":"^1.15.0","@types/react-test-renderer":"^16.0.0","@types/enzyme-adapter-react-16":"1.0.3"},"peerDependencies":{"react":">=16.8.0 <17.0.0","react-dom":">=16.8.0 <17.0.0","@types/react":">=16.8.0 <17.0.0","@types/react-dom":">=16.8.0 <17.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_0.3.1_1593089399765_0.33525973080496674","host":"s3://npm-registry-packages"}},"0.3.2":{"name":"@fluentui/react-theme-provider","version":"0.3.2","license":"MIT","_id":"@fluentui/react-theme-provider@0.3.2","maintainers":[{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"c649caccc5292b4e27826135fe38a1dee09f931d","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-0.3.2.tgz","fileCount":122,"integrity":"sha512-PEhm1o/uExy1wWrT1X8WXE7mtcJdc+etJdij74nJF+FkDh0gb0qyVzVV1hHtfg5aW3Vy+4pgcn8FL0YJ8ngmfw==","signatures":[{"sig":"MEUCIED3fnuOjEc6ce0ynDvsQotB+vum7gaJyDfxie0h1PdiAiEA2sbHG25GbsW+cEP4hYY5sILO6Vzf/ExADVxjWaQrLk0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":106074,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe9eswCRA9TVsSAnZWagAAOicP/2bv0E73l7+CZtHve/nT\nvYKj9n+lx9dTXCUqYf0gJR1+gG4XhbOoSP97WqIWL4RiqmYZiuPa3thzAp2+\n8AGT+02y3fILReZ484qr94gwqsEOwvx2FwMfNHUdb+9r69y5T2Di2N3vlcjD\nPQTpeGCpu/33UPeMPrjM93pfx/V6ie2kmJckpjUZEdfu23EaNFoi2oM2wwx9\np1kau5cvCENg1FhmBWAUn7kgcF7c6+xI8UJWjOmEx3DM/yOOvUcIi5Aihvl7\nZE1jWcFeVhYuEZrtnFbgYdrGuKB3qxvCU9nr2wEv02XIPojVWvvL8yEdWuq2\nAp3Wex5JIQw/mGHHcPVgkUowg2v5m80o/U9EnFtFAmoCPUfwVhPrmCRXg3j2\nx/GWR3rlaJ1d8SMluzdylIguV4Ve8DgGCOfKYy/R3mr7uGUSi0xNupfqU/cv\nBPb01R40Z5rBd2aFI4gk4FzmBrClXrUlnGf/AwRIKi+uAM/FG4ZhrBFY4zXp\nbACs+bI9BIKnXhaq2iMf7IptY4wujhUJhdS2EcUnA5zoP7wfJyXb+bXekbBI\nbthbghNDl3hTErhR90eVCsABpzTc6sUM92h43sk5NO94hWe18oQ+gluMyTdz\nPHHcZMGH+UFj8KNc70UBvpU6woYAYhczMnSepyxf3K903MaK0Dj17smhx8tb\n3zlI\r\n=FwKT\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-api":"just-scripts update-api","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.4","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":["lib/version.js"],"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.10.0","classnames":"^2.2.6","@uifabric/utilities":"^7.21.3","@uifabric/set-version":"^7.0.15","@fluentui/react-stylesheets":"^0.1.9"},"_hasShrinkwrap":false,"devDependencies":{"react":"16.8.6","enzyme":"~3.10.0","react-dom":"16.8.6","@types/jest":"~24.9.0","@types/react":"16.8.25","@types/enzyme":"3.10.3","@uifabric/build":"^7.0.0","@types/react-dom":"16.8.4","@types/classnames":"^2.2.9","@types/webpack-env":"1.15.1","react-test-renderer":"^16.3.0","@uifabric/tslint-rules":"^7.2.2","enzyme-adapter-react-16":"^1.15.0","@types/react-test-renderer":"^16.0.0","@types/enzyme-adapter-react-16":"1.0.3"},"peerDependencies":{"react":">=16.8.0 <17.0.0","react-dom":">=16.8.0 <17.0.0","@types/react":">=16.8.0 <17.0.0","@types/react-dom":">=16.8.0 <17.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_0.3.2_1593174832247_0.6142308189017194","host":"s3://npm-registry-packages"}},"0.3.3":{"name":"@fluentui/react-theme-provider","version":"0.3.3","license":"MIT","_id":"@fluentui/react-theme-provider@0.3.3","maintainers":[{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"1d4f849b6b1ecf56df0dc81185d12c6ef15a0f1b","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-0.3.3.tgz","fileCount":122,"integrity":"sha512-eWjWhjlsmfuz3qEdvo4160odfHpWTq9MVK29GtR6F1e8Wp+hGYWklbxouv2M2Nx57fNvm2BJEQg3hkL4C7mFRw==","signatures":[{"sig":"MEUCIHM9f7HUZRNz9gnwih+3t9r8AvJ4b8RjL7k4UxtHDXyyAiEAoJZlMs6YHdhYkMYQttYd3/cTv5PBxODLgJdALbUXj+o=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":106074,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe+d+ACRA9TVsSAnZWagAAxFkP/iVS2+oShpP04GdWUD0K\nXnkj/evfxbzO3L9VAiwjxgQRCXFktKnwaot9rrAO0qmasHZDkuT1TGh3Agq5\n4bzVhbfiCGrJTIKfLRzNdhNip8x6rcFsAD8+2z4betpJ8tP+kQxWM6MVTrty\nMO3o4ukBta8VYdqvsx8jl1znhLHEreEVVhxgE++HqMMJiv0uaKskMF2oifbQ\n5EFIFirjBsEu3wGejZ9JL4Il5cigYBTGsUlL4XSL48+vcpE8+bFCTqCaqHRD\njvwNngk6bNozVkdbBeHai/CyYYdOUnqYvc1X1FX7jrkHQWvdW7aGkQuppGJ4\nU1jCHYPgp6bPfJ2w+Rxc7xSSmWedqls4b0HvjpMhtNwszZeUKHrKG2RjMXRs\nzMk/sJ6x5PUZQAYJJuywLbDKIFFIEahmHcPJz5TOHDyrrsL036I1M6LY4w5o\nAPjkmnxAHT3jv0qHjReHyRK7Pa+9hfsv6MTt7qB6GCzQrOre46K2s3GGfbnj\nxB0gBwzP+YSOtWEWkOytLtpJ3d8Lx8LOgZhO7pSFNkxzeySv209vibWTHQj0\nJF+tMKx1MGGeDzHz/eNVmBrxVCj+GVU6dYLdttj4FMkALLTfN3gA1MPA7NHs\n4hUs4QEnOGJ7qnoS3LfDnAEEmVDAjJjvnJyz7a4uIS3FLIcY3LYd4lAtEDeK\nH5mB\r\n=wDai\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-api":"just-scripts update-api","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.4","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":["lib/version.js"],"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.10.0","classnames":"^2.2.6","@uifabric/utilities":"^7.21.4","@uifabric/set-version":"^7.0.15","@fluentui/react-stylesheets":"^0.1.9"},"_hasShrinkwrap":false,"devDependencies":{"react":"16.8.6","enzyme":"~3.10.0","react-dom":"16.8.6","@types/jest":"~24.9.0","@types/react":"16.8.25","@types/enzyme":"3.10.3","@uifabric/build":"^7.0.0","@types/react-dom":"16.8.4","@types/classnames":"^2.2.9","@types/webpack-env":"1.15.1","react-test-renderer":"^16.3.0","@uifabric/tslint-rules":"^7.2.2","enzyme-adapter-react-16":"^1.15.0","@types/react-test-renderer":"^16.0.0","@types/enzyme-adapter-react-16":"1.0.3"},"peerDependencies":{"react":">=16.8.0 <17.0.0","react-dom":">=16.8.0 <17.0.0","@types/react":">=16.8.0 <17.0.0","@types/react-dom":">=16.8.0 <17.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_0.3.3_1593433984319_0.3788959004150656","host":"s3://npm-registry-packages"}},"0.3.4":{"name":"@fluentui/react-theme-provider","version":"0.3.4","license":"MIT","_id":"@fluentui/react-theme-provider@0.3.4","maintainers":[{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"2728320a739bc19e9312a3535d56a790d13c41d0","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-0.3.4.tgz","fileCount":122,"integrity":"sha512-rzreNWi++EIU6hGaPV3B2LZCmqo+Jk1An5/VYeCmHZLYujDrQmGnCzYFjEWElJbMdwsb3tbEm7nFZuHJVA3dOQ==","signatures":[{"sig":"MEYCIQDBco2IBi0tBs3CIHgaqJHMlGCg1rxF/apQ1OfkvalfnAIhAIKv0ESosgTtkh4Z2wG9iHQKnzjPOWiGpBnE7tuFOjL+","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":106075,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe+zEQCRA9TVsSAnZWagAAb4UP/3e9DUdH8YvgC25S0BPD\nQ0EAhZHhRfjpr6atvpVVsaMRbi0pdVMCFk9p9ass6NHG8l3YywEAoWscCXls\n/CSpTfYEQBHhuVRhEJ9wzDX/f6zZIqIn49cTxSEfrYKWvoylxacyU8zfVh3Z\nK16pkQHVfaO7wkm4tVcnX7m0dUANT8gkan45BP/gGe9OsafDIZG2/mXhhvVo\nxlSyXKZlQVL51mmKhg3yVtAgwBJiWll4vscgbgqlV4y8DAl7IW24fl6EIOWE\n0Mfj4BS7q0r8Jkg0Fgg2BOMCiKpqo0JENHO1pW+RArahRw3wuPyP6LL791Nu\n6e7XyohM1Grfx6cf1JwCuzmXwiUPWeuGk3KdkzNqlpaWMea+ZOu0HTq1s7tf\nkQ9ixdm9+/j6kjb/FP33cnBvFwHkT6LyHdch1NcS4wgiw2zpeAqm7EkIEU3+\nMrlITpitKM7EAZ+T2MpNKQmSp//f5AWqIaQbUOJieEoSB3aKmRgbGLjdio/y\nZhOp1h3CW6PMjaiFr9+r+Wl5DTpcUJzemuJfc5etexwMty/ui7sjCRDdMO3Y\n/w16E4Ou29yS4YYuJTlSc8qGGJyWRnDt/2q8ipTPbjVyULoX1ybxgeHww7ho\n2/3LUlqBcv+Mc5u73sSVO1quKJpgDmcwo00nYCGMEoryNwr84jfbHEUjWtCU\na4bf\r\n=Txb9\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-api":"just-scripts update-api","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.4","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":["lib/version.js"],"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.10.0","classnames":"^2.2.6","@uifabric/utilities":"^7.22.0","@uifabric/set-version":"^7.0.15","@fluentui/react-stylesheets":"^0.1.10"},"_hasShrinkwrap":false,"devDependencies":{"react":"16.8.6","enzyme":"~3.10.0","react-dom":"16.8.6","@types/jest":"~24.9.0","@types/react":"16.8.25","@types/enzyme":"3.10.3","@uifabric/build":"^7.0.0","@types/react-dom":"16.8.4","@types/classnames":"^2.2.9","@types/webpack-env":"1.15.1","react-test-renderer":"^16.3.0","@uifabric/tslint-rules":"^7.2.2","enzyme-adapter-react-16":"^1.15.0","@types/react-test-renderer":"^16.0.0","@types/enzyme-adapter-react-16":"1.0.3"},"peerDependencies":{"react":">=16.8.0 <17.0.0","react-dom":">=16.8.0 <17.0.0","@types/react":">=16.8.0 <17.0.0","@types/react-dom":">=16.8.0 <17.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_0.3.4_1593520399471_0.1266003825415356","host":"s3://npm-registry-packages"}},"0.3.5":{"name":"@fluentui/react-theme-provider","version":"0.3.5","license":"MIT","_id":"@fluentui/react-theme-provider@0.3.5","maintainers":[{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"04c02c4e234a8eeb800531f3ba226d30ae83bf9e","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-0.3.5.tgz","fileCount":122,"integrity":"sha512-1ZiSiRoVe2XBaGUJ2AjerwPSMX+n/qrEjooDpZcoK+lyA/GSoiY3UjLw/T+No7rSQJhzu7OFYCED+nSkV8TLvQ==","signatures":[{"sig":"MEQCIHl1jJY/MrzoccZWz0ECK/lGku6cUg3V2+8ZJNfsyP7/AiAXDsbxgneZ15KciHF78dknjGi/f39UqSXmmEr6n8bTOA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":106075,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe/yZQCRA9TVsSAnZWagAALrUP/3dTiEsoKFsaACUdyCtu\nHZm+XtI+lzLHt/Huck4y0HVyRqoDnX7QOQCqepoojUOO+lapvwxb9U/BtlgO\nu3UOdVThlimty4b0TObRV4mucI5aOamLcF73fB5Mr+FT/VNUeuNDIMoCF9ms\nSBvu4ohFgmQbpVtzrM/mCUJHidL8Mxzsm/RtZHevHAydCcyDUhP4UZ/q1zVp\nl1dRwNVhA411++15kKtpZBudx+U+6ajkHtNGxkAXU7QgGDMIxJIyWHmuf2MA\nwKnZXLbmM1kU8tk62MXnLWJPE+raDgA2oZpuN3G1qSrLXrnm7f+xXVTlnYhz\nGJCZ1nc1JpY+s8mSC0oTd3ChkFG4WQ1DovmEHvfA2kRtYyLhwqfQ6bx1enYG\nb1qnE0zusVeKXF9QFJqVq9FyntfvZxH1LuDTug1r/oGjT53/8RlXL0252dz9\nLjilqw0DPwZ9bq4xJBQs0oVWwxjuohQcUPIbr2CYuBCDNchzShQCIjVqZVmI\nEAxWRNHKRj2iko9eXXg7KZW6oPwFECt6E82t9ekKiWkMdpp2QoiNKh6g1BHV\nnK9NLs7kpDNJaC/rrPtmdwQAbqf1UzFP2fZ6y+84iNITPZ7i3FyVVo/SDoQt\n7Kq8Popvr4N6yPZQms2bURKxdNSEAF5EqxtKJQIqOENsGc2uWzx2jR0wkwHB\nGQZJ\r\n=Pckf\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-api":"just-scripts update-api","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.4","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":["lib/version.js"],"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.10.0","classnames":"^2.2.6","@uifabric/utilities":"^7.23.0","@uifabric/set-version":"^7.0.15","@fluentui/react-stylesheets":"^0.1.10"},"_hasShrinkwrap":false,"devDependencies":{"react":"16.8.6","enzyme":"~3.10.0","react-dom":"16.8.6","@types/jest":"~24.9.0","@types/react":"16.8.25","@types/enzyme":"3.10.3","@uifabric/build":"^7.0.0","@types/react-dom":"16.8.4","@types/classnames":"^2.2.9","@types/webpack-env":"1.15.1","react-test-renderer":"^16.3.0","@uifabric/tslint-rules":"^7.2.2","enzyme-adapter-react-16":"^1.15.0","@types/react-test-renderer":"^16.0.0","@types/enzyme-adapter-react-16":"1.0.3"},"peerDependencies":{"react":">=16.8.0 <17.0.0","react-dom":">=16.8.0 <17.0.0","@types/react":">=16.8.0 <17.0.0","@types/react-dom":">=16.8.0 <17.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_0.3.5_1593779792159_0.9467652185486284","host":"s3://npm-registry-packages"}},"0.3.6":{"name":"@fluentui/react-theme-provider","version":"0.3.6","license":"MIT","_id":"@fluentui/react-theme-provider@0.3.6","maintainers":[{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"762fea5852e3b425bd12b810df15252febf0332e","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-0.3.6.tgz","fileCount":122,"integrity":"sha512-1JFxjgbr8JIsLhOQpvV8wofMLz6QxPeoWZ61583XI9mDQJgE+n4n0a7jTdGEWzMntpzrj3GGUtemd26YYE7Qkg==","signatures":[{"sig":"MEUCIQC851ia3nWFbCGxjMMMcxbGcGD5BZWwGTZCxhH/TEBuDgIgFEdhU6n11qevk24ZOGQtLTntzYyW0tUu16hzU2CQbqA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":106075,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfB5LGCRA9TVsSAnZWagAAXLgQAJp4/bVvnPtZCYejxuYr\n6ENUjRHL6DueeAcnf7OXO07sRr76Mr2tmcNwWMWXTCBsBCk0uPMo3q0/MvCx\nbLek1F+Frdnc7BHij85Tit0sjIjZyQgEfO6bWbtz1VtYABCCU56RlM5l76PO\nZnlrKIF+bS8jvYVsiW8wH/FooxNcb6IeUyjbGylz/hxDXULwRMBjCYfQkmXE\nlldfL2tdREs+oFnp7JNQqeHSxNeXGN1BJamrla1cYQghjOCVqhhj24tSYQzM\n/iB6jkSHz1CKi3mD5U8iRGYJItGIZmMjFNjWyj6GZNCNpGKFUV4aiC/sNWRg\nfPX8+qJgz5KdYy/8B1+noe/kFlx/a5y8gHo6o3iza5vxBVFrlxvtv98XyF6m\nZNvb+SjLrPnlZY0RUVMDtgGzZ7Z8sj2v85FH7ILy3d0RMmzJ0zOjmNLn3bRD\n82GsBNA22KLyPVBNXZzS5wvBhyr1aPlNBZt3XzzRNtX9M26C4IQ40EZNDd2G\nouZvFxdxMqGkQLdN9vFP0vlPerGh9kSRL6S8liv0yMpBIYSQ1sPEAmtRf1Q8\nneb7VrmUa/DBcLCmFeA5x/d7ke1AKFf+O3cxgIfFpG39fLCMqFqYgMmI4i4E\nFBa35DRvZeE0Fz58o10T3EUAGVZqG5Y2bxA8ZHZ2O6ob20LDSpXPU0ceFVb3\ncOpT\r\n=TJJq\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-api":"just-scripts update-api","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.4","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":["lib/version.js"],"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.10.0","classnames":"^2.2.6","@uifabric/utilities":"^7.24.0","@uifabric/set-version":"^7.0.15","@fluentui/react-stylesheets":"^0.1.10"},"_hasShrinkwrap":false,"devDependencies":{"react":"16.8.6","enzyme":"~3.10.0","react-dom":"16.8.6","@types/jest":"~24.9.0","@types/react":"16.8.25","@types/enzyme":"3.10.3","@uifabric/build":"^7.0.0","@types/react-dom":"16.8.4","@types/classnames":"^2.2.9","@types/webpack-env":"1.15.1","react-test-renderer":"^16.3.0","@uifabric/tslint-rules":"^7.2.2","enzyme-adapter-react-16":"^1.15.0","@types/react-test-renderer":"^16.0.0","@types/enzyme-adapter-react-16":"1.0.3"},"peerDependencies":{"react":">=16.8.0 <17.0.0","react-dom":">=16.8.0 <17.0.0","@types/react":">=16.8.0 <17.0.0","@types/react-dom":">=16.8.0 <17.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_0.3.6_1594331846084_0.2175057196742607","host":"s3://npm-registry-packages"}},"0.3.7":{"name":"@fluentui/react-theme-provider","version":"0.3.7","license":"MIT","_id":"@fluentui/react-theme-provider@0.3.7","maintainers":[{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"0301fadf01d55cac4bc13ccbe439ca18f77fa55d","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-0.3.7.tgz","fileCount":122,"integrity":"sha512-sI9YpZEwS39dUeHFDYcurVrZTZe29DJLi5w7l+phV/0ErNbmJ63ZbBqRiaews0cCLCRy2/sHLDUk28+rhfJUfg==","signatures":[{"sig":"MEUCICx4CZ190xOlSvkuD75PYAT+UbFCa6IGZdZU6ZSw3CZkAiEA5Vxc8Wde3NZOPJ4aEECRt3WuPX3zGclryKPHq2pMS6s=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":105623,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfDOo9CRA9TVsSAnZWagAATfgP/2RakUHZ0jTU693vxY5u\nrvI0nfIGuPdipymJWgIeEeNSHUMG+SX9DZU+afh9HLL1W1z0/We/XPT0iUkb\n2QS7od0GCUdLCQe2bJUyFJZvCDg67Kh8sQsgRM2zEbf41JBrRqS28C3kGr1l\nzlTi90YcBYCv44zt7PkjeXqiWp+un1H6krlFZPsqnBGYZm9GjGj4nsNubFjP\nv/u0pRmeDeqP1PhNjPHbZp/BqIvVedLcmv+htXZKQ6eS9RacOZz3ZAFbkVbv\nCiYihWD1a7+dboCh8Cus7hSDGckYf1A479Jl2GOZiAz3pHjWrP/rJZENMKQ1\n40OT7ShOrtgEI3wp9OOlbashcCKGd5/DH3vNwMfM3Axhfgfezgf9iMZu4lYy\n4TqVPpvLj53QLJ7F4ud2cyJkvs54QWzWEw+xlq6px0rKXOdchVu46vrg7j83\nHk00VFXVVWHk+4X1bbmy71HI3GawUfchPqNVcxQec8o4p+k4xrCN6snr5Z8o\nUbwuqkB2NxSZdGBsHvCsK+kqVbUEEnTZC/vj3yY38bFwA2YvxkjjStrHqyL9\n0Yw9hpXdfYCakHce6txtM4wmkMPF2mmVPyrvW7ueH/jyC/mD48aN4QOjzCG5\ncVoFZtqsn3l1o7JDMRwr46USp77C779X80UGse+FqK3WE9Q+bTStAPnO3KcC\nEXsO\r\n=jRHl\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-api":"just-scripts update-api","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.4","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":["lib/version.js"],"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.10.0","classnames":"^2.2.6","@uifabric/utilities":"^7.24.1","@uifabric/set-version":"^7.0.16","@fluentui/react-stylesheets":"^0.1.11"},"_hasShrinkwrap":false,"devDependencies":{"react":"16.8.6","enzyme":"~3.10.0","react-dom":"16.8.6","@types/jest":"~24.9.0","@types/react":"16.8.25","@types/enzyme":"3.10.3","@uifabric/build":"^7.0.0","@types/react-dom":"16.8.4","@types/classnames":"^2.2.9","@types/webpack-env":"1.15.1","react-test-renderer":"^16.3.0","@fluentui/eslint-plugin":"^0.52.0","enzyme-adapter-react-16":"^1.15.0","@types/react-test-renderer":"^16.0.0","@types/enzyme-adapter-react-16":"1.0.3"},"peerDependencies":{"react":">=16.8.0 <17.0.0","react-dom":">=16.8.0 <17.0.0","@types/react":">=16.8.0 <17.0.0","@types/react-dom":">=16.8.0 <17.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_0.3.7_1594681917622_0.12588568367922903","host":"s3://npm-registry-packages"}},"0.3.8":{"name":"@fluentui/react-theme-provider","version":"0.3.8","license":"MIT","_id":"@fluentui/react-theme-provider@0.3.8","maintainers":[{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"fe994054aaebeaf6c63e2cbb66e3e0f186f5a8a4","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-0.3.8.tgz","fileCount":122,"integrity":"sha512-Oc/O4BosuC6ZLZsCw+tVRwtJc/ZMq2u1ptZpzr36D3nox8B1q292yA18TFZtlSch+j7+OZaond8l/1mN0AT2qg==","signatures":[{"sig":"MEYCIQDrUvIUIWZ9YGX0yEoARQ2Bs5Foz7o4zK5rR08IFldeqgIhAMwvYYLDihk+QYx8WnkYuRyrayzJIguVZJJzRUEdFjpE","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":105623,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfDvjfCRA9TVsSAnZWagAAa9sP/jsNR/9WURixYiqtYuH9\nUuVsf581zbVOFAiAav2XII2KUSq6D04JyJrQ9KCBJD+PuHgkj/RGKEtp/Usl\nk/IyvJihN1yB/uM+X6Jgbk4au/GdTg/XhjbK5HV+vmWc0YA6ERTK07YCZQsW\nRxNdR5N4IdomTflOXX+59O2QGW55p9xJNK9KPWVsoqfT7mg6p5dmrP0nl2/J\nORte0az6ZHPu8iZWFkWIOOHC4Ep/dvxPn4mWfnjT8vRR04LW/ewCnHgbTzAV\n7A/iNc3tbvy1LMAl2GE2KcurJ3tDSFcthsLEb3OR8DpjLcjLRpEfjUooXLbL\n1jyUtQ42RTieYJ0fyUfJnQ8RNzjTQq0G06wEjxOe3CnjU6MJDEZ9V/EfQ+4P\nK/+PkKEFlvJGGE6GtrstLi/2IAQCCBsPRTnzKJWqd4LjP9NwojeocVtTs9D1\nQPuU2w5UXlSn1wLGJfMr7aDFkAX+mZr5J+3eK0Zdet5oXlR+ydexylutSLfB\nW9srqgaBOOAdiY/8oeF0IPSsgeLF/OOi9TmRUIgr4BMu2hfRfVuRXUlmjjLB\nxtA7i2gIo+gZTi1mFcKfNbXuA7N+GDNEhNeTcB4EFxYFpEh8cD/zonb5aa56\nN0x7E5K5i31nLN5ft/SrndPPcUDks00bbpuYaAwbwR/eRrXyf9cCKvdFLseL\nAjaG\r\n=l79+\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-api":"just-scripts update-api","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.4","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":["lib/version.js"],"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.10.0","classnames":"^2.2.6","@uifabric/utilities":"^7.24.2","@uifabric/set-version":"^7.0.17","@fluentui/react-stylesheets":"^0.1.12"},"_hasShrinkwrap":false,"devDependencies":{"react":"16.8.6","enzyme":"~3.10.0","react-dom":"16.8.6","@types/jest":"~24.9.0","@types/react":"16.8.25","@types/enzyme":"3.10.3","@uifabric/build":"^7.0.0","@types/react-dom":"16.8.4","@types/classnames":"^2.2.9","@types/webpack-env":"1.15.1","react-test-renderer":"^16.3.0","@fluentui/eslint-plugin":"^0.53.0","enzyme-adapter-react-16":"^1.15.0","@types/react-test-renderer":"^16.0.0","@types/enzyme-adapter-react-16":"1.0.3"},"peerDependencies":{"react":">=16.8.0 <17.0.0","react-dom":">=16.8.0 <17.0.0","@types/react":">=16.8.0 <17.0.0","@types/react-dom":">=16.8.0 <17.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_0.3.8_1594816734908_0.992379801906488","host":"s3://npm-registry-packages"}},"0.3.9":{"name":"@fluentui/react-theme-provider","version":"0.3.9","license":"MIT","_id":"@fluentui/react-theme-provider@0.3.9","maintainers":[{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"c053b95d542ca94a7b5c6e6f381174a99782b6dd","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-0.3.9.tgz","fileCount":122,"integrity":"sha512-MuUo78uBunEcNn0Dv+MCWAbwgr0fRPevIk6yNBeEFqnIwSWh25dFaSQystSQvKyEAqeXuf4Qza7u8vEW6NYT5A==","signatures":[{"sig":"MEUCIQCZKUbUITmghICz1YcMmnF6XTyj/KHxwFqNIA3n9/vGzAIgBHfeES0fL8stQWd7nFqXxbMJ3NP/2HSLiKOKdiJ/SAA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":105623,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfEZsjCRA9TVsSAnZWagAArQ4P/iMPqX/Fqdj7DpbnnI4t\nT9wy+b7pMweDXGf3hlzcj4SWRHZjhhSJN4FqHqMLRqwF/z86peFk5sMeqYBx\nwJD1L3a7GpIAS0/k3v9Ar0hvE5duHdxSSNO1brK1kctXz8lW95zVh9atSVcD\n7KxeVULmgbkl2RKmqg+ZUoFEL1bU65YdBM1BbR1CZBeRVXnCaBfwEbwJcD2i\nqYeYxp3t0SKGso9QPNCrJ4MiTvrj/POdjowOKFRrtQbmOeqSWnXPHWaxAzgc\nR/h6E+8voYBFv71hsZ7T3au8q8V4fM+n6Yzp+Peu/WB2QMX66RY8qAP5L3RY\nZVKWyTHi0EerLKChNLylx5/vXAYyt4+wDuJNDVON0ZgKLbWpaZDdlXrf7dJR\ndvyAkM9/6PUaIZhPRnN6sFia/lEBKijMsMWF8DmRkt1hGkbjW+9gfhYBEZRG\nr+I2h7ClJFiIIiSCCQZML/TFVuzW+7ULIMFHOSszqTnVVI4RWh+by1naT7xX\nvGr3nA8KJ5jL7YP2mkNaQnLPjdSUThSBO77D0LYRQrT+GaEIZTHg8+ouv8Zv\nwXq0Fs1e6DcPHfYrnnnNMpoAkjepKWAiIRmY7zb7BJxta5Nyj32MoD6uYhmw\n19xPVoPHkzAp7NhlRpXOJqAd8BREJdUME6f7soPV4Q34+x6ofjFUJmKlXseR\n7hYS\r\n=YhQg\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-api":"just-scripts update-api","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.4","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":["lib/version.js"],"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.10.0","classnames":"^2.2.6","@uifabric/utilities":"^7.24.3","@uifabric/set-version":"^7.0.17","@fluentui/react-stylesheets":"^0.1.12"},"_hasShrinkwrap":false,"devDependencies":{"react":"16.8.6","enzyme":"~3.10.0","react-dom":"16.8.6","@types/jest":"~24.9.0","@types/react":"16.8.25","@types/enzyme":"3.10.3","@uifabric/build":"^7.0.0","@types/react-dom":"16.8.4","@types/classnames":"^2.2.9","@types/webpack-env":"1.15.1","react-test-renderer":"^16.3.0","@fluentui/eslint-plugin":"^0.53.0","enzyme-adapter-react-16":"^1.15.0","@types/react-test-renderer":"^16.0.0","@types/enzyme-adapter-react-16":"1.0.3"},"peerDependencies":{"react":">=16.8.0 <17.0.0","react-dom":">=16.8.0 <17.0.0","@types/react":">=16.8.0 <17.0.0","@types/react-dom":">=16.8.0 <17.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_0.3.9_1594989346630_0.3653035261866211","host":"s3://npm-registry-packages"}},"0.3.10":{"name":"@fluentui/react-theme-provider","version":"0.3.10","license":"MIT","_id":"@fluentui/react-theme-provider@0.3.10","maintainers":[{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"4c458c57febee9b69c8f923fcd6005dfaa2b744f","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-0.3.10.tgz","fileCount":122,"integrity":"sha512-2GCJ+vL5RIc3iCYKP9Kf4+DytM7NEUG4cAKta+bQh88A9IHNbs7EJz05VrcswVjbaIy+WsEeWJGgReP5szCK0A==","signatures":[{"sig":"MEUCIQDdk1GbQlwVpKwICagxInKHVwPn/Vtf7wLrSz4qRIceMQIgWV/yJEJhvov1w4RtsFjW2K7lpQkm00reVFaT9YB3lng=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":105630,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfFuIiCRA9TVsSAnZWagAAa34QAI7QMe8kBfGU6oaUWatL\nJPKM6VDY6ZjkpLHb1jKH4mlat+RGlVyTGV8hT3u05JCqFs48C/Esf9t6fnDv\nrXvF0MKOoONuxo7yqbAm9kUNAGHjTddDGnRJaSGUpQnATINYFPGjZAccxonB\n4vDbL0pl3drWgfElnY07sAyNPyFc2lUI1RmwLgYdpQqIZ9otO5QaTmIQ8y+9\nxoYBinKAtD6A8/ESNj1d+lglmdIjZ0JemCdWuCa5zmh219FJQLGO0PISQ1Vy\n7OtYIahT5jxSiCqtQDTTxHT1tJhAu+fyep2HF9WvgO1onsNZr+Jzg0vB4roy\nADG3I2UH2Gw7zxbVdm9YWZudfbb10SjNN/kDL4tGd5UbIYaGesc2D05+Q2tH\nRxcYT/ogGOzOLOaRqXdKc8hdYc1nBWnor6olyVlfZHPDn82w/IVkCzvNyXbv\nXzbZdp9YIGf+4e3GXV7v3oZ0fTR9GyTwQSOIjZ9fBW51j+mvQCpC6nPRkyo8\ntEHNXHm8xiRT2OHvmqei24NbPytCO4eQfWSajB7fMwZgX1tA5GkLK/wZ8CLd\njZZpysfwXj5T60EDbXzukw2lM5KJbahbPVMKQ8bZkyCE4PQJ6tb4Uj9Td/C9\nIUcGafxdWuC2t05h3S67n1jgbSM1o3623wBZXqT1GMXkPuetzTdFe0SqVLYt\n+qMW\r\n=fGd8\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-api":"just-scripts update-api","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.4","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":["lib/version.js"],"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.10.0","classnames":"^2.2.6","@uifabric/utilities":"^7.24.4","@uifabric/set-version":"^7.0.18","@fluentui/react-stylesheets":"^0.1.13"},"_hasShrinkwrap":false,"devDependencies":{"react":"16.8.6","enzyme":"~3.10.0","react-dom":"16.8.6","@types/jest":"~24.9.0","@types/react":"16.8.25","@types/enzyme":"3.10.3","@uifabric/build":"^7.0.0","@types/react-dom":"16.8.4","@types/classnames":"^2.2.9","@types/webpack-env":"1.15.1","react-test-renderer":"^16.3.0","@fluentui/eslint-plugin":"^0.53.1","enzyme-adapter-react-16":"^1.15.0","@types/react-test-renderer":"^16.0.0","@types/enzyme-adapter-react-16":"1.0.3"},"peerDependencies":{"react":">=16.8.0 <17.0.0","react-dom":">=16.8.0 <17.0.0","@types/react":">=16.8.0 <17.0.0","@types/react-dom":">=16.8.0 <17.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_0.3.10_1595335201537_0.05787526506655549","host":"s3://npm-registry-packages"}},"0.3.11":{"name":"@fluentui/react-theme-provider","version":"0.3.11","license":"MIT","_id":"@fluentui/react-theme-provider@0.3.11","maintainers":[{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"bac9b376f9175553424b394fa3941a5e796fc2d0","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-0.3.11.tgz","fileCount":122,"integrity":"sha512-30EyJbeaVeOVxYleaM3jD16N17hmOqVTKhIrS8GWWwHph4hHoSxhGQguSWPd0/c+s6EL8z7yfymp3xI/2ghSWw==","signatures":[{"sig":"MEUCIE0Khqrx/o1PfYjMQE36Lp0LOJWtsYrVgJs+p6NIEV/oAiEA3H++mzXFQzd9DpOUwWsrZ639wjotrE/jDtGHxNyuw5k=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":105630,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfGDMQCRA9TVsSAnZWagAA1RAP/0M/S61O/DZuOVuYChhG\nuZ1CU9+c4CJiCtFb2E3MuwM4bzfx8LAQkbuSR598JkQ8Hf787DgO4bT960Lh\nmytXFZltD6j7e7KAuqc96V7xQ+wQRqdJZ3FCXfJiqbeDGszFfNjc+18uIoHb\nZcNOOt6oMRFrdQKsA0CjGLKXuvI9ewhxrYFhrdKBbGiNt+BgWhFp5h4qhjd9\naNk1wUS5X0hDw3XfjudYC6mihjuMiCYU1y/6ii+237+pabDJC7ReUlVDHueD\n6AsZMItv98VJluqmwN3+gPrh4GTCXYXtFe2xz+YDQgZ1Gnq6oO2u0iqXdC4r\nuEVyxpI4IlKcSvllB2AE3fQxxr1m9LwfboeGy5qIUOPlt857CU62pjWXZUmi\nn/tuh0hZgcc/Q5FP0uU2sWLJpYJ5GkjOoVL6CFeP/i4k0t5pCwvm17UvYnxT\nU4Pr9EJKnbhz7kmxofYal58HLhaVBd+NWpphH/5HoXo9LdtBILZ+BDOkNl0K\nNCKHg3n1C8zfY+FE/Qp0GLpMi/p4PgjGKB7Llc+QnV2BZKZhzN0Mcoz6sjAJ\nUpys/PkBal715D2ENUqZKb55J0NAr1Lp7pmn8uwLfLP4OArXT8zfk7x4S5Cb\n5wN4FVu6TVuqkLAE0QdvDV+2cQyuj/Hqvb4oXxJmPB7Fu4GiqftcAzstLZr4\nOi6q\r\n=adgK\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-api":"just-scripts update-api","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.4","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":["lib/version.js"],"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.10.0","classnames":"^2.2.6","@uifabric/utilities":"^7.24.5","@uifabric/set-version":"^7.0.18","@fluentui/react-stylesheets":"^0.1.13"},"_hasShrinkwrap":false,"devDependencies":{"react":"16.8.6","enzyme":"~3.10.0","react-dom":"16.8.6","@types/jest":"~24.9.0","@types/react":"16.8.25","@types/enzyme":"3.10.3","@uifabric/build":"^7.0.0","@types/react-dom":"16.8.4","@types/classnames":"^2.2.9","@types/webpack-env":"1.15.1","react-test-renderer":"^16.3.0","@fluentui/eslint-plugin":"^0.53.1","enzyme-adapter-react-16":"^1.15.0","@types/react-test-renderer":"^16.0.0","@types/enzyme-adapter-react-16":"1.0.3"},"peerDependencies":{"react":">=16.8.0 <17.0.0","react-dom":">=16.8.0 <17.0.0","@types/react":">=16.8.0 <17.0.0","@types/react-dom":">=16.8.0 <17.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_0.3.11_1595421456152_0.3084698389475742","host":"s3://npm-registry-packages"}},"0.4.0":{"name":"@fluentui/react-theme-provider","version":"0.4.0","license":"MIT","_id":"@fluentui/react-theme-provider@0.4.0","maintainers":[{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"7529e7c22df3acb9b3b33762ab14d3de844e1cbe","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-0.4.0.tgz","fileCount":158,"integrity":"sha512-rnfll/66tqi7HlLN1jRijPxmzWuTClpnZ25OeIVAhJJiDz1YLchE4riyBpKsMGrJ+j5mzWOCZ8GbT9iQCA7iXA==","signatures":[{"sig":"MEUCIC7LSpBODeR+BTRy6P/xnfzrpIJdmLbNqmFrAUgi4a9xAiEA/LhkInFj6p1MtAbi+WcikiqdFTu2vgJRfdtw64dzUHs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":127569,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfHsssCRA9TVsSAnZWagAA31UP/2cOW7PT5FWoSPUbwQsr\nBTBo/j/08U0x9OAaBk5tHA1zLFij7ebeyg34bCrZgboyL2aABeea2RYKXYfC\nW5QnLsKhjdvRMu9s3VCPjjtFLJr7LxylWixohGszZG1ctW+xwLtROjJHjsrs\nYL/+EM1v58DeyzCvRpofrCBoGDYboQjGclRQBDPU7sE7pdryWFXeUdJXybTR\nTCJPDttrydWFxGDVLbj/hUe+sW0vKKt4xrCRelmNu0UrcFJYhquR5M9bUvLX\nPwkl6Hh3qNurUc4xY7af4zQyZc2OVoKnxc73bDWeEthJ5liOCjXuUy0jKM1n\nJNnn4uXuMDsmXXgV6HHSTOUzeuAXXnADyW7WfAOwc8v/92iyhZDsvHUIll1Z\nHHr9incJx8zaaN2MNzDs6hKgnSqKVJmGTrrijyD9tyJv+foyXnnwS2hUBjj6\nxwNJf7VfY7iZlj10JhLLq+eJfBaKSsjKqCENZ/M93X7MITkdzzbysFKKVDx2\nm/G8R6FcWFb+dE2l8TUDRjV44uBRPNXndzqc8gS5IPe0lRmiCT/dWemzw0m6\nmxYGnbIQVhviICtz+fk0kEC5rZAxxU4l/cf5eogpgK6UJp0VUmemiMDbxqr+\nbB7ahhjEs7ap86wI5lh3j+cMV+oOf3/1RcEYLRQSr+Eg48JCoRnwZ2YQ7D24\nDkIf\r\n=yE7M\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-api":"just-scripts update-api","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.4","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":["lib/version.js"],"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.10.0","classnames":"^2.2.6","@uifabric/styling":"^7.14.5","@uifabric/utilities":"^7.24.5","@uifabric/set-version":"^7.0.18","@fluentui/react-stylesheets":"^0.1.13"},"_hasShrinkwrap":false,"devDependencies":{"react":"16.8.6","enzyme":"~3.10.0","react-dom":"16.8.6","@types/jest":"~24.9.0","@types/react":"16.8.25","@types/enzyme":"3.10.3","@uifabric/build":"^7.0.0","@types/react-dom":"16.8.4","@types/classnames":"^2.2.9","@types/webpack-env":"1.15.1","react-test-renderer":"^16.3.0","@fluentui/eslint-plugin":"^0.53.1","enzyme-adapter-react-16":"^1.15.0","@types/react-test-renderer":"^16.0.0","@types/enzyme-adapter-react-16":"1.0.3"},"peerDependencies":{"react":">=16.8.0 <17.0.0","react-dom":">=16.8.0 <17.0.0","@types/react":">=16.8.0 <17.0.0","@types/react-dom":">=16.8.0 <17.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_0.4.0_1595853611530_0.9543026549381586","host":"s3://npm-registry-packages"}},"0.4.1":{"name":"@fluentui/react-theme-provider","version":"0.4.1","license":"MIT","_id":"@fluentui/react-theme-provider@0.4.1","maintainers":[{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"9d2d3a32dd76fb36c2ecf8ea6338617250594af2","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-0.4.1.tgz","fileCount":158,"integrity":"sha512-ZcYHP4HLvm3iTRta03xgaBgX2erVyoXUzzh699o30C9aihv1YCxc9VZ1iQ226xDL860Y66z366R7gc9/Vf+LFg==","signatures":[{"sig":"MEUCIQDHUXVE93v8DN0AIJ07tCJAupXHfQnMR5HL2VPJqlNRkQIgNxHq+DFdH9JpFBOc9Z8kLUHU0iosO+qaaPWsKK2k3yg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":127569,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfJBItCRA9TVsSAnZWagAAdqEP/jDnFWEi4wj6B4Qs4CCu\n79k7ZHo7Co0Ic5STIZTVp8vA9yh3NrK3uab1nkvsmnyRih2WYa0F7E+uNsT8\n/lrER264HfXpYI+Varim8DeWozAQQ31MleFaW6Rdr7SbedyNEdGhyLSnDt5M\nU5uPNoBO48K69lk6G6P2LWN11mgJMuYjYOAHa1hLKhZCXNP3Q0dZt0q8YBXl\nY8SwOFimVwqLLiet9hN6oeDXOnnwzAp3xGzT+tomTVckg8Hs7qbncjTLjezD\nLGX9UH7t6743lUjsl78cWP+fS9stzCazVbbu83N4XHsXoQ2PtN7kAL2SqW2L\nJct0HdWpSmq0T9wqkhv1pbxep8gEx6z41z/hoXht2S+l4eupTIu8OXk5Oo1V\nAsoUPuzVSuaB6tcY/IahVNFrfWMQujNkbPFf9EJ1Jdz2ZZplhBAxCL3wP1kv\nXLLEYqMRhXPpaosZJzyiyZzsbS95U3eNMubmz33MSOqmVvn/t+fZ73iw/vZD\nWY9JhV7iXBmW/f1We31EcgoKZUZ04Z4XXyswpSxgcomhbXYWMMqChXjhG1t6\nA+OP6UbGhStRkQ9mfkX177zOQqiBunkoM8/qYwhS9y5XyYMWH3AzHdstHHp2\nJqJ5rGjPQNj7mbP2lFfT8k7LzI+sJSvyhZURLGtLcsPDSW5Lo6N3JHUGUSkF\nPLSw\r\n=I227\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-api":"just-scripts update-api","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.4","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":["lib/version.js"],"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.10.0","classnames":"^2.2.6","@uifabric/styling":"^7.14.6","@uifabric/utilities":"^7.24.6","@uifabric/set-version":"^7.0.18","@fluentui/react-stylesheets":"^0.1.13"},"_hasShrinkwrap":false,"devDependencies":{"react":"16.8.6","enzyme":"~3.10.0","react-dom":"16.8.6","@types/jest":"~24.9.0","@types/react":"16.8.25","@types/enzyme":"3.10.3","@uifabric/build":"^7.0.0","@types/react-dom":"16.8.4","@types/classnames":"^2.2.9","@types/webpack-env":"1.15.1","react-test-renderer":"^16.3.0","@fluentui/eslint-plugin":"^0.53.1","enzyme-adapter-react-16":"^1.15.0","@types/react-test-renderer":"^16.0.0","@types/enzyme-adapter-react-16":"1.0.3"},"peerDependencies":{"react":">=16.8.0 <17.0.0","react-dom":">=16.8.0 <17.0.0","@types/react":">=16.8.0 <17.0.0","@types/react-dom":">=16.8.0 <17.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_0.4.1_1596199468984_0.923590582315424","host":"s3://npm-registry-packages"}},"0.4.2":{"name":"@fluentui/react-theme-provider","version":"0.4.2","license":"MIT","_id":"@fluentui/react-theme-provider@0.4.2","maintainers":[{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"78a05cdadc6867ad16ef272b675b92162f1b1e16","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-0.4.2.tgz","fileCount":158,"integrity":"sha512-ZZJw6w6+WTWPmIIndOp2TgpxlWz2PkqkRxB/60H3YiGu8QP6vEbS4dMpEAjq9Z9Je9wavksnauwUHNmfLgtFEQ==","signatures":[{"sig":"MEYCIQCCuy8rxcy4ogSuVhwAqWT8/AS4eXsZvd3smzcDmpqrjgIhANq5AYn/pIDl8mwi5waQk0821Vw+wiKK8AGCcBahSL36","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":127569,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfKAbKCRA9TVsSAnZWagAAKZwP/02i0QqRkBQa4UVZ/MqN\n16D5IIUIs4vPDTuLNFTQOEERgHnjPSB8bu2fLoUjkuTzSe8wdidUrNu1VfCm\nBy3/IsKjPO3u/HFdHw5AJ8AvFWDExrAP0AEdkXPB5gG1gg2xpjI8vSRrvmgK\nod9fzP+TYweWkx8yv5CTnUbGXzRPjVSsLtVbhVXP/dd8xR+4mR9kd+JwLyEj\nhxG8PByGm87XuU3lG+nAuJ2e8F6uyizIuwlddHItVDEmQeqS6kM9C1MsD+Og\n6+YJAxv9LVxLVqwXVcx2zZmoAYvImcYmMfOoX1ga1bKbAn2GRQWdBoUE3f8K\nVLbIZzu+w+VVVEAfOSsFB/9GcwX2OfVFgJ4RI47iVQNX04c6F2KLsDztoSVS\nD8/YIKZEhP6fIm3Mm7Ka6UqtXD76eeOrIr44qkbrIJAgn6Lc1nQKXnwpOEaf\noBeQoELKlNEqHXFZcK8uSavOqJOKcyRiJEr7b3/LUqgzNrJm0Y3YQMnHMfBM\nX+OcLn9Z9kVxJHh8EvA4UMLvrGQngivVF0jbhXa3YJtVEFy+Z2g7/Zjf+1Wd\nOQ3H/AA6wcLWiPqPHHJ90bOqUzaYijRFaLRmtSTlbMZ2jPX6JmDsbQ+bVttQ\n2fGRVzq8rWC82AkWAeBnNjGXtepzoHH5/3sLL/jEOI/TALSApaUrDPqgDA+8\njZgC\r\n=d5ut\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-api":"just-scripts update-api","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.4","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":["lib/version.js"],"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.10.0","classnames":"^2.2.6","@uifabric/styling":"^7.14.7","@uifabric/utilities":"^7.25.0","@uifabric/set-version":"^7.0.19","@fluentui/react-stylesheets":"^0.1.14"},"_hasShrinkwrap":false,"devDependencies":{"react":"16.8.6","enzyme":"~3.10.0","react-dom":"16.8.6","@types/jest":"~24.9.0","@types/react":"16.8.25","@types/enzyme":"3.10.3","@uifabric/build":"^7.0.0","@types/react-dom":"16.8.4","@types/classnames":"^2.2.9","@types/webpack-env":"1.15.1","react-test-renderer":"^16.3.0","@fluentui/eslint-plugin":"^0.53.2","enzyme-adapter-react-16":"^1.15.0","@types/react-test-renderer":"^16.0.0","@types/enzyme-adapter-react-16":"1.0.3"},"peerDependencies":{"react":">=16.8.0 <17.0.0","react-dom":">=16.8.0 <17.0.0","@types/react":">=16.8.0 <17.0.0","@types/react-dom":">=16.8.0 <17.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_0.4.2_1596458698404_0.1471725589134023","host":"s3://npm-registry-packages"}},"0.4.3":{"name":"@fluentui/react-theme-provider","version":"0.4.3","license":"MIT","_id":"@fluentui/react-theme-provider@0.4.3","maintainers":[{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"1eb266cb06349cb0559d6539233c7742d0f75f08","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-0.4.3.tgz","fileCount":158,"integrity":"sha512-SuPdJuAn+hXvBX1KAMP6C1sgKc9AA4puAJPTqnvwhkjcXVae8GFu84d5bkAuL3dvwuYPgt9GMjAEJCycYMJuJA==","signatures":[{"sig":"MEUCIQDeiH8WwZDO+9/fHepNz/rTiRa+Uk+nO763Z1wRQIq3gQIgbgpn3+8n9gD1jG+pjh7T4/vwChC356YqdUkomsuHITs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":127569,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfKVb1CRA9TVsSAnZWagAAIP0P/2ZOvcKaCkfkjXHfgGkO\nNWxq44igNTN5sO/pLsL5/dlBhA/8Gfr7ScTYMvnpM2InH1sbo5k8n0Nn5PoD\nsJbEt7VqSmRB2aBbfR9bH/r90jt9fGq+pnjNQvgSGWwvPuMfArAIlGenDwi+\nvhIFigu2aBH1ncfq11KLfKSNnuUs1j5Af773J25U45NQlLc4Sr0/9OdirQjV\npN+INSuojPlqnENrcF8lZasw4wd7B8g3TDVSNU3gHCnAt1k51XJ7oOX1/HZ+\nNRLhD1TO6SQg3CyzcmyJtROSc/8ur9+HAT0UiaeyQ+LEF5h9bXgr4/1ikd98\naT6aG8S/W13oD2CQsu2NJGBfxZLOgtqfwENpjcUvb7lP0mc8kKlhxj4iC8jb\nJ6qko/TNK1Z1VVr+L2a52lv9+H4AY151ZtSr29AtS94vQb1EuQ2ykTFYCgFS\nyw/KCF5euKPDMAwbrC0oA0y9hbpXCgpd2LeSl46kKCgPwxYjQBZ3x7TCfK/o\not3g0N9q8MAvAtZ8hOkF3b3cMDyZzUQ2yt+1Wi9qEyFc6WlPCXAJ4qb0OVIY\nLrsxKCrR33Nzdun/p9yBC7rF7E3jYvbw9eii8gdHyMLoAy3kJQgsCFIzFaxz\nQ0/S1J/fhjPArUZNOusWOFjUD6eZStprLOIO8JW42y3FKi+0L2mZNwiigw/l\nec61\r\n=rHvO\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-api":"just-scripts update-api","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.4","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":["lib/version.js"],"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.10.0","classnames":"^2.2.6","@uifabric/styling":"^7.14.8","@uifabric/utilities":"^7.25.1","@uifabric/set-version":"^7.0.19","@fluentui/react-stylesheets":"^0.1.14"},"_hasShrinkwrap":false,"devDependencies":{"react":"16.8.6","enzyme":"~3.10.0","react-dom":"16.8.6","@types/jest":"~24.9.0","@types/react":"16.8.25","@types/enzyme":"3.10.3","@uifabric/build":"^7.0.0","@types/react-dom":"16.8.4","@types/classnames":"^2.2.9","@types/webpack-env":"1.15.1","react-test-renderer":"^16.3.0","@fluentui/eslint-plugin":"^0.53.2","enzyme-adapter-react-16":"^1.15.0","@types/react-test-renderer":"^16.0.0","@types/enzyme-adapter-react-16":"1.0.3"},"peerDependencies":{"react":">=16.8.0 <17.0.0","react-dom":">=16.8.0 <17.0.0","@types/react":">=16.8.0 <17.0.0","@types/react-dom":">=16.8.0 <17.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_0.4.3_1596544757325_0.03426617954423339","host":"s3://npm-registry-packages"}},"0.4.4":{"name":"@fluentui/react-theme-provider","version":"0.4.4","license":"MIT","_id":"@fluentui/react-theme-provider@0.4.4","maintainers":[{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"a98cacb7c50375972d73299a180104228130fd89","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-0.4.4.tgz","fileCount":158,"integrity":"sha512-Eqroac8MUgqCJCjHP9g/lMMekCefjgYAqtlSYwncjQN2tdLWhrc0jDwgxji1yQzYsQJrcQOgOTuQJS86Z1pvVA==","signatures":[{"sig":"MEYCIQCtBnyphcVznaGYaykNmnToY3SGhRKsmvIAVSWvOemUlgIhAKH+vI+cg4+FIXh0b4MqMDhFXXkmjjZqvnO+8c3xZEVF","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":127569,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfK/m0CRA9TVsSAnZWagAA6VwP/1pa7I8ZqLs3zg06v9YH\nElSH9aAhVW8QGhcOuc+mG9pqsl9wy2bbuL5/Kc760eJAd2BYJzglm4oSgunv\nE/rwwDd8W+EOWNSb5LhH911hBpMVTSV7heeGVIG+3a3nrYwJV/LCNhsRkdic\ngJaBtIhx5tUMU7r1UVBEsmLy4LuS6dvwBvDzQArzIdgXWA2MWHJlHsgagGeP\nc3qBj+4J3fBE1KdfwqryT+2alfwtS1joMFuNEu9S2brYPJbr3C1EdxfdPG24\nWYqCa1InFeeJ8vLLDyXoI0H2r0LYESOglCiG/Nkl26bRBq1LI37ILY1EEbGm\nN2S87vYkFok9rHW+2jNM4jTIYoF3HIXat4Apnigq0JKZP+WpSMdvnE8JC/SQ\n510l0euzBtHPGI/5X8J6uBw6bVQpUQU0Z4+MDopaWShE6aW5g4wRX5fxBDeS\nt7JyoUZIKoap/ruWMuEstX/gYPEzmX+tNG7MHreHlzod3vhFnNCubXf9X36+\nI3xDECheSVfJWddXgzP0JnhfFh+Y7QoQ4yRO6BRKh7rJBl1jVIUfm+NYr/jp\nhwa4wyX7QYm8AF/ADtHRVmpL+woejpCeZXoAX8JkFn0qGJHyFoS7oLjDY+kd\nAtQkXqU/poFa+VC48+H+SiK2q9KfsGF71h8iZ7OIoNtQ75COOoZiSYQqixj/\nOQQ3\r\n=lIb6\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-api":"just-scripts update-api","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.4","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":["lib/version.js"],"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.10.0","classnames":"^2.2.6","@uifabric/styling":"^7.14.9","@uifabric/utilities":"^7.26.0","@uifabric/set-version":"^7.0.19","@fluentui/react-stylesheets":"^0.1.14"},"_hasShrinkwrap":false,"devDependencies":{"react":"16.8.6","enzyme":"~3.10.0","react-dom":"16.8.6","@types/jest":"~24.9.0","@types/react":"16.8.25","@types/enzyme":"3.10.3","@uifabric/build":"^7.0.0","@types/react-dom":"16.8.4","@types/classnames":"^2.2.9","@types/webpack-env":"1.15.1","react-test-renderer":"^16.3.0","@fluentui/eslint-plugin":"^0.53.2","enzyme-adapter-react-16":"^1.15.0","@types/react-test-renderer":"^16.0.0","@types/enzyme-adapter-react-16":"1.0.3"},"peerDependencies":{"react":">=16.8.0 <17.0.0","react-dom":">=16.8.0 <17.0.0","@types/react":">=16.8.0 <17.0.0","@types/react-dom":">=16.8.0 <17.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_0.4.4_1596717492364_0.8217340100457711","host":"s3://npm-registry-packages"}},"0.4.5":{"name":"@fluentui/react-theme-provider","version":"0.4.5","license":"MIT","_id":"@fluentui/react-theme-provider@0.4.5","maintainers":[{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"ba09101eb1a9cabc3bc212642fbb6046faaae444","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-0.4.5.tgz","fileCount":158,"integrity":"sha512-Vdiw2VEaI8yfOHAdHAdKtX07KliPR0Bxns5P37Ft+FN/z0h8tvtMdDVF0oaGZLpCQFvSdZ4lsnDaJN7EO+xZxg==","signatures":[{"sig":"MEUCIQCie9Srp/Xn9DaHHX2+5YBEii7Mr1DuOVBRUzqUrGSGNgIgODB95DmohsWo+fMK8wstBU8r0QY0G4w+65VAbljkaYs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":127570,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfLUuGCRA9TVsSAnZWagAAVh0QAKGasTLJejxcJ5VAP5/r\nU+25M45mGSQm+oUGCo+by8OwFTAkjkkJrv1C9e5QH1D+ccOrUT5kkukYz4oM\ncB26sxdT/oTCS6IfzMDm93S85x7mG0+IPEG3JPS52T9MSqUvBqiR7pKx1y06\naRxJKpBwejieVirf4NvI88xJE2PMVbNrgCAx857bGv2cBw/8N5KshZkbZ8Ng\nMh8vWJzCIf72vT/r/kXraC85eeozpdiFoTVRqFShNM92REtbWJ3kjVQZ2JGs\n6W/wpwUWen8BvHwO9UA8ikQ/1E7J3JgsSLErhT1dGYvjOOqfryBwuZE440qQ\nMglv3EmHesZhvNhT28lznxljezhe8pgdRp7Hmknhr7om+iU0yXTD8jHX9yem\nrybu4ONBaDb56e6b05+Q5n53s2PPvmWpY44XTd8qTCmoDgoGeeYrjVJjCqdw\n5Fco+wCqcJN6s5TBY7mZQ96RFfja0XP5qahN5WQOxcvZIzO5/+2MWlKhMa4h\n8whGa1DzKrxU2Z/yiKVm6m4dOtHUfGLaf38HHi4OADgE3bd+wNbHDBUdRIne\nPaNuiCguF4EtAxajD9n46DrwKDT0F3HLqEqoaxG/I1P5V91q8h/oM/HpSGp/\nhP5mA29mNEb9kNDTwSFZOiosU9EhuAp7UAswquaV9tHGHZGu4a3JYIVayE/j\n7ldk\r\n=Pvbm\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-api":"just-scripts update-api","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.4","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":["lib/version.js"],"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.10.0","classnames":"^2.2.6","@uifabric/styling":"^7.14.10","@uifabric/utilities":"^7.26.1","@uifabric/set-version":"^7.0.19","@fluentui/react-stylesheets":"^0.1.14"},"_hasShrinkwrap":false,"devDependencies":{"react":"16.8.6","enzyme":"~3.10.0","react-dom":"16.8.6","@types/jest":"~24.9.0","@types/react":"16.8.25","@types/enzyme":"3.10.3","@uifabric/build":"^7.0.0","@types/react-dom":"16.8.4","@types/classnames":"^2.2.9","@types/webpack-env":"1.15.1","react-test-renderer":"^16.3.0","@fluentui/eslint-plugin":"^0.53.2","enzyme-adapter-react-16":"^1.15.0","@types/react-test-renderer":"^16.0.0","@types/enzyme-adapter-react-16":"1.0.3"},"peerDependencies":{"react":">=16.8.0 <17.0.0","react-dom":">=16.8.0 <17.0.0","@types/react":">=16.8.0 <17.0.0","@types/react-dom":">=16.8.0 <17.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_0.4.5_1596803973926_0.02997772966625667","host":"s3://npm-registry-packages"}},"0.5.0":{"name":"@fluentui/react-theme-provider","version":"0.5.0","license":"MIT","_id":"@fluentui/react-theme-provider@0.5.0","maintainers":[{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"40f46724edf70331a989d58dea0f1ce462dcf930","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-0.5.0.tgz","fileCount":167,"integrity":"sha512-Om90OXFEeBc8i/rthBwHS/S6RYUAXVp40gOdXj02fC/2zC5O8qbu5gRBdVqVzE1jTdRiPfCOVnidJSUL4A1flw==","signatures":[{"sig":"MEUCIBvIRIxQNs0yBUruu4AVYiEUMZNKnBsFdszZth1+oE3HAiEA742LM6wGlZZKv/6pj9kDAU1Vek0l/ZvHrMGpwBLsnKM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":136694,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfMOX2CRA9TVsSAnZWagAAovgP/259meDTQMKh1SxBDm8G\npUrLokJzUIasQCNhfahnwS+Rgw3VZa2ws8tkhHptMLLjkDbgKKZnnsaM9Xcd\n4TWEnY4D43h9gemL/m8ZxQlDq6kPbhE+NVNVp4PEg3KAVp0IVeE4gVYuGXI+\nxUJBXcFIh77jqGB5f3evhtaU+gm+HJ2Lc/FheX6MnMlkdX4SYsQu6UTPA7UH\nUdp3Utg5d5c9RqT8ZFVlbotP+BgpM1NDaWXD0Oh6JZmsRrxaNk2J/wMi1LPi\n0l3IHB2Y9UMnSCborpET8fkHq/dVN80LOoX4rwmttFWrJuUMcDf/KrrKsgX7\nkrtkS+bMHjlacvUjUBpnWLkpdFfA6vnHj3MEQxxl5w5Fva6EKB1J6V/8W4fI\nWab1LEz/65APMGKTMBoU5/tWLI0VcVc5xfn5MnXAVRrAVRUuIDfB/7+RSyV1\nsgwt/S9vN2+OoWNayp/hG8od+RtN9A3Nb4xY36MrOBqwP9bypZxkYYZ1RqmL\nUYtZ+ERYstLMj57UC+B/8qOCCehI/kgR9SOXY8MxY/+pd9y3LNgHWaLNUF06\nkXbr8td75JiehBtYrsTqiZ3AET5vBRLj270sS8u8TuxFb7wgMDDUbUKgeyTy\n+gcTvAMe493XPCrYnFYuO2biLtksUo2EtIVC5pyO/QLRzjClK5xl9dFS+nw2\ng4po\r\n=klur\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-api":"just-scripts update-api","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.4","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":["lib/version.js"],"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.10.0","classnames":"^2.2.6","@uifabric/styling":"^7.14.11","@uifabric/utilities":"^7.27.0","@uifabric/set-version":"^7.0.20","@fluentui/react-stylesheets":"^0.1.15"},"_hasShrinkwrap":false,"devDependencies":{"react":"16.8.6","enzyme":"~3.10.0","react-dom":"16.8.6","@types/jest":"~24.9.0","@types/react":"16.8.25","@types/enzyme":"3.10.3","@uifabric/build":"^7.0.0","@types/react-dom":"16.8.4","@types/classnames":"^2.2.9","@types/webpack-env":"1.15.1","react-test-renderer":"^16.3.0","@fluentui/eslint-plugin":"^0.53.3","enzyme-adapter-react-16":"^1.15.0","@types/react-test-renderer":"^16.0.0","@types/enzyme-adapter-react-16":"1.0.3"},"peerDependencies":{"react":">=16.8.0 <17.0.0","react-dom":">=16.8.0 <17.0.0","@types/react":">=16.8.0 <17.0.0","@types/react-dom":">=16.8.0 <17.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_0.5.0_1597040117710_0.7157481787883071","host":"s3://npm-registry-packages"}},"0.6.0":{"name":"@fluentui/react-theme-provider","version":"0.6.0","license":"MIT","_id":"@fluentui/react-theme-provider@0.6.0","maintainers":[{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"3af3aeef2b6f794d0898cf3719ea9704c1b6ce76","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-0.6.0.tgz","fileCount":167,"integrity":"sha512-pPgDyvRiCrmtMfBfOg0u4iVeBHCYTJt82r0f/rDFe/vl0sAsBrS6ehGSHIbFUlVo+eHWXwjDduyRLHO3hUf5gg==","signatures":[{"sig":"MEQCIDr8F69/3TuWFUt+Oa1feRgrn27rSyAJVa6GXWC/Z91fAiAvxoKtVDPvotH59LTdq91QCee9Ku24omiXwD1sx8D+FQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":137734,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfMjAwCRA9TVsSAnZWagAAnRwQAIxTRTt+iTen2Ix3T01X\nso9rIdNlatD3lkJu5vVz/wvQonwztko912g3MWkg4WQRpy35s2/4qmlgmhqe\nr305Le/3wMMIrfXY0ioNBtldzRHMg0qsuuXZqc5tNYsW0OsKBdVXPIAtP/yh\n+uVbm80B6KSFj5F5ebx+ysno5sgy4LPuge/jXku23KBI2Dte4lzK9bCkDOQG\n3FcQF7lCGqYu6if9srqu3l5LuWB8huG+Yt6hMrbpdVXoBucbK1UlyMBp3i5X\nzZioiQwQ18ZkjPOFSOpq0j3Z5t1cxZqDiQZyBjp62WgSbH+sFM5+RIkVd9e/\nHj4J7ahH49KMpPq2dhhGH+DTeFYExttapWmNBDv7vdwKbQJfj+nJRJQifCph\nwksM7qJueImBRpvhnQ83AKPTTJZL9XAJEJBlvhMZco7eH/jIx6sK6oJEux6E\nHxGXlSvRLaroehpQTffGiPA+Ud54Snhy+lwIbEjDZiaaRdBab2YyneUvSpCA\neatr4zIb9yaHdU2diO1CtpZk31JeMGaT2BAAQcyQA+blKVX4MVAp9xszwWEB\nqciuXcqLO50X0sMCVY/sLRZx1w3H7nw0Q4Bw5R/xxjAW4V2oIOaxKbP60F89\nMoweWiN4YgGU6LWtVxA+FriejUJM0wbdx0vWnO/rK/Q28iXVvEO40CnzqYQ4\nN113\r\n=EoqE\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-api":"just-scripts update-api","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.6","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":["lib/version.js"],"_nodeVersion":"10.22.0","dependencies":{"tslib":"^1.10.0","classnames":"^2.2.6","@uifabric/styling":"^7.14.11","@uifabric/utilities":"^7.27.0","@uifabric/set-version":"^7.0.20","@fluentui/react-stylesheets":"^0.1.15"},"_hasShrinkwrap":false,"devDependencies":{"react":"16.8.6","enzyme":"~3.10.0","react-dom":"16.8.6","@types/jest":"~24.9.0","@types/react":"16.8.25","@types/enzyme":"3.10.3","@uifabric/build":"^7.0.0","@types/react-dom":"16.8.4","@types/classnames":"^2.2.9","@types/webpack-env":"1.15.1","react-test-renderer":"^16.3.0","@fluentui/eslint-plugin":"^0.53.3","enzyme-adapter-react-16":"^1.15.0","@types/react-test-renderer":"^16.0.0","@types/enzyme-adapter-react-16":"1.0.3"},"peerDependencies":{"react":">=16.8.0 <17.0.0","react-dom":">=16.8.0 <17.0.0","@types/react":">=16.8.0 <17.0.0","@types/react-dom":">=16.8.0 <17.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_0.6.0_1597124656004_0.05269091699709372","host":"s3://npm-registry-packages"}},"0.7.0":{"name":"@fluentui/react-theme-provider","version":"0.7.0","license":"MIT","_id":"@fluentui/react-theme-provider@0.7.0","maintainers":[{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"c2a2aa71490a9abe07a49d014a725c498ced34d6","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-0.7.0.tgz","fileCount":140,"integrity":"sha512-nzdEZg4o3lEHkXerUhmEIopwXIjnyNzDQr53U/CVBpvdkdjQFjuL2MgwNDNi+k4QLD/iDT3yxTD2CSw7FLyknQ==","signatures":[{"sig":"MEUCIQDjv38qpFNiiJ+Esjjqq5IJdcX8hX3bo95bHg2wFj8LLAIgd81lFzzU45UW+2Im7XxcXWj7yyXlns1/vANo2Ose3CA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":132625,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfNDV+CRA9TVsSAnZWagAA/+EP/iNN+bwif4jbZKqJXVRD\nd4KT/k1aQ3vdLSxZR/8avMiHiI/az7bEeyV8kEDqxP+BNn57ZWmhq1t/DcqD\nz4kNPpaqPz9LIn4ECa9SdFlgUgMnLmsrGSd6+cyP+U/LNSOOezc13CzTjrhY\nhN6SGIxMnkbDzZJhDLLcq5sqr9CERK8FwlN6gxb0ib63mF+md8vZlA3vZ3wB\nnetOXA0FwdK8j+27WRVBTWwAzElU+GZm7P7xHBBsz/YqpWEne1+/odnELRhe\n/nFZrVJzQT6vZu90XY2ljqrZXHgORhA2u28cLqQ2xh/tGjYDtSmHQPYomu6s\nXYjGs/SVrDsg2gHB8Ql6gd8q7Tj9q+AeM9aygrXL+k+/dMJmXAMf+RgbjEMZ\n0Rk0icr62yYDcJked1zLFwc7ebLBQuoR+0VKstFHe530LO/FnvahIrn5VmKa\nfjuG/S3+xawWzDjqq1guqNQOUlWbFGfdJBR7x6+uec8v5lS62G9D+Z5dMzTF\njyqF6KsLBUpE2xjVABPKYjqo9NVoDSf4WjQTuw6LksmI0NbWxJvQEL/DFO89\nMJVrR5XbZ1hlWQvdDuZ16UnUNNFu3DVfqwbTR5uZn6np/raG2nzWl8eJdycp\nbog9Rk3V++UkXV71hf3KARSwrle0N43c1/6EjKAWvbAofzEPkoUvha/K9Uq0\n1aHP\r\n=Defv\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-api":"just-scripts update-api","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.4","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":["lib/version.js"],"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.10.0","classnames":"^2.2.6","@uifabric/styling":"^7.14.11","@uifabric/utilities":"^7.27.0","@uifabric/set-version":"^7.0.20","@fluentui/react-stylesheets":"^0.1.15"},"_hasShrinkwrap":false,"devDependencies":{"react":"16.8.6","enzyme":"~3.10.0","react-dom":"16.8.6","@types/jest":"~24.9.0","@types/react":"16.8.25","@types/enzyme":"3.10.3","@uifabric/build":"^7.0.0","@types/react-dom":"16.8.4","@types/classnames":"^2.2.9","@types/webpack-env":"1.15.1","react-test-renderer":"^16.3.0","@fluentui/eslint-plugin":"^0.53.3","enzyme-adapter-react-16":"^1.15.0","@types/react-test-renderer":"^16.0.0","@types/enzyme-adapter-react-16":"1.0.3"},"peerDependencies":{"react":">=16.8.0 <17.0.0","react-dom":">=16.8.0 <17.0.0","@types/react":">=16.8.0 <17.0.0","@types/react-dom":">=16.8.0 <17.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_0.7.0_1597257085900_0.5802260333136036","host":"s3://npm-registry-packages"}},"0.7.1":{"name":"@fluentui/react-theme-provider","version":"0.7.1","license":"MIT","_id":"@fluentui/react-theme-provider@0.7.1","maintainers":[{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"72cd61a8129332e0a0347ec8dc931bc033ae51e6","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-0.7.1.tgz","fileCount":140,"integrity":"sha512-Q3+RVi/uAnfSCrxzCWeBgG5+9tEaIyf110SkUZnaovWFqGYplfVN8dUAgMappe1Fa7Fj7cNGBmeTV/w4uRpp/w==","signatures":[{"sig":"MEUCIBpxKdXroEjRvwR2NpgiA3q3BPtpDt+N/0YqLhxvjch+AiEAhx+3NNhwxOPak/joRS8wU8TGpNZfBlGD5vKGwkb480w=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":132625,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfNTTuCRA9TVsSAnZWagAAh5MQAJYbq61oGFuH5u1r9v4T\nnkVJm2NkRkSAFrMUjp46mZRfkml17awf5jyqydSKyhr1+393pwUUYRZTnVbV\n/E6MGGEGtL8IkWCZ81S8V/D9v4CC/TRQNiUSCryTB9+pBhucSUmvlk58fw68\nfC0pLo6Z8LzrKMga3I0EwXQly768Q1pDAO/uJY1V3WoNP1l/A3k8DEUuavVU\nE4JbrBptY5rtQsnGy4spGtM39Y/fGt0Fu5qxg7BRQbVeRw8nJw3WPKRGtSZX\n+AXyMfm1FGohAQtDMC4LAIRjpHBICrL1mgEmx5TzVSk/8+p/FnFz5mzPqXv7\nGVD1AnqODZG0F6dlkpSlU9xxgMSKntuhYMvvqqVrtUR4WnK5pDX8AtS5yvmk\nRpCm6hW3gsvyzX96t+A9jjfdkaqeWDMdaYudKI8VR8DAg7v7Y2W5VG+4CGbB\nBFXzsVcbNNMSY7uQa3Ahbp/wJUd4xW3K7n64BOoLgUjCcgtRQR1RyEQs2qv8\nCa+1cPaqX6kTix3s0Qsqd4tHC9FDobtsxEBGosp6AiL68BYFyslCbRmaDjoE\ni6eIiHav9cSK8IC61BUMWsYOBpMql6Ovh+49TJHmTbyW5UyYRhvxCKkB3VAx\nlJaIb01wL9hvZJLnJikSqShROHrmG5dq5c5bJ0X2l+wPWiKFg/rdW5wpy7Ui\nj3GQ\r\n=7Kgj\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-api":"just-scripts update-api","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.4","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":["lib/version.js"],"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.10.0","classnames":"^2.2.6","@uifabric/styling":"^7.14.12","@uifabric/utilities":"^7.27.1","@uifabric/set-version":"^7.0.21","@fluentui/react-stylesheets":"^0.1.16"},"_hasShrinkwrap":false,"devDependencies":{"react":"16.8.6","enzyme":"~3.10.0","react-dom":"16.8.6","@types/jest":"~24.9.0","@types/react":"16.8.25","@types/enzyme":"3.10.3","@uifabric/build":"^7.0.0","@types/react-dom":"16.8.4","@types/classnames":"^2.2.9","@types/webpack-env":"1.15.1","react-test-renderer":"^16.3.0","@fluentui/eslint-plugin":"^0.53.4","enzyme-adapter-react-16":"^1.15.0","@types/react-test-renderer":"^16.0.0","@types/enzyme-adapter-react-16":"1.0.3"},"peerDependencies":{"react":">=16.8.0 <17.0.0","react-dom":">=16.8.0 <17.0.0","@types/react":">=16.8.0 <17.0.0","@types/react-dom":">=16.8.0 <17.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_0.7.1_1597322477930_0.7219875922335415","host":"s3://npm-registry-packages"}},"0.7.2":{"name":"@fluentui/react-theme-provider","version":"0.7.2","license":"MIT","_id":"@fluentui/react-theme-provider@0.7.2","maintainers":[{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"d1841741f54202ab68439fb9322f1a860f6f683c","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-0.7.2.tgz","fileCount":140,"integrity":"sha512-6Eyp+dA68WfE54ElqtsuLqQMHPfNJ/lXp8nm3VoZIza1Y0zlYQFTI0/B9vGHQ0IzLkIhwP+C49T7jka5nlKaZQ==","signatures":[{"sig":"MEUCIQCBCqatnSPKHguBEWI3xffvqB0dX0MIpLz+1LJ3fkV3yAIgIcLmfyZ3DK7LQzMZEnLU5BQ4R6oO/UVT8PgFPm3bdSI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":132625,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfNoXjCRA9TVsSAnZWagAAvUIP/1HXEwllBb5DMjzQNqWC\nEco0F6SF7Wtp/B4f9HZbHMmEIc4vTBNpXIx9QaZ/noHAJ4gOsJNbuPDh0nmD\nGf4qvO6CPFkd7zv2Hu5NZJHfIJF9+Ek2o44hxaWVoAGS4IK95jWatB7um+zk\nsKtsT7B2mJgxiOe8nEFG7zUK2S1noAZQ7C3rP6JCnDJZeNzpBShaiZRVc9Oj\nDUBrawOPjsANoyBJLOjZOTP1kkVZtEDU9LyQ0Q8plMALU57cTOdxKUohRqdu\nBFLjcOIf8aGfsVsG0y88lQAFHNNeZ2yjKqS7u+2sK0bq1hMX6ot+tVE6LUva\n0ZWUysCXuMC43dKBp7MI7hNz5dCtBlw5af6M9jwtR6po2mHHRYsX4+GM7w/g\ng3pTApN4wESxeyjIzwNcFOTDjfX6YLvzvHoZ9TXic5VTyxD8jg2he6Gw0uvx\nAqN4jMYqBdR9sGAyRNQTK5whMBjP79ymC0IzvUZcJ2rCqpc2StwlVwreMmDs\nEHxsy8HiY50p6Xi2RJWJ5nlrdmjygkk9nz14nLhThj0XGcZNs9y6rp868XtU\nPiLZrCUAVNKrE36TcmjEuzXuMe/WwYxC0eE+7k627XIJYVQ0WTGW3CUTjRDK\nskO4Z5EtE36KGXm9cW0EH7xeCPBhrNqifk09JIrGkd0I1mIogWfFTRNHyqCZ\nH+NP\r\n=pjOM\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-api":"just-scripts update-api","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.4","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":["lib/version.js"],"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.10.0","classnames":"^2.2.6","@uifabric/styling":"^7.14.13","@uifabric/utilities":"^7.28.0","@uifabric/set-version":"^7.0.21","@fluentui/react-stylesheets":"^0.1.16"},"_hasShrinkwrap":false,"devDependencies":{"react":"16.8.6","enzyme":"~3.10.0","react-dom":"16.8.6","@types/jest":"~24.9.0","@types/react":"16.8.25","@types/enzyme":"3.10.3","@uifabric/build":"^7.0.0","@types/react-dom":"16.8.4","@types/classnames":"^2.2.9","@types/webpack-env":"1.15.1","react-test-renderer":"^16.3.0","@fluentui/eslint-plugin":"^0.53.4","enzyme-adapter-react-16":"^1.15.0","@types/react-test-renderer":"^16.0.0","@types/enzyme-adapter-react-16":"1.0.3"},"peerDependencies":{"react":">=16.8.0 <17.0.0","react-dom":">=16.8.0 <17.0.0","@types/react":">=16.8.0 <17.0.0","@types/react-dom":">=16.8.0 <17.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_0.7.2_1597408738830_0.37011732568456446","host":"s3://npm-registry-packages"}},"0.7.3":{"name":"@fluentui/react-theme-provider","version":"0.7.3","license":"MIT","_id":"@fluentui/react-theme-provider@0.7.3","maintainers":[{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"1bdf36f4a3224b69277ff2886187547e147da59b","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-0.7.3.tgz","fileCount":150,"integrity":"sha512-AYmup541Uik8ZBvH7mp/YmwKWJIu0BeItGMWLcCutPduVwq7GB2GMWVdnv5/2o3ttyReJeyhIkOqAXs5sJC7ig==","signatures":[{"sig":"MEUCIQD2yyne7uMw7DAbaTIizAE8vz11Dm+zSwGPA2jRkX3ZzwIgHKl821YsT6bSfIz+obF8qi/uhm8IV4h84VQ1gr3KzkU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":135644,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfO4mHCRA9TVsSAnZWagAAaAoP+QEemaQEGLfC4VUbuq4x\nhckh3Ec+l5bNDTR3hz9HXsOFZv3wFnRBvQt3f1Sgi5NcIrPJRKOwprwTpCN2\nrY9YCasRUT4xKhVDpwhHCpGSEbSVDuByjgSpDvX0G7KmnIDzL1wc83xSWRCh\nF5jZTzsWHoYGeMfDzGDE3SRrK8QfNLgCLIkP0QEk6BvGp7xFQUgru6MZw5Sb\nEr/S8rRi9TGbUlFtcUWjLcFBa30kEZ22sox0bwtv+5mgMzk+RqH4Aok8lgev\nKCCCrkblvGf+KKKhWMVcvD7G8033BNqEk+R3InmAJAtGEzmbkeZn/htrP7dh\nWKAKym/xamUgu0rNwKh8GiByoJBfB8Qrxyg9b/b1YvWP8syNouj9jW5nQKSN\nFuJVhsWy4DMjfrIVte0CTXnep3U9Jhm7WQbda3KRNzvwxZbl0XHajKyGWOOZ\n21UzbXN55t8AlwSN+b1G2ItfbC115BXnS5vOxhebMllbCckT9EU5c5QM7lvG\nIH+gptTA7yZSAEjTXvOQOQjiOnjy9NPShQ8fl9gqNfcftXmUsCMZqpLcUPy6\ngZ88AcEEAnKZ+silH1fQN1D9KieqeP6nNTM8QlkEXtvMjm+9dXi1g5m8JXeB\nZlG3E9U+wjS6DPMCeciTed9PAhO9R3d95JiGalyksKjfwAUSr0NHu1Gy8GLx\nL54d\r\n=1j3g\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-api":"just-scripts update-api","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.4","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":["lib/version.js"],"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.10.0","classnames":"^2.2.6","@uifabric/styling":"^7.14.13","@uifabric/utilities":"^7.28.0","@uifabric/set-version":"^7.0.21","@fluentui/react-stylesheets":"^0.1.16"},"_hasShrinkwrap":false,"devDependencies":{"react":"16.8.6","enzyme":"~3.10.0","react-dom":"16.8.6","@types/jest":"~24.9.0","@types/react":"16.8.25","@types/enzyme":"3.10.3","@uifabric/build":"^7.0.0","@types/react-dom":"16.8.4","@types/classnames":"^2.2.9","@types/webpack-env":"1.15.1","react-test-renderer":"^16.3.0","@fluentui/eslint-plugin":"^0.53.4","enzyme-adapter-react-16":"^1.15.0","@types/react-test-renderer":"^16.0.0","@types/enzyme-adapter-react-16":"1.0.3"},"peerDependencies":{"react":">=16.8.0 <17.0.0","react-dom":">=16.8.0 <17.0.0","@types/react":">=16.8.0 <17.0.0","@types/react-dom":">=16.8.0 <17.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_0.7.3_1597737351014_0.9647024496110876","host":"s3://npm-registry-packages"}},"0.8.0":{"name":"@fluentui/react-theme-provider","version":"0.8.0","license":"MIT","_id":"@fluentui/react-theme-provider@0.8.0","maintainers":[{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"c7588792622c4b4d612bec87f47e5b06e04b936d","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-0.8.0.tgz","fileCount":186,"integrity":"sha512-sx1OXkdXY1IJdwpiX+pvgmaTDhv0yczYjt3a4L0XcI8Kl6CkCthHsSlKgzq6TDkTdJC0GpQSkfDOOanWaj+B7w==","signatures":[{"sig":"MEQCIFW4msbN7QVI440JgcSjFpujrpGSf/tIJ7ePpGWvXIzDAiBmZvxV5Am3o+QdaD9Rq3JX5OwD6IF+fuXFqt04OQ0aUw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":217868,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfPR3vCRA9TVsSAnZWagAAdvUQAJ8PpSSe1PKLy79isZ/7\nLQ38viLzHSyQzZuAq4yyuzOeO3oJbtxHD7AJpbp4MHClhbQAzZ60cURqtuIH\n1b6iVisd8rXoT2gM1keNdB1Wyav0miq8Q9BVYHFr/v/+4Z0+aVzyHAND7zcr\nltGBzb9GglfRkdRuey6MjdcLWDAlUK75r8Pk0jrJXi8HJhdUN46+Ttra/HOH\ndeFlA9olnE6RlfBm7zVfQxfv5mGBs71q2PmoLnR/n7hGozpGnxU/G2CzzTNp\nY8yA9ttwdVLHhverWIV6B+wg9atXsEWfRZ16xIktrmHuNRTts8dsmGkd5gYw\n1c3FvKANMv1dplYuEVTuOcxAvlOBz/JymKgpNAUXSO4trJ5E+jRcYRXrQHDr\nM+7yL6vkdimgf8Cb/VuZDr3MRSuIsFLxGUbjq0VQCieP3gc0hP74oKHsltoE\nOoS/mbhIYah6TVHkVs3q3gzPesKKznqxhGU6LRTzcmOBfEEnDL6YYcYg50DL\ntRD7DYcovnYUd1NFvO6ypqG12Xc4KdMdFYSQzf0H73jEm1rqoW2Ou6IGCPcc\nB2XBabzJSxGRssT9RXAk6hTYu1xCpbWM9ArvEI0FkzeDmse4Nxp/S/jYyxha\nHjuRREPA4FMY5LQxW93pP37pG+c/VETWUqUlpS0HLEltzb2tJ88fDatMEDk0\n35Qb\r\n=382M\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-api":"just-scripts update-api","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.4","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":["lib/version.js"],"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.10.0","classnames":"^2.2.6","@uifabric/styling":"^7.15.0","@uifabric/utilities":"^7.29.0","@uifabric/set-version":"^7.0.21","@fluentui/react-stylesheets":"^0.1.16"},"_hasShrinkwrap":false,"devDependencies":{"react":"16.8.6","enzyme":"~3.10.0","react-dom":"16.8.6","@types/jest":"~24.9.0","@types/react":"16.8.25","@types/enzyme":"3.10.3","@uifabric/build":"^7.0.0","@types/react-dom":"16.8.4","@types/classnames":"^2.2.9","@types/webpack-env":"1.15.1","react-test-renderer":"^16.3.0","@fluentui/eslint-plugin":"^0.53.4","enzyme-adapter-react-16":"^1.15.0","@types/react-test-renderer":"^16.0.0","@types/enzyme-adapter-react-16":"1.0.3"},"peerDependencies":{"react":">=16.8.0 <17.0.0","react-dom":">=16.8.0 <17.0.0","@types/react":">=16.8.0 <17.0.0","@types/react-dom":">=16.8.0 <17.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_0.8.0_1597840879321_0.2910081997775824","host":"s3://npm-registry-packages"}},"0.8.1":{"name":"@fluentui/react-theme-provider","version":"0.8.1","license":"MIT","_id":"@fluentui/react-theme-provider@0.8.1","maintainers":[{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"9c4711ab1cb558bea904cc7d7ceb05eb9e83bb35","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-0.8.1.tgz","fileCount":186,"integrity":"sha512-7903UI9yt3XdaOmEYziaazk0rzDhl2mk3929Yl1n8wjjsq8J+cQZCro2xSO06Y+DCM1EzZxEvFpMspRSG10o+A==","signatures":[{"sig":"MEUCIQC1MdvdHToe9n76ttjdQdfeR9KEyotdurue3P3nKN3drwIgO0oEtKiqPdclejxWLiIKJuFxpyQZk1yBHgua4ULBLWQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":222025,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfPm2VCRA9TVsSAnZWagAA5+EQAKSc7+ONbJEO4r2XQO0/\nk9+q6391KqMrKLMsFLvohhc2QX90cFa5XFtd/qTG4nt1iXJUUxgNz0risUsV\nLw550HL0fH0niGzyssfynhw20UkpKDnzFbrbTQDgOlkqSlGbfsEoqUvL/7Ps\nKtxkj6dCpG0jjjdU3M2gB2D2JVeN3KtmCOt4mxTIb488qk7PKA4B96WrHfYD\ntBMU6m1vw24gMoMiiYv7N4pZB71Bb/0p+dbBv+6G68KrRRPdPSLU2i9l8evf\nQt0kzVrFoP5V3YfZMXj9obbS5zjNAgckvJAGSVE8WTR7qGX3m1H5EYojzGh3\nLUyWK84sqyQ9AmYIun/pqVVo5UXgatcMgTxY8eSp7JionTR0gmnfG+QnhFZ4\n6SDpEzZaVgbGJyD6fg+Q5ZGMo7n4OI1SLVIc5uwN+krOHoo7SyLdIg+OplGC\nbrgmcLreHchZ0KG+FMOO7JFTFV85wyh3+wXcCzuaGx82FK9dTuTlx2kr0m01\nXerhK1MWZWSVFAf0iPtJYzOHn8suHOmR+Bkrlx+qNOFg+qNygV4WyPldAy4F\nPkVOEHKBjIM9v60srWsy73LP0UlGOKHPKTfsaZrRR0l42gFuFZ0WhWQ/9e36\n9Ssr41/wn2VJM0UyN11y1w/e3XUOtVLYsYCN7/qP2GIwNVu9FN1B40wz+HXh\n9c1V\r\n=3hSf\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-api":"just-scripts update-api","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.4","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":["lib/version.js"],"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.10.0","classnames":"^2.2.6","@uifabric/styling":"^7.15.1","@uifabric/utilities":"^7.29.1","@uifabric/set-version":"^7.0.22","@fluentui/react-stylesheets":"^0.1.17"},"_hasShrinkwrap":false,"devDependencies":{"react":"16.8.6","enzyme":"~3.10.0","react-dom":"16.8.6","@types/jest":"~24.9.0","@types/react":"16.8.25","@types/enzyme":"3.10.3","@uifabric/build":"^7.0.0","@types/react-dom":"16.8.4","@types/classnames":"^2.2.9","@types/webpack-env":"1.15.1","react-test-renderer":"^16.3.0","@fluentui/eslint-plugin":"^0.54.0","enzyme-adapter-react-16":"^1.15.0","@types/react-test-renderer":"^16.0.0","@types/enzyme-adapter-react-16":"1.0.3"},"peerDependencies":{"react":">=16.8.0 <17.0.0","react-dom":">=16.8.0 <17.0.0","@types/react":">=16.8.0 <17.0.0","@types/react-dom":">=16.8.0 <17.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_0.8.1_1597926805095_0.034344275324942775","host":"s3://npm-registry-packages"}},"0.9.0":{"name":"@fluentui/react-theme-provider","version":"0.9.0","license":"MIT","_id":"@fluentui/react-theme-provider@0.9.0","maintainers":[{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"b9c3d30d27c4375d628ea2b5f4c248904cceb526","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-0.9.0.tgz","fileCount":186,"integrity":"sha512-eh7pzN3/DTmQc0njtLGffbKMpyuorkVhl0Kbs70woY16HJC3nVCfBV1oYsH8tYTssviK8Ksqfo5K3/YhOHdG4w==","signatures":[{"sig":"MEUCIQDMGMNqRXmq8U8FSB7W/ZQ/Iwxx5xDEZyyb3v+b0iBpLQIgNbkj2baKf6gvRm7/fqxsxgK6TFsUm9TmJPQNzYHY4yY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":220063,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfRQTqCRA9TVsSAnZWagAAOPoP+wQHl+abD26z0UjBDcTQ\nQV7HT9lX4t3J6hmID4kW/b8AZ+zPKFqAlwCF8pVJNjwhOLfLO5QV23F8eqPA\n0hl69v8OZvKrPJJ8Xw0jnNnxI8KKiMw8bsrKgRg4DTURdAUz/9qPQ7YA/gLe\nPZlN7vtCZ2LTRwO0lqzKSAvzDcfJK7bbAg1+HAjIb27aiA6Y0sTkN3K5NcPX\nUUmfkraYvYJWEDX6tmXyw598xk1hRai8e761k2pLUp5Z6PDaerhAIlAECU4G\n5Z6HBrUFR5C3oDUtcomsvoyPGnZHch+QefXSjv4m7ka+1m32ZPWvrMlRNaUk\nBOZCLes31N6QOobTTEsSiPAm3i2SEB48rUk0LvZ9pbwQ/JxYQnOc6vJBQXcj\njovBQuJ0IJcTKeX9zwJ3u30z0txSk4qGUk3nij3XhpZxa7dkpGC0pPNCHvJ4\n1iV8n/l4ulSTHXLpsyRz7pO0yZDPCnCXP+jWXAprhpL+wXA4lWOIGN2ExF7c\nwVJoAIcPxNicCRHuPKJcXJJHSxFIvi2qtLRiBxGpQnaa47jpopl8PY8i6ibt\npVszq7Avk3L2Ssk0Rqmhpmwx2cna/lZ0FPLCvbdypz6C3264pUFf/yP6dPH+\n6xz9fYcg0thMQ/iIHrLKuKq73tUtTS3b32Sck5Oc/Fk7KiXn/1yzoZ0Cu44J\nCEcy\r\n=OLmp\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-api":"just-scripts update-api","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.4","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":["lib/version.js"],"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.10.0","classnames":"^2.2.6","@fluentui/theme":"^0.1.1","@uifabric/styling":"^7.15.2","@uifabric/utilities":"^7.30.0","@uifabric/set-version":"^7.0.22","@uifabric/merge-styles":"^7.17.0","@fluentui/react-stylesheets":"^0.1.18","@fluentui/react-window-provider":"^0.2.2"},"_hasShrinkwrap":false,"devDependencies":{"react":"16.8.6","enzyme":"~3.10.0","react-dom":"16.8.6","@types/jest":"~24.9.0","@types/react":"16.8.25","@types/enzyme":"3.10.3","@uifabric/build":"^7.0.0","@types/react-dom":"16.8.4","@types/classnames":"^2.2.9","@types/webpack-env":"1.15.1","react-test-renderer":"^16.3.0","@fluentui/eslint-plugin":"^0.54.0","enzyme-adapter-react-16":"^1.15.0","@uifabric/test-utilities":"^7.1.2","@types/react-test-renderer":"^16.0.0","@types/enzyme-adapter-react-16":"1.0.3"},"peerDependencies":{"react":">=16.8.0 <17.0.0","react-dom":">=16.8.0 <17.0.0","@types/react":">=16.8.0 <17.0.0","@types/react-dom":">=16.8.0 <17.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_0.9.0_1598358761517_0.024462399568799365","host":"s3://npm-registry-packages"}},"0.9.1":{"name":"@fluentui/react-theme-provider","version":"0.9.1","license":"MIT","_id":"@fluentui/react-theme-provider@0.9.1","maintainers":[{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"636d67052765f3f340ef75eeb92caf1c20cdf831","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-0.9.1.tgz","fileCount":186,"integrity":"sha512-1ZAvCxBooPGuqsOhY7/eNKYtSEiGB5iIPXaeNcjd/CcM++Q3klvyHWEp+40z83ksn8MNwM5AniznUEEESAlBOA==","signatures":[{"sig":"MEUCIB8Dn6dMVtuI1GwFJuWpDH89ssApBur+BNgSzwjc8ucgAiEA/Dlwavnp6cZgU08VcCsor3DM4KC0WFBFztYIYB9YiKI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":220658,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfRlZXCRA9TVsSAnZWagAAEaMP/iTbjDN95K/73AFKQbu1\nCrPjXQytmJrbDbqyrIVAIF4iD1mLHl7MzXhLyp2a+BEQcFQ1WQsM2PlCFsD/\nAAidN5BisHS2X4rKgvl10rKEOZssUEpQD+EZ1NvdqSEf/47HaMEdXbv8vQLE\n3ZOzPyTC48PYjr9GDQu+xJYKUOjvsQVO2sNb/fr6zy4iS9t4tKOk+4xKbYy5\nfmk786KYxWytd6Y2tD3/pfJF2tT74GPfKtQjPNu9qqgqFfmtDsOzNipxCMgj\n6VUNJsOzEg0273N+eLzt+5OPbnBNaIXY/GklpVyr5a8wMvTQDYzDA464rJ/P\n1DenTWW36J/Wf4JkpjckaSaLQmxJusIiiwSz5gqK9UETZqutkCYajeY5taPk\nOB8566v2LwYS1P6yub3RSzyIoqMxIJ2sSXsUIRQyFUs7ZkiyxQZoFNH3mh+R\nqTUxdfOtebyP5K+t1pdAUXG6r3cAYNQsF9PHV0nRRwR43eQgxyreo2vBBxCZ\nFs0zC8c2QqirSUX/f6WcK2MdeocPjC8meo5ceoAgnUn9SJULQpZyZu6LjkEw\n6cewcsl1Vf7gESXoT/7crY/f6JrUSu2UWeRcd9fnzXcsLpRCsjo/EdOxK1Hw\ns9cnqdVjj3NGJ1KM5d5IRjz3ECbeTZztq2KPukfcgEhDxktE22KmdWYULziz\njP+y\r\n=yV0k\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-api":"just-scripts update-api","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.4","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":["lib/version.js"],"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.10.0","classnames":"^2.2.6","@fluentui/theme":"^0.1.2","@uifabric/styling":"^7.15.3","@uifabric/utilities":"^7.30.0","@uifabric/set-version":"^7.0.22","@uifabric/merge-styles":"^7.17.0","@fluentui/react-stylesheets":"^0.1.18","@fluentui/react-window-provider":"^0.2.2"},"_hasShrinkwrap":false,"devDependencies":{"react":"16.8.6","enzyme":"~3.10.0","react-dom":"16.8.6","@types/jest":"~24.9.0","@types/react":"16.8.25","@types/enzyme":"3.10.3","@uifabric/build":"^7.0.0","@types/react-dom":"16.8.4","@types/classnames":"^2.2.9","@types/webpack-env":"1.15.1","react-test-renderer":"^16.3.0","@fluentui/eslint-plugin":"^0.54.0","enzyme-adapter-react-16":"^1.15.0","@uifabric/test-utilities":"^7.1.2","@types/react-test-renderer":"^16.0.0","@types/enzyme-adapter-react-16":"1.0.3"},"peerDependencies":{"react":">=16.8.0 <17.0.0","react-dom":">=16.8.0 <17.0.0","@types/react":">=16.8.0 <17.0.0","@types/react-dom":">=16.8.0 <17.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_0.9.1_1598445143559_0.09892037648075847","host":"s3://npm-registry-packages"}},"0.10.0":{"name":"@fluentui/react-theme-provider","version":"0.10.0","license":"MIT","_id":"@fluentui/react-theme-provider@0.10.0","maintainers":[{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"dd5f72dfb73917058249f88f2929705cb93d41c2","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-0.10.0.tgz","fileCount":186,"integrity":"sha512-eHA8URXOqwQNPb3qHznP220FktkFi8TgfRNo/sBuKdmHRyW1s+HoMW1iw0h7NKei4mZfaw+cPWgreKIZf/ApLw==","signatures":[{"sig":"MEYCIQDCFKk6w54Aqp1tpixl+yFBobCxgtzTKC863g4/YSFNzgIhANEJQRiLAFYVTfeDv+JNOlLk8CyhvYf61WDDI1XkkHPr","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":252524,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfSPe0CRA9TVsSAnZWagAA3BgP+gNEZT6eg40UKxxMyqgS\nwj3XerfiFnfZsb2UwahrLxbVMz8+dHyzYghiUp38fauCEXM0LaWZj0Mf/WJD\nWrdl2Qh08IUiBayFYKU8ZChKfqOv9+hKZyxAk/CrUpSRPdB/PwZ4r1YueNsz\ncb7cUs45tSWBhQEe6sImjajEUwSSWXiB+H4SMOsbHm9ZnxicdnCC6hIjCcMe\nHg6EVgtywvvlJW/t/zTkTBF9xghk2cgItHBCFluFuGwVL/MfTsROs8x4pIgu\nhXWkeFzWXyaOXRFpGGQolgaZhDK1qu8vpZdW7h/eR0cGKUTxD67XcHKtF7Tj\nFk/kJLSae31WYCiHEmrRnQxU6wxHPf7cLu5L1YhcTIVqSLx+XiG5TpDrVsuj\nEBI8ApoiM4PlwWgk36kGAQsdYDdHJAzoAepwVq8tCY1HqrQG9i52SPFYf2Gg\nfhizy9X5khZoX+jCYBQrf67Nne9R9vew4FBbtiRkMIaNfyQhdo+pBlwCweAM\ngyGu5aGoJCH5oJlR53KmpNS5QgJVU7dvh9CzZ1xn9aDvDVccapcdojKznXNf\n1NiAKblBCQ81tkPVxMSSg32JbWhxqhsS36Ztx4kDAL+sidw7ALhMePe+UoMg\nvdqk9Q2MzLhZ+uquR/JfeWfzIrMGXEIvDZsBe0qWihD+eVqBhPThQwZHSUXB\nabEI\r\n=O9xd\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-api":"just-scripts update-api","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.6","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":["lib/version.js"],"_nodeVersion":"10.22.0","dependencies":{"tslib":"^1.10.0","classnames":"^2.2.6","@fluentui/theme":"^0.2.0","@uifabric/styling":"^7.16.0","@uifabric/utilities":"^7.31.0","@uifabric/set-version":"^7.0.22","@uifabric/merge-styles":"^7.18.0","@fluentui/react-stylesheets":"^0.2.0","@fluentui/react-window-provider":"^0.3.0"},"_hasShrinkwrap":false,"devDependencies":{"react":"16.8.6","enzyme":"~3.10.0","react-dom":"16.8.6","@types/jest":"~24.9.0","@types/react":"16.8.25","@types/enzyme":"3.10.3","@uifabric/build":"^7.0.0","@types/react-dom":"16.8.4","@types/classnames":"^2.2.9","@types/webpack-env":"1.15.1","react-test-renderer":"^16.3.0","@fluentui/eslint-plugin":"^0.54.0","enzyme-adapter-react-16":"^1.15.0","@uifabric/test-utilities":"^7.2.0","@types/react-test-renderer":"^16.0.0","@types/enzyme-adapter-react-16":"1.0.3"},"peerDependencies":{"react":">=16.8.0 <17.0.0","react-dom":">=16.8.0 <17.0.0","@types/react":">=16.8.0 <17.0.0","@types/react-dom":">=16.8.0 <17.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_0.10.0_1598617523767_0.7632754126818213","host":"s3://npm-registry-packages"}},"0.11.0":{"name":"@fluentui/react-theme-provider","version":"0.11.0","license":"MIT","_id":"@fluentui/react-theme-provider@0.11.0","maintainers":[{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"fbe0b0620ddcf876cbd84ff95d0922f6caeb29cc","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-0.11.0.tgz","fileCount":186,"integrity":"sha512-fs+Q7f5uITETsiLXfHNliaYIQMJIcmyP9a1pH76/WXRXS9ZgzzYYytPweiMQGcsEQhtVwVvZj4jpnXUEAxt0Bw==","signatures":[{"sig":"MEUCIQCztpTm00fjetFresEMySdcF9AF2vcUUQYsR4ibB3TmjgIgX/5G8ARiUjDoq5NDpMfkw2YU9u1xLYgF4Ffk2b9cqGc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":262546,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfTTz6CRA9TVsSAnZWagAAqRkP/3+oxxfoSLe2VBEza1di\nZLJ4Dt65ctSWdsLfjOCcRD7IKzfnP38Pr+3N69l06rN0S6XnmAFGtHMiswRs\n2Xw4Fe0XALeQYmo+7rrzylOM55ADVZKEHH9aS3syNvpB7YNxE5IERCDGMeFN\n8S9jvZo1iKnF4QSP3q9NfaQYtwicE/RYMeq3gIkwzWJQY4/9osR1Ogp7X9HQ\n/kFuCShsNpn2frVIToN1k59QN1CxtuGoM6MeQptN65U7KMbGfIy7BCMsAijB\nWG8SDe1nM29UVDFwamY1zmgAxlYmayJhkVghrYhYLX2VLHlYSqxTa238/1aS\nQoWT943cgqMxJ9CPxW7KD1yU7YHO3cn0N8CYZ8tsKEPU2QNbvoPECTr+T8KO\nIRjGRQHN2yR7R/qOcVG/rIGZgGK5DziZtUmB+HmSrXuS0xmQYKyBwSNws8Zq\n0avOQ2G2csoYCRUbswR00jrO2KH6njoqIM0+4ge57nnrsw0dWUSIy0vgHMoX\ncx9WJ0Kr9EjASN41vPjDNrYGOPGKSTfSz93LKGl3oIpvOuorpxN+boUWwgU/\nIDWXRnr4uwLQG3WVC5NLgSM6f0RQYm0gss2ahSXhDYi1+988S+2wpl/TXp4G\nVvdKyUS8MkkDYKU09+/JSzEVv3i0Xs1llWF9Va1lf9G16wiNU1QlYyV3UX4b\nihot\r\n=d62R\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-api":"just-scripts update-api","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.6","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":["lib/version.js"],"_nodeVersion":"10.22.0","dependencies":{"tslib":"^1.10.0","classnames":"^2.2.6","@fluentui/theme":"^0.2.0","@uifabric/styling":"^7.16.0","@uifabric/utilities":"^7.31.0","@uifabric/set-version":"^7.0.22","@uifabric/merge-styles":"^7.18.0","@fluentui/react-stylesheets":"^0.2.0","@fluentui/react-window-provider":"^0.3.0"},"_hasShrinkwrap":false,"devDependencies":{"react":"16.8.6","enzyme":"~3.10.0","react-dom":"16.8.6","@types/jest":"~24.9.0","@types/react":"16.8.25","@types/enzyme":"3.10.3","@uifabric/build":"^7.0.0","@types/react-dom":"16.8.4","@types/classnames":"^2.2.9","@types/webpack-env":"1.15.1","react-test-renderer":"^16.3.0","@fluentui/eslint-plugin":"^0.54.0","enzyme-adapter-react-16":"^1.15.0","@uifabric/test-utilities":"^7.2.0","@types/react-test-renderer":"^16.0.0","@types/enzyme-adapter-react-16":"1.0.3"},"peerDependencies":{"react":">=16.8.0 <17.0.0","react-dom":">=16.8.0 <17.0.0","@types/react":">=16.8.0 <17.0.0","@types/react-dom":">=16.8.0 <17.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_0.11.0_1598897401718_0.3025536735052292","host":"s3://npm-registry-packages"}},"0.11.1":{"name":"@fluentui/react-theme-provider","version":"0.11.1","license":"MIT","_id":"@fluentui/react-theme-provider@0.11.1","maintainers":[{"name":"layershifter","email":"a@fedyashov.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"e74282870375961e87d8dfbf3f421d041f4da26a","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-0.11.1.tgz","fileCount":195,"integrity":"sha512-TuDX9Wf/t/urB/eUciViOSlh+a67XpoUrxVojtU/tWULgmOwv8q0rWbbn7pz958nqKY/edyeWy7TW3VTNYHb5w==","signatures":[{"sig":"MEUCIG5xuOhQhUe0NX2gkxnNw9llm/ysVABcwlbLx91yWsF9AiEA9+088ZgNXv4+YK+toXH2lCjyftNSJTZjHg+t+zRqxeQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":297902,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfViYhCRA9TVsSAnZWagAAfLQP/1NZWSmYCg9fOHqw6Ix2\nF10Yp1rqbUtesXFWUX2Z+idDdF9xylAubkt6htqcHwbjClebi7uHpn/Vh/+9\nRY8/FFYkJlmhBJ2vHpsQtTp4XgkVONiX4jzYYaeCgq38b5kUbGpnNYprTcnP\nqDk5pf6TlsF2BezvbncHzJ/v6dbBaglZ87jfzYNE/CipCcZJl4RpgBW9Gn6g\nWyuppQOrzP+9a0dABBPTXOXM3vig68KaOSMZFWxZhUN2nm7KiivA6WAFC5D4\nVmIKacnsuSm9fZ4ch0PhrlQEHK8HmBO93xoMTo4UkVT79hPnIzbKQqKpYoXp\nXUWK6/7z2JHW5wJtg/V9T49q0OQQzp2QXSeTulAoYf4MWzR6qeq9MkAv/+V2\nwPXTR4TrRCY7SggHISXA87AxFzW9YwCge6PDRaBgNDQT6hCwa92ZAfXO1GGh\nn+Yb7sq6tNTHCzI22m9Ot/OUBzh4c1sYr4b+U0UWMHs47y5cJ+bsS0Uchi7i\nEOn315yZfMXts4dMvgsZjzDUninULAzon6Ea1jfrImy/iWbB8nULg5f7kD4c\ncdnfMcaMwBA0g6epwIRq2WJVWTpKD7M9x3jlmDYm8XtjcjimYCIWRW6HNvwy\nG8YzStnxmr7Wrjd5h1+/sMc3d/aqU4GLbeyjPSJ+qsHI5whmKKG+s0hzYdFd\n2yU6\r\n=lx08\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-api":"just-scripts update-api","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.4","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":["lib/version.js"],"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.10.0","classnames":"^2.2.6","@fluentui/theme":"^0.2.0","@uifabric/styling":"^7.16.0","@uifabric/utilities":"^7.31.0","@uifabric/set-version":"^7.0.22","@uifabric/merge-styles":"^7.18.0","@fluentui/react-stylesheets":"^0.2.0","@fluentui/react-window-provider":"^0.3.0"},"_hasShrinkwrap":false,"devDependencies":{"react":"16.8.6","enzyme":"~3.10.0","react-dom":"16.8.6","@types/jest":"~24.9.0","@types/react":"16.8.25","@types/enzyme":"3.10.3","@uifabric/build":"^7.0.0","@types/react-dom":"16.8.4","@types/classnames":"^2.2.9","@types/webpack-env":"1.15.1","react-test-renderer":"^16.3.0","@fluentui/eslint-plugin":"^0.54.0","enzyme-adapter-react-16":"^1.15.0","@uifabric/test-utilities":"^7.2.0","@types/react-test-renderer":"^16.0.0","@types/enzyme-adapter-react-16":"1.0.3"},"peerDependencies":{"react":">=16.8.0 <17.0.0","react-dom":">=16.8.0 <17.0.0","@types/react":">=16.8.0 <17.0.0","@types/react-dom":">=16.8.0 <17.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_0.11.1_1599481377270_0.4557733070589154","host":"s3://npm-registry-packages"}},"0.11.2":{"name":"@fluentui/react-theme-provider","version":"0.11.2","license":"MIT","_id":"@fluentui/react-theme-provider@0.11.2","maintainers":[{"name":"layershifter","email":"a@fedyashov.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"516f4c5ad8b4a05c0fab85b61d31a8fb5c49dcf9","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-0.11.2.tgz","fileCount":195,"integrity":"sha512-9AOabKDzG8Fxy/XvXQqBPW9D9VZg6g1MXVov5wEBsLai7tpvshqhfFfsuZT6gvUvUBIhHmBxR8xSDyhuF2ZFUA==","signatures":[{"sig":"MEUCIQDiv2i3SmJ4gg7oDGtY6FBfkoDDJT8jUJ02Q6FVrvLfJwIgWMEZsc9D48p4Toh+ReHI6uG889wb7VbuT8EqZLyPqsI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":315323,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfWMkOCRA9TVsSAnZWagAAqLQP/AlIr6RfKhU7QRfof8pp\n0vIyJ4Y3VHf+jRW/xFm/yEC81vBtTd1nWvYPFWJxKdNDYeT8t5sZAvNPyf+I\ngOxut5+1z5Hhm9yEE+YtYEK5NAk186PpcVaWEI+jvliaN70DQE4Fa8XJLNyD\nVCHQha2B97N7E9uTa7t4QDjrceyjN6JXTKOJ7A7Qk/4bcm4+oKlMfe4ci4r6\nbivCfAQjSgxIc3KMQvpJmWv1QJLX/MtquD50TkLARt+WxgpiQ5fjKsU1Ez0I\nIgDFtbiTWFugV6g+gfkda97V+HqtQOXyOEzOOj3ZSimgee5ZOGhE7sm6x6+u\nPERiLf0iRNiFjVBqruHyjd4MsKoWPWjeVo2u61aSPEKpkbXyqj2m6kEbVcKO\n4h3NgIIHyGgx3Vr1w1yCyGoeS2C38+fLbRR8M0mcHAlIIC1nE+xF+mmQs4QO\nArUNQIev8SIt2sH6GR1EDxDvimWGN5OlOhyO8SrHNXJj/WEPZ0/JwiUU31ub\nfOs0d7TO0Sc/OnBJsP5y6tgMo+2wxkbvwgc6kSxyzUYdvQKrukUlaHOXGyAN\nXVezHpoIUZ31GJngYYeNX0RnJWvyDdnGruxd2SN+4U867cv3j04DOxiasoxT\nL0uovGf8vvIGsQPM9ne+D4fgXoFX1wJSAQLAYXgtzjIz2DhGF96Z6yXJYII8\nqnQG\r\n=Nmpa\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-api":"just-scripts update-api","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.4","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":["lib/version.js"],"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.10.0","classnames":"^2.2.6","@fluentui/theme":"^0.2.0","@uifabric/styling":"^7.16.0","@uifabric/utilities":"^7.31.0","@uifabric/set-version":"^7.0.22","@uifabric/merge-styles":"^7.18.0","@fluentui/react-stylesheets":"^0.2.0","@fluentui/react-window-provider":"^0.3.0"},"_hasShrinkwrap":false,"devDependencies":{"react":"16.8.6","enzyme":"~3.10.0","react-dom":"16.8.6","@types/jest":"~24.9.0","@types/react":"16.8.25","@types/enzyme":"3.10.3","@uifabric/build":"^7.0.0","@types/react-dom":"16.8.4","@types/classnames":"^2.2.9","@types/webpack-env":"1.15.1","react-test-renderer":"^16.3.0","@fluentui/eslint-plugin":"^0.54.0","enzyme-adapter-react-16":"^1.15.0","@uifabric/test-utilities":"^7.2.0","@types/react-test-renderer":"^16.0.0","@types/enzyme-adapter-react-16":"1.0.3"},"peerDependencies":{"react":">=16.8.0 <17.0.0","react-dom":">=16.8.0 <17.0.0","@types/react":">=16.8.0 <17.0.0","@types/react-dom":">=16.8.0 <17.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_0.11.2_1599654158170_0.6958710421021839","host":"s3://npm-registry-packages"}},"0.11.3":{"name":"@fluentui/react-theme-provider","version":"0.11.3","license":"MIT","_id":"@fluentui/react-theme-provider@0.11.3","maintainers":[{"name":"layershifter","email":"a@fedyashov.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"ad7751f97fc640f01bcc2018a2e64dc2691eedbb","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-0.11.3.tgz","fileCount":195,"integrity":"sha512-194CwWRYqhPNUzMxBQdz23DuaWAH4D5hjy6uuC+kY9wWfGGeDiWmYsYLyc+295l5e+xONIzg02xS+giWEw3Dvg==","signatures":[{"sig":"MEQCIGO6q+LIdhLwv8wSdU0yFylAE+iN7/Omg1vS+46SC2/wAiAK6YduK77XhFwvTFsoNC62IoyxQGtQ9yBaCXOduift1A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":316086,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfWqifCRA9TVsSAnZWagAAMXEP/A4L1/FoFLRXZsPzQ3bv\n+FR8+B6oPzvQtygVk+bFLVzT5cH2pIGf6iTljGkcR7XEX/k7aHenpqIqsOjK\nD/rjhaY2JLCtFjwGf5rzVYN221O5DXPJCD3VUDr+ffrWNUDn1d0fvox5ZLCx\n5902NLfuBIolCtqY9ppzZbQaWGXGWhqY+3wavtg6nbW5ayi0p3vOxxXrQKgF\nJpnGuvs5/35G3M+N/WgmvuhliTm8plB/WqMiTCQNhzUpjjUrtBeNbvYhMhGW\nB5QokpFbf1HRM7SXrB306IJR8NPHqxL2O1gdlOnitMz1C+yrDq4zYhT9Naj6\n5k/c1EciyDoiD/LCkbPncL41bQPfzyyE83TvUD/ceZFe8V6A2AGRg3cjmWsy\nQWabXECnhiIkinvUNSn1DQHwin29XeGoRyRnJKnAXSVTdj+JirbkDrwSHFuz\ngS+bQtssnmIxvu6Q93Fsw1r9wyFIMlC3RnGQJbNdjqoTvjZ1v0UjhgtMSAf3\nPX5wi9wx+h5xxXTK1riLIMTnMjwQtC8giI6HpF2/cbdHFbcOYT617UpxqzmY\n6UPSPze7zhIf4TXCTA4fLsLQI6m3nzTP65nbX8s+KXL5cP8aecsOIWgS3Fad\nQSeGVI8yIKhVK2x5apEQcsx+oGoWtn+wzhxwA5+eD/8L9kRMWoq3wHPPt1Gd\nw2vr\r\n=hvsJ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-api":"just-scripts update-api","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.6","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":["lib/version.js"],"_nodeVersion":"10.22.0","dependencies":{"tslib":"^1.10.0","classnames":"^2.2.6","@fluentui/theme":"^0.2.0","@uifabric/styling":"^7.16.0","@uifabric/utilities":"^7.31.0","@uifabric/set-version":"^7.0.22","@uifabric/merge-styles":"^7.18.0","@fluentui/react-stylesheets":"^0.2.0","@fluentui/react-window-provider":"^0.3.0"},"_hasShrinkwrap":false,"devDependencies":{"react":"16.8.6","enzyme":"~3.10.0","react-dom":"16.8.6","@types/jest":"~24.9.0","@types/react":"16.8.25","@types/enzyme":"3.10.3","@uifabric/build":"^7.0.0","@types/react-dom":"16.8.4","@types/classnames":"^2.2.9","@types/webpack-env":"1.15.1","react-test-renderer":"^16.3.0","@fluentui/eslint-plugin":"^0.54.0","enzyme-adapter-react-16":"^1.15.0","@uifabric/test-utilities":"^7.2.0","@types/react-test-renderer":"^16.0.0","@types/enzyme-adapter-react-16":"1.0.3"},"peerDependencies":{"react":">=16.8.0 <17.0.0","react-dom":">=16.8.0 <17.0.0","@types/react":">=16.8.0 <17.0.0","@types/react-dom":">=16.8.0 <17.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_0.11.3_1599776926239_0.37802937600925146","host":"s3://npm-registry-packages"}},"0.12.0":{"name":"@fluentui/react-theme-provider","version":"0.12.0","license":"MIT","_id":"@fluentui/react-theme-provider@0.12.0","maintainers":[{"name":"layershifter","email":"a@fedyashov.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"dfd1bd64c5edc949ef7081f7115de1cda0e0c48e","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-0.12.0.tgz","fileCount":258,"integrity":"sha512-6gcnTrKkynf437c0/oFs1/BZblvgBEI6DPn8+QJKxeFQ7k8W7s65apAO+6ABw5bxWH1G0br2hjiY/mxuMBWWsA==","signatures":[{"sig":"MEUCICDN+7aux1PQNLBkM78bFJTFwar5HpY5dRWLfxcyKd2bAiEArjTnEH2KCXIGQFsYnugEQc54sjtSNXlpfSxky8V8UPU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":378840,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfYLIDCRA9TVsSAnZWagAAq8oP/ilRJTriNiqBsyqPZPio\nCUD9mAOGhyOB5cH+cI/do4EQDcMZwc8Bh706zy5MDg01DBSwr1g4AhJgggsk\ny1t3XzgDKzbEjqcly5pMH/VrHGd68hjhanDzfJjjmoSUrwPIvwD6Lr+qeQY6\nZ1JpaGIi5YbQlJhICOBtwJ5lEc85laOlfl87mJLuZS/+c5CHlvebNEV9ApWw\n+8qo4nOtS6j8Zb6dgk8VllcaWYGBkcJSJSlLPykyd6FH3HX1NimmmaVf8Seq\nlsbv9lIem2KppjBrqoWdR81OAOEYwpqfncBfIfj+EPd9nX1c7CEwwNkuSD6T\nfHI0bmsKlB/HBqeMM5kVWZ6v1dB27Cl6U7DvBIX2Me+Tdlb/4O5GOvmlTQ1r\n8SDe4T33aAb5U8uQBCw0b/Is0GPITHgXpPK+U0OjwC+OnTR3M4NQKqpy3lNq\nbrhNghR76xzRpL/zhj31uG7/zVRijYqj42eJOirJOb7oM5xtyxt4K9thC2ER\nVRgy6+tGqbKkza7MfK4ZrY1zJb1VnbgzqOTXxGT9WYDxGPCr0zFaH5kLuP+c\nibL8NTPxK0oAOL53GdAuLWnJkXjdtQLmz4ThkuUy0wTkmyYee/l6W1ih53fb\nBAcQ3Q06rV2PyD9P7QyoZbw9eSd7n4jIqOwzbMfq+IVYMerxQGhO07RZS/Qq\nh5CH\r\n=ok0u\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-api":"just-scripts update-api","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.6","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":["lib/version.js"],"_nodeVersion":"10.22.0","dependencies":{"tslib":"^1.10.0","classnames":"^2.2.6","@fluentui/theme":"^0.2.1","@uifabric/styling":"^7.16.1","@uifabric/utilities":"^7.31.1","@uifabric/set-version":"^7.0.22","@uifabric/merge-styles":"^7.19.0","@fluentui/react-compose":"^0.19.0","@fluentui/react-stylesheets":"^0.2.1","@fluentui/react-window-provider":"^0.3.1"},"_hasShrinkwrap":false,"devDependencies":{"react":"16.8.6","enzyme":"~3.10.0","react-dom":"16.8.6","@types/jest":"~24.9.0","@types/react":"16.8.25","@types/enzyme":"3.10.3","@uifabric/build":"^7.0.0","@types/react-dom":"16.8.4","@types/classnames":"^2.2.9","@types/webpack-env":"1.15.1","react-test-renderer":"^16.3.0","@fluentui/eslint-plugin":"^0.54.0","enzyme-adapter-react-16":"^1.15.0","@uifabric/test-utilities":"^7.2.1","@types/react-test-renderer":"^16.0.0","@types/enzyme-adapter-react-16":"1.0.3"},"peerDependencies":{"react":">=16.8.0 <17.0.0","react-dom":">=16.8.0 <17.0.0","@types/react":">=16.8.0 <17.0.0","@types/react-dom":">=16.8.0 <17.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_0.12.0_1600172546897_0.018727063768230634","host":"s3://npm-registry-packages"}},"0.12.1":{"name":"@fluentui/react-theme-provider","version":"0.12.1","license":"MIT","_id":"@fluentui/react-theme-provider@0.12.1","maintainers":[{"name":"layershifter","email":"a@fedyashov.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"a29fe1a9ed315685aecec3717fecb2403c166c78","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-0.12.1.tgz","fileCount":258,"integrity":"sha512-6PUptLKsWp/AUcZY6fIiocunODKz+Alp8kfXjP89yXWrOQAvgY4P/dCViBY+zuk1KgQvx+/K+6Qffo9vW1Qmig==","signatures":[{"sig":"MEQCIFYTq+cvAYwYaq9V175CCvXV8mubp1humXTj1+N9AfcsAiAMfDQfpVypu9mk9+28Hp1lOSOmJp071TlCMwAAWTTYPw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":378366,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfYgPaCRA9TVsSAnZWagAA1PgP/j4CxDOSgYiq2EEzQSA5\nbpWjgp7ifYufvT5Rcs+MmsWzSjxIq0t3lTt09LzxDueKn//VC5EkPLGxx5yI\nAU+YidyDOG9Ag9TEB95SoZnD4O/4i2UNT7LGG+rBY/gkITYJ7rmJ5LHvavwW\nizhuIDKhHBX8WEl6iGFYtoM6IvdZTzbo1eiQxaXbexYRHh31PlcABTBvpapE\no+YwHPj3931yf4B34JbiKjVjwBYiSUjKA3tPPVSU9lpVfyn3dyP8EBclFvbj\nkY+k3dQih5TpOEZmIECJna+hxb+5kuxf27TNJRq8P43wm1eI/4hcSs3w3lr2\nXez4rMzFs94t3yJoyPRpjj7QA2FNFBDoF2fELYurxj463K8RiEEST+7+ah6s\n8nfy/mvdP0smcpnkcg0aLZiGDcBV4A4DsXDQzM3SaVs7Z9iiecx6NmlEpuQc\ncVBKzYkkjXayVhT/DR5k5xbNr3mPPbijCsCGeJNpvxJH/UOGgxlXQ1X1veOz\nwCRpubv2c8SnLjSXLM9h8Ey9J3ELU5I5hndD7kcJccf+b65oQIvwP4k+HwDV\nl7oj/UM2D9NmaI0sFsMBEFVIFjGfBd1PMSCrYPio5VGMZ60FzLklav25+atg\nt8AjjVDfZJVa9sPnvS15IeE1wqqOjUy981L54XU7M5IHaoZtjEvgdA/V/YsJ\nNVf6\r\n=15Ri\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-api":"just-scripts update-api","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.6","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":["lib/version.js"],"_nodeVersion":"10.22.0","dependencies":{"tslib":"^1.10.0","classnames":"^2.2.6","@fluentui/theme":"^0.2.2","@uifabric/styling":"^7.16.2","@uifabric/utilities":"^7.32.0","@uifabric/set-version":"^7.0.23","@uifabric/merge-styles":"^7.19.1","@fluentui/react-compose":"^0.19.1","@fluentui/react-stylesheets":"^0.2.2","@fluentui/react-window-provider":"^0.3.2"},"_hasShrinkwrap":false,"devDependencies":{"react":"16.8.6","enzyme":"~3.10.0","react-dom":"16.8.6","@types/jest":"~24.9.0","@types/react":"16.8.25","@types/enzyme":"3.10.3","@uifabric/build":"^7.0.0","@types/react-dom":"16.8.4","@types/classnames":"^2.2.9","@types/webpack-env":"1.15.1","react-test-renderer":"^16.3.0","@fluentui/eslint-plugin":"^0.54.1","enzyme-adapter-react-16":"^1.15.0","@uifabric/test-utilities":"^7.2.2","@types/react-test-renderer":"^16.0.0","@types/enzyme-adapter-react-16":"1.0.3"},"peerDependencies":{"react":">=16.8.0 <17.0.0","react-dom":">=16.8.0 <17.0.0","@types/react":">=16.8.0 <17.0.0","@types/react-dom":">=16.8.0 <17.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_0.12.1_1600259034135_0.919876745878641","host":"s3://npm-registry-packages"}},"0.13.0":{"name":"@fluentui/react-theme-provider","version":"0.13.0","license":"MIT","_id":"@fluentui/react-theme-provider@0.13.0","maintainers":[{"name":"layershifter","email":"a@fedyashov.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"5be9d243048c40535688b2cbfb0434ce88615f83","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-0.13.0.tgz","fileCount":258,"integrity":"sha512-lw+F5StuiCmlm2sK/LLUW/uASGXvbthjpx/NtNbZNR1efzpwHw7i/apc0Qqmo/KFbU19Rygd+qteViNzJ/IHKA==","signatures":[{"sig":"MEUCID0MJdjBizV1bAkGs3QovhS9Z2SbuyQ++xsqURHdq7pxAiEA7kYtVqv6rYyqRrtwT5vJFpS4bbRUS3W7Uz/UfJr9nTU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":403685,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfY1SmCRA9TVsSAnZWagAA2DcQAJgTGWI+5lsQyLte5SzT\nKWwhpD8dgOcwUjDAL+FFIJdEk4GiJTXQpcFeHHxgR2kx89cSntXC6jXh4DK3\nKYSsm4zrhunJG95jFjJSG+2tgv8xWtEvcz8rfaUBkqXc7gpVmde8E7IVVDD+\nTQ4KVBRN7LuZfqNKcaO4Jev8WMInHMb566pwjTn07BiF+JAJUo19EDyQwL9O\nLU/6nEiyLuuV+eC85hnbUDcGiKBH+DLlJzOSGxhHJlN6XExhmCFxJRgix0z+\nkaIb2a3+yhFG65pxr/FWmTObIq7gGVgH2g2AHwR3u6RJZBDaXTpybbWO6YcU\nl7pfu1+90DW50fu/4IhRQyJtleGzQry0bxiyzOMpQY9apCqftLoMQTPZ9sUO\n1hsmLc/ZX0cmB/TvTqG/DLwAxLvippCx+JaJ3slgL+TGBWyXzNMB0ErcxuQQ\nXrrlVu7a9CM3RmCZ0rvk2xJv2dz2DGIPDIf1a2ZEcc1eJNUSB6VbONjRA5Kv\ntU7ZzFNOuPNmEq+g+Df8L8A46bBWillBgUorRcuRMGtF10AM96HSifmxu2fM\nPbb/ygLEJTpU/uQpCfgq2OYKpZwsU8spxSYDAF3H4uItZCOZSyEUKY4fohUV\nOumYiX22eG+F09RQGDI4A4JWB+Ot3+nw7FQT58JIn2vwYFoIRnyyprCvL5so\nxiy5\r\n=uDdc\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-api":"just-scripts update-api","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.6","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":["lib/version.js"],"_nodeVersion":"10.22.0","dependencies":{"tslib":"^1.10.0","classnames":"^2.2.6","@fluentui/theme":"^0.3.0","@uifabric/styling":"^7.16.3","@uifabric/utilities":"^7.32.0","@uifabric/set-version":"^7.0.23","@uifabric/merge-styles":"^7.19.1","@fluentui/react-compose":"^0.19.1","@fluentui/react-stylesheets":"^0.2.2","@fluentui/react-window-provider":"^0.3.2"},"_hasShrinkwrap":false,"devDependencies":{"react":"16.8.6","enzyme":"~3.10.0","react-dom":"16.8.6","@types/jest":"~24.9.0","@types/react":"16.8.25","@types/enzyme":"3.10.3","@uifabric/build":"^7.0.0","@types/react-dom":"16.8.4","@types/classnames":"^2.2.9","@types/webpack-env":"1.15.1","react-test-renderer":"^16.3.0","@fluentui/eslint-plugin":"^0.54.1","enzyme-adapter-react-16":"^1.15.0","@uifabric/test-utilities":"^7.2.2","@types/react-test-renderer":"^16.0.0","@types/enzyme-adapter-react-16":"1.0.3"},"peerDependencies":{"react":">=16.8.0 <17.0.0","react-dom":">=16.8.0 <17.0.0","@types/react":">=16.8.0 <17.0.0","@types/react-dom":">=16.8.0 <17.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_0.13.0_1600345254162_0.4217122322061555","host":"s3://npm-registry-packages"}},"0.13.1":{"name":"@fluentui/react-theme-provider","version":"0.13.1","license":"MIT","_id":"@fluentui/react-theme-provider@0.13.1","maintainers":[{"name":"layershifter","email":"a@fedyashov.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"d8dddd3a03e07df922795c558efcdd24a48d14c2","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-0.13.1.tgz","fileCount":258,"integrity":"sha512-NwtC88JEb7EGa2tMTZdlBynsIst4CE0e8o8znt5vUCmx0Phaf1of0bjBlnjbayQ2WwKcTFZcRYq1tERErMzrTA==","signatures":[{"sig":"MEYCIQCYvwhCz0ElkgqLQJ0iqN2/ghfKUh6k7nc8ggSwKo17ywIhAINtSA++QVosEaN2ZmGWfgFKxl28kNiCLD6w/tZZ0Urt","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":401227,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfY4VgCRA9TVsSAnZWagAA5sMP/0/LH1DYuuybm51PwPG7\nKq9GiVNx8dQps9m9tMjrBqECjkkDcqJR2EWtd1Fys85GxzvFjhGryIxXP3Cv\n5P47g0/p2OtTfOLvx+HGdO/h5NsR93qAcv7ki2yazzxSmrg4F8+sYYgwYf3p\no8ErerNzgJv53Kqnhm5K4URv6N3qVQFhR7Cv+T9cfPxNV79WtTSTPOLgH6H7\nsnHUTLlcruJMhwlZhAytxcmB9U+8oDAeNM3v3/BH/PVk14ggIXxlZzr6FIb3\n9H2kXZfBFCVJ3pDt6Fh5E9MGdHSWb54juTzrBmpG5GGM4cnnVmQAwQ7aTCm7\nPecpEZAFfs+UHaBXMgDAmQP/FKSUWVIsYKQbZPld3yVW0W9qJqSw5cLSVOO1\n1IU+gLB5g7XC1k5QTFw20uhuIAdMbI838BUBG8Z6wMM1KdXVbOrbvmFvazLO\nmrQKTTNNwVPoJ+Qp39sqPdkPjDurW5w5g5/AOH9SHEEjRFubBhAV4Xzsj2/u\nu9Y7Bnqy6PuBVO6Ix99Pn+QCpKJsTFk+T8j4SlIRHgaK/HTtpEefAiPEOJeW\neb4G1Z/05pWNSPKsqbiT661JbfV9bshWMhE9URWGhD9+2BOBPjGuWyIrxxk5\n1ejPqpUqek10iPrE/IbW2dduMU7Rq8X+xH9SUaISSrkyE5k4JjnqbvlEbXUE\nf7gp\r\n=naRV\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-api":"just-scripts update-api","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.4","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":["lib/version.js"],"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.10.0","classnames":"^2.2.6","@fluentui/theme":"^0.3.1","@uifabric/styling":"^7.16.4","@uifabric/utilities":"^7.32.1","@uifabric/set-version":"^7.0.23","@uifabric/merge-styles":"^7.19.1","@fluentui/react-compose":"^0.19.2","@fluentui/react-stylesheets":"^0.2.2","@fluentui/react-window-provider":"^0.3.2"},"_hasShrinkwrap":false,"devDependencies":{"react":"16.8.6","enzyme":"~3.10.0","react-dom":"16.8.6","@types/jest":"~24.9.0","@types/react":"16.8.25","@types/enzyme":"3.10.3","@uifabric/build":"^7.0.0","@types/react-dom":"16.8.4","@types/classnames":"^2.2.9","@types/webpack-env":"1.15.1","react-test-renderer":"^16.3.0","@fluentui/eslint-plugin":"^0.54.1","enzyme-adapter-react-16":"^1.15.0","@uifabric/test-utilities":"^7.2.2","@types/react-test-renderer":"^16.0.0","@types/enzyme-adapter-react-16":"1.0.3"},"peerDependencies":{"react":">=16.8.0 <17.0.0","react-dom":">=16.8.0 <17.0.0","@types/react":">=16.8.0 <17.0.0","@types/react-dom":">=16.8.0 <17.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_0.13.1_1600357728043_0.5771075544133826","host":"s3://npm-registry-packages"}},"0.13.2":{"name":"@fluentui/react-theme-provider","version":"0.13.2","license":"MIT","_id":"@fluentui/react-theme-provider@0.13.2","maintainers":[{"name":"layershifter","email":"a@fedyashov.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"c616b1089a078e5ccd8cdf047c5e78f89d2377ef","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-0.13.2.tgz","fileCount":258,"integrity":"sha512-S1DJjaoqb3+pnMnfp6m2hXkONl8Jy2ChLztfyGl+k4oji5H9YWRPg0FV4rQVRUN+8jsLzpuso4sNWL1W6wpNXA==","signatures":[{"sig":"MEUCIEluEPAjDd3Oq4RhzOROU7W/1RCj3Hg1tXhmvlz2QdmJAiEA/930dL4bLbOookyuHgv44RTIGTMoUsUpjULfa0reS4I=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":401227,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfY+0wCRA9TVsSAnZWagAAdyMP/08JEsMWZzI1S5UZtdXU\n+7sT2RX0DBkctV3nITH8tXV+GgGomQ48rJIyHlw2ME7m8YQdIskS7hNjjTOW\nDh0TuCBc7RhFiQIm2nVVmSnt0lsY/snbIubrQMG3Gmb6qxCntOutXDLt6JZR\nPVJLrvE9wDs1l4g4CAd+dYW3dmmup5zwYXhMXxojRk2w/a852O8PQvodwsOg\ncX3ElKqgONewYjv12M2DYzLqaEEsfiAZtyntqVrdqatzH11i7+mzfdcB9bVR\nKv9fEU8WbbVKlEEHKWmLkJSqXuboVfwPJtvB7etrD4b3Pakte8hsqWD6vkm3\nEA+2fxeMTdxu9NS5EhkO8IoGx93RQOYGUPXqZkkL47Ftpv62liL5hfqSTsRa\nGMkHokCWbJD/FE88TRssw7aCWCbNq5n+2Ahr3guEBA9kfoRlaWo07m8kigc3\nBUbx+BSjwuyuFzH+qMZJQvozBzbTBfBM2lg1Hl6GTn39btbxJI5Z47+PdHw4\nlUPYOc67ApxKdsoa2jSuIbU4jpoig8BxlByrYppNJUBtwtuE+7CYhsOGB/iY\nPkQkoUmzj60SXvGJ6bJwEad7UeHOsimbTMo4huV0HArgfQAXw7cgSYOlNe3Q\nc2NY/7I3ykRwzPCoy8Ic8Qo0VQ8f4BZKg9nD4aXbgQnuyyA2VJVavuzrL2jm\nQr66\r\n=RuYi\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-api":"just-scripts update-api","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.6","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":["lib/version.js"],"_nodeVersion":"10.22.0","dependencies":{"tslib":"^1.10.0","classnames":"^2.2.6","@fluentui/theme":"^0.3.2","@uifabric/styling":"^7.16.5","@uifabric/utilities":"^7.32.2","@uifabric/set-version":"^7.0.23","@uifabric/merge-styles":"^7.19.1","@fluentui/react-compose":"^0.19.3","@fluentui/react-stylesheets":"^0.2.2","@fluentui/react-window-provider":"^0.3.3"},"_hasShrinkwrap":false,"devDependencies":{"react":"16.8.6","enzyme":"~3.10.0","react-dom":"16.8.6","@types/jest":"~24.9.0","@types/react":"16.8.25","@types/enzyme":"3.10.3","@uifabric/build":"^7.0.0","@types/react-dom":"16.8.4","@types/classnames":"^2.2.9","@types/webpack-env":"1.15.1","react-test-renderer":"^16.3.0","@fluentui/eslint-plugin":"^0.54.1","enzyme-adapter-react-16":"^1.15.0","@uifabric/test-utilities":"^7.3.0","@types/react-test-renderer":"^16.0.0","@types/enzyme-adapter-react-16":"1.0.3"},"peerDependencies":{"react":">=16.8.0 <17.0.0","react-dom":">=16.8.0 <17.0.0","@types/react":">=16.8.0 <17.0.0","@types/react-dom":">=16.8.0 <17.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_0.13.2_1600384303654_0.9198130661279877","host":"s3://npm-registry-packages"}},"0.13.3":{"name":"@fluentui/react-theme-provider","version":"0.13.3","license":"MIT","_id":"@fluentui/react-theme-provider@0.13.3","maintainers":[{"name":"layershifter","email":"a@fedyashov.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"6f2ae59778d9d1e81f4a02b4369ee0ea2d9f8758","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-0.13.3.tgz","fileCount":258,"integrity":"sha512-hRGaew0b/CsH7LSJe1eAVkKiPvKqkT8845o1qSqWYlp0SsFZcZOUGY1/Qq3XIBiCykBc4qyMQuowL8P1VXvT6g==","signatures":[{"sig":"MEYCIQCcweGoXSodFEPvA31kTHygo7msNmLEPDnLLOAquHL2QAIhAK+0TfoaYXJyNWpYdLmU7p9Bnc7HseUwsc782qx0FWST","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":352829,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfZKZsCRA9TVsSAnZWagAAObIP/0YacaEL+hD8MCBFcrVc\ndt72b3f0tXyvjXsFuzVoExRijfKzcKTGnzTkCZ+WI+l8ZvpJvCOpZFwA2ezP\n8ahBGItOh9m9d6NpY0w6LALMcabez3VjqjN2kubZFGCh0WRdSNhFIdWYknxF\niElXpc+b+bpmMkgS/JgvKDP6h8JsjoThcrgG+K2cf7TjQsJQsBzukpbOyFZT\nmo22Ryq54ZZOIvjBr/Xe41zL9qo7oZdw/dYU4X+hNkrmUEfNtKDx6EahRQKh\nZl6tcdcyBIwvCXV4NIY9mY+3/2LShdPynUw2sP7vPt82jsnEnAgm6B0YnQnT\n4u9uQWGqmjXMWw0kAxLzEEcces2BZ2CrtI417TQA9XEpIzJTz3+5foalJKCc\nSBJHGbuZarvPP6wYiXG2gjU+qXN8aOdRp0XxceTtYl7QWyfoYFHaxFBeozto\nd2jSdSEyB+2kgE4KxgekYDXovBoExNxZ4eNr3DdT1ptq7Bhy14UtPRMMGmWL\n6ZBXXbN3UVVdUlsaApm4/epqUHpAJ2gCyFe8fs03QiMN9LDNw5vkJJDO+d/9\nGiYFcktJDUowkhiGm8ha4Qw7Bo2ilPrrC18FqBk9/nPqnvV3HDRMpaUZFL8h\nDzOXWAWc0LvShdLfYx/PVUkTPxS3bf8WVQ4jvg732RA4vZqfY0EZakRPw4wr\nlkSi\r\n=AJp/\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-api":"just-scripts update-api","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.6","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":["lib/version.js"],"_nodeVersion":"10.22.0","dependencies":{"tslib":"^1.10.0","classnames":"^2.2.6","@fluentui/theme":"^0.3.2","@uifabric/styling":"^7.16.5","@uifabric/utilities":"^7.32.2","@uifabric/set-version":"^7.0.23","@uifabric/merge-styles":"^7.19.1","@fluentui/react-compose":"^0.19.3","@fluentui/react-stylesheets":"^0.2.2","@fluentui/react-window-provider":"^0.3.3"},"_hasShrinkwrap":false,"devDependencies":{"react":"16.8.6","enzyme":"~3.10.0","react-dom":"16.8.6","@types/jest":"~24.9.0","@types/react":"16.8.25","@types/enzyme":"3.10.3","@uifabric/build":"^7.0.0","@types/react-dom":"16.8.4","@types/classnames":"^2.2.9","@types/webpack-env":"1.15.1","react-test-renderer":"^16.3.0","@fluentui/eslint-plugin":"^0.54.1","enzyme-adapter-react-16":"^1.15.0","@uifabric/test-utilities":"^7.3.0","@types/react-test-renderer":"^16.0.0","@types/enzyme-adapter-react-16":"1.0.3"},"peerDependencies":{"react":">=16.8.0 <17.0.0","react-dom":">=16.8.0 <17.0.0","@types/react":">=16.8.0 <17.0.0","@types/react-dom":">=16.8.0 <17.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_0.13.3_1600431723850_0.22249440269895637","host":"s3://npm-registry-packages"}},"0.13.4":{"name":"@fluentui/react-theme-provider","version":"0.13.4","license":"MIT","_id":"@fluentui/react-theme-provider@0.13.4","maintainers":[{"name":"layershifter","email":"a@fedyashov.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"c07adb27fb1ca98c3b69448e6a2b910aad8d7379","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-0.13.4.tgz","fileCount":258,"integrity":"sha512-WLnYsiDF2QuHcKhK1tPwNHcf+Bsa5GaOKlk5MiZBCCLRYmZhWwP/vh/CjzgWZRnvJVKpSLzrzEZPpYUKSFHWug==","signatures":[{"sig":"MEUCIHXFU6GG7g2RoBYU/VNIFh7Xc70fS5PCwopeSGand+9oAiEA1PYhQPo4+RrTh9DHLWLzYmfYc1CWMZejLIcaxnTdpX0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":352829,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfaeyTCRA9TVsSAnZWagAABJsP/1zNLgKB8+b3SYAnoaoO\nH/RH6tCITGcuKh/E1z9v7aoFyeXAa7G12sXSsrEl9fvPxdkOimplwmjFs+3b\n7NCIs87ZRy3JToZ2xIaIpx+WgzK7vvLMp7GIrxLAhEKjlgLc6TqCCk23IFAG\nyXr/rJWX6aUGKduZNT+G7MW24SdGaRZ/6eJq8CsFq0SJivT+EJWprNmRLrfa\nhUSD0MqoC6QSmdiFB7TGUmM+wvkUp6eUxnXBWQyvwfd3n1fYY+1W963v6aE5\nlx6jmS314K3y5IXPnLc3W5yiDwk+NDMCsNOwk6Di3UgqMp1r6Ihfd/TYU91m\nyX3TACt9cc//0SxBgH7Cpor3N2GYFc0kQaTe/ewkD7X/IiO83j3Eh7+lDPNN\n5Lh6KxYCUgTO2sFFLe+olVyie8WnjawZa+v81GKRRA0HqDMyigXlWsBKhxOA\n80tvu4wityhAEHbr0iY331eSGRvir8wTTI7xqiKLWPl+J/+CoUCN97ZqU5b4\nxxvwguw9cWqbZG5aMNDHYWhCVoHxsEW+3JA44gG0OnjQ0O/Iby0lqnH9zb8n\njpPWjgTXXlcEx7fgEWceeUh0NPGGxagkq2A8DgIUuknZ3fX3mtOtzR3lCJi0\nfeKBuJo+N9Mxar6wdQhmeumXigmaP21F9X1XcLL5QE+wvUKTZAATXEimXz78\nMoWe\r\n=WFNM\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-api":"just-scripts update-api","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.6","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":["lib/version.js"],"_nodeVersion":"10.22.0","dependencies":{"tslib":"^1.10.0","classnames":"^2.2.6","@fluentui/theme":"^0.4.0","@uifabric/styling":"^7.16.6","@uifabric/utilities":"^7.32.3","@uifabric/set-version":"^7.0.23","@uifabric/merge-styles":"^7.19.1","@fluentui/react-compose":"^0.19.4","@fluentui/react-stylesheets":"^0.2.2","@fluentui/react-window-provider":"^0.3.3"},"_hasShrinkwrap":false,"devDependencies":{"react":"16.8.6","enzyme":"~3.10.0","react-dom":"16.8.6","@types/jest":"~24.9.0","@types/react":"16.8.25","@types/enzyme":"3.10.3","@uifabric/build":"^7.0.0","@types/react-dom":"16.8.4","@types/classnames":"^2.2.9","@types/webpack-env":"1.15.1","react-test-renderer":"^16.3.0","@fluentui/eslint-plugin":"^0.54.1","enzyme-adapter-react-16":"^1.15.0","@uifabric/test-utilities":"^7.3.0","@types/react-test-renderer":"^16.0.0","@types/enzyme-adapter-react-16":"1.0.3"},"peerDependencies":{"react":">=16.8.0 <17.0.0","react-dom":">=16.8.0 <17.0.0","@types/react":">=16.8.0 <17.0.0","@types/react-dom":">=16.8.0 <17.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_0.13.4_1600777362949_0.2810527325384493","host":"s3://npm-registry-packages"}},"0.14.0":{"name":"@fluentui/react-theme-provider","version":"0.14.0","license":"MIT","_id":"@fluentui/react-theme-provider@0.14.0","maintainers":[{"name":"layershifter","email":"a@fedyashov.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"3512fb3ca160af3249d8161eee75d26296b64dc9","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-0.14.0.tgz","fileCount":258,"integrity":"sha512-LlDM0D/afhC0970QgLKVUMMxW2Ba/cLl1cWNd/6qTLPfqkQmWZry2FHkwQ0lWhZnrcgg7eG0jmnseljWyzJQPw==","signatures":[{"sig":"MEYCIQCtIXZc4nzKf9OHN9gZTR6GN81m4h9QxF366Zuwyle/IQIhAOygBsP0aNY3NFjxlm4hps/GN7uS8rOdlrA/hsKen6XW","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":384486,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfaz4rCRA9TVsSAnZWagAA3mgQAKAj9PSh7/ZhTXA+hoss\nKqZloF4zkfx5YyFZm32iG0Txvrl+zxO+7bO2SJ/ptIvt1cDjwKHR39Gg+/zC\nG6N3wyBjZEpwk8ymwhtBT1z1KkOPq0pxFytAol/WQUtKqBRXDKSPVJLuMjuS\nvhoEyyX8RWnblYrbcpcuax4NYv817CbdUkCA55zDqqeTcRSzWZq+yxREhYnU\nqodQN+IYrwn5EpKfmXwxFQmBR/LqTONs6wWYq4TwMbQ4S64ytpNaNtrmVgXy\nN9KKicTN1S21fPU1ijv1YPHp6TbTA695s8NW90Ba3SrjHl1HuG/mEpKmlBUC\nsgy2qMYcTThnEkcJzf2a22RSNIUqoOIYyS+YUhKPxUm5tLfpk1AeM7c6GS0S\nw0xEHgnBKXTFqfOppebNbyRlamJwq9dmD36HmGl+hz6DZDaBl0AAiIaS+UCK\nLFrfOzf72qbCSoiUMRxN+DxrgpOgMsF/qr9mjstiSvtWYTbx3gl6BGnzhotu\n5VXxE0IbYN62VXOldzLWDI3ZhUnfI+aRmVXZSes7I7dxhzV7apGcOh4jEol2\nIT08kACpxEp9JPFPX40rNTMpNrYeLTrrW0ZDK8Mab97DLJbC1R+4yG3SPQ4J\nTOpdUpScibUB1fO9oMlpI8Ixx5EyhnDUhOua7ZYcOpoATY864qkqvuQADGK0\nxhUB\r\n=XzQJ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-api":"just-scripts update-api","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.6","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":["lib/version.js"],"_nodeVersion":"10.22.0","dependencies":{"tslib":"^1.10.0","classnames":"^2.2.6","@fluentui/theme":"^1.1.0","@uifabric/styling":"^7.16.7","@uifabric/utilities":"^7.32.3","@uifabric/set-version":"^7.0.23","@uifabric/merge-styles":"^7.19.1","@fluentui/react-compose":"^0.19.4","@fluentui/react-stylesheets":"^0.2.2","@fluentui/react-window-provider":"^0.3.3"},"_hasShrinkwrap":false,"devDependencies":{"react":"16.8.6","enzyme":"~3.10.0","react-dom":"16.8.6","@types/jest":"~24.9.0","@types/react":"16.8.25","@types/enzyme":"3.10.3","@uifabric/build":"^7.0.0","@types/react-dom":"16.8.4","@types/classnames":"^2.2.9","@types/webpack-env":"1.15.1","react-test-renderer":"^16.3.0","@fluentui/eslint-plugin":"^0.54.1","enzyme-adapter-react-16":"^1.15.0","@uifabric/test-utilities":"^7.3.0","@types/react-test-renderer":"^16.0.0","@types/enzyme-adapter-react-16":"1.0.3"},"peerDependencies":{"react":">=16.8.0 <17.0.0","react-dom":">=16.8.0 <17.0.0","@types/react":">=16.8.0 <17.0.0","@types/react-dom":">=16.8.0 <17.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_0.14.0_1600863786768_0.3486761320108911","host":"s3://npm-registry-packages"}},"0.14.1":{"name":"@fluentui/react-theme-provider","version":"0.14.1","license":"MIT","_id":"@fluentui/react-theme-provider@0.14.1","maintainers":[{"name":"layershifter","email":"a@fedyashov.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"5d72a918511f1375f90a65394e14ac68faf7cc4d","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-0.14.1.tgz","fileCount":246,"integrity":"sha512-1ezj59fXAYjwnOtiHtxcmC631WW11gdDF4G9ajOwMCZw3BCUp0e4Etuao34urmb0v/5N/hZRzUv8GRsQ/6rG7g==","signatures":[{"sig":"MEUCIQCXS/USKKed5FkLzhv5Us/OQiAkzMYGubBUW0CtXas37gIgGnIEwaELCxdMf8ANiPMB49WfE/3xxBJgw+y3BGbV1SI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":362782,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfbeDgCRA9TVsSAnZWagAADDsQAJiRv/QEQsWWePZtKI8P\n2JKlQ4KyJ4O41LBFQtzjy7VGRslVoUjpaqHOWMlOobgoNGyHLdUHWMhrVpP6\nYWtvY91WsyuByRxfPodzo8RWG2UfdeIRDwUwq9w+SUzVsfX5OOiIPgT+z4hM\nepzjzzUlWZCAx96l4rK1qGX47U8+h62DgKFkVABl0rXm/EbQuCoCGX12GxXy\nKhdABbh5dULVOqo8wXtViTDavA38XDdB6VDvXJQ9Pd9GQ9rs8NTe8HwrNZtn\ndClScfTPdONcFaMmwYkMBpOpxWI9O02+c84xJZTd0jumS7rnNwBjGO/aLBiK\n4cK7cmEO3ySLPI1PuxkHZgRMLbHHN6TG0sS0HzOTN4qK1uux9fyhdwY3CBwc\nHYxrF1QLBJZOWFZxDcR5F5kUcHCw3j+UXi9Iitz05RL+NmwxbZJ0NAv9r6Ke\nWb7meZJvgmPTNtwhCFe8j93G2aIwW6Sa+ksBEiSx1rJqoVVGXul1/qXe/Zlk\nECdR6O/6cv5XCphnIKaxSQWJGK+XT/9/HIcYsMEwe1JBgwvQ6DX70qQ3y13H\nUMsGLdVY9NICpxWnnqAI24bVP0CUlA6hZahpqLELuwlVhf41cPodHLy9xgq6\nitTjM+V42kIwJtZU0SjbmqIqQun0FtJUgnW7zHPp55D0bcEBr1SMhkYrO8N2\nUbpT\r\n=TCWr\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-api":"just-scripts update-api","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.6","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":["lib/version.js"],"_nodeVersion":"12.18.3","dependencies":{"tslib":"^1.10.0","classnames":"^2.2.6","@fluentui/theme":"^1.2.0","@uifabric/styling":"^7.16.8","@uifabric/utilities":"^7.32.3","@uifabric/set-version":"^7.0.23","@uifabric/merge-styles":"^7.19.1","@fluentui/react-compose":"^0.19.4","@fluentui/react-stylesheets":"^0.2.2","@fluentui/react-window-provider":"^0.3.3"},"_hasShrinkwrap":false,"devDependencies":{"react":"16.8.6","enzyme":"~3.10.0","react-dom":"16.8.6","@types/jest":"~24.9.0","@types/react":"16.8.25","@types/enzyme":"3.10.3","@uifabric/build":"^7.0.0","@types/react-dom":"16.8.4","@types/classnames":"^2.2.9","@types/webpack-env":"1.15.1","react-test-renderer":"^16.3.0","@fluentui/eslint-plugin":"^0.54.1","enzyme-adapter-react-16":"^1.15.0","@uifabric/test-utilities":"^7.3.0","@types/react-test-renderer":"^16.0.0","@types/enzyme-adapter-react-16":"1.0.3"},"peerDependencies":{"react":">=16.8.0 <17.0.0","react-dom":">=16.8.0 <17.0.0","@types/react":">=16.8.0 <17.0.0","@types/react-dom":">=16.8.0 <17.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_0.14.1_1601036512293_0.7039973857630681","host":"s3://npm-registry-packages"}},"0.14.2":{"name":"@fluentui/react-theme-provider","version":"0.14.2","license":"MIT","_id":"@fluentui/react-theme-provider@0.14.2","maintainers":[{"name":"layershifter","email":"a@fedyashov.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"68fb400430a9ecee2085d7eecbf53221241a9fce","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-0.14.2.tgz","fileCount":246,"integrity":"sha512-mhAtYtxZ2U9dYMHiHVfXpM0cz35cei5aDXXDOB63UqATK6/dCVjHYv7ndM1LBqiEhmodFK72ZwWfBUioTqWdoQ==","signatures":[{"sig":"MEQCIGQxUlCcDwdUykhTZ7MwqvDpl899W2XKjzj4w27Y1Yr8AiBesFe/StYNg/ywAuvhUqqutChQPpcOJqw+z5IIh3lk6g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":368338,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfcBJXCRA9TVsSAnZWagAAU2MQAKP2Zyb1afblDDhVPq7b\nn0ofkneoZ3BaxInAZLZZbXO/nB0cIwei62RyRIZ/3VfpmoZiXXXiSvwRSCQn\ndIBSHrNNEXZp87+XbGCbqW5UGI3LVJZeA6TDNm1SgC783oJldnDElQcevpc6\nXS6o/J+trepCs2Q4X1yKf+SbFQJoGRuIUiIn5WIWRyGxoKhJLeVZL8ce9tso\npcxEwStwu9Xtub5i/RS2TiEaSZb/mRAQw49M4qzkJuR7dCOLLNFrTo13RVjk\nNi9gX4dFYxUPq44EwyOiiUiHTn0Yn4bL3kL7pwzWoPuywm8pjme649ZPq40d\ngk38H429/UhoyMREfgNMJpvH4RiUu3E7E7d5RbuDS9iFzJAWr1oG5gmMizex\nY6LoaNfZDInoIVZucUiM0Ne3IFqS+BQQrT9cS7kYu0/vc9grMu1/DGRyD1+4\n48HZekPk60QPiFO26TlX35Wrnv4uWu+JrSVh7YGuSgv6eFoFGiQ30R0mAPMs\nUn91ddkzbsi4vly5fSMFu1HaO7W2lVozGQt20vvvZ4jXYlLSX9cDCjLVJI0G\n44uBbhGhak3HFTAH8WV/D3xipnVtuEv6jktxFJ8KhaJSQPNKTisFJUAp5p6y\nbPvkw6BUdy3nsPlcKuV/zjjGU+YG+503XRhVYquFr0u3vQTDvQKKOj8+Z6uh\nYSfV\r\n=AGbE\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-api":"just-scripts update-api","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.6","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":["lib/version.js"],"_nodeVersion":"12.18.3","dependencies":{"tslib":"^1.10.0","classnames":"^2.2.6","@fluentui/theme":"^1.2.1","@uifabric/styling":"^7.16.9","@uifabric/utilities":"^7.32.3","@uifabric/set-version":"^7.0.23","@uifabric/merge-styles":"^7.19.1","@fluentui/react-compose":"^0.19.4","@fluentui/react-stylesheets":"^0.2.2","@fluentui/react-window-provider":"^0.3.3"},"_hasShrinkwrap":false,"devDependencies":{"react":"16.8.6","enzyme":"~3.10.0","react-dom":"16.8.6","@types/jest":"~24.9.0","@types/react":"16.8.25","@types/enzyme":"3.10.3","@uifabric/build":"^7.0.0","@types/react-dom":"16.8.4","@types/classnames":"^2.2.9","@types/webpack-env":"1.15.1","react-test-renderer":"^16.3.0","@fluentui/eslint-plugin":"^0.54.1","enzyme-adapter-react-16":"^1.15.0","@uifabric/test-utilities":"^7.3.0","@types/react-test-renderer":"^16.0.0","@types/enzyme-adapter-react-16":"1.0.3"},"peerDependencies":{"react":">=16.8.0 <17.0.0","react-dom":">=16.8.0 <17.0.0","@types/react":">=16.8.0 <17.0.0","@types/react-dom":">=16.8.0 <17.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_0.14.2_1601180246968_0.9177546816613666","host":"s3://npm-registry-packages"}},"0.14.3":{"name":"@fluentui/react-theme-provider","version":"0.14.3","license":"MIT","_id":"@fluentui/react-theme-provider@0.14.3","maintainers":[{"name":"layershifter","email":"a@fedyashov.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"dd6035ecb1d2a8620ba61e6925fe6d6141f7a350","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-0.14.3.tgz","fileCount":246,"integrity":"sha512-fSgLlO/dTj1oCmL2yCjyt9t4LomWjilTtOPPrbaFDvkUCtm7UyuiY8u9JnAsauLt6+YUW7kbscoh5sHzUo56lA==","signatures":[{"sig":"MEQCICaxE5d/ENYu0Bo79guF/vYMtmENbUle/yryTZJk/UMWAiBOjv0lhAI2Sy1RZFpDHcG/HksI7i23OqIN++D+AKdz9w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":369263,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfdxwpCRA9TVsSAnZWagAAI6cP/3pMEV2EiIAeaDCxFEDr\n9xocvR7/qA/o7Z40nBF8J2X+7j0j8BvFH0aQp8QuIESFRpfzCUCWFpGhvF4M\n+d0+SkTTNvfX3S+qAk44aoFjdYX4b/FkkZrRszFDsZyeGVRwlkqg4JayBvEW\nTxDW3DwOH5f9IyoqAdvZcgtaT39JfjskdTJTHylolEy7xJAawV7koHEMXWx+\n1ndl1o0TNcbicTTxp3Y42iJUUmhk7WBaIXC6TqIAf/roo5l/fM1Ib3Qa3uOU\n67H4V9VdDOyQmfrL9sSPf87ZvfL+/JTDGIyGvf8cYwYg+iW60jWs/C0HlqUr\ntnRexZU9OCTSImQ9oo2Miku4kEWhtEjL/qztU587Isn1i5bhVtpY3WJEYkd9\nX1ZmFqSEar0RLjwtwwm/RnEdtCBHJ9QLkwjn9tLLA+X9W8Pzc2ngMpKneW2b\npKPKs4fiOh93gvb6ZnjKtX7o2MpF2t+vRlvqfBOTSjvKHFCJ3n97Lho9fOUr\nrlBFYn24VRFcJjUYWcLVqbyLY3nbGescAun7paqRlRrQxmh8qGn+q9E1Ijd4\naDP8d5rFYRRkIKR8EuIpuqzXadDtrDgJvPTi0yef8GzURrfOPNI6FyWlYbC3\nU3V+bCXPI3WJGkHBC+OyTAioR5Ij6zQz5duU+CPjafLOK+cUsFTw6iGbhUV/\nEAi2\r\n=AaO9\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-api":"just-scripts update-api","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.6","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":["lib/version.js"],"_nodeVersion":"12.18.3","dependencies":{"tslib":"^1.10.0","classnames":"^2.2.6","@fluentui/theme":"^1.2.1","@uifabric/styling":"^7.16.9","@uifabric/utilities":"^7.32.3","@uifabric/set-version":"^7.0.23","@uifabric/merge-styles":"^7.19.1","@fluentui/react-compose":"^0.19.4","@fluentui/react-stylesheets":"^0.2.2","@fluentui/react-window-provider":"^0.3.3"},"_hasShrinkwrap":false,"devDependencies":{"react":"16.8.6","enzyme":"~3.10.0","react-dom":"16.8.6","@types/jest":"~24.9.0","@types/react":"16.8.25","@types/enzyme":"3.10.3","@uifabric/build":"^7.0.0","@types/react-dom":"16.8.4","@types/classnames":"^2.2.9","@types/webpack-env":"1.15.1","react-test-renderer":"^16.3.0","@fluentui/eslint-plugin":"^0.54.1","enzyme-adapter-react-16":"^1.15.0","@uifabric/test-utilities":"^7.3.0","@types/react-test-renderer":"^16.0.0","@types/enzyme-adapter-react-16":"1.0.3"},"peerDependencies":{"react":">=16.8.0 <17.0.0","react-dom":">=16.8.0 <17.0.0","@types/react":">=16.8.0 <17.0.0","@types/react-dom":">=16.8.0 <17.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_0.14.3_1601641512881_0.3796002706684647","host":"s3://npm-registry-packages"}},"0.14.4":{"name":"@fluentui/react-theme-provider","version":"0.14.4","license":"MIT","_id":"@fluentui/react-theme-provider@0.14.4","maintainers":[{"name":"layershifter","email":"a@fedyashov.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"4a10305934356d4c6011ff66d1b385a85df774dc","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-0.14.4.tgz","fileCount":264,"integrity":"sha512-4oT8lXjKZYYeBu/ddmtLHOo7KqxbWWvIT+ng3DydUjaFBQdJ2MHrweWACFmDlWpiVfLvuGri+wNnkdM8b+NIYA==","signatures":[{"sig":"MEYCIQDgODhdNIlT8j85QznKOt9vJySc2q36EBSe9wTGKUW7ZwIhAOh//qjg7sad7wudd72vUxErttTKQxHOanC+rXlhcL4F","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":341052,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJffKkCCRA9TVsSAnZWagAASwMQAIauHNYP8PIQg/Ky8ipX\nUSfSzy/QJpw2wv10CJTvD3KolNXXPNN2CPIeKhhevXfaPRnLtYY0/qOjASqk\n98sTt4wK/VAnadM2cRp7dpP3SmL1QPX+8twOl2HgBHXbMze6V4FNVFrIHzUb\nk7ClyqVXnebxbZgPZxFBBsjZcZKuxfXOGKtuf8KcKk1xLraVAbyUbKUmchzY\nHyWhWYZh4KFGHipHNhe3Ll4YJn7F1JHhTZj/Rw7Q+mMaOGFspiTMXEFEPuam\n9Vx5PBT99biOfjfnWj/ky+2tLiT8xaDDb4AJea4WMaamwUFYpaj/r4kVGJH6\nz+Nnc64w23Mhw9d5cpk1cy4Uk66Py1eZsmSLKxdyT4wYXTrhyuCm6Rra37ci\n1cf9SPSP0GJAuDDeYQIPPN47PMWiv/dBFboz8CjXeVVjInT6vZ+zEtxoh/SO\nvrh6TxKhxE0sCp+zQJSQ1jElCp0K5nLV13tgYorUm0MdZDg+rM2TDXZATaPW\n1pCRhxAqQ9aUfMAlykYWGuEyAUup9yxMda9uIXO209AWc5OAU5D5osGMB6t0\nY4TBhvVB8v8mT7pLMndVUfkq05T4J9Iw2JWqYhHeJfONL7pLVEl/to2i1E9H\nPnjDRB/NHJuEQH6JMseusWn60LHnU9iCzP+hXFtMoNek6OI/j2r5tirPCSqk\n6gP4\r\n=d5QX\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-api":"just-scripts update-api","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.6","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":["lib/version.js"],"_nodeVersion":"12.18.4","dependencies":{"tslib":"^1.10.0","classnames":"^2.2.6","@fluentui/theme":"^1.3.0","@uifabric/styling":"^7.16.10","@uifabric/utilities":"^7.32.4","@uifabric/set-version":"^7.0.23","@uifabric/merge-styles":"^7.19.1","@fluentui/react-compose":"^0.19.5","@fluentui/react-stylesheets":"^0.2.2","@fluentui/react-window-provider":"^0.3.3"},"_hasShrinkwrap":false,"devDependencies":{"react":"16.8.6","enzyme":"~3.10.0","react-dom":"16.8.6","@types/jest":"~24.9.0","@types/react":"16.8.25","@types/enzyme":"3.10.3","@uifabric/build":"^7.0.0","@types/react-dom":"16.8.4","@types/classnames":"^2.2.9","@types/webpack-env":"1.15.1","react-test-renderer":"^16.3.0","@fluentui/eslint-plugin":"^0.54.1","enzyme-adapter-react-16":"^1.15.0","@uifabric/test-utilities":"^7.3.0","@types/react-test-renderer":"^16.0.0","@types/enzyme-adapter-react-16":"1.0.3"},"peerDependencies":{"react":">=16.8.0 <17.0.0","react-dom":">=16.8.0 <17.0.0","@types/react":">=16.8.0 <17.0.0","@types/react-dom":">=16.8.0 <17.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_0.14.4_1602005250267_0.9852771341694782","host":"s3://npm-registry-packages"}},"0.15.0":{"name":"@fluentui/react-theme-provider","version":"0.15.0","license":"MIT","_id":"@fluentui/react-theme-provider@0.15.0","maintainers":[{"name":"layershifter","email":"a@fedyashov.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"90f79f9740cf700b1f5e45e20a84d6bd6df7c744","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-0.15.0.tgz","fileCount":219,"integrity":"sha512-Xt3670GRrDcfcGIz25+qprAxKgMW6p1/5etUUcr71xQgK7PuiAXXZeXsz6jxEcD1RbSSX7J14c4a56Y9Q5s6uA==","signatures":[{"sig":"MEYCIQDRIGJa0gW/QV++sVp7yEd6nr4WColnc7yoJCnUfxNQBwIhAIMTBVgi9WJLzNTQnMiSH2bX+M5wXk6ZLnpBab9Jl3ng","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":317543,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfhEuUCRA9TVsSAnZWagAAYRwP/RYhqLrSWL6c1nN7ahir\npsu60DQvfJ72dz1yvAv/Vd9Jm4osZYAGOpjGFxz//ijKiOhn61ATyjhDsAx/\nLNGoJTEyaYXwh75V37ol6nOG6YgdkI+H3btyBk5Wv9a6ZzpVDO33FDQjojyR\nTd1bp2GenjXsnT4c8wvTFw4ckxfvOaaFyHEDFolAvTdKd/8L0UY4VQp1QvMA\nrlsq98kLkUJBjq8ars4rd7h7gb6Tj7vFCmCsqK8MSpJeFeayulpmFBOa+028\ncRyiUBECGsOpzycw9QaFkXMQDRZymmLNY6oYvYM7rISs+77YaM8s1wFF00B0\nZokArIU2av1oYjw5NlLrRVRmVshI5IqKahWPYKJQWhwpa9/+5JCZxsAdAnzu\nySn7kMVr5ls1v4ZqILpIydIzyTViecUnC37CSH3wWavsLKc6VlyaL2MchUvd\n04LV67RYX7N/DG1RGuFbCGSEJwlwSPJrcvsod+H4oyQlB+Y5M9hoo7O138q6\nHeeptmLOpBazy+F3mEweppFHc6ebxRAR6XEa7povzQX0NdikxpYemQWUTiPR\nYgYPCvLpHUKU1JRMCthPhqZzA30UOOFr9rC9RLW4D6NrjaZdp+pyL9vIXG06\nXsgVgRG2FbLehHtrP6c4h9eass6gzfKEzHL+VeaTlZK/GHsbsSg7s7xnK7IP\niaYH\r\n=Shqq\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-api":"just-scripts update-api","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.6","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":["lib/version.js"],"_nodeVersion":"12.18.4","dependencies":{"tslib":"^1.10.0","classnames":"^2.2.6","@fluentui/theme":"^1.4.0","@uifabric/utilities":"^7.32.4","@uifabric/set-version":"^7.0.23","@uifabric/merge-styles":"^7.19.1","@fluentui/react-compose":"^0.19.5","@fluentui/react-stylesheets":"^0.2.3","@fluentui/react-window-provider":"^0.3.3"},"_hasShrinkwrap":false,"devDependencies":{"react":"16.8.6","enzyme":"~3.10.0","react-dom":"16.8.6","@types/jest":"~24.9.0","@types/react":"16.8.25","@types/enzyme":"3.10.3","@uifabric/build":"^7.0.0","@types/react-dom":"16.8.4","@types/classnames":"^2.2.9","@uifabric/styling":"^7.16.11","@types/webpack-env":"1.15.1","react-test-renderer":"^16.3.0","@fluentui/eslint-plugin":"^0.54.1","enzyme-adapter-react-16":"^1.15.0","@uifabric/test-utilities":"^7.3.0","@types/react-test-renderer":"^16.0.0","@types/enzyme-adapter-react-16":"1.0.3"},"peerDependencies":{"react":">=16.8.0 <17.0.0","react-dom":">=16.8.0 <17.0.0","@types/react":">=16.8.0 <17.0.0","@types/react-dom":">=16.8.0 <17.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_0.15.0_1602505620202_0.8637677564958892","host":"s3://npm-registry-packages"}},"0.16.0":{"name":"@fluentui/react-theme-provider","version":"0.16.0","license":"MIT","_id":"@fluentui/react-theme-provider@0.16.0","maintainers":[{"name":"layershifter","email":"a@fedyashov.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"901a0de128cb114fd47f80887e3e80f101ac4071","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-0.16.0.tgz","fileCount":219,"integrity":"sha512-YhmmQZkxPbgx/yAAHK9oAv7zqzTREmwnk1jZI9NCdqT7E9L/drKctnLr9VNUpHGfVzlB0BNU208xhc77aSSPfg==","signatures":[{"sig":"MEUCID3PFCT6PygJoZue8G/m5q1vkjUK5Wn9ExvKRhPJ+IEUAiEA20/GGgeoL/AIeJNh2rxYCurOkYFbcpHMNhqi+crgH4g=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":316637,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfhZwhCRA9TVsSAnZWagAA43oQAIhIQs2vfdaUWUVdUWea\nvUw2nXj7ib0uNJ2uBVg16b9dho3r6cDBsbnc4xCU1u/7QxIrkxnRHOElH1jm\n/S/FEJWZ70TcoXvwcYfhcgW0syNTag+2TDTTKiHF2OrLMp9JXGLBpWo3yqHh\nzS9IA3+SoYDJmVc2ZXKnSrAYdEV5RKcVt9KfxIxKSMVZbYQY8DUne8wjpXUG\nH+goikUh4PA+fsfoanoin2FCZXkUNG9Tta9Z1o9o6+qsAR94z28auOzrwdUq\n8UPmW6BaCccxoma4IzHziTVpB82/E29AiYcskjCHBUf/7Cr4euQU4TCv09O6\nuHct0UTyHd76X1MfB1iwyAd3ybITJkMg4Zu7x7nYCiMUtlxgtq6FGwkpxefz\nrCdqWdYsgrhPyy1pyKLInGmk0bYQ293ZRvKPG286BIvDTxShPHMCBRQS/mXz\nCIB9Ic+lbVDrrXxNoBFvCrsIhS5Gs2dkXkRyp7Jy7Im8j0AhY0HrVJ1nnCmg\n5pd353k88fb+nOavDf37s6fWwFHdY3bL4I/VQQp0S6jgL2Xuaj9k4hy4qHcz\nIUl4jusCU0PKTny3stO3myXiWjycskJpQi4hG1Vl+N9oK6r9W9s5hQJ1y0t5\nAQIs+bTVLEVFJ234JzdcUcoFQsZTe5+D8HRDhoeymRuHwm2YeSWdug1hShAU\ntb/n\r\n=jpSv\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-api":"just-scripts update-api","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.6","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":["lib/version.js"],"_nodeVersion":"12.18.3","dependencies":{"tslib":"^1.10.0","classnames":"^2.2.6","@fluentui/theme":"^1.4.0","@uifabric/utilities":"^7.32.4","@uifabric/set-version":"^7.0.23","@uifabric/merge-styles":"^7.19.1","@fluentui/react-compose":"^0.19.5","@fluentui/react-stylesheets":"^0.2.3","@fluentui/react-window-provider":"^0.3.3"},"_hasShrinkwrap":false,"devDependencies":{"react":"16.8.6","enzyme":"~3.10.0","react-dom":"16.8.6","@types/jest":"~24.9.0","@types/react":"16.8.25","@types/enzyme":"3.10.3","@uifabric/build":"^7.0.0","@types/react-dom":"16.8.4","@types/classnames":"^2.2.9","@uifabric/styling":"^7.16.11","@types/webpack-env":"1.15.1","react-test-renderer":"^16.3.0","@fluentui/eslint-plugin":"^0.54.1","enzyme-adapter-react-16":"^1.15.0","@uifabric/test-utilities":"^7.3.0","@types/react-test-renderer":"^16.0.0","@types/enzyme-adapter-react-16":"1.0.3"},"peerDependencies":{"react":">=16.8.0 <17.0.0","react-dom":">=16.8.0 <17.0.0","@types/react":">=16.8.0 <17.0.0","@types/react-dom":">=16.8.0 <17.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_0.16.0_1602591776844_0.3009511723806162","host":"s3://npm-registry-packages"}},"0.16.1":{"name":"@fluentui/react-theme-provider","version":"0.16.1","license":"MIT","_id":"@fluentui/react-theme-provider@0.16.1","maintainers":[{"name":"layershifter","email":"a@fedyashov.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"3c97a0419601b2fa6ed5231c4d8e4d0c96fcb565","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-0.16.1.tgz","fileCount":219,"integrity":"sha512-72v2i55Lod4ac9u7cPgBXAiNog10TocAYjhdwJ0fYAoBti0Zka54VvKXWRNBsfgLwxNE4I2CBRTqKzBYDaE0WA==","signatures":[{"sig":"MEQCIB33dSfr+lNk8VPGXBYGWnxuQxc4z16HSZPQnmFkieqOAiA2oyRLkmpLaXW3vKup7dDM0P1/pUTLIlYtbqIdKQ05vQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":316637,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfhu23CRA9TVsSAnZWagAAxUQP/1YyHl/PL0d15I5yiwC+\npJGHChl28SKjJ8lvv3tpT80GnBFz+OUsCt/0Z8/9lSJsPms+deun4KbTjz0K\nHo95vVCaOAwkCwYcJEjdsoQ6h+/XFXB+Xh/gMPbJ7DuLnf8Zvsr9H+wIshZe\nrET00S673vZuxpLCrssOsU4qiwbKmRvX9X72Is6ENsAY4bTdpTaX4EGMrBAu\nwwCo+0lfPJxWsxLbnyikYcK85xzO5kt4jJdoWwgr+552nbZOuyB6WcujaXsx\neGgsCaeckQuXGp431A93on9J5go+wyD9pnfWyuyIBjzyOOPEudMSu65sLK3E\nCNHch+CIlA3dVgpfJeGf1My4UQbFywyJILrKV+obXaXDsYcsOkos4z1gNZiH\n2ccAM1WA7P6gAgpbvPXwoC21FZptLzvaKMJW7IOkbGdO8IkjkTClZPXi29av\npCAq3mkCXaAemwP5lG2mFQ6d/IxT87wBD6uRXa3fiIJpLiPITyVinkbw7A6n\nvSgeDSWDqTCrTTuaNhzeTAuFBEmQguZrlcPx3+dn77mIuxVLTCA8IwQPdGIu\nFLPI4b9MMIrkMRuXux8sSPS5rsdf9Mvf1Dookxv1LpvMBO8Vt+Jp3PYC/eHN\nkgnN2RYinw7I5cdDWzxfnSdq7yhKetlYJ+USe9UcZiiBGzrlgGkEiKuNTCCi\nHyGL\r\n=1TAo\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-api":"just-scripts update-api","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.5","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":["lib/version.js"],"_nodeVersion":"12.18.1","dependencies":{"tslib":"^1.10.0","classnames":"^2.2.6","@fluentui/theme":"^1.5.0","@uifabric/utilities":"^7.32.4","@uifabric/set-version":"^7.0.23","@uifabric/merge-styles":"^7.19.1","@fluentui/react-compose":"^0.19.6","@fluentui/react-stylesheets":"^0.2.3","@fluentui/react-window-provider":"^0.3.3"},"_hasShrinkwrap":false,"devDependencies":{"react":"16.8.6","enzyme":"~3.10.0","react-dom":"16.8.6","@types/jest":"~24.9.0","@types/react":"16.8.25","@types/enzyme":"3.10.3","@uifabric/build":"^7.0.0","@types/react-dom":"16.8.4","@types/classnames":"^2.2.9","@uifabric/styling":"^7.16.12","@types/webpack-env":"1.15.1","react-test-renderer":"^16.3.0","@fluentui/eslint-plugin":"^0.54.1","enzyme-adapter-react-16":"^1.15.0","@uifabric/test-utilities":"^7.3.0","@types/react-test-renderer":"^16.0.0","@types/enzyme-adapter-react-16":"1.0.3"},"peerDependencies":{"react":">=16.8.0 <17.0.0","react-dom":">=16.8.0 <17.0.0","@types/react":">=16.8.0 <17.0.0","@types/react-dom":">=16.8.0 <17.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_0.16.1_1602678198673_0.44907771997703216","host":"s3://npm-registry-packages"}},"0.16.2":{"name":"@fluentui/react-theme-provider","version":"0.16.2","license":"MIT","_id":"@fluentui/react-theme-provider@0.16.2","maintainers":[{"name":"layershifter","email":"a@fedyashov.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"2d228533292793e053e1f0c406779c8f34c09d66","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-0.16.2.tgz","fileCount":219,"integrity":"sha512-gqgErNF2uxqtnLhKmFzvoOmR/nufVZlrpCNyw1nGVFKwIuD70K7xlNw3XQ0tA8C4O9fgXF6romq2FmodTFTzvw==","signatures":[{"sig":"MEQCIGGklx+Pnow7MA26Hh1WLa3x+9vjcCZCrNMyl7UWdGleAiA9HbhM3S5ENBROV2I8CXU4pioHkU9NXx5oXWJ1aCgopw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":316637,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfihMbCRA9TVsSAnZWagAA3wAP/2OmclStkjIWIIGt7IUg\nfI8EbuYmqnxDzgFC2uebcEQaoEhWTiqRzPowdFQ8y6brA7/FUGQ4FEDPJCBK\n5jevZD73c1HXvuJkSTwZxiv/jPB853UbRZITF/EXkXpgcz0CuWPQoPGEkkOK\nUwGlm+A1ERqzMm+k0tN6WdC4QzyWJL0ZlblWLcW/0PDOAjhYrgNYfe6P9fTw\n3jpNy/O0bA9KDRtYDqQh05EE2xz7JgPAh8u/70zp6ss93C+7vYWLM+WQK8e0\nf4Qo5bJsozjw/dNcV/4oZ04H72NyLIJPAbD0B3KDmRFO1o7912/Wt23Qhwd/\nyy6U+k+N+zinws+gi0zDXD0M46VntcBYDnJd+2i4QEHkBN9g8Y4DBej7N9pb\nev7DQag9BxJ0CeH9areHzGvs9fw2ZZP6ZDRAvHUg5gIzwMeWHQgVVMTSHKF0\nIeSAk1yEq6lKN6/m4E9i6aPUVpKwpYaTHoGoUf7eN+azaZCXbU0YIrZAT0bL\nggYGPeCbSxQPrvncaulUFAEXZQg5KbGqWiH0vRu37x3IcDe2lurD75zwLO8Q\nO+wmJz7VlmqW96ZGSR9olOcKtM4hUgDafJ9KgY3cu7uCrU5qOyDBAnvg/T0C\nIg6mpUewKS6NoDsuOPDdKgvLgQdswBw49CUhbJlqgQmFbfDxcDUhSHR+uXWR\nmxAK\r\n=VlrY\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-api":"just-scripts update-api","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.6","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":["lib/version.js"],"_nodeVersion":"12.18.4","dependencies":{"tslib":"^1.10.0","classnames":"^2.2.6","@fluentui/theme":"^1.5.1","@uifabric/utilities":"^7.32.4","@uifabric/set-version":"^7.0.23","@uifabric/merge-styles":"^7.19.1","@fluentui/react-compose":"^0.19.6","@fluentui/react-stylesheets":"^0.2.3","@fluentui/react-window-provider":"^0.3.3"},"_hasShrinkwrap":false,"devDependencies":{"react":"16.8.6","enzyme":"~3.10.0","react-dom":"16.8.6","@types/jest":"~24.9.0","@types/react":"16.8.25","@types/enzyme":"3.10.3","@uifabric/build":"^7.0.0","@types/react-dom":"16.8.4","@types/classnames":"^2.2.9","@uifabric/styling":"^7.16.13","@types/webpack-env":"1.15.1","react-test-renderer":"^16.3.0","@fluentui/eslint-plugin":"^0.54.1","enzyme-adapter-react-16":"^1.15.0","@uifabric/test-utilities":"^7.3.0","@types/react-test-renderer":"^16.0.0","@types/enzyme-adapter-react-16":"1.0.3"},"peerDependencies":{"react":">=16.8.0 <17.0.0","react-dom":">=16.8.0 <17.0.0","@types/react":">=16.8.0 <17.0.0","@types/react-dom":">=16.8.0 <17.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_0.16.2_1602884378877_0.7140817550768488","host":"s3://npm-registry-packages"}},"1.0.0-beta.0":{"name":"@fluentui/react-theme-provider","version":"1.0.0-beta.0","license":"MIT","_id":"@fluentui/react-theme-provider@1.0.0-beta.0","maintainers":[{"name":"layershifter","email":"a@fedyashov.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"9cb466a6adfe79f464ed6af7e43059062aa7887f","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-1.0.0-beta.0.tgz","fileCount":219,"integrity":"sha512-d7e0IDP3wmgUxPasEkghzTFOw9L8gqlsu4HKnkKRJKaqm0MMe0cImD/v0AyMxjmxqQJJL1063aGhq3Atg+ouuQ==","signatures":[{"sig":"MEYCIQCOzyY1Hh8Jo3VdoxhY8AS67jdMEGX9QwRxGdkEtQko+AIhAIjFa5Z8t2Ew7imFevYOUmJwQBfC5EbvXQfKG+eKaOJ1","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":338305,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfkkzZCRA9TVsSAnZWagAAmaAP/1+Mbp8mpfsjhO+EkuQe\nB9UD6clvb6hrvmSb0yF1N6mBaHiLo22TjgIKdDM6MjOuDrnY5aNzte/7oXAO\nbzKiz1fHVzMfLR3qyBTIAPkKgQ3MFXvUfhewwO2IZfnv+NHzPhjMID6aC2/y\nLYKhM9DclEjW2zi2kiYHw+q9eu6OjB+heDElbHGhL+vG7SUJFS672gdXKqTJ\nTH6hzpCBjHHkaMRijNncqCRQKbUsLpVFyViKVweMeR9DMUECpxZflTlTkJpP\ntpjPgrSuTE49gMEFrd958GCq3oZ8LnWtE4iBE2EQB8aIJPfMWv7sh3NDHmef\nx2DWZOCjSbr50jD+P2fevoVDxxwcLNEnSYuhosF9PCc0nEq3qsmzVgiXIbpY\nBuxJI9Arjed3XY5qYqNjEMD4XTc2axMLgpCNOAO+KRRCl0zJFhZVgURo3tiT\ngeTXtyfvPf0RtFtFEgZqJM4sYBJ4+tCFXbS+DUBduWB2brfqvlybmI9cgBPK\nFTDFKFCA6krrK8wl7+G8+39DKbeTf//oFWo1O1iEl9TFTw1wYRhncKuCgaIU\nWhDuuu507xVgUmPJzE7MlRvXDWAEPxJ8LcNnrrf6PD9S4FRb9f0wdK4UPC2g\npeFGTXRMSN7XhZK7I5oW4zXTw9sMTnyUchH+FTVOJfiwnWHYXPt+rUPJdxWq\nRI88\r\n=88UV\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","readme":"# @fluentui/react-theme-provider\n\n**React theming component and hook for [Fluent UI React](https://developer.microsoft.com/en-us/fluentui)**\n\n## Installation\n\n```bash\nyarn add @fluentui/react-theme-provider\n```\n\n## Example usage\n\nUse the theme with Fluent UI by wrapping content within the provider. If `theme` is not provided, default (Fluent) theme will be provided:\n\n```tsx\nimport { ThemeProvider } from '@fluentui/react-theme-provider';\n\nexport const App = () => (\n  <ThemeProvider>\n    <>...app</>\n  </ThemeProvider>\n);\n```\n\nYou can also customize your own theme:\n\n```tsx\nimport { ThemeProvider, PartialTheme } from '@fluentui/react';\n\nconst appTheme: PartialTheme = {\n  palette: {\n    themePrimary: 'red'\n    ...\n  }\n};\n\nexport const App = () => (\n  <ThemeProvider theme={appTheme}>\n    App content ...\n  </ThemeProvider>\n);\n```\n\nYou can also nest `ThemeProvider`s:\n\n```tsx\nimport { ThemeProvider, PartialTheme } from '@fluentui/react';\n\nconst appTheme: PartialTheme = {\n  palette: {\n    themePrimary: 'red'\n    ...\n  }\n};\n\nconst headerTheme: PartialTheme = {\n  palette: {\n    themePrimary: 'orange'\n    ...\n  }\n};\n\nexport const App = () => (\n  <ThemeProvider theme={appTheme}>\n    <ThemeProvider theme={headerTheme}>\n      <MyHeader />\n    </ThemeProvider>\n\n    App content ...\n  </ThemeProvider>\n);\n```\n\nYou can apply component-level styles:\n\n```tsx\nimport { Checkbox } from '@fluentui/react';\nimport { ThemeProvider, createTheme } from '@fluentui/react-theme-provider';\n\nexport const App = () => (\n  <ThemeProvider\n    theme={{\n      components: { Checkbox: { styles: { root: { background: 'red' } } } },\n    }}\n  >\n    <Checkbox />\n  </ThemeProvider>\n);\n```\n\n## Accessing theme\n\n### useTheme\n\nTheme can be accessed using `useTheme` hook. If you are specifically accessing theme to create classes/styles, you can use `makeStyles` described below.\n\n```jsx\nimport { useTheme } from '@fluentui/react-theme-provider';\n\nconst Content = () => {\n  const theme = useTheme();\n  ...\n};\n\nexport const App = () => (\n  <ThemeProvider>\n    <Content />\n  </ThemeProvider>\n);\n```\n\n### ThemeContext.Consumer\n\nTheme can be accessed in Class Component using `ThemeContext.Consumer`.\n\n```tsx\nimport { Theme, ThemeContext } from '@fluentui/react-theme-provider';\n\nclass Content extends React.Component {\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme: Theme | undefined) => {\n          ...\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n}\n\nexport const App = () => (\n  <ThemeProvider>\n    <Content />\n  </ThemeProvider>\n);\n```\n\n### Create classes for React components based on theme\n\nTheme can be accessed using the `makeStyles` hook. This hook abstracts rendering css given the theme object:\n\n```jsx\nimport { makeStyles } from '@fluentui/react-theme-provider';\n\nconst useFooStyles = makeStyles(theme => ({\n    root: {\n      background: theme.semanticColors.bodyBackground,\n      ':hover': {\n        background: theme.semanticColors.bodyBackgroundHovered\n    },\n}));\n\nconst Foo = props => {\n  const classes = useFooStyles();\n\n  return <div className={classes.root} />;\n};\n```\n\n## How does this change other existing ways of theming Fluent UI components?\n\n### Customizer\n\n`Customizer` is now deprecated and you should replace it with `ThemeProvider`.\n`CustomizerContext` is now deprecated and you should replace it with `ThemeContext` or `useTheme` hook.\n\nDeprecations remain to be functional as is but they will be removed in Fluent UI v9 release.\n\n#### Replace settings prop\n\nBefore:\n\n```jsx\n<Customizer settings={{ theme }} />\n```\n\nAfter:\n\n```jsx\n<ThemeProvider theme={theme} />\n```\n\n#### Replace scopedSettings prop\n\nBefore:\n\n```jsx\n<Customizer\n  scopedSettings={{\n    Checkbox: {\n      styles: CheckboxStyles,\n    },\n  }}\n/>\n```\n\nAfter:\n\n```jsx\n<ThemeProvider\n  theme={{\n    components: { Checkbox: { styles: CheckboxStyles } },\n  }}\n/>\n```\n\n#### Replace CustomizerContext\n\nBefore:\n\n```jsx\n  <CustomizerContext.Consumer>\n    {(parentContext: ICustomizerContext) => {\n      const theme = parentContext.customizations.settings;\n      ...\n    }\n  </CustomizerContext.Consumer>\n```\n\nAfter:\nSee options in [Accessing theme](https://github.com/microsoft/fluentui/blob/master/packages/react-theme-provider/README.md#accessing-theme).\n\n### loadTheme\n\n`loadTheme` remains to work as is. However, you are recommended to replace `loadTheme` with `ThemeProvider`. That way, your application consistently has one way of providing theme.\n\nTo do that, instead of calling `loadTheme(your_theme)`, you will simply wrap the root component of your React application once with `ThemeProvider`:\n\n```jsx\n<ThemeProvider theme={your_theme}>\n  <App />\n</ThemeProvider>\n```\n\nOne caveat here is that if you app has styles which relies on `@microsoft/load-themed-styles`, `ThemeProvider` won't be able to replace `loadTheme` in this case.\n\n### Fabric component\n\nInstead of using `Fabric` component, you can now replace it fully with `ThemeProvider`. Here is how to replace each prop usage:\n\n| Fabric             | ThemeProvider                                                                                                                                                                                       |\n| ------------------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| `componentRef`     | `ref`                                                                                                                                                                                               |\n| `as`               | `as`                                                                                                                                                                                                |\n| `theme`            | `theme`                                                                                                                                                                                             |\n| `styles`           | Not longer support `styles` prop. If you need to style the root element, you can do that using (inline) style or className prop. Setting arbitrary styles for document body is no longer supported. |\n| `applyTheme`       | This is now applied by default, or by setting `applyTo=\"element\"`. If you don't want any body styles to be applied on root element, you can set `applyTo=\"none\"`.                                   |\n| `applyThemeToBody` | `applyTo=\"body\"`                                                                                                                                                                                    |\n| `dir`              | set `rtl` in `theme` prop                                                                                                                                                                           |\n\n#### Other call-outs\n\n- `ThemeProvider` by default sets `background-color` for the root element using `theme.semanticColors.bodyBackground`. If you find the background color being incorrect after switching to `ThemeProvider`, the right fix is likely that you need to update your theme definition to have the correct `bodyBackground`. Or, if you don't want any default stylings applied to the root element, you can set `applyTo` prop to `\"none\"`.\n- `ThemeProvider` does not set `font-family: inherit` on all native `button`, `input`, `textArea` elements. If you find any Fluent UI component having incorrect fonts after switching to `ThemeProvider`, please [report an issue](https://github.com/microsoft/fluentui/issues/new?template=bug_report.md).\n","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-api":"just-scripts update-api","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.6","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":["lib/version.js"],"_nodeVersion":"12.18.4","dependencies":{"tslib":"^1.10.0","classnames":"^2.2.6","@fluentui/theme":"^2.0.0-beta.0","@fluentui/utilities":"^8.0.0-beta.0","@fluentui/react-hooks":"^8.0.0-beta.0","@fluentui/set-version":"^8.0.0-beta.0","@fluentui/merge-styles":"^8.0.0-beta.0","@fluentui/react-compose":"^0.19.7","@fluentui/react-stylesheets":"^1.0.0-beta.0","@fluentui/react-window-provider":"^2.0.0-beta.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"16.8.6","enzyme":"~3.10.0","react-dom":"16.8.6","@types/jest":"~24.9.0","@types/react":"16.8.25","@types/enzyme":"3.10.3","@types/react-dom":"16.8.4","@fluentui/scripts":"^1.0.0","@types/classnames":"^2.2.9","@types/webpack-env":"1.15.1","react-test-renderer":"^16.3.0","@fluentui/eslint-plugin":"^1.0.0-beta.0","enzyme-adapter-react-16":"^1.15.0","@fluentui/test-utilities":"^8.0.0-beta.0","@fluentui/style-utilities":"^8.0.0-beta.0","@types/react-test-renderer":"^16.0.0","@types/enzyme-adapter-react-16":"1.0.3"},"peerDependencies":{"react":">=16.8.0 <17.0.0","@types/react":">=16.8.0 <17.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_1.0.0-beta.0_1603423448838_0.2292899097448322","host":"s3://npm-registry-packages"}},"1.0.0-beta.1":{"name":"@fluentui/react-theme-provider","version":"1.0.0-beta.1","license":"MIT","_id":"@fluentui/react-theme-provider@1.0.0-beta.1","maintainers":[{"name":"layershifter","email":"a@fedyashov.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"489886deb75dc19495a3ddad3b18220f1f0edc30","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-1.0.0-beta.1.tgz","fileCount":219,"integrity":"sha512-Ef8+QGGXa2Lqv5EpXBXyAskfCT1qeT+m9+XRxG2qu5/OarQnn/FXBTrqbY/XcoDRz0Grw74qiyptvZ6QKPBxTw==","signatures":[{"sig":"MEUCIQCXkRQRShQpqJ3jJ4GzYt/s1xQwmasVeVec4OFDRty5QwIgMgwb55dCtt1G1WRPA8K5ga0mkafYh8YUlySjkpn5SOI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":339329,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfk2X4CRA9TVsSAnZWagAApu8QAJAjczjo8KPX/fLANLlk\nTxWnTSJyXqV8pY78SmdORpxGOfUDtbRTbTyeAmu/I97Y+gZI8XYNgQYuvaWX\ntyE0+inoUCSh83Pw8jYs8fC9/RQgjN2vbrQwmVj6cPOfY9yF+m5gH7KqywzI\nxVTDd7ueLHfmrJwV64KGIDZ+WyyWms/DRHLw/IhU6tAFcckIxzlaEa9eF/RP\nN+ZPjBfyRwJIkUY095cexUiQLS2cyCwHjF/vnALIaz9X7TzB1SrjEB95KrYi\n599jqFVpjyT3hSGUJoNaLHRg4mqmh6hI2G7UWhwj0BqobLPiZli1KT8m7y2N\nrF0WmkkakRruyL1A81AySeaCZlPtVsks905XZJKJV+43FCainkIaHIAe77za\nJ4c0kAevFLocIgdlwLkDO5QLRQ47lq2JTp/Juq6VdPqPmhi1aztC88yU8qIL\nWWX0Wm0Qwp4Xp6YdFsQm4E54DHCxMXCO++0/4gxWO1TbEqUoMLR4Yly1G4OB\naoEuIqcbsYav9zht3Wev0NC1ObmR2CqGBAIhNmhDmGcRJCR7iA0ujQ0DqLPE\nn1S52nBdXYYmLAHkJjuSE7NlhV1jyLxQ6uIFvibsPqgHDw2AYdoR8MXpVDEc\nz1qD4snwDRqfjHRVw1Mzxvnb47T22nmfvLLe5yvqX6MrfCTGPnoBiBD1G7UF\nfNMe\r\n=mypV\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","readme":"# @fluentui/react-theme-provider\n\n**React theming component and hook for [Fluent UI React](https://developer.microsoft.com/en-us/fluentui)**\n\n## Installation\n\n```bash\nyarn add @fluentui/react-theme-provider\n```\n\n## Example usage\n\nUse the theme with Fluent UI by wrapping content within the provider. If `theme` is not provided, default (Fluent) theme will be provided:\n\n```tsx\nimport { ThemeProvider } from '@fluentui/react-theme-provider';\n\nexport const App = () => (\n  <ThemeProvider>\n    <>...app</>\n  </ThemeProvider>\n);\n```\n\nYou can also customize your own theme:\n\n```tsx\nimport { ThemeProvider, PartialTheme } from '@fluentui/react-theme-provider';\n\nconst appTheme: PartialTheme = {\n  palette: {\n    themePrimary: 'red'\n    ...\n  }\n};\n\nexport const App = () => (\n  <ThemeProvider theme={appTheme}>\n    App content ...\n  </ThemeProvider>\n);\n```\n\nYou can also nest `ThemeProvider`s:\n\n```tsx\nimport { ThemeProvider, PartialTheme } from '@fluentui/react-theme-provider';\n\nconst appTheme: PartialTheme = {\n  palette: {\n    themePrimary: 'red'\n    ...\n  }\n};\n\nconst headerTheme: PartialTheme = {\n  palette: {\n    themePrimary: 'orange'\n    ...\n  }\n};\n\nexport const App = () => (\n  <ThemeProvider theme={appTheme}>\n    <ThemeProvider theme={headerTheme}>\n      <MyHeader />\n    </ThemeProvider>\n\n    App content ...\n  </ThemeProvider>\n);\n```\n\nYou can apply component-level styles:\n\n```tsx\nimport { Checkbox } from '@fluentui/react';\nimport { ThemeProvider, createTheme } from '@fluentui/react-theme-provider';\n\nexport const App = () => (\n  <ThemeProvider\n    theme={{\n      components: { Checkbox: { styles: { root: { background: 'red' } } } },\n    }}\n  >\n    <Checkbox />\n  </ThemeProvider>\n);\n```\n\n## Accessing theme\n\n### useTheme\n\nTheme can be accessed using `useTheme` hook. If you are specifically accessing theme to create classes/styles, you can use `makeStyles` described below.\n\n```jsx\nimport { useTheme } from '@fluentui/react-theme-provider';\n\nconst Content = () => {\n  const theme = useTheme();\n  ...\n};\n\nexport const App = () => (\n  <ThemeProvider>\n    <Content />\n  </ThemeProvider>\n);\n```\n\n### ThemeContext.Consumer\n\nTheme can be accessed in Class Component using `ThemeContext.Consumer`.\n\n```tsx\nimport { Theme, ThemeContext } from '@fluentui/react-theme-provider';\n\nclass Content extends React.Component {\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme: Theme | undefined) => {\n          ...\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n}\n\nexport const App = () => (\n  <ThemeProvider>\n    <Content />\n  </ThemeProvider>\n);\n```\n\n### Create classes for React components based on theme\n\nTheme can be accessed using the `makeStyles` hook. This hook abstracts rendering css given the theme object:\n\n```jsx\nimport { makeStyles } from '@fluentui/react-theme-provider';\n\nconst useFooStyles = makeStyles(theme => ({\n    root: {\n      background: theme.semanticColors.bodyBackground,\n      ':hover': {\n        background: theme.semanticColors.bodyBackgroundHovered\n    },\n}));\n\nconst Foo = props => {\n  const classes = useFooStyles();\n\n  return <div className={classes.root} />;\n};\n```\n\n## How does this change other existing ways of theming Fluent UI components?\n\n### Customizer\n\n`Customizer` is now deprecated and you should replace it with `ThemeProvider`.\n`CustomizerContext` is now deprecated and you should replace it with `ThemeContext` or `useTheme` hook.\n\nDeprecations remain to be functional as is but they will be removed in Fluent UI v9 release.\n\n#### Replace settings prop\n\nBefore:\n\n```jsx\n<Customizer settings={{ theme }} />\n```\n\nAfter:\n\n```jsx\n<ThemeProvider theme={theme} />\n```\n\n#### Replace scopedSettings prop\n\nBefore:\n\n```jsx\n<Customizer\n  scopedSettings={{\n    Checkbox: {\n      styles: CheckboxStyles,\n    },\n  }}\n/>\n```\n\nAfter:\n\n```jsx\n<ThemeProvider\n  theme={{\n    components: { Checkbox: { styles: CheckboxStyles } },\n  }}\n/>\n```\n\n#### Replace CustomizerContext\n\nBefore:\n\n```jsx\n  <CustomizerContext.Consumer>\n    {(parentContext: ICustomizerContext) => {\n      const theme = parentContext.customizations.settings;\n      ...\n    }\n  </CustomizerContext.Consumer>\n```\n\nAfter:\nSee options in [Accessing theme](https://github.com/microsoft/fluentui/blob/master/packages/react-theme-provider/README.md#accessing-theme).\n\n### loadTheme\n\n`loadTheme` remains to work as is. However, you are recommended to replace `loadTheme` with `ThemeProvider`. That way, your application consistently has one way of providing theme.\n\nTo do that, instead of calling `loadTheme(your_theme)`, you will simply wrap the root component of your React application once with `ThemeProvider`:\n\n```jsx\n<ThemeProvider theme={your_theme}>\n  <App />\n</ThemeProvider>\n```\n\nOne caveat here is that if you app has styles which relies on `@microsoft/load-themed-styles`, `ThemeProvider` won't be able to replace `loadTheme` in this case.\n\n### Fabric component\n\nInstead of using `Fabric` component, you can now replace it fully with `ThemeProvider`. Here is how to replace each prop usage:\n\n| Fabric             | ThemeProvider                                                                                                                                                                                       |\n| ------------------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| `componentRef`     | `ref`                                                                                                                                                                                               |\n| `as`               | `as`                                                                                                                                                                                                |\n| `theme`            | `theme`                                                                                                                                                                                             |\n| `styles`           | Not longer support `styles` prop. If you need to style the root element, you can do that using (inline) style or className prop. Setting arbitrary styles for document body is no longer supported. |\n| `applyTheme`       | This is now applied by default, or by setting `applyTo=\"element\"`. If you don't want any body styles to be applied on root element, you can set `applyTo=\"none\"`.                                   |\n| `applyThemeToBody` | `applyTo=\"body\"`                                                                                                                                                                                    |\n| `dir`              | set `rtl` in `theme` prop                                                                                                                                                                           |\n\n#### Other call-outs\n\n- `ThemeProvider` by default sets `background-color` for the root element using `theme.semanticColors.bodyBackground`. If you find the background color being incorrect after switching to `ThemeProvider`, the right fix is likely that you need to update your theme definition to have the correct `bodyBackground`. Or, if you don't want any default stylings applied to the root element, you can set `applyTo` prop to `\"none\"`.\n- `ThemeProvider` does not set `font-family: inherit` on all native `button`, `input`, `textArea` elements. If you find any Fluent UI component having incorrect fonts after switching to `ThemeProvider`, please [report an issue](https://github.com/microsoft/fluentui/issues/new?template=bug_report.md).\n","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-api":"just-scripts update-api","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.6","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":["lib/version.js"],"_nodeVersion":"12.18.3","dependencies":{"tslib":"^1.10.0","classnames":"^2.2.6","@fluentui/theme":"^2.0.0-beta.0","@fluentui/utilities":"^8.0.0-beta.0","@fluentui/react-hooks":"^8.0.0-beta.0","@fluentui/set-version":"^8.0.0-beta.0","@fluentui/merge-styles":"^8.0.0-beta.0","@fluentui/react-compose":"^1.0.0-beta.0","@fluentui/react-stylesheets":"^1.0.0-beta.0","@fluentui/react-window-provider":"^2.0.0-beta.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"16.8.6","enzyme":"~3.10.0","react-dom":"16.8.6","@types/jest":"~24.9.0","@types/react":"16.8.25","@types/enzyme":"3.10.3","@types/react-dom":"16.8.4","@fluentui/scripts":"^1.0.0","@types/classnames":"^2.2.9","@types/webpack-env":"1.15.1","react-test-renderer":"^16.3.0","@fluentui/eslint-plugin":"^1.0.0-beta.0","enzyme-adapter-react-16":"^1.15.0","@fluentui/test-utilities":"^8.0.0-beta.0","@fluentui/style-utilities":"^8.0.0-beta.0","@types/react-test-renderer":"^16.0.0","@types/enzyme-adapter-react-16":"1.0.3"},"peerDependencies":{"react":">=16.8.0 <17.0.0","@types/react":">=16.8.0 <17.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_1.0.0-beta.1_1603495416228_0.9513304043387394","host":"s3://npm-registry-packages"}},"1.0.0-beta.2":{"name":"@fluentui/react-theme-provider","version":"1.0.0-beta.2","license":"MIT","_id":"@fluentui/react-theme-provider@1.0.0-beta.2","maintainers":[{"name":"layershifter","email":"a@fedyashov.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"18dfc3f85760478cccadeef728f87919783008f7","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-1.0.0-beta.2.tgz","fileCount":219,"integrity":"sha512-LRP5ih801yg76pWG4wGw5if5WTz20nHDuDKN7aranQDb2gMpjWGz4N8AjyTbMzn+nIvNVQShmo5MBscwnEZJ3A==","signatures":[{"sig":"MEUCIAY9fj+i5pJ9ABTp9HwpX+DCHSEpJ4bSGX9lQXWpn1xXAiEA3ku/ndNvK6Qgg0qqNeBE3Mhf25EFfyAj5Jxw+ej2zFk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":339329,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJflsKeCRA9TVsSAnZWagAAaKAQAJiLF3Py+Coafqer47Xa\ndfXZT5oCvzygZh4F4TrqZxagHCdVA/sshAUx8owDChXjQwx/clBjZ8xxgLus\n+n8ZBL/hK5Vl5Zu68trQWFU+E/5CwcWKXPn0SZ6G+fo7rLAajgYw8zgvl1Ru\nnDaLtpFfPGcORqdM1B/eutOV69omCaTzL+z+h9c+ZDCelE1mYuYhH0seFq6Z\ntnaTNHo1G457DDAoITEo6FVqIqpyArS3H8qr9lhUhHAQ+sXsTP+WzvjoYjsI\npLiQLV7W0g+ba2GVHNLIhGdxt2GYvDyNLCeKUmK87wwpICvwFYUKyIHrtBzV\nkMQXnkTL52wACyxXjAB3J8sRYaULy4iOUQLyL0A4SOXYnAsk34SUitfmncFr\n6z9/ArSexB/06OeRHAxUKNcCAy3dtuCPAI4sMxvVZBK3xf5iRZJXpqS/Umr+\ntdHfVNR78wf3KqjMVv/DWrbVhkrEh/yw68NQaMS9r9DZrmZQgyOu7rVzoDXm\nZAtrP6zPkPDTD26nSLE7oStM+QKXdyUAUJY9il379Gb+jBRkMmV302tiVQyi\n72FZKYsCayDDjuKGWRcw/v83N/+UQx1kJXKnIzz20XlwWnF4mwfGlC8imAV8\nGVccvC7DKCXcybycvWZGNXM1uwdFnssns3OtEy3wuzOeFtYyi4P8dzkwaloG\n7dQi\r\n=nZdK\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","readme":"# @fluentui/react-theme-provider\n\n**React theming component and hook for [Fluent UI React](https://developer.microsoft.com/en-us/fluentui)**\n\n## Installation\n\n```bash\nyarn add @fluentui/react-theme-provider\n```\n\n## Example usage\n\nUse the theme with Fluent UI by wrapping content within the provider. If `theme` is not provided, default (Fluent) theme will be provided:\n\n```tsx\nimport { ThemeProvider } from '@fluentui/react-theme-provider';\n\nexport const App = () => (\n  <ThemeProvider>\n    <>...app</>\n  </ThemeProvider>\n);\n```\n\nYou can also customize your own theme:\n\n```tsx\nimport { ThemeProvider, PartialTheme } from '@fluentui/react-theme-provider';\n\nconst appTheme: PartialTheme = {\n  palette: {\n    themePrimary: 'red'\n    ...\n  }\n};\n\nexport const App = () => (\n  <ThemeProvider theme={appTheme}>\n    App content ...\n  </ThemeProvider>\n);\n```\n\nYou can also nest `ThemeProvider`s:\n\n```tsx\nimport { ThemeProvider, PartialTheme } from '@fluentui/react-theme-provider';\n\nconst appTheme: PartialTheme = {\n  palette: {\n    themePrimary: 'red'\n    ...\n  }\n};\n\nconst headerTheme: PartialTheme = {\n  palette: {\n    themePrimary: 'orange'\n    ...\n  }\n};\n\nexport const App = () => (\n  <ThemeProvider theme={appTheme}>\n    <ThemeProvider theme={headerTheme}>\n      <MyHeader />\n    </ThemeProvider>\n\n    App content ...\n  </ThemeProvider>\n);\n```\n\nYou can apply component-level styles:\n\n```tsx\nimport { Checkbox } from '@fluentui/react';\nimport { ThemeProvider, createTheme } from '@fluentui/react-theme-provider';\n\nexport const App = () => (\n  <ThemeProvider\n    theme={{\n      components: { Checkbox: { styles: { root: { background: 'red' } } } },\n    }}\n  >\n    <Checkbox />\n  </ThemeProvider>\n);\n```\n\n## Accessing theme\n\n### useTheme\n\nTheme can be accessed using `useTheme` hook. If you are specifically accessing theme to create classes/styles, you can use `makeStyles` described below.\n\n```jsx\nimport { useTheme } from '@fluentui/react-theme-provider';\n\nconst Content = () => {\n  const theme = useTheme();\n  ...\n};\n\nexport const App = () => (\n  <ThemeProvider>\n    <Content />\n  </ThemeProvider>\n);\n```\n\n### ThemeContext.Consumer\n\nTheme can be accessed in Class Component using `ThemeContext.Consumer`.\n\n```tsx\nimport { Theme, ThemeContext } from '@fluentui/react-theme-provider';\n\nclass Content extends React.Component {\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme: Theme | undefined) => {\n          ...\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n}\n\nexport const App = () => (\n  <ThemeProvider>\n    <Content />\n  </ThemeProvider>\n);\n```\n\n### Create classes for React components based on theme\n\nTheme can be accessed using the `makeStyles` hook. This hook abstracts rendering css given the theme object:\n\n```jsx\nimport { makeStyles } from '@fluentui/react-theme-provider';\n\nconst useFooStyles = makeStyles(theme => ({\n    root: {\n      background: theme.semanticColors.bodyBackground,\n      ':hover': {\n        background: theme.semanticColors.bodyBackgroundHovered\n    },\n}));\n\nconst Foo = props => {\n  const classes = useFooStyles();\n\n  return <div className={classes.root} />;\n};\n```\n\n## How does this change other existing ways of theming Fluent UI components?\n\n### Customizer\n\n`Customizer` is now deprecated and you should replace it with `ThemeProvider`.\n`CustomizerContext` is now deprecated and you should replace it with `ThemeContext` or `useTheme` hook.\n\nDeprecations remain to be functional as is but they will be removed in Fluent UI v9 release.\n\n#### Replace settings prop\n\nBefore:\n\n```jsx\n<Customizer settings={{ theme }} />\n```\n\nAfter:\n\n```jsx\n<ThemeProvider theme={theme} />\n```\n\n#### Replace scopedSettings prop\n\nBefore:\n\n```jsx\n<Customizer\n  scopedSettings={{\n    Checkbox: {\n      styles: CheckboxStyles,\n    },\n  }}\n/>\n```\n\nAfter:\n\n```jsx\n<ThemeProvider\n  theme={{\n    components: { Checkbox: { styles: CheckboxStyles } },\n  }}\n/>\n```\n\n#### Replace CustomizerContext\n\nBefore:\n\n```jsx\n  <CustomizerContext.Consumer>\n    {(parentContext: ICustomizerContext) => {\n      const theme = parentContext.customizations.settings;\n      ...\n    }\n  </CustomizerContext.Consumer>\n```\n\nAfter:\nSee options in [Accessing theme](https://github.com/microsoft/fluentui/blob/master/packages/react-theme-provider/README.md#accessing-theme).\n\n### loadTheme\n\n`loadTheme` remains to work as is. However, you are recommended to replace `loadTheme` with `ThemeProvider`. That way, your application consistently has one way of providing theme.\n\nTo do that, instead of calling `loadTheme(your_theme)`, you will simply wrap the root component of your React application once with `ThemeProvider`:\n\n```jsx\n<ThemeProvider theme={your_theme}>\n  <App />\n</ThemeProvider>\n```\n\nOne caveat here is that if you app has styles which relies on `@microsoft/load-themed-styles`, `ThemeProvider` won't be able to replace `loadTheme` in this case.\n\n### Fabric component\n\nInstead of using `Fabric` component, you can now replace it fully with `ThemeProvider`. Here is how to replace each prop usage:\n\n| Fabric             | ThemeProvider                                                                                                                                                                                       |\n| ------------------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| `componentRef`     | `ref`                                                                                                                                                                                               |\n| `as`               | `as`                                                                                                                                                                                                |\n| `theme`            | `theme`                                                                                                                                                                                             |\n| `styles`           | Not longer support `styles` prop. If you need to style the root element, you can do that using (inline) style or className prop. Setting arbitrary styles for document body is no longer supported. |\n| `applyTheme`       | This is now applied by default, or by setting `applyTo=\"element\"`. If you don't want any body styles to be applied on root element, you can set `applyTo=\"none\"`.                                   |\n| `applyThemeToBody` | `applyTo=\"body\"`                                                                                                                                                                                    |\n| `dir`              | set `rtl` in `theme` prop                                                                                                                                                                           |\n\n#### Other call-outs\n\n- `ThemeProvider` by default sets `background-color` for the root element using `theme.semanticColors.bodyBackground`. If you find the background color being incorrect after switching to `ThemeProvider`, the right fix is likely that you need to update your theme definition to have the correct `bodyBackground`. Or, if you don't want any default stylings applied to the root element, you can set `applyTo` prop to `\"none\"`.\n- `ThemeProvider` does not set `font-family: inherit` on all native `button`, `input`, `textArea` elements. If you find any Fluent UI component having incorrect fonts after switching to `ThemeProvider`, please [report an issue](https://github.com/microsoft/fluentui/issues/new?template=bug_report.md).\n","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-api":"just-scripts update-api","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.6","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":["lib/version.js"],"_nodeVersion":"12.18.3","dependencies":{"tslib":"^1.10.0","classnames":"^2.2.6","@fluentui/theme":"^2.0.0-beta.1","@fluentui/utilities":"^8.0.0-beta.1","@fluentui/react-hooks":"^8.0.0-beta.1","@fluentui/set-version":"^8.0.0-beta.0","@fluentui/merge-styles":"^8.0.0-beta.0","@fluentui/react-compose":"^1.0.0-beta.1","@fluentui/react-stylesheets":"^1.0.0-beta.0","@fluentui/react-window-provider":"^2.0.0-beta.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"16.8.6","enzyme":"~3.10.0","react-dom":"16.8.6","@types/jest":"~24.9.0","@types/react":"16.8.25","@types/enzyme":"3.10.3","@types/react-dom":"16.8.4","@fluentui/scripts":"^1.0.0","@types/classnames":"^2.2.9","@types/webpack-env":"1.15.1","react-test-renderer":"^16.3.0","@fluentui/eslint-plugin":"^1.0.0-beta.0","enzyme-adapter-react-16":"^1.15.0","@fluentui/test-utilities":"^8.0.0-beta.0","@fluentui/style-utilities":"^8.0.0-beta.1","@types/react-test-renderer":"^16.0.0","@types/enzyme-adapter-react-16":"1.0.3"},"peerDependencies":{"react":">=16.8.0 <17.0.0","@types/react":">=16.8.0 <17.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_1.0.0-beta.2_1603715741602_0.672578687923832","host":"s3://npm-registry-packages"}},"1.0.0-beta.3":{"name":"@fluentui/react-theme-provider","version":"1.0.0-beta.3","license":"MIT","_id":"@fluentui/react-theme-provider@1.0.0-beta.3","maintainers":[{"name":"layershifter","email":"a@fedyashov.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"b59d4d52f01e570cef70e3791d95629a215cd691","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-1.0.0-beta.3.tgz","fileCount":219,"integrity":"sha512-HlzCXxKSWjagPk4of/Ql+Hy9Mo42pyud5UqVP/XlIkCD8fwDGiRvaaV4XyCX86uF0biTc97/611HYvYhfnrZJA==","signatures":[{"sig":"MEQCIH8Izl5A51x6oe8s9UyZ+0EVyMcldHGqsuhVbOEmlH1jAiAZ3urDXhyCERsr7vVXcsS7x6M5e4KS9fyuufQiUMJwxQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":339329,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfmBNZCRA9TVsSAnZWagAAzrEP/28jyHbLyADEKW6UEIeC\nMtQ+V7Z8Lupk6/tKkEylZpWM4inTFz5J2BbgOWvGXAdnvQ3d21VhkBouPY57\nPeQ2rFH24JigdCEOnA0wC4HN+MFXgtfIZLlifcnKVNko7k/S/24KQT1Sodz0\nr4f78zjx2jOFzjhuZhedgvQs42Uf8TIFM8E1AO7t2fpSRTdYlxoVtDnbcIrz\nT+RAs3AixU2uaB9aGwHz9rYVXy7bcvcha0Xi3XBt80Irt56bS5pDq1PQBhvp\nNRpJImAzBhmMPuTaGG1KuLtr0oq9f/M0eyV2jmPfKN3K/3ChMXPNJshVwphf\nwvH7AcKQYoYYx01RuThdoaxtdL/Y04tm06WR53w45HDg48g4crh305cm4r9G\niyT3C2/QSnpMUfqYF/VAOmoZhQ0buwVbBoJrEogR+h8G69gj+SRtbfDayk7S\nhAqH72xD4F99jNDEP/TVGYcoamTmzLUmFmxvAFXK0D8eY2meBeXI40LrClIy\nX02zCkm77zbhqgZARctvgh/XErlUxvTprQiLP5CP+nO9dOvDIsV3pG196laF\nnUtzUZUQJ+S0ddi3MkABmsExB+C83LObu8hNCmeiAmdE15aRo4IsXCYxj0Gw\nNek5sZMftdTqo6y7Hh7rmHvjRSkJ4YxFF2Ua+sYgD+MGyQV75zZvG80SRzcP\nGnw2\r\n=TBro\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","readme":"# @fluentui/react-theme-provider\n\n**React theming component and hook for [Fluent UI React](https://developer.microsoft.com/en-us/fluentui)**\n\n## Installation\n\n```bash\nyarn add @fluentui/react-theme-provider\n```\n\n## Example usage\n\nUse the theme with Fluent UI by wrapping content within the provider. If `theme` is not provided, default (Fluent) theme will be provided:\n\n```tsx\nimport { ThemeProvider } from '@fluentui/react-theme-provider';\n\nexport const App = () => (\n  <ThemeProvider>\n    <>...app</>\n  </ThemeProvider>\n);\n```\n\nYou can also customize your own theme:\n\n```tsx\nimport { ThemeProvider, PartialTheme } from '@fluentui/react-theme-provider';\n\nconst appTheme: PartialTheme = {\n  palette: {\n    themePrimary: 'red'\n    ...\n  }\n};\n\nexport const App = () => (\n  <ThemeProvider theme={appTheme}>\n    App content ...\n  </ThemeProvider>\n);\n```\n\nYou can also nest `ThemeProvider`s:\n\n```tsx\nimport { ThemeProvider, PartialTheme } from '@fluentui/react-theme-provider';\n\nconst appTheme: PartialTheme = {\n  palette: {\n    themePrimary: 'red'\n    ...\n  }\n};\n\nconst headerTheme: PartialTheme = {\n  palette: {\n    themePrimary: 'orange'\n    ...\n  }\n};\n\nexport const App = () => (\n  <ThemeProvider theme={appTheme}>\n    <ThemeProvider theme={headerTheme}>\n      <MyHeader />\n    </ThemeProvider>\n\n    App content ...\n  </ThemeProvider>\n);\n```\n\nYou can apply component-level styles:\n\n```tsx\nimport { Checkbox } from '@fluentui/react';\nimport { ThemeProvider, createTheme } from '@fluentui/react-theme-provider';\n\nexport const App = () => (\n  <ThemeProvider\n    theme={{\n      components: { Checkbox: { styles: { root: { background: 'red' } } } },\n    }}\n  >\n    <Checkbox />\n  </ThemeProvider>\n);\n```\n\n## Accessing theme\n\n### useTheme\n\nTheme can be accessed using `useTheme` hook. If you are specifically accessing theme to create classes/styles, you can use `makeStyles` described below.\n\n```jsx\nimport { useTheme } from '@fluentui/react-theme-provider';\n\nconst Content = () => {\n  const theme = useTheme();\n  ...\n};\n\nexport const App = () => (\n  <ThemeProvider>\n    <Content />\n  </ThemeProvider>\n);\n```\n\n### ThemeContext.Consumer\n\nTheme can be accessed in Class Component using `ThemeContext.Consumer`.\n\n```tsx\nimport { Theme, ThemeContext } from '@fluentui/react-theme-provider';\n\nclass Content extends React.Component {\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme: Theme | undefined) => {\n          ...\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n}\n\nexport const App = () => (\n  <ThemeProvider>\n    <Content />\n  </ThemeProvider>\n);\n```\n\n### Create classes for React components based on theme\n\nTheme can be accessed using the `makeStyles` hook. This hook abstracts rendering css given the theme object:\n\n```jsx\nimport { makeStyles } from '@fluentui/react-theme-provider';\n\nconst useFooStyles = makeStyles(theme => ({\n    root: {\n      background: theme.semanticColors.bodyBackground,\n      ':hover': {\n        background: theme.semanticColors.bodyBackgroundHovered\n    },\n}));\n\nconst Foo = props => {\n  const classes = useFooStyles();\n\n  return <div className={classes.root} />;\n};\n```\n\n## How does this change other existing ways of theming Fluent UI components?\n\n### Customizer\n\n`Customizer` is now deprecated and you should replace it with `ThemeProvider`.\n`CustomizerContext` is now deprecated and you should replace it with `ThemeContext` or `useTheme` hook.\n\nDeprecations remain to be functional as is but they will be removed in Fluent UI v9 release.\n\n#### Replace settings prop\n\nBefore:\n\n```jsx\n<Customizer settings={{ theme }} />\n```\n\nAfter:\n\n```jsx\n<ThemeProvider theme={theme} />\n```\n\n#### Replace scopedSettings prop\n\nBefore:\n\n```jsx\n<Customizer\n  scopedSettings={{\n    Checkbox: {\n      styles: CheckboxStyles,\n    },\n  }}\n/>\n```\n\nAfter:\n\n```jsx\n<ThemeProvider\n  theme={{\n    components: { Checkbox: { styles: CheckboxStyles } },\n  }}\n/>\n```\n\n#### Replace CustomizerContext\n\nBefore:\n\n```jsx\n  <CustomizerContext.Consumer>\n    {(parentContext: ICustomizerContext) => {\n      const theme = parentContext.customizations.settings;\n      ...\n    }\n  </CustomizerContext.Consumer>\n```\n\nAfter:\nSee options in [Accessing theme](https://github.com/microsoft/fluentui/blob/master/packages/react-theme-provider/README.md#accessing-theme).\n\n### loadTheme\n\n`loadTheme` remains to work as is. However, you are recommended to replace `loadTheme` with `ThemeProvider`. That way, your application consistently has one way of providing theme.\n\nTo do that, instead of calling `loadTheme(your_theme)`, you will simply wrap the root component of your React application once with `ThemeProvider`:\n\n```jsx\n<ThemeProvider theme={your_theme}>\n  <App />\n</ThemeProvider>\n```\n\nOne caveat here is that if you app has styles which relies on `@microsoft/load-themed-styles`, `ThemeProvider` won't be able to replace `loadTheme` in this case.\n\n### Fabric component\n\nInstead of using `Fabric` component, you can now replace it fully with `ThemeProvider`. Here is how to replace each prop usage:\n\n| Fabric             | ThemeProvider                                                                                                                                                                                       |\n| ------------------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| `componentRef`     | `ref`                                                                                                                                                                                               |\n| `as`               | `as`                                                                                                                                                                                                |\n| `theme`            | `theme`                                                                                                                                                                                             |\n| `styles`           | Not longer support `styles` prop. If you need to style the root element, you can do that using (inline) style or className prop. Setting arbitrary styles for document body is no longer supported. |\n| `applyTheme`       | This is now applied by default, or by setting `applyTo=\"element\"`. If you don't want any body styles to be applied on root element, you can set `applyTo=\"none\"`.                                   |\n| `applyThemeToBody` | `applyTo=\"body\"`                                                                                                                                                                                    |\n| `dir`              | set `rtl` in `theme` prop                                                                                                                                                                           |\n\n#### Other call-outs\n\n- `ThemeProvider` by default sets `background-color` for the root element using `theme.semanticColors.bodyBackground`. If you find the background color being incorrect after switching to `ThemeProvider`, the right fix is likely that you need to update your theme definition to have the correct `bodyBackground`. Or, if you don't want any default stylings applied to the root element, you can set `applyTo` prop to `\"none\"`.\n- `ThemeProvider` does not set `font-family: inherit` on all native `button`, `input`, `textArea` elements. If you find any Fluent UI component having incorrect fonts after switching to `ThemeProvider`, please [report an issue](https://github.com/microsoft/fluentui/issues/new?template=bug_report.md).\n","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-api":"just-scripts update-api","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.6","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":["lib/version.js"],"_nodeVersion":"12.18.4","dependencies":{"tslib":"^1.10.0","classnames":"^2.2.6","@fluentui/theme":"^2.0.0-beta.2","@fluentui/utilities":"^8.0.0-beta.2","@fluentui/react-hooks":"^8.0.0-beta.2","@fluentui/set-version":"^8.0.0-beta.0","@fluentui/merge-styles":"^8.0.0-beta.0","@fluentui/react-compose":"^1.0.0-beta.2","@fluentui/react-stylesheets":"^1.0.0-beta.0","@fluentui/react-window-provider":"^2.0.0-beta.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"16.8.6","enzyme":"~3.10.0","react-dom":"16.8.6","@types/jest":"~24.9.0","@types/react":"16.8.25","@types/enzyme":"3.10.3","@types/react-dom":"16.8.4","@fluentui/scripts":"^1.0.0","@types/classnames":"^2.2.9","@types/webpack-env":"1.15.1","react-test-renderer":"^16.3.0","@fluentui/eslint-plugin":"^1.0.0-beta.0","enzyme-adapter-react-16":"^1.15.0","@fluentui/test-utilities":"^8.0.0-beta.0","@fluentui/style-utilities":"^8.0.0-beta.2","@types/react-test-renderer":"^16.0.0","@types/enzyme-adapter-react-16":"1.0.3"},"peerDependencies":{"react":">=16.8.0 <17.0.0","@types/react":">=16.8.0 <17.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_1.0.0-beta.3_1603801945498_0.2715407518219981","host":"s3://npm-registry-packages"}},"1.0.0-beta.4":{"name":"@fluentui/react-theme-provider","version":"1.0.0-beta.4","license":"MIT","_id":"@fluentui/react-theme-provider@1.0.0-beta.4","maintainers":[{"name":"layershifter","email":"a@fedyashov.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"79e1f2ecbd7a8f63d7a8b01bde2f0409483056fd","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-1.0.0-beta.4.tgz","fileCount":219,"integrity":"sha512-0lemKZr8F4lN4wkNtVZjB6Pty3U0gE/Hnw6GvQ8c8d+tNRl4p8VhpYmezkZEuLQC5CRbCQ1bYyZDhNMClfoMyA==","signatures":[{"sig":"MEYCIQD4+ExL9eqEBZe/XMhC8xM06FcE9pw+TYMH/2zZyte5yAIhALe88T7t8pZSYlntZSdFX2jyF2yWtKPRC5qofL3EC/Qb","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":340900,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfmWRACRA9TVsSAnZWagAA9sIP/35XMdEBXDrBWZ2fjC2J\nHGgjuWuL1n89MTGNl1SbnERKwNhWOn+DmQrS3PqorGRTIgJhagttBpYps9MC\npoKxMcoF/NFu7yyP2opVvbRXD5HAKxnYmffBuTxBzJlctkecKKR9M9p1nZIe\ngq9jcao2uOLD2XVRPmSPE4PvH9nxbcxiAnRxdTFVF5EvSCzqKGoqPyRR5r7Y\n7pC8fGxZq7Bu4NYQhPRXa8onjJcJxKFvYxlWTUFoOKFodawwBVbyoDhaOPDx\nmM+S13LpapKb7iZBCB98OVLSxkybcZL9bDD5VO31/olk3HDJGhE6F11r1Mku\nAqxO9YNw7Ce6z9cWvNchKVfkxzhbBy1dThf3XexiKJpMq4ISQ5zPkD/CV64d\ng+wGNSsXMhBYxe0nAOhI7W4s0xAyFK35hq5KElGjOmaYkxzHLHo0DyU7uU2x\nbwX96CMi/S09Na8EdZTx7YMHkjKqHvBv8FBPiS8zuIIaowDsMz871rcNMXKZ\nIRZAoI+hc8R2uDHUHXhKBzbQ6AGrpD+E4nX901anPuCM7Y4TUPvHFoxIV+rk\nCSurwPYdaPFi9EYDpSyELGkNfRqBRNtsYY9FKYL6ik1DZsCt1RKX9y8tqggt\n9gDQ+8VYwZ2PqSDC/Jis+2pfj1yaSPy6x8yNGTJSf/qC5MPo6SeyNSZ1Eoll\ntTuf\r\n=KJ+5\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","readme":"# @fluentui/react-theme-provider\n\n**React theming component and hook for [Fluent UI React](https://developer.microsoft.com/en-us/fluentui)**\n\n## Installation\n\n```bash\nyarn add @fluentui/react-theme-provider\n```\n\n## Example usage\n\nUse the theme with Fluent UI by wrapping content within the provider. If `theme` is not provided, default (Fluent) theme will be provided:\n\n```tsx\nimport { ThemeProvider } from '@fluentui/react-theme-provider';\n\nexport const App = () => (\n  <ThemeProvider>\n    <>...app</>\n  </ThemeProvider>\n);\n```\n\nYou can also customize your own theme:\n\n```tsx\nimport { ThemeProvider, PartialTheme } from '@fluentui/react-theme-provider';\n\nconst appTheme: PartialTheme = {\n  palette: {\n    themePrimary: 'red'\n    ...\n  }\n};\n\nexport const App = () => (\n  <ThemeProvider theme={appTheme}>\n    App content ...\n  </ThemeProvider>\n);\n```\n\nYou can also nest `ThemeProvider`s:\n\n```tsx\nimport { ThemeProvider, PartialTheme } from '@fluentui/react-theme-provider';\n\nconst appTheme: PartialTheme = {\n  palette: {\n    themePrimary: 'red'\n    ...\n  }\n};\n\nconst headerTheme: PartialTheme = {\n  palette: {\n    themePrimary: 'orange'\n    ...\n  }\n};\n\nexport const App = () => (\n  <ThemeProvider theme={appTheme}>\n    <ThemeProvider theme={headerTheme}>\n      <MyHeader />\n    </ThemeProvider>\n\n    App content ...\n  </ThemeProvider>\n);\n```\n\nYou can apply component-level styles:\n\n```tsx\nimport { Checkbox } from '@fluentui/react';\nimport { ThemeProvider, createTheme } from '@fluentui/react-theme-provider';\n\nexport const App = () => (\n  <ThemeProvider\n    theme={{\n      components: { Checkbox: { styles: { root: { background: 'red' } } } },\n    }}\n  >\n    <Checkbox />\n  </ThemeProvider>\n);\n```\n\n## Accessing theme\n\n### useTheme\n\nTheme can be accessed using `useTheme` hook. If you are specifically accessing theme to create classes/styles, you can use `makeStyles` described below.\n\n```jsx\nimport { useTheme } from '@fluentui/react-theme-provider';\n\nconst Content = () => {\n  const theme = useTheme();\n  ...\n};\n\nexport const App = () => (\n  <ThemeProvider>\n    <Content />\n  </ThemeProvider>\n);\n```\n\n### ThemeContext.Consumer\n\nTheme can be accessed in Class Component using `ThemeContext.Consumer`.\n\n```tsx\nimport { Theme, ThemeContext } from '@fluentui/react-theme-provider';\n\nclass Content extends React.Component {\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme: Theme | undefined) => {\n          ...\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n}\n\nexport const App = () => (\n  <ThemeProvider>\n    <Content />\n  </ThemeProvider>\n);\n```\n\n### Create classes for React components based on theme\n\nTheme can be accessed using the `makeStyles` hook. This hook abstracts rendering css given the theme object:\n\n```jsx\nimport { makeStyles } from '@fluentui/react-theme-provider';\n\nconst useFooStyles = makeStyles(theme => ({\n    root: {\n      background: theme.semanticColors.bodyBackground,\n      ':hover': {\n        background: theme.semanticColors.bodyBackgroundHovered\n    },\n}));\n\nconst Foo = props => {\n  const classes = useFooStyles();\n\n  return <div className={classes.root} />;\n};\n```\n\n## How does this change other existing ways of theming Fluent UI components?\n\n### Customizer\n\n`Customizer` is now deprecated and you should replace it with `ThemeProvider`.\n`CustomizerContext` is now deprecated and you should replace it with `ThemeContext` or `useTheme` hook.\n\nDeprecations remain to be functional as is but they will be removed in Fluent UI v9 release.\n\n#### Replace settings prop\n\nBefore:\n\n```jsx\n<Customizer settings={{ theme }} />\n```\n\nAfter:\n\n```jsx\n<ThemeProvider theme={theme} />\n```\n\n#### Replace scopedSettings prop\n\nBefore:\n\n```jsx\n<Customizer\n  scopedSettings={{\n    Checkbox: {\n      styles: CheckboxStyles,\n    },\n  }}\n/>\n```\n\nAfter:\n\n```jsx\n<ThemeProvider\n  theme={{\n    components: { Checkbox: { styles: CheckboxStyles } },\n  }}\n/>\n```\n\n#### Replace CustomizerContext\n\nBefore:\n\n```jsx\n  <CustomizerContext.Consumer>\n    {(parentContext: ICustomizerContext) => {\n      const theme = parentContext.customizations.settings;\n      ...\n    }\n  </CustomizerContext.Consumer>\n```\n\nAfter:\nSee options in [Accessing theme](https://github.com/microsoft/fluentui/blob/master/packages/react-theme-provider/README.md#accessing-theme).\n\n### loadTheme\n\n`loadTheme` remains to work as is. However, you are recommended to replace `loadTheme` with `ThemeProvider`. That way, your application consistently has one way of providing theme.\n\nTo do that, instead of calling `loadTheme(your_theme)`, you will simply wrap the root component of your React application once with `ThemeProvider`:\n\n```jsx\n<ThemeProvider theme={your_theme}>\n  <App />\n</ThemeProvider>\n```\n\nOne caveat here is that if you app has styles which relies on `@microsoft/load-themed-styles`, `ThemeProvider` won't be able to replace `loadTheme` in this case.\n\n### Fabric component\n\nInstead of using `Fabric` component, you can now replace it fully with `ThemeProvider`. Here is how to replace each prop usage:\n\n| Fabric             | ThemeProvider                                                                                                                                                                                       |\n| ------------------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| `componentRef`     | `ref`                                                                                                                                                                                               |\n| `as`               | `as`                                                                                                                                                                                                |\n| `theme`            | `theme`                                                                                                                                                                                             |\n| `styles`           | Not longer support `styles` prop. If you need to style the root element, you can do that using (inline) style or className prop. Setting arbitrary styles for document body is no longer supported. |\n| `applyTheme`       | This is now applied by default, or by setting `applyTo=\"element\"`. If you don't want any body styles to be applied on root element, you can set `applyTo=\"none\"`.                                   |\n| `applyThemeToBody` | `applyTo=\"body\"`                                                                                                                                                                                    |\n| `dir`              | set `rtl` in `theme` prop                                                                                                                                                                           |\n\n#### Other call-outs\n\n- `ThemeProvider` by default sets `background-color` for the root element using `theme.semanticColors.bodyBackground`. If you find the background color being incorrect after switching to `ThemeProvider`, the right fix is likely that you need to update your theme definition to have the correct `bodyBackground`. Or, if you don't want any default stylings applied to the root element, you can set `applyTo` prop to `\"none\"`.\n- `ThemeProvider` does not set `font-family: inherit` on all native `button`, `input`, `textArea` elements. If you find any Fluent UI component having incorrect fonts after switching to `ThemeProvider`, please [report an issue](https://github.com/microsoft/fluentui/issues/new?template=bug_report.md).\n","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-api":"just-scripts update-api","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.6","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":["lib/version.js"],"_nodeVersion":"12.18.3","dependencies":{"tslib":"^1.10.0","classnames":"^2.2.6","@fluentui/theme":"^2.0.0-beta.3","@fluentui/utilities":"^8.0.0-beta.3","@fluentui/react-hooks":"^8.0.0-beta.3","@fluentui/set-version":"^8.0.0-beta.0","@fluentui/merge-styles":"^8.0.0-beta.0","@fluentui/react-compose":"^1.0.0-beta.3","@fluentui/react-stylesheets":"^1.0.0-beta.0","@fluentui/react-window-provider":"^2.0.0-beta.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"16.8.6","enzyme":"~3.10.0","react-dom":"16.8.6","@types/jest":"~24.9.0","@types/react":"16.8.25","@types/enzyme":"3.10.3","@types/react-dom":"16.8.4","@fluentui/scripts":"^1.0.0","@types/classnames":"^2.2.9","@types/webpack-env":"1.15.1","react-test-renderer":"^16.3.0","@fluentui/eslint-plugin":"^1.0.0-beta.0","enzyme-adapter-react-16":"^1.15.0","@fluentui/test-utilities":"^8.0.0-beta.0","@fluentui/style-utilities":"^8.0.0-beta.3","@types/react-test-renderer":"^16.0.0","@types/enzyme-adapter-react-16":"1.0.3"},"peerDependencies":{"react":">=16.8.0 <17.0.0","@types/react":">=16.8.0 <17.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_1.0.0-beta.4_1603888191855_0.265733860261699","host":"s3://npm-registry-packages"}},"0.16.3":{"name":"@fluentui/react-theme-provider","version":"0.16.3","license":"MIT","_id":"@fluentui/react-theme-provider@0.16.3","maintainers":[{"name":"jdhuntington","email":"jdhuntington@gmail.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"58120b39157454118f5fc698087ba4ae243fa45b","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-0.16.3.tgz","fileCount":237,"integrity":"sha512-pkV4PSSAEJSDQlr2gYSnMUzAAKp6yQmb4MjFguykUDeSPp1JFFFmQbJ7uAdj9Ioh0e6Uwi/aP8aX2v8c/dAZRQ==","signatures":[{"sig":"MEYCIQCZJ9AkvP3Jxx33NaagmTFow3cIVooTMmLL99MjK+IooAIhALHrvVQBusYwcUZd3sGCOykx9Q9Ti14V0K9NJbKaNa4X","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":25120938,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfnGJKCRA9TVsSAnZWagAA+3QP+gNjnILmu7az/JVC3Ent\nBMItN+udl4TZ87JAk/g8YmVu+ArYQmdq6UlG3hdCymx7xudi/2HK2uzpHe1t\nJyvnWuwHQBMS0R6AYyJXfWjPwSX1780zTMRDjwkwAn98qtJ+MketYxvQYVrK\nPC/Qa1BbcyAEEspl3dxBrXN24m2Ct2LAT0gZP3EfmPoC/F0weTUFVQtskJ7v\nZ8I0vCo6aUJtZiNlmwIkaH1ytJRZ7mjt/EkahQ97RNycLZwR5qnpzf+1e91h\n7s/jEjE6UeZhxkD0OIavxvKZsfHALy2b29iGCHxaOZAwGdIZiBf8bU1BDOML\n7pRijVpO4hq+RO4SpG4Aa6phs4Zq30dsSXp0U7L8KwTZW1a+vwGPz0SWP/ix\nHFbsxZ+QJhfQCbWI/AoeXkzR2O7MbzeZ5qMHQr52WqHqDUSSwq1aaR8TrTON\n9jPdNkrewRQvYAKR7UzX88ETEQ0/mnixxpnBTl9FRnxFRJvKfPd7NJPbQO1R\n/YIUry37pOvQyK2hqK3CG2IBHYh1pJrS6w3vy2kR9JwI4PNrRW0NTrwER/Po\nt3H9tZfyBLcI86fVeicW84lbfJKqm9YDdgzgOoZ42nDfiybiGsjdtzzLJEnx\nAlkbqgBewhCKjwiUhrEdcTPgw+BxKx+wXJC1P+FlYqhvqjOvQQRFtkj5WOIm\nXVuW\r\n=V4/a\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","bundle":"just-scripts bundle","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-api":"just-scripts update-api","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.6","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":["lib/version.js"],"_nodeVersion":"12.18.3","dependencies":{"tslib":"^1.10.0","classnames":"^2.2.6","@fluentui/theme":"^1.5.4","@uifabric/utilities":"^7.33.2","@uifabric/react-hooks":"^7.13.9","@uifabric/set-version":"^7.0.23","@uifabric/merge-styles":"^7.19.1","@fluentui/react-compose":"^0.19.11","@fluentui/react-stylesheets":"^0.2.4","@fluentui/react-window-provider":"^1.0.1"},"_hasShrinkwrap":false,"devDependencies":{"react":"16.8.6","enzyme":"~3.10.0","react-dom":"16.8.6","@types/jest":"~24.9.0","@types/react":"16.8.25","@types/enzyme":"3.10.3","@uifabric/build":"^7.0.0","@types/react-dom":"16.8.4","@types/classnames":"^2.2.9","@uifabric/styling":"^7.16.16","@types/webpack-env":"1.15.1","react-test-renderer":"^16.3.0","@fluentui/eslint-plugin":"^0.54.1","enzyme-adapter-react-16":"^1.15.0","@uifabric/test-utilities":"^7.3.0","@types/react-test-renderer":"^16.0.0","@types/enzyme-adapter-react-16":"1.0.3"},"peerDependencies":{"react":">=16.8.0 <17.0.0","@types/react":">=16.8.0 <17.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_0.16.3_1604084297929_0.3424689376606198","host":"s3://npm-registry-packages"}},"1.0.0-beta.5":{"name":"@fluentui/react-theme-provider","version":"1.0.0-beta.5","license":"MIT","_id":"@fluentui/react-theme-provider@1.0.0-beta.5","maintainers":[{"name":"jdhuntington","email":"jdhuntington@gmail.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"8913c03640218433fd5b0c011be87ce9af744d89","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-1.0.0-beta.5.tgz","fileCount":219,"integrity":"sha512-I+wihqM9/hHuTUpwvRHhTI7k4w+qOxQs/mAvRRtuDscFX/s74D2ZJ8k9ayZfct1NG0dB0msW/XBxjsPMap2BEw==","signatures":[{"sig":"MEUCIA5LipB+0/foZXQPv8vY0WTcIAzBaeXFlnuw3XcDBfm7AiEA/ywe/4MzrGsh1y3/C/mUj8Kh4H3oPVCkfSrKRe/3i9c=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":340900,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfn/vkCRA9TVsSAnZWagAAffQP/jRuhjmkOZUiODXlJRcw\n2xm+w9Re7YIYyntOPelDw2/WTeUtpnBqc0p3C5IoteSnWG7Wrv/XZr3+FzrK\nTHTrBc2PU/qKXc62Hnw6hRyQgTNVTYI1E2h2aG6aCoICLSQ97n/MKLIPmcbu\nOm54GWyXd+wc/QfLjEuq26uHfwvcdDm1bjB/qhCCPX3f2STsh/wpUSjBPu9l\nSNYDWawdQAIKDzzqiHL8Ej0rHoQuhaO8KmNY7l9scwgX4FU53rvH6aPXqMvH\nqPqzdsI2KL2ttyHYp2hBDPmXw2ynkE0mMtcnvA47uKT0zox7PH2mxkW2FOsf\n7NkCI8ZTENjKPhLEI4uaI96lS2ZqyGZ7OdMc2y9CRwXRValF9nwBclu1ydCw\nuudfQ+58PaT2r1fKcJjQKvUByJDmTaWqSKpGV4FnvwrDoSIpaQ6JPBNPXMKe\niD0/XKVQVDgH1H1vfcYtYthh2U+qmcw7P949ZGep69MYJxYHGZlJs5CkaWZP\nUGG7yRYXamTLgmzz+6Sh8dAqLCHn6o26vdYLeSLgJ9C4BYXMJUfsWYQFSll5\nSfQWMSAGvfTNnx7lMsqmUW3WRC8ulewvyDutifP3u4DGQWV30NgYejtwJsSc\nppjB/luYz2lIMhNBsyCjpIYWBcqTJiWoebAUwbEHTl2BEqkS8yZyjma3jDpi\n/FjV\r\n=IbAc\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","readme":"# @fluentui/react-theme-provider\n\n**React theming component and hook for [Fluent UI React](https://developer.microsoft.com/en-us/fluentui)**\n\n## Installation\n\n```bash\nyarn add @fluentui/react-theme-provider\n```\n\n## Example usage\n\nUse the theme with Fluent UI by wrapping content within the provider. If `theme` is not provided, default (Fluent) theme will be provided:\n\n```tsx\nimport { ThemeProvider } from '@fluentui/react-theme-provider';\n\nexport const App = () => (\n  <ThemeProvider>\n    <>...app</>\n  </ThemeProvider>\n);\n```\n\nYou can also customize your own theme:\n\n```tsx\nimport { ThemeProvider, PartialTheme } from '@fluentui/react-theme-provider';\n\nconst appTheme: PartialTheme = {\n  palette: {\n    themePrimary: 'red'\n    ...\n  }\n};\n\nexport const App = () => (\n  <ThemeProvider theme={appTheme}>\n    App content ...\n  </ThemeProvider>\n);\n```\n\nYou can also nest `ThemeProvider`s:\n\n```tsx\nimport { ThemeProvider, PartialTheme } from '@fluentui/react-theme-provider';\n\nconst appTheme: PartialTheme = {\n  palette: {\n    themePrimary: 'red'\n    ...\n  }\n};\n\nconst headerTheme: PartialTheme = {\n  palette: {\n    themePrimary: 'orange'\n    ...\n  }\n};\n\nexport const App = () => (\n  <ThemeProvider theme={appTheme}>\n    <ThemeProvider theme={headerTheme}>\n      <MyHeader />\n    </ThemeProvider>\n\n    App content ...\n  </ThemeProvider>\n);\n```\n\nYou can apply component-level styles:\n\n```tsx\nimport { Checkbox } from '@fluentui/react';\nimport { ThemeProvider, createTheme } from '@fluentui/react-theme-provider';\n\nexport const App = () => (\n  <ThemeProvider\n    theme={{\n      components: { Checkbox: { styles: { root: { background: 'red' } } } },\n    }}\n  >\n    <Checkbox />\n  </ThemeProvider>\n);\n```\n\n## Accessing theme\n\n### useTheme\n\nTheme can be accessed using `useTheme` hook. If you are specifically accessing theme to create classes/styles, you can use `makeStyles` described below.\n\n```jsx\nimport { useTheme } from '@fluentui/react-theme-provider';\n\nconst Content = () => {\n  const theme = useTheme();\n  ...\n};\n\nexport const App = () => (\n  <ThemeProvider>\n    <Content />\n  </ThemeProvider>\n);\n```\n\n### ThemeContext.Consumer\n\nTheme can be accessed in Class Component using `ThemeContext.Consumer`.\n\n```tsx\nimport { Theme, ThemeContext } from '@fluentui/react-theme-provider';\n\nclass Content extends React.Component {\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme: Theme | undefined) => {\n          ...\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n}\n\nexport const App = () => (\n  <ThemeProvider>\n    <Content />\n  </ThemeProvider>\n);\n```\n\n### Create classes for React components based on theme\n\nTheme can be accessed using the `makeStyles` hook. This hook abstracts rendering css given the theme object:\n\n```jsx\nimport { makeStyles } from '@fluentui/react-theme-provider';\n\nconst useFooStyles = makeStyles(theme => ({\n    root: {\n      background: theme.semanticColors.bodyBackground,\n      ':hover': {\n        background: theme.semanticColors.bodyBackgroundHovered\n    },\n}));\n\nconst Foo = props => {\n  const classes = useFooStyles();\n\n  return <div className={classes.root} />;\n};\n```\n\n## How does this change other existing ways of theming Fluent UI components?\n\n### Customizer\n\n`Customizer` is now deprecated and you should replace it with `ThemeProvider`.\n`CustomizerContext` is now deprecated and you should replace it with `ThemeContext` or `useTheme` hook.\n\nDeprecations remain to be functional as is but they will be removed in Fluent UI v9 release.\n\n#### Replace settings prop\n\nBefore:\n\n```jsx\n<Customizer settings={{ theme }} />\n```\n\nAfter:\n\n```jsx\n<ThemeProvider theme={theme} />\n```\n\n#### Replace scopedSettings prop\n\nBefore:\n\n```jsx\n<Customizer\n  scopedSettings={{\n    Checkbox: {\n      styles: CheckboxStyles,\n    },\n  }}\n/>\n```\n\nAfter:\n\n```jsx\n<ThemeProvider\n  theme={{\n    components: { Checkbox: { styles: CheckboxStyles } },\n  }}\n/>\n```\n\n#### Replace CustomizerContext\n\nBefore:\n\n```jsx\n  <CustomizerContext.Consumer>\n    {(parentContext: ICustomizerContext) => {\n      const theme = parentContext.customizations.settings;\n      ...\n    }\n  </CustomizerContext.Consumer>\n```\n\nAfter:\nSee options in [Accessing theme](https://github.com/microsoft/fluentui/blob/master/packages/react-theme-provider/README.md#accessing-theme).\n\n### loadTheme\n\n`loadTheme` remains to work as is. However, you are recommended to replace `loadTheme` with `ThemeProvider`. That way, your application consistently has one way of providing theme.\n\nTo do that, instead of calling `loadTheme(your_theme)`, you will simply wrap the root component of your React application once with `ThemeProvider`:\n\n```jsx\n<ThemeProvider theme={your_theme}>\n  <App />\n</ThemeProvider>\n```\n\nOne caveat here is that if you app has styles which relies on `@microsoft/load-themed-styles`, `ThemeProvider` won't be able to replace `loadTheme` in this case.\n\n### Fabric component\n\nInstead of using `Fabric` component, you can now replace it fully with `ThemeProvider`. Here is how to replace each prop usage:\n\n| Fabric             | ThemeProvider                                                                                                                                                                                       |\n| ------------------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| `componentRef`     | `ref`                                                                                                                                                                                               |\n| `as`               | `as`                                                                                                                                                                                                |\n| `theme`            | `theme`                                                                                                                                                                                             |\n| `styles`           | Not longer support `styles` prop. If you need to style the root element, you can do that using (inline) style or className prop. Setting arbitrary styles for document body is no longer supported. |\n| `applyTheme`       | This is now applied by default, or by setting `applyTo=\"element\"`. If you don't want any body styles to be applied on root element, you can set `applyTo=\"none\"`.                                   |\n| `applyThemeToBody` | `applyTo=\"body\"`                                                                                                                                                                                    |\n| `dir`              | set `rtl` in `theme` prop                                                                                                                                                                           |\n\n#### Other call-outs\n\n- `ThemeProvider` by default sets `background-color` for the root element using `theme.semanticColors.bodyBackground`. If you find the background color being incorrect after switching to `ThemeProvider`, the right fix is likely that you need to update your theme definition to have the correct `bodyBackground`. Or, if you don't want any default stylings applied to the root element, you can set `applyTo` prop to `\"none\"`.\n- `ThemeProvider` does not set `font-family: inherit` on all native `button`, `input`, `textArea` elements. If you find any Fluent UI component having incorrect fonts after switching to `ThemeProvider`, please [report an issue](https://github.com/microsoft/fluentui/issues/new?template=bug_report.md).\n","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-api":"just-scripts update-api","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.6","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":["lib/version.js"],"_nodeVersion":"12.18.3","dependencies":{"tslib":"^1.10.0","classnames":"^2.2.6","@fluentui/theme":"^2.0.0-beta.4","@fluentui/utilities":"^8.0.0-beta.4","@fluentui/react-hooks":"^8.0.0-beta.4","@fluentui/set-version":"^8.0.0-beta.0","@fluentui/merge-styles":"^8.0.0-beta.1","@fluentui/react-compose":"^1.0.0-beta.4","@fluentui/react-stylesheets":"^1.0.0-beta.1","@fluentui/react-window-provider":"^2.0.0-beta.1"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"16.8.6","enzyme":"~3.10.0","react-dom":"16.8.6","@types/jest":"~24.9.0","@types/react":"16.8.25","@types/enzyme":"3.10.3","@types/react-dom":"16.8.4","@fluentui/scripts":"^1.0.0","@types/classnames":"^2.2.9","@types/webpack-env":"1.15.1","react-test-renderer":"^16.3.0","@fluentui/eslint-plugin":"^1.0.0-beta.0","enzyme-adapter-react-16":"^1.15.0","@fluentui/test-utilities":"^8.0.0-beta.1","@fluentui/style-utilities":"^8.0.0-beta.4","@types/react-test-renderer":"^16.0.0","@types/enzyme-adapter-react-16":"1.0.3"},"peerDependencies":{"react":">=16.8.0 <17.0.0","@types/react":">=16.8.0 <17.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_1.0.0-beta.5_1604320228150_0.26095421013553843","host":"s3://npm-registry-packages"}},"1.0.0-beta.6":{"name":"@fluentui/react-theme-provider","version":"1.0.0-beta.6","license":"MIT","_id":"@fluentui/react-theme-provider@1.0.0-beta.6","maintainers":[{"name":"jdhuntington","email":"jdhuntington@gmail.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"319a5d6fded7a94d44a92151506aeae98985e1f6","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-1.0.0-beta.6.tgz","fileCount":219,"integrity":"sha512-g4j/f+NZdTslq2KrOWBTP9DMUiAFoZ0jpwKOrmNnUyIEw6LoLihkpPaodxK3Ph7TERNigQBfxHxWw2RUDwd0Gg==","signatures":[{"sig":"MEQCIFSfkdYBAaKi+FhzTLXBXrsk7NtPgI98nZ97UL27k1G0AiAdhOFc2WlcbGgImd8K4eLGdmlgMt/sBEY77KrqdeNs1g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":340900,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfoU03CRA9TVsSAnZWagAAtP8QAJ5UI+PJ2al4UfkKvI/d\nseCY4/zJLHApsdcjhHtFgN4FJTyDe703BYMoXhiwBr/9ARZNhI68FuVPjArB\n2KBYlLfWODsXPCTASQVzF6YvBtKkf/kjQ9y65ulYyfesW9Plz0zGww6WZzAa\nJ8k7ZuV7xLj7ZU68HSEQFdrrVPtt50DhUiA0JiQJBjssJQZHbszBn1ZHaQ6Y\n4oKuolcpvyvCj84vAW+Tf1c7KCdI5APARwPU/8GCw+9EEnO0NOAeww2cylwt\n5Ey3l4kNSxiLT+Ok1uInaGoiFHdIynEa1eIj+csA3wYg8Je+YyTLqhQOcnBi\nRPb3yXfhKMLqSUk7Rqm5IELozjDFCluH+tiwTGELZpk+QJDWvGtr/1QzEE4j\ngnr+53CcZA3M+X33V7lhqYq4vtou2bbbGZcvj24+mgAISV8dtG4bfrEqhgWU\nTmv/jxgUO9fmltP/e3qvbkgOlKvS9uL0+UvTykHKATDLx0U9EzouzgKzVtIG\nA0Ch2j8Kd9J5htuxcoF7gT4N5YldUGPU1ZzV82LW1qirShBg0rxDIk9GBJPo\nE/HQbNE16cYrowE22r0wmfJ+bA4QsJ6iqv09gVe6PNbvmgDS4Cb38LPe6yo/\nm4/4aZtDSTygZ754EWkWgLQPYjYY3toYJ3+Gm8YLzc6SzgH7G28rcjgDYOy2\nsscH\r\n=Otvf\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","readme":"# @fluentui/react-theme-provider\n\n**React theming component and hook for [Fluent UI React](https://developer.microsoft.com/en-us/fluentui)**\n\n## Installation\n\n```bash\nyarn add @fluentui/react-theme-provider\n```\n\n## Example usage\n\nUse the theme with Fluent UI by wrapping content within the provider. If `theme` is not provided, default (Fluent) theme will be provided:\n\n```tsx\nimport { ThemeProvider } from '@fluentui/react-theme-provider';\n\nexport const App = () => (\n  <ThemeProvider>\n    <>...app</>\n  </ThemeProvider>\n);\n```\n\nYou can also customize your own theme:\n\n```tsx\nimport { ThemeProvider, PartialTheme } from '@fluentui/react-theme-provider';\n\nconst appTheme: PartialTheme = {\n  palette: {\n    themePrimary: 'red'\n    ...\n  }\n};\n\nexport const App = () => (\n  <ThemeProvider theme={appTheme}>\n    App content ...\n  </ThemeProvider>\n);\n```\n\nYou can also nest `ThemeProvider`s:\n\n```tsx\nimport { ThemeProvider, PartialTheme } from '@fluentui/react-theme-provider';\n\nconst appTheme: PartialTheme = {\n  palette: {\n    themePrimary: 'red'\n    ...\n  }\n};\n\nconst headerTheme: PartialTheme = {\n  palette: {\n    themePrimary: 'orange'\n    ...\n  }\n};\n\nexport const App = () => (\n  <ThemeProvider theme={appTheme}>\n    <ThemeProvider theme={headerTheme}>\n      <MyHeader />\n    </ThemeProvider>\n\n    App content ...\n  </ThemeProvider>\n);\n```\n\nYou can apply component-level styles:\n\n```tsx\nimport { Checkbox } from '@fluentui/react';\nimport { ThemeProvider, createTheme } from '@fluentui/react-theme-provider';\n\nexport const App = () => (\n  <ThemeProvider\n    theme={{\n      components: { Checkbox: { styles: { root: { background: 'red' } } } },\n    }}\n  >\n    <Checkbox />\n  </ThemeProvider>\n);\n```\n\n## Accessing theme\n\n### useTheme\n\nTheme can be accessed using `useTheme` hook. If you are specifically accessing theme to create classes/styles, you can use `makeStyles` described below.\n\n```jsx\nimport { useTheme } from '@fluentui/react-theme-provider';\n\nconst Content = () => {\n  const theme = useTheme();\n  ...\n};\n\nexport const App = () => (\n  <ThemeProvider>\n    <Content />\n  </ThemeProvider>\n);\n```\n\n### ThemeContext.Consumer\n\nTheme can be accessed in Class Component using `ThemeContext.Consumer`.\n\n```tsx\nimport { Theme, ThemeContext } from '@fluentui/react-theme-provider';\n\nclass Content extends React.Component {\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme: Theme | undefined) => {\n          ...\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n}\n\nexport const App = () => (\n  <ThemeProvider>\n    <Content />\n  </ThemeProvider>\n);\n```\n\n### Create classes for React components based on theme\n\nTheme can be accessed using the `makeStyles` hook. This hook abstracts rendering css given the theme object:\n\n```jsx\nimport { makeStyles } from '@fluentui/react-theme-provider';\n\nconst useFooStyles = makeStyles(theme => ({\n    root: {\n      background: theme.semanticColors.bodyBackground,\n      ':hover': {\n        background: theme.semanticColors.bodyBackgroundHovered\n    },\n}));\n\nconst Foo = props => {\n  const classes = useFooStyles();\n\n  return <div className={classes.root} />;\n};\n```\n\n## How does this change other existing ways of theming Fluent UI components?\n\n### Customizer\n\n`Customizer` is now deprecated and you should replace it with `ThemeProvider`.\n`CustomizerContext` is now deprecated and you should replace it with `ThemeContext` or `useTheme` hook.\n\nDeprecations remain to be functional as is but they will be removed in Fluent UI v9 release.\n\n#### Replace settings prop\n\nBefore:\n\n```jsx\n<Customizer settings={{ theme }} />\n```\n\nAfter:\n\n```jsx\n<ThemeProvider theme={theme} />\n```\n\n#### Replace scopedSettings prop\n\nBefore:\n\n```jsx\n<Customizer\n  scopedSettings={{\n    Checkbox: {\n      styles: CheckboxStyles,\n    },\n  }}\n/>\n```\n\nAfter:\n\n```jsx\n<ThemeProvider\n  theme={{\n    components: { Checkbox: { styles: CheckboxStyles } },\n  }}\n/>\n```\n\n#### Replace CustomizerContext\n\nBefore:\n\n```jsx\n  <CustomizerContext.Consumer>\n    {(parentContext: ICustomizerContext) => {\n      const theme = parentContext.customizations.settings;\n      ...\n    }\n  </CustomizerContext.Consumer>\n```\n\nAfter:\nSee options in [Accessing theme](https://github.com/microsoft/fluentui/blob/master/packages/react-theme-provider/README.md#accessing-theme).\n\n### loadTheme\n\n`loadTheme` remains to work as is. However, you are recommended to replace `loadTheme` with `ThemeProvider`. That way, your application consistently has one way of providing theme.\n\nTo do that, instead of calling `loadTheme(your_theme)`, you will simply wrap the root component of your React application once with `ThemeProvider`:\n\n```jsx\n<ThemeProvider theme={your_theme}>\n  <App />\n</ThemeProvider>\n```\n\nOne caveat here is that if you app has styles which relies on `@microsoft/load-themed-styles`, `ThemeProvider` won't be able to replace `loadTheme` in this case.\n\n### Fabric component\n\nInstead of using `Fabric` component, you can now replace it fully with `ThemeProvider`. Here is how to replace each prop usage:\n\n| Fabric             | ThemeProvider                                                                                                                                                                                       |\n| ------------------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| `componentRef`     | `ref`                                                                                                                                                                                               |\n| `as`               | `as`                                                                                                                                                                                                |\n| `theme`            | `theme`                                                                                                                                                                                             |\n| `styles`           | Not longer support `styles` prop. If you need to style the root element, you can do that using (inline) style or className prop. Setting arbitrary styles for document body is no longer supported. |\n| `applyTheme`       | This is now applied by default, or by setting `applyTo=\"element\"`. If you don't want any body styles to be applied on root element, you can set `applyTo=\"none\"`.                                   |\n| `applyThemeToBody` | `applyTo=\"body\"`                                                                                                                                                                                    |\n| `dir`              | set `rtl` in `theme` prop                                                                                                                                                                           |\n\n#### Other call-outs\n\n- `ThemeProvider` by default sets `background-color` for the root element using `theme.semanticColors.bodyBackground`. If you find the background color being incorrect after switching to `ThemeProvider`, the right fix is likely that you need to update your theme definition to have the correct `bodyBackground`. Or, if you don't want any default stylings applied to the root element, you can set `applyTo` prop to `\"none\"`.\n- `ThemeProvider` does not set `font-family: inherit` on all native `button`, `input`, `textArea` elements. If you find any Fluent UI component having incorrect fonts after switching to `ThemeProvider`, please [report an issue](https://github.com/microsoft/fluentui/issues/new?template=bug_report.md).\n","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-api":"just-scripts update-api","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.6","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":["lib/version.js"],"_nodeVersion":"12.18.3","dependencies":{"tslib":"^1.10.0","classnames":"^2.2.6","@fluentui/theme":"^2.0.0-beta.5","@fluentui/utilities":"^8.0.0-beta.5","@fluentui/react-hooks":"^8.0.0-beta.5","@fluentui/set-version":"^8.0.0-beta.0","@fluentui/merge-styles":"^8.0.0-beta.1","@fluentui/react-compose":"^1.0.0-beta.5","@fluentui/react-stylesheets":"^1.0.0-beta.1","@fluentui/react-window-provider":"^2.0.0-beta.1"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"16.8.6","enzyme":"~3.10.0","react-dom":"16.8.6","@types/jest":"~24.9.0","@types/react":"16.8.25","@types/enzyme":"3.10.3","@types/react-dom":"16.8.4","@fluentui/scripts":"^1.0.0","@types/classnames":"^2.2.9","@types/webpack-env":"1.15.1","react-test-renderer":"^16.3.0","@fluentui/eslint-plugin":"^1.0.0-beta.0","enzyme-adapter-react-16":"^1.15.0","@fluentui/test-utilities":"^8.0.0-beta.1","@fluentui/style-utilities":"^8.0.0-beta.5","@types/react-test-renderer":"^16.0.0","@types/enzyme-adapter-react-16":"1.0.3"},"peerDependencies":{"react":">=16.8.0 <17.0.0","@types/react":">=16.8.0 <17.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_1.0.0-beta.6_1604406583388_0.12016671630803533","host":"s3://npm-registry-packages"}},"0.16.4":{"name":"@fluentui/react-theme-provider","version":"0.16.4","license":"MIT","_id":"@fluentui/react-theme-provider@0.16.4","maintainers":[{"name":"jdhuntington","email":"jdhuntington@gmail.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"159e6eb394960472e93000e51e2b969089b2bbe6","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-0.16.4.tgz","fileCount":237,"integrity":"sha512-OiA4yug06kXPR1vS3DbJtEarEgx2Tx4ccn80gORnJVzVj1OF7pWMIt/8nMm75tOskI/L7ST8C3eRRvHEWPwinA==","signatures":[{"sig":"MEUCIQDriQ5yuZqX4mTkG6YoTKk5IAZaLcQAHwgRA60+h6d9kwIgDZaQCD0pUr8TZ1Y6VJm7icVKePVO99abLMd5KsSvFQs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":25120846,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfop1kCRA9TVsSAnZWagAAnqkP/RiakmrIJQHgcsE1qsli\nmE6mH9bFAW0UjhuUHLriy0539yb1jm8Yq8+WoduOgIn4rAJx+fhd6KN4OTQn\n1rX/zlh/NXrLbHoVslKdkRSCVqd4fo7jWBIIoy6F9s/A8KBSvrU0W8zyS5I6\nuNdo+BIPRwrsLdZxdBtFGeUcTmqAxJDiB6YdcIug/XFicoIyCUUiv6er4X1X\nsH0GPhLIVObBGryND0oPKPCPk9XCr/vDZr6pzsRU2/ilv45imDhm7DRrcUIV\nygVNI+ydR/5FN4J0ICeHk+UPIAScoHa2FFfihaVSbjxTqMUpcnOzjHJr+aVo\nEQKwjvgeD9oli5g8P7Hhm181JUF4lIPoFJy1jhlwPWvvsGMw+/+RBSiAtVr8\nP/MDSHDYCcigKo5XtQ/pZTOJVVrM/Mu0xYzlTdbn8MDvw6daFXhSdn1ZW842\nTVp+zdnFW0kGqSpafQsMNpzTrCKzjow2Wheoj3GPgDmEdSrsixbxzLvntuzo\nkDYSW05dH8qC53ccDsK8Ufc/JJFjkSCgSQZp7OnWUWlD/5CLwg8CKnhL+VAl\na82xIFCFIe4kpy/2tDXEtgbHsrzmCW8+Ly9Yimd326jrtfK5w8U8D4iJ1TL4\nMMAVvFLyL7CJh0TFWHQ4FUsDqaqmaKJXAiA+f9mQeZpXr3WHfV/Mkew9NeZU\nJhVJ\r\n=Cbu2\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","bundle":"just-scripts bundle","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-api":"just-scripts update-api","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.6","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":["lib/version.js"],"_nodeVersion":"12.18.3","dependencies":{"tslib":"^1.10.0","classnames":"^2.2.6","@fluentui/theme":"^1.6.0","@uifabric/utilities":"^7.33.2","@uifabric/react-hooks":"^7.13.9","@uifabric/set-version":"^7.0.23","@uifabric/merge-styles":"^7.19.1","@fluentui/react-compose":"^0.19.11","@fluentui/react-stylesheets":"^0.2.4","@fluentui/react-window-provider":"^1.0.1"},"_hasShrinkwrap":false,"devDependencies":{"react":"16.8.6","enzyme":"~3.10.0","react-dom":"16.8.6","@types/jest":"~24.9.0","@types/react":"16.8.25","@types/enzyme":"3.10.3","@uifabric/build":"^7.0.0","@types/react-dom":"16.8.4","@types/classnames":"^2.2.9","@uifabric/styling":"^7.16.17","@types/webpack-env":"1.15.1","react-test-renderer":"^16.3.0","@fluentui/eslint-plugin":"^0.54.1","enzyme-adapter-react-16":"^1.15.0","@uifabric/test-utilities":"^7.3.0","@types/react-test-renderer":"^16.0.0","@types/enzyme-adapter-react-16":"1.0.3"},"peerDependencies":{"react":">=16.8.0 <17.0.0","@types/react":">=16.8.0 <17.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_0.16.4_1604492644268_0.9015414276735758","host":"s3://npm-registry-packages"}},"1.0.0-beta.7":{"name":"@fluentui/react-theme-provider","version":"1.0.0-beta.7","license":"MIT","_id":"@fluentui/react-theme-provider@1.0.0-beta.7","maintainers":[{"name":"jdhuntington","email":"jdhuntington@gmail.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"1bc8dd21ea5c5c05341fa01f984e96da93f1be0c","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-1.0.0-beta.7.tgz","fileCount":219,"integrity":"sha512-kPRbWu8nCWytntFAS8Gk1jxV0rQrImgsJpG4BtE35RTu0SrRc00X1A46xrACL8KFjgCJSxP26PhRiyHwf+JfZA==","signatures":[{"sig":"MEUCIQCGeweUHpcQJ/ScltL4wCstEZrCAxiKSDS9jxYBndexawIgRQqhEGK9EEBIu3k5L31bLP+Wusr/cLVc3JDfPDXhs/w=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":340900,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfq9jbCRA9TVsSAnZWagAAxzYP/0OACeInAzff6bmUG3k7\nt5BUiJecxPuwYObm/l7aTAZFn3UgVuBA2H43u7/gCHbvTLJ7gvzjlI+qdtc9\npSGxQPRAZc+8YGREnNPBVeve+ojMw64BS9f9hmS2ovYAWAC1yKOwUmMLXLPp\nKQi4FA12uj7YwC3vRZB6TAn0Z5m/de9d5tLOKzY5CCgy9k8ic3GJiwbfgoS/\nGGEgH+Ij4iQ+JnHkZ9YJvggYwCaniGx20OYJzvqw5XJWny+yIUWejzl7Xd0E\nX2yYYz0acilBLN0einQR5LB83TkvPlYm/FGbXCUqsCjxpzPwn+5wJxoJHfcG\nLQufZaVSLXMiMNwpLAkap8XiPMmHuFldi58JB+9TbIbFZoJikyoBsTMHAyNN\nOq86U8zdRQW7tl3QLhWX0DMYTF94B35m8Ar4H48AXr2eBKIWWB2H2rKFy6eh\nokKT+JDhoK6ioLJfMdCeafskYbPPwKieBroI2qLU1aOrmYWCa1DjfBw1q1e6\nImml4AtWv17HagZqRRuD79rmpHoggTGLizkMVTXqtpCJXpDgtmsFIMwh+rjN\nWBfIft8C3C1TQTvhZnu+S2OuY1xHrGhaH6IVBVMi3NZSDo28le+7uU6aOdMT\ne+xEOzZHwfqXfQOI93l0LHfPdGcjpHBi/dicaUWu2XUluSUPtgxgLEtuN9Z2\ng8LI\r\n=BAls\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","readme":"# @fluentui/react-theme-provider\n\n**React theming component and hook for [Fluent UI React](https://developer.microsoft.com/en-us/fluentui)**\n\n## Installation\n\n```bash\nyarn add @fluentui/react-theme-provider\n```\n\n## Example usage\n\nUse the theme with Fluent UI by wrapping content within the provider. If `theme` is not provided, default (Fluent) theme will be provided:\n\n```tsx\nimport { ThemeProvider } from '@fluentui/react-theme-provider';\n\nexport const App = () => (\n  <ThemeProvider>\n    <>...app</>\n  </ThemeProvider>\n);\n```\n\nYou can also customize your own theme:\n\n```tsx\nimport { ThemeProvider, PartialTheme } from '@fluentui/react-theme-provider';\n\nconst appTheme: PartialTheme = {\n  palette: {\n    themePrimary: 'red'\n    ...\n  }\n};\n\nexport const App = () => (\n  <ThemeProvider theme={appTheme}>\n    App content ...\n  </ThemeProvider>\n);\n```\n\nYou can also nest `ThemeProvider`s:\n\n```tsx\nimport { ThemeProvider, PartialTheme } from '@fluentui/react-theme-provider';\n\nconst appTheme: PartialTheme = {\n  palette: {\n    themePrimary: 'red'\n    ...\n  }\n};\n\nconst headerTheme: PartialTheme = {\n  palette: {\n    themePrimary: 'orange'\n    ...\n  }\n};\n\nexport const App = () => (\n  <ThemeProvider theme={appTheme}>\n    <ThemeProvider theme={headerTheme}>\n      <MyHeader />\n    </ThemeProvider>\n\n    App content ...\n  </ThemeProvider>\n);\n```\n\nYou can apply component-level styles:\n\n```tsx\nimport { Checkbox } from '@fluentui/react';\nimport { ThemeProvider, createTheme } from '@fluentui/react-theme-provider';\n\nexport const App = () => (\n  <ThemeProvider\n    theme={{\n      components: { Checkbox: { styles: { root: { background: 'red' } } } },\n    }}\n  >\n    <Checkbox />\n  </ThemeProvider>\n);\n```\n\n## Accessing theme\n\n### useTheme\n\nTheme can be accessed using `useTheme` hook. If you are specifically accessing theme to create classes/styles, you can use `makeStyles` described below.\n\n```jsx\nimport { useTheme } from '@fluentui/react-theme-provider';\n\nconst Content = () => {\n  const theme = useTheme();\n  ...\n};\n\nexport const App = () => (\n  <ThemeProvider>\n    <Content />\n  </ThemeProvider>\n);\n```\n\n### ThemeContext.Consumer\n\nTheme can be accessed in Class Component using `ThemeContext.Consumer`.\n\n```tsx\nimport { Theme, ThemeContext } from '@fluentui/react-theme-provider';\n\nclass Content extends React.Component {\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme: Theme | undefined) => {\n          ...\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n}\n\nexport const App = () => (\n  <ThemeProvider>\n    <Content />\n  </ThemeProvider>\n);\n```\n\n### Create classes for React components based on theme\n\nTheme can be accessed using the `makeStyles` hook. This hook abstracts rendering css given the theme object:\n\n```jsx\nimport { makeStyles } from '@fluentui/react-theme-provider';\n\nconst useFooStyles = makeStyles(theme => ({\n    root: {\n      background: theme.semanticColors.bodyBackground,\n      ':hover': {\n        background: theme.semanticColors.bodyBackgroundHovered\n    },\n}));\n\nconst Foo = props => {\n  const classes = useFooStyles();\n\n  return <div className={classes.root} />;\n};\n```\n\n## How does this change other existing ways of theming Fluent UI components?\n\n### Customizer\n\n`Customizer` is now deprecated and you should replace it with `ThemeProvider`.\n`CustomizerContext` is now deprecated and you should replace it with `ThemeContext` or `useTheme` hook.\n\nDeprecations remain to be functional as is but they will be removed in Fluent UI v9 release.\n\n#### Replace settings prop\n\nBefore:\n\n```jsx\n<Customizer settings={{ theme }} />\n```\n\nAfter:\n\n```jsx\n<ThemeProvider theme={theme} />\n```\n\n#### Replace scopedSettings prop\n\nBefore:\n\n```jsx\n<Customizer\n  scopedSettings={{\n    Checkbox: {\n      styles: CheckboxStyles,\n    },\n  }}\n/>\n```\n\nAfter:\n\n```jsx\n<ThemeProvider\n  theme={{\n    components: { Checkbox: { styles: CheckboxStyles } },\n  }}\n/>\n```\n\n#### Replace CustomizerContext\n\nBefore:\n\n```jsx\n  <CustomizerContext.Consumer>\n    {(parentContext: ICustomizerContext) => {\n      const theme = parentContext.customizations.settings;\n      ...\n    }\n  </CustomizerContext.Consumer>\n```\n\nAfter:\nSee options in [Accessing theme](https://github.com/microsoft/fluentui/blob/master/packages/react-theme-provider/README.md#accessing-theme).\n\n### loadTheme\n\n`loadTheme` remains to work as is. However, you are recommended to replace `loadTheme` with `ThemeProvider`. That way, your application consistently has one way of providing theme.\n\nTo do that, instead of calling `loadTheme(your_theme)`, you will simply wrap the root component of your React application once with `ThemeProvider`:\n\n```jsx\n<ThemeProvider theme={your_theme}>\n  <App />\n</ThemeProvider>\n```\n\nOne caveat here is that if you app has styles which relies on `@microsoft/load-themed-styles`, `ThemeProvider` won't be able to replace `loadTheme` in this case.\n\n### Fabric component\n\nInstead of using `Fabric` component, you can now replace it fully with `ThemeProvider`. Here is how to replace each prop usage:\n\n| Fabric             | ThemeProvider                                                                                                                                                                                       |\n| ------------------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| `componentRef`     | `ref`                                                                                                                                                                                               |\n| `as`               | `as`                                                                                                                                                                                                |\n| `theme`            | `theme`                                                                                                                                                                                             |\n| `styles`           | Not longer support `styles` prop. If you need to style the root element, you can do that using (inline) style or className prop. Setting arbitrary styles for document body is no longer supported. |\n| `applyTheme`       | This is now applied by default, or by setting `applyTo=\"element\"`. If you don't want any body styles to be applied on root element, you can set `applyTo=\"none\"`.                                   |\n| `applyThemeToBody` | `applyTo=\"body\"`                                                                                                                                                                                    |\n| `dir`              | set `rtl` in `theme` prop                                                                                                                                                                           |\n\n#### Other call-outs\n\n- `ThemeProvider` by default sets `background-color` for the root element using `theme.semanticColors.bodyBackground`. If you find the background color being incorrect after switching to `ThemeProvider`, the right fix is likely that you need to update your theme definition to have the correct `bodyBackground`. Or, if you don't want any default stylings applied to the root element, you can set `applyTo` prop to `\"none\"`.\n- `ThemeProvider` does not set `font-family: inherit` on all native `button`, `input`, `textArea` elements. If you find any Fluent UI component having incorrect fonts after switching to `ThemeProvider`, please [report an issue](https://github.com/microsoft/fluentui/issues/new?template=bug_report.md).\n","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-api":"just-scripts update-api","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.6","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":["lib/version.js"],"_nodeVersion":"12.18.3","dependencies":{"tslib":"^1.10.0","classnames":"^2.2.6","@fluentui/theme":"^2.0.0-beta.6","@fluentui/utilities":"^8.0.0-beta.6","@fluentui/react-hooks":"^8.0.0-beta.6","@fluentui/set-version":"^8.0.0-beta.0","@fluentui/merge-styles":"^8.0.0-beta.1","@fluentui/react-compose":"^1.0.0-beta.6","@fluentui/react-stylesheets":"^1.0.0-beta.1","@fluentui/react-window-provider":"^2.0.0-beta.1"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"16.8.6","enzyme":"~3.10.0","react-dom":"16.8.6","@types/jest":"~24.9.0","@types/react":"16.8.25","@types/enzyme":"3.10.3","@types/react-dom":"16.8.4","@fluentui/scripts":"^1.0.0","@types/classnames":"^2.2.9","@types/webpack-env":"1.15.1","react-test-renderer":"^16.3.0","@fluentui/eslint-plugin":"^1.0.0-beta.0","enzyme-adapter-react-16":"^1.15.0","@fluentui/test-utilities":"^8.0.0-beta.1","@fluentui/style-utilities":"^8.0.0-beta.6","@types/react-test-renderer":"^16.0.0","@types/enzyme-adapter-react-16":"1.0.3"},"peerDependencies":{"react":">=16.8.0 <17.0.0","@types/react":">=16.8.0 <17.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_1.0.0-beta.7_1605097691165_0.35971535119357223","host":"s3://npm-registry-packages"}},"0.17.0":{"name":"@fluentui/react-theme-provider","version":"0.17.0","license":"MIT","_id":"@fluentui/react-theme-provider@0.17.0","maintainers":[{"name":"jdhuntington","email":"jdhuntington@gmail.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"a09f8e10404872652f207ba99825e9feb8d1ad26","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-0.17.0.tgz","fileCount":237,"integrity":"sha512-+KVaXyMgHAitJDbWMUtifcdFrm+rIYh3hlE+dl2qDKRywofnlOp8trrzy2Q2/1bNilnpOCI5WobkMpQmetgDuw==","signatures":[{"sig":"MEUCIQCQ76V9lh07GSEicMSTGxaCV+u1HI4IECOtjJWqshZbpQIgJbjlsWJYRcsHZz+1TRZg4YQGNymCFBPWiSL3+ujB8U8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":29828858,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfs8D/CRA9TVsSAnZWagAANosP/0/uuYV7wl95N8BBBnRh\n/1yyZ56GOupHvjesVScffAxduyp/wzzyNocpq28OA99Aa/0h3s+OyI6hsFP2\nWahjwqVq4EdBzmM+hl1dh6H+B6619ohspMmgfY4nBbQvcipnTvnKxXKpjVLO\nmPY3X/Rc4GMcaEdUJSzUpD6o9z3gz7qhgpckU1B3ON0ZnXIQy3HHoAtykwL/\nb8C3VPPgMii+fpom6mnVXPmguUbvByXQYsv62nA2OH+3yTyHh30glUZS/PRC\nA6DPTVE+IcGplLWI7OHQCmy8xyyD/DvjQ5lfrnGRmgv1aoi2JEwvQSaV0yzn\nLQz+8J8sRCUmEnYUTSHjxfcdIPnwbdRg16lNZXJIiJTetOio0OdNeu25PyC/\nBPMRJgb2wpjcUL8ZhaPjW67ivghqE7zsyspPeccz3nCT2HtabrhiFkVszA5R\nC+8Q1a3lt62w91wQ1oT+IrbEWM6AtfEGu7imQjTYcFSxLOnWo+ByKT1YsQsv\ndvrrG4trlAmB+KtQn3Lkw4KJtK/0ksVsg1QB5//oP4YlLXrbm1MWvYZixqHY\naoG3U+jaHAiv4KLzTNzTpDxSuA92VbDnBIkrsAHYbK9EQYpTwwe2C+G8P5Ab\nf4KSGwk8G5xL6ZvNLy4tSgURrOVoaYxE3QZRxMLbQ8nNqc9ihaO17MTxzPwZ\nsXy3\r\n=vfnp\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","bundle":"just-scripts bundle","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-api":"just-scripts update-api","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.6","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":["lib/version.js"],"_nodeVersion":"12.18.3","dependencies":{"tslib":"^1.10.0","classnames":"^2.2.6","@fluentui/theme":"^1.7.0","@uifabric/utilities":"^7.33.2","@uifabric/react-hooks":"^7.13.9","@uifabric/set-version":"^7.0.23","@uifabric/merge-styles":"^7.19.1","@fluentui/react-compose":"^0.19.11","@fluentui/react-stylesheets":"^0.2.4","@fluentui/react-window-provider":"^1.0.1"},"_hasShrinkwrap":false,"devDependencies":{"react":"16.8.6","enzyme":"~3.10.0","react-dom":"16.8.6","@types/jest":"~24.9.0","@types/react":"16.8.25","@types/enzyme":"3.10.3","@uifabric/build":"^7.0.0","@types/react-dom":"16.8.4","@types/classnames":"^2.2.9","@uifabric/styling":"^7.16.18","@types/webpack-env":"1.15.1","react-test-renderer":"^16.3.0","@fluentui/eslint-plugin":"^0.54.1","enzyme-adapter-react-16":"^1.15.0","@uifabric/test-utilities":"^7.3.0","@types/react-test-renderer":"^16.0.0","@types/enzyme-adapter-react-16":"1.0.3"},"peerDependencies":{"react":">=16.8.0 <17.0.0","@types/react":">=16.8.0 <17.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_0.17.0_1605615870454_0.5852929685281565","host":"s3://npm-registry-packages"}},"1.0.0-beta.8":{"name":"@fluentui/react-theme-provider","version":"1.0.0-beta.8","license":"MIT","_id":"@fluentui/react-theme-provider@1.0.0-beta.8","maintainers":[{"name":"jdhuntington","email":"jdhuntington@gmail.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"ae02470253068153e29389a264d407c15ef3ba03","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-1.0.0-beta.8.tgz","fileCount":219,"integrity":"sha512-vMnoYj5hxaf6vMnBNIwoO724xd8vFELd4FDqujK3K9KmTlg8s9oH30jgYLiYz/5qh9bByGbTBnuLiXPDF3zioA==","signatures":[{"sig":"MEUCIEbtQTCobb4VYwl04Gjh5bAMWTbkuPPxrPQwDDBJiVBaAiEAzT+OaKS0jMPPIdyLCiAUWQr3cFKuWtXGoeSq0s+Wq2E=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":341483,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfs8MXCRA9TVsSAnZWagAAAygP/3nJaFoevWh9PVC2VU1K\neESZCobaFAe4I3PLbZy0pmtUwD6Y6Id6/rM/a/80lTbinpN97x2UdMKN0h/e\n6dovwmpnXdEfkCacTvVNxUFbrHoD3xNLpBO9y53Ouib3rQl9dxuAoAMrasB3\n6OTAXJZrkYWhSTs3YemVn0jm8egzLRRODy2PU7TM8cHH3CUT9ur6JB2NCPQp\ncJquU9hICOy+tZyAiHWxC5QR5qWeudMOT2wLpvSWppBHRlWwDAouthino7HL\nIefXnKqH6014s472Wapt8AI8nwihqE36uyf6/LVBuLP8ocRP6IO0kzTQ7DpE\nblpcN67Zzzhovecl4Arqwm3oa/kxraTB+BfxLDxEaeVzunZYWylGpOKZpPqr\nh0PZCK4AyHUCT2PLfERduu+TLqD30c4i8MdH+Anrit1wjiUxiolXFcH3OQUg\n/ltfalsFKUOw5j2DXI3kMPiBx/1LlkE3/UN5dl8xGC8pdmAKeurGGh1WJ2a+\ndo4CMkCJOAh+MCkcnjxTUjBZLOl1R/qa2YSzIlmDUTZWQwdsZ1ctUzsaImdE\nMlcHqh59QzEyU4a3SLsSQUfXfM74pUxusVKfzaNIhouD/xrACxd5DOY6EPvk\nbBVOMEXthfKq0pAr6A0LhJHOhc7XjBTSUfPC1zCYq8NQaz859Pav7BKyKMly\nNmAJ\r\n=hj9x\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","readme":"# @fluentui/react-theme-provider\n\n**React theming component and hook for [Fluent UI React](https://developer.microsoft.com/en-us/fluentui)**\n\n## Installation\n\n```bash\nyarn add @fluentui/react-theme-provider\n```\n\n## Example usage\n\nUse the theme with Fluent UI by wrapping content within the provider. If `theme` is not provided, default (Fluent) theme will be provided:\n\n```tsx\nimport { ThemeProvider } from '@fluentui/react-theme-provider';\n\nexport const App = () => (\n  <ThemeProvider>\n    <>...app</>\n  </ThemeProvider>\n);\n```\n\nYou can also customize your own theme:\n\n```tsx\nimport { ThemeProvider, PartialTheme } from '@fluentui/react-theme-provider';\n\nconst appTheme: PartialTheme = {\n  palette: {\n    themePrimary: 'red'\n    ...\n  }\n};\n\nexport const App = () => (\n  <ThemeProvider theme={appTheme}>\n    App content ...\n  </ThemeProvider>\n);\n```\n\nYou can also nest `ThemeProvider`s:\n\n```tsx\nimport { ThemeProvider, PartialTheme } from '@fluentui/react-theme-provider';\n\nconst appTheme: PartialTheme = {\n  palette: {\n    themePrimary: 'red'\n    ...\n  }\n};\n\nconst headerTheme: PartialTheme = {\n  palette: {\n    themePrimary: 'orange'\n    ...\n  }\n};\n\nexport const App = () => (\n  <ThemeProvider theme={appTheme}>\n    <ThemeProvider theme={headerTheme}>\n      <MyHeader />\n    </ThemeProvider>\n\n    App content ...\n  </ThemeProvider>\n);\n```\n\nYou can apply component-level styles:\n\n```tsx\nimport { Checkbox } from '@fluentui/react';\nimport { ThemeProvider, createTheme } from '@fluentui/react-theme-provider';\n\nexport const App = () => (\n  <ThemeProvider\n    theme={{\n      components: { Checkbox: { styles: { root: { background: 'red' } } } },\n    }}\n  >\n    <Checkbox />\n  </ThemeProvider>\n);\n```\n\n## Accessing theme\n\n### useTheme\n\nTheme can be accessed using `useTheme` hook. If you are specifically accessing theme to create classes/styles, you can use `makeStyles` described below.\n\n```jsx\nimport { useTheme } from '@fluentui/react-theme-provider';\n\nconst Content = () => {\n  const theme = useTheme();\n  ...\n};\n\nexport const App = () => (\n  <ThemeProvider>\n    <Content />\n  </ThemeProvider>\n);\n```\n\n### ThemeContext.Consumer\n\nTheme can be accessed in Class Component using `ThemeContext.Consumer`.\n\n```tsx\nimport { Theme, ThemeContext } from '@fluentui/react-theme-provider';\n\nclass Content extends React.Component {\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme: Theme | undefined) => {\n          ...\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n}\n\nexport const App = () => (\n  <ThemeProvider>\n    <Content />\n  </ThemeProvider>\n);\n```\n\n### Create classes for React components based on theme\n\nTheme can be accessed using the `makeStyles` hook. This hook abstracts rendering css given the theme object:\n\n```jsx\nimport { makeStyles } from '@fluentui/react-theme-provider';\n\nconst useFooStyles = makeStyles(theme => ({\n    root: {\n      background: theme.semanticColors.bodyBackground,\n      ':hover': {\n        background: theme.semanticColors.bodyBackgroundHovered\n    },\n}));\n\nconst Foo = props => {\n  const classes = useFooStyles();\n\n  return <div className={classes.root} />;\n};\n```\n\n## How does this change other existing ways of theming Fluent UI components?\n\n### Customizer\n\n`Customizer` is now deprecated and you should replace it with `ThemeProvider`.\n`CustomizerContext` is now deprecated and you should replace it with `ThemeContext` or `useTheme` hook.\n\nDeprecations remain to be functional as is but they will be removed in Fluent UI v9 release.\n\n#### Replace settings prop\n\nBefore:\n\n```jsx\n<Customizer settings={{ theme }} />\n```\n\nAfter:\n\n```jsx\n<ThemeProvider theme={theme} />\n```\n\n#### Replace scopedSettings prop\n\nBefore:\n\n```jsx\n<Customizer\n  scopedSettings={{\n    Checkbox: {\n      styles: CheckboxStyles,\n    },\n  }}\n/>\n```\n\nAfter:\n\n```jsx\n<ThemeProvider\n  theme={{\n    components: { Checkbox: { styles: CheckboxStyles } },\n  }}\n/>\n```\n\n#### Replace CustomizerContext\n\nBefore:\n\n```jsx\n  <CustomizerContext.Consumer>\n    {(parentContext: ICustomizerContext) => {\n      const theme = parentContext.customizations.settings;\n      ...\n    }\n  </CustomizerContext.Consumer>\n```\n\nAfter:\nSee options in [Accessing theme](https://github.com/microsoft/fluentui/blob/master/packages/react-theme-provider/README.md#accessing-theme).\n\n### loadTheme\n\n`loadTheme` remains to work as is. However, you are recommended to replace `loadTheme` with `ThemeProvider`. That way, your application consistently has one way of providing theme.\n\nTo do that, instead of calling `loadTheme(your_theme)`, you will simply wrap the root component of your React application once with `ThemeProvider`:\n\n```jsx\n<ThemeProvider theme={your_theme}>\n  <App />\n</ThemeProvider>\n```\n\nOne caveat here is that if you app has styles which relies on `@microsoft/load-themed-styles`, `ThemeProvider` won't be able to replace `loadTheme` in this case.\n\n### Fabric component\n\nInstead of using `Fabric` component, you can now replace it fully with `ThemeProvider`. Here is how to replace each prop usage:\n\n| Fabric             | ThemeProvider                                                                                                                                                                                       |\n| ------------------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| `componentRef`     | `ref`                                                                                                                                                                                               |\n| `as`               | `as`                                                                                                                                                                                                |\n| `theme`            | `theme`                                                                                                                                                                                             |\n| `styles`           | Not longer support `styles` prop. If you need to style the root element, you can do that using (inline) style or className prop. Setting arbitrary styles for document body is no longer supported. |\n| `applyTheme`       | This is now applied by default, or by setting `applyTo=\"element\"`. If you don't want any body styles to be applied on root element, you can set `applyTo=\"none\"`.                                   |\n| `applyThemeToBody` | `applyTo=\"body\"`                                                                                                                                                                                    |\n| `dir`              | set `rtl` in `theme` prop                                                                                                                                                                           |\n\n#### Other call-outs\n\n- `ThemeProvider` by default sets `background-color` for the root element using `theme.semanticColors.bodyBackground`. If you find the background color being incorrect after switching to `ThemeProvider`, the right fix is likely that you need to update your theme definition to have the correct `bodyBackground`. Or, if you don't want any default stylings applied to the root element, you can set `applyTo` prop to `\"none\"`.\n- `ThemeProvider` does not set `font-family: inherit` on all native `button`, `input`, `textArea` elements. If you find any Fluent UI component having incorrect fonts after switching to `ThemeProvider`, please [report an issue](https://github.com/microsoft/fluentui/issues/new?template=bug_report.md).\n","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-api":"just-scripts update-api","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.6","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":["lib/version.js"],"_nodeVersion":"12.18.3","dependencies":{"tslib":"^1.10.0","classnames":"^2.2.6","@fluentui/theme":"^2.0.0-beta.6","@fluentui/utilities":"^8.0.0-beta.6","@fluentui/react-hooks":"^8.0.0-beta.6","@fluentui/set-version":"^8.0.0-beta.0","@fluentui/merge-styles":"^8.0.0-beta.1","@fluentui/react-compose":"^1.0.0-beta.6","@fluentui/react-stylesheets":"^1.0.0-beta.1","@fluentui/react-window-provider":"^2.0.0-beta.1"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"16.8.6","enzyme":"~3.10.0","react-dom":"16.8.6","@types/jest":"~24.9.0","@types/react":"16.8.25","@types/enzyme":"3.10.3","@types/react-dom":"16.8.4","@fluentui/scripts":"^1.0.0","@types/classnames":"^2.2.9","@types/webpack-env":"1.15.1","react-test-renderer":"^16.3.0","@fluentui/eslint-plugin":"^1.0.0-beta.0","enzyme-adapter-react-16":"^1.15.0","@fluentui/test-utilities":"^8.0.0-beta.1","@fluentui/style-utilities":"^8.0.0-beta.6","@types/react-test-renderer":"^16.0.0","@types/enzyme-adapter-react-16":"1.0.3"},"peerDependencies":{"react":">=16.8.0 <17.0.0","@types/react":">=16.8.0 <17.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_1.0.0-beta.8_1605616406920_0.3152858990957337","host":"s3://npm-registry-packages"}},"0.18.0":{"name":"@fluentui/react-theme-provider","version":"0.18.0","license":"MIT","_id":"@fluentui/react-theme-provider@0.18.0","maintainers":[{"name":"jdhuntington","email":"jdhuntington@gmail.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"72fc1809a2b0720bdb66b9ff7d0505e69e036308","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-0.18.0.tgz","fileCount":246,"integrity":"sha512-dKSOZ1Sl2uVrDzjvfRtwHUluedU0MhEASukyeqGTpKTmg3ucPMYEZn+dgzFqRNpjs9trbb++N8R6Z19CWokXOw==","signatures":[{"sig":"MEQCIAUkGjHDBhM+Z51Tnpn8iIUlBq20JWlXdS+ISigoqP/4AiB5l8Hmu0lILj67b8/GhO+onqrTVUJOFRtvcIslS6pawA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":29848329,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJftRJmCRA9TVsSAnZWagAAarUP/iOJUs7JSzJiwxm7Ygb9\n+KYz0gJGHl8Szz9d3xbt7p8letyVeCgVJNLVWK5f3/pagKoijKw3fe86wnHM\n0OPdVYQfnUyCfMSGxB5gNy5C4p2BMP52w6+D9rDJ1f84BbYgC5vNCPpjSL8z\nUTDLcrqttkDA7HgPoFTuYUEIKa09f9IFACOwagTbf0u6Tlm2dbWDM8Du3qS8\nrtwjaSMmeNPaFsCw++TKSHjscXIBL1JfXDRzWjD2gPsLCqZGYxASSDXrOsGz\nSqfotvOjaNHHxOYBOTlZA6DfCHTpHl53QBaRnrTCto/UytCui9YZtwx6aVZu\nGau5Vh0ABm5H0aidPl6sY2wTwcnG3SF5zjSNA8UjT3Tf+4772Did5DEfJ2Z+\nf6tbuFm5XEmmhB/rmrWmlkG+DaLsQz3/eGo9vID7KC+2kDjhYMgrfcy6Gsv3\nM6imB4NOFkkp9Nv1B2HKBpbKOujn24fsIlirkoHgEzFKyyqvrzpS+i6atY57\npzIwhSp1VxaXB5Kz65ZzRKUbF/yEhcGxtGG/jKDenHk9cAZaw7iP0lvhRmoj\n4zwhtxeDI6m4YDP2WPFvyo9m366GzcXQpJqAYBB62URBGTPZ6r0gwryo19fq\nv7+EKetIcQtrXr/2fGb0J2A1R/4gbcz5JYH2taMQ1KW9vpvumAEvl32GoxB6\nUB8i\r\n=Pzt2\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","bundle":"just-scripts bundle","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-api":"just-scripts update-api","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.6","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":["lib/version.js"],"_nodeVersion":"12.18.3","dependencies":{"tslib":"^1.10.0","classnames":"^2.2.6","@fluentui/theme":"^1.7.0","@uifabric/utilities":"^7.33.2","@uifabric/react-hooks":"^7.13.9","@uifabric/set-version":"^7.0.23","@uifabric/merge-styles":"^7.19.1","@fluentui/react-compose":"^0.19.12","@fluentui/react-stylesheets":"^0.2.4","@fluentui/react-window-provider":"^1.0.1"},"_hasShrinkwrap":false,"devDependencies":{"react":"16.8.6","enzyme":"~3.10.0","react-dom":"16.8.6","@types/jest":"~24.9.0","@types/react":"16.8.25","@types/enzyme":"3.10.3","@uifabric/build":"^7.0.0","@types/react-dom":"16.8.4","@types/classnames":"^2.2.9","@uifabric/styling":"^7.16.18","@types/webpack-env":"1.15.1","react-test-renderer":"^16.3.0","@fluentui/eslint-plugin":"^0.54.1","enzyme-adapter-react-16":"^1.15.0","@uifabric/test-utilities":"^7.3.0","@types/react-test-renderer":"^16.0.0","@types/enzyme-adapter-react-16":"1.0.3"},"peerDependencies":{"react":">=16.8.0 <17.0.0","@types/react":">=16.8.0 <17.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_0.18.0_1605702245771_0.9856935039818944","host":"s3://npm-registry-packages"}},"1.0.0-beta.9":{"name":"@fluentui/react-theme-provider","version":"1.0.0-beta.9","license":"MIT","_id":"@fluentui/react-theme-provider@1.0.0-beta.9","maintainers":[{"name":"jdhuntington","email":"jdhuntington@gmail.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"9106d21a2f3f506c64eeb40ebfd8257311e5e180","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-1.0.0-beta.9.tgz","fileCount":228,"integrity":"sha512-HkNPyfOsz+rLYMXVFVUOxsYltvpCdhkBwCREc6c+WluyOcWAAlwKTGyk/SLbOQ5ucXfCi0JDbNf9JjnDkNR/8A==","signatures":[{"sig":"MEYCIQCwvebnRPkkW6P/6/0/2AyvAwOGzTpkH+IhM8hmDq2yEQIhAP0kLdMTkclxmTCTAb/gttSiSmE8ndPkhuwEDAkvdAcX","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":355544,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJftRMlCRA9TVsSAnZWagAA+4AQAIWtiS74ThxKHhZoL6tK\n8ffSHPKJkrkJR46MjV3nNcb03SKtDalhaD13Eutj9zfRlafQi3HXu/iN495y\nM9TEFzjqjs8bfKcWbKiuk38Q+rEmvahDPxljP8oktby2KZyQr45p+APGBz6e\nxleEAmuzOWZuogtHSz8LCgxDEl5xyDsigVsVDa3G782XMH/GwccjvN6pyhgS\n4BqGto3fFOSyxbnnwhwBYIpPaR0oAV/2HPLsgNP7BwbIlWsEtssc1nJWMCzG\n6sKvoiKNBF1cIzPKd4yrlJmZWTnnImruV3H61a40/f4YfSbCG/6gsApXoMtL\n+pHhB+NAZ2cS17a8poEGS5W8tSosftqxsU978KafZfyUdlkjr8hHKm9Dj61w\nQ4fBLh2oPc7E5lykTf8bchMVcFrPzbHCqf4KsXlSTMuRh3QLRh7wOfVfKqwu\ntjWKg9jDB1rFGUPtGYs8G50h4eZ4k3ymIg/iOErqkyRw/9AWrisyK9TrzPMM\n1jFAgupN+UPg/0/ghmkRG1K62jEgI8wdRf+qsa8n4NSrM0GSVYGBSZLBZRFS\nUcgFVJ+WNWRBUzi2fNQA0AcaXAfJOxHCgkyF3UEx5GgOe3cWxn3XtU5Jyszb\nWnobdcQm+qTkoNZgH9yqi1ns2T38V+HvjpUI/8NFN9t1AokwHbnYAaLhNZDR\nU69u\r\n=U/rW\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","readme":"# @fluentui/react-theme-provider\n\n**React theming component and hook for [Fluent UI React](https://developer.microsoft.com/en-us/fluentui)**\n\n## Installation\n\n```bash\nyarn add @fluentui/react-theme-provider\n```\n\n## Example usage\n\nUse the theme with Fluent UI by wrapping content within the provider. If `theme` is not provided, default (Fluent) theme will be provided:\n\n```tsx\nimport { ThemeProvider } from '@fluentui/react-theme-provider';\n\nexport const App = () => (\n  <ThemeProvider>\n    <>...app</>\n  </ThemeProvider>\n);\n```\n\nYou can also customize your own theme:\n\n```tsx\nimport { ThemeProvider, PartialTheme } from '@fluentui/react-theme-provider';\n\nconst appTheme: PartialTheme = {\n  palette: {\n    themePrimary: 'red'\n    ...\n  }\n};\n\nexport const App = () => (\n  <ThemeProvider theme={appTheme}>\n    App content ...\n  </ThemeProvider>\n);\n```\n\nYou can also nest `ThemeProvider`s:\n\n```tsx\nimport { ThemeProvider, PartialTheme } from '@fluentui/react-theme-provider';\n\nconst appTheme: PartialTheme = {\n  palette: {\n    themePrimary: 'red'\n    ...\n  }\n};\n\nconst headerTheme: PartialTheme = {\n  palette: {\n    themePrimary: 'orange'\n    ...\n  }\n};\n\nexport const App = () => (\n  <ThemeProvider theme={appTheme}>\n    <ThemeProvider theme={headerTheme}>\n      <MyHeader />\n    </ThemeProvider>\n\n    App content ...\n  </ThemeProvider>\n);\n```\n\nYou can apply component-level styles:\n\n```tsx\nimport { Checkbox } from '@fluentui/react';\nimport { ThemeProvider, createTheme } from '@fluentui/react-theme-provider';\n\nexport const App = () => (\n  <ThemeProvider\n    theme={{\n      components: { Checkbox: { styles: { root: { background: 'red' } } } },\n    }}\n  >\n    <Checkbox />\n  </ThemeProvider>\n);\n```\n\n## Accessing theme\n\n### useTheme\n\nTheme can be accessed using `useTheme` hook. If you are specifically accessing theme to create classes/styles, you can use `makeStyles` described below.\n\n```jsx\nimport { useTheme } from '@fluentui/react-theme-provider';\n\nconst Content = () => {\n  const theme = useTheme();\n  ...\n};\n\nexport const App = () => (\n  <ThemeProvider>\n    <Content />\n  </ThemeProvider>\n);\n```\n\n### ThemeContext.Consumer\n\nTheme can be accessed in Class Component using `ThemeContext.Consumer`.\n\n```tsx\nimport { Theme, ThemeContext } from '@fluentui/react-theme-provider';\n\nclass Content extends React.Component {\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme: Theme | undefined) => {\n          ...\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n}\n\nexport const App = () => (\n  <ThemeProvider>\n    <Content />\n  </ThemeProvider>\n);\n```\n\n### Create classes for React components based on theme\n\nTheme can be accessed using the `makeStyles` hook. This hook abstracts rendering css given the theme object:\n\n```jsx\nimport { makeStyles } from '@fluentui/react-theme-provider';\n\nconst useFooStyles = makeStyles(theme => ({\n    root: {\n      background: theme.semanticColors.bodyBackground,\n      ':hover': {\n        background: theme.semanticColors.bodyBackgroundHovered\n    },\n}));\n\nconst Foo = props => {\n  const classes = useFooStyles();\n\n  return <div className={classes.root} />;\n};\n```\n\n## How does this change other existing ways of theming Fluent UI components?\n\n### Customizer\n\n`Customizer` is now deprecated and you should replace it with `ThemeProvider`.\n`CustomizerContext` is now deprecated and you should replace it with `ThemeContext` or `useTheme` hook.\n\nDeprecations remain to be functional as is but they will be removed in Fluent UI v9 release.\n\n#### Replace settings prop\n\nBefore:\n\n```jsx\n<Customizer settings={{ theme }} />\n```\n\nAfter:\n\n```jsx\n<ThemeProvider theme={theme} />\n```\n\n#### Replace scopedSettings prop\n\nBefore:\n\n```jsx\n<Customizer\n  scopedSettings={{\n    Checkbox: {\n      styles: CheckboxStyles,\n    },\n  }}\n/>\n```\n\nAfter:\n\n```jsx\n<ThemeProvider\n  theme={{\n    components: { Checkbox: { styles: CheckboxStyles } },\n  }}\n/>\n```\n\n#### Replace CustomizerContext\n\nBefore:\n\n```jsx\n  <CustomizerContext.Consumer>\n    {(parentContext: ICustomizerContext) => {\n      const theme = parentContext.customizations.settings;\n      ...\n    }\n  </CustomizerContext.Consumer>\n```\n\nAfter:\nSee options in [Accessing theme](https://github.com/microsoft/fluentui/blob/master/packages/react-theme-provider/README.md#accessing-theme).\n\n### loadTheme\n\n`loadTheme` remains to work as is. However, you are recommended to replace `loadTheme` with `ThemeProvider`. That way, your application consistently has one way of providing theme.\n\nTo do that, instead of calling `loadTheme(your_theme)`, you will simply wrap the root component of your React application once with `ThemeProvider`:\n\n```jsx\n<ThemeProvider theme={your_theme}>\n  <App />\n</ThemeProvider>\n```\n\nOne caveat here is that if you app has styles which relies on `@microsoft/load-themed-styles`, `ThemeProvider` won't be able to replace `loadTheme` in this case.\n\n### Fabric component\n\nInstead of using `Fabric` component, you can now replace it fully with `ThemeProvider`. Here is how to replace each prop usage:\n\n| Fabric             | ThemeProvider                                                                                                                                                                                       |\n| ------------------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| `componentRef`     | `ref`                                                                                                                                                                                               |\n| `as`               | `as`                                                                                                                                                                                                |\n| `theme`            | `theme`                                                                                                                                                                                             |\n| `styles`           | Not longer support `styles` prop. If you need to style the root element, you can do that using (inline) style or className prop. Setting arbitrary styles for document body is no longer supported. |\n| `applyTheme`       | This is now applied by default, or by setting `applyTo=\"element\"`. If you don't want any body styles to be applied on root element, you can set `applyTo=\"none\"`.                                   |\n| `applyThemeToBody` | `applyTo=\"body\"`                                                                                                                                                                                    |\n| `dir`              | set `rtl` in `theme` prop                                                                                                                                                                           |\n\n#### Other call-outs\n\n- `ThemeProvider` by default sets `background-color` for the root element using `theme.semanticColors.bodyBackground`. If you find the background color being incorrect after switching to `ThemeProvider`, the right fix is likely that you need to update your theme definition to have the correct `bodyBackground`. Or, if you don't want any default stylings applied to the root element, you can set `applyTo` prop to `\"none\"`.\n- `ThemeProvider` does not set `font-family: inherit` on all native `button`, `input`, `textArea` elements. If you find any Fluent UI component having incorrect fonts after switching to `ThemeProvider`, please [report an issue](https://github.com/microsoft/fluentui/issues/new?template=bug_report.md).\n","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-api":"just-scripts update-api","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.6","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":["lib/version.js"],"_nodeVersion":"12.18.3","dependencies":{"tslib":"^1.10.0","classnames":"^2.2.6","@fluentui/theme":"^2.0.0-beta.6","@fluentui/utilities":"^8.0.0-beta.6","@fluentui/react-hooks":"^8.0.0-beta.6","@fluentui/set-version":"^8.0.0-beta.0","@fluentui/merge-styles":"^8.0.0-beta.1","@fluentui/react-compose":"^1.0.0-beta.7","@fluentui/react-stylesheets":"^1.0.0-beta.1","@fluentui/react-window-provider":"^2.0.0-beta.1"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"16.8.6","enzyme":"~3.10.0","react-dom":"16.8.6","@types/jest":"~24.9.0","@types/react":"16.8.25","@types/enzyme":"3.10.3","@types/react-dom":"16.8.4","@fluentui/scripts":"^1.0.0","@types/classnames":"^2.2.9","@types/webpack-env":"1.15.1","react-test-renderer":"^16.3.0","@fluentui/eslint-plugin":"^1.0.0-beta.0","enzyme-adapter-react-16":"^1.15.0","@fluentui/test-utilities":"^8.0.0-beta.1","@fluentui/style-utilities":"^8.0.0-beta.6","@types/react-test-renderer":"^16.0.0","@types/enzyme-adapter-react-16":"1.0.3"},"peerDependencies":{"react":">=16.8.0 <17.0.0","@types/react":">=16.8.0 <17.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_1.0.0-beta.9_1605702437137_0.032411458048678954","host":"s3://npm-registry-packages"}},"1.0.0-beta.10":{"name":"@fluentui/react-theme-provider","version":"1.0.0-beta.10","license":"MIT","_id":"@fluentui/react-theme-provider@1.0.0-beta.10","maintainers":[{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"jdhuntington","email":"jdhuntington@gmail.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"7273940aba1ffb83d18b4b56efef6d4577e6baa2","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-1.0.0-beta.10.tgz","fileCount":219,"integrity":"sha512-p+2V7cydBpUScNoHZaqD4h5lAcW5jABcqTcO0mFX/aOb66iXxuGSpLS9ONBcRBf3GO21zCCV5UQrslB/Tx3Zig==","signatures":[{"sig":"MEQCIFt1pOyLP30fK7Zq4MnNbliv9eRFgkO5GYJjzdRXaaiPAiAlDNY+MHDYB/WJppYLcEi48/WUcv1r8M/T+X1zQkBzPQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":316919,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfu6sBCRA9TVsSAnZWagAAaTcP/1wiCyjR53IqPf9kDMk6\nbIbkozkvxgPaBLkFNtCL8hMTUEmWAvSgHvS8SN7OiXjxDdJzlQ9PTBpIllDN\nyLm5U8gecS85J4MqqP0BPVdSZgGrMq2go5mHfzOshfAkh7T7H5PB0An4w6gA\nzW+78cq2oTGWICQuJtL9t63RruC4dmGuOBr9/EbRSG45EpRjYB15QAne1YXV\nHmHU5FzsnBw3WciU7owwOobqb/ZkOFDRhHk4/53RjtMM0W21Ceu/4pnh3TNE\nhyXCH2TUm0B5ZB80IpbwSk1XrJ3ImeVdJF8PMRf+a1qEa4ac3uMKg8pgjAkT\nu833w8SsBG8n2a1PoIi1nCfyFnjtOXB8gXkW/E8pb+2xCdiQTGTq/EqF9OZ4\nzVXnuErQx15UU+hZWL3yJkIIHXTRzaJscakA37J4J2PZM83y5A0248FEjUi6\nWvPloAN1nxnkC07aOUnFbKrsCEeIbzxc0BJs6aUUjuqPDXMkgaktlnFJHpOV\nfi6TMg+NYPHeXMYn4htziaozrdTkpSz0NkBG/k5XRRj7j+OCMC0NiGxa0x9i\nKDOF9vokOwjtZRatdqUxbuHdT3At5EVVTqUUg/XSOPlVNe2MeC/A7KEYhVe/\nE5fm6ei3+IMsVb5vouaa0EAHEfFhtOl4KOhZWt6DSxjPzl26leUYUmk06v/x\nk/JW\r\n=UY9p\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","readme":"# @fluentui/react-theme-provider\n\n**React theming component and hook for [Fluent UI React](https://developer.microsoft.com/en-us/fluentui)**\n\n## Installation\n\n```bash\nyarn add @fluentui/react-theme-provider\n```\n\n## Example usage\n\nUse the theme with Fluent UI by wrapping content within the provider. If `theme` is not provided, default (Fluent) theme will be provided:\n\n```tsx\nimport { ThemeProvider } from '@fluentui/react-theme-provider';\n\nexport const App = () => (\n  <ThemeProvider>\n    <>...app</>\n  </ThemeProvider>\n);\n```\n\nYou can also customize your own theme:\n\n```tsx\nimport { ThemeProvider, PartialTheme } from '@fluentui/react-theme-provider';\n\nconst appTheme: PartialTheme = {\n  palette: {\n    themePrimary: 'red'\n    ...\n  }\n};\n\nexport const App = () => (\n  <ThemeProvider theme={appTheme}>\n    App content ...\n  </ThemeProvider>\n);\n```\n\nYou can also nest `ThemeProvider`s:\n\n```tsx\nimport { ThemeProvider, PartialTheme } from '@fluentui/react-theme-provider';\n\nconst appTheme: PartialTheme = {\n  palette: {\n    themePrimary: 'red'\n    ...\n  }\n};\n\nconst headerTheme: PartialTheme = {\n  palette: {\n    themePrimary: 'orange'\n    ...\n  }\n};\n\nexport const App = () => (\n  <ThemeProvider theme={appTheme}>\n    <ThemeProvider theme={headerTheme}>\n      <MyHeader />\n    </ThemeProvider>\n\n    App content ...\n  </ThemeProvider>\n);\n```\n\nYou can apply component-level styles:\n\n```tsx\nimport { Checkbox } from '@fluentui/react';\nimport { ThemeProvider, createTheme } from '@fluentui/react-theme-provider';\n\nexport const App = () => (\n  <ThemeProvider\n    theme={{\n      components: { Checkbox: { styles: { root: { background: 'red' } } } },\n    }}\n  >\n    <Checkbox />\n  </ThemeProvider>\n);\n```\n\n## Accessing theme\n\n### useTheme\n\nTheme can be accessed using `useTheme` hook. If you are specifically accessing theme to create classes/styles, you can use `makeStyles` described below.\n\n```jsx\nimport { useTheme } from '@fluentui/react-theme-provider';\n\nconst Content = () => {\n  const theme = useTheme();\n  ...\n};\n\nexport const App = () => (\n  <ThemeProvider>\n    <Content />\n  </ThemeProvider>\n);\n```\n\n### ThemeContext.Consumer\n\nTheme can be accessed in Class Component using `ThemeContext.Consumer`.\n\n```tsx\nimport { Theme, ThemeContext } from '@fluentui/react-theme-provider';\n\nclass Content extends React.Component {\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme: Theme | undefined) => {\n          ...\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n}\n\nexport const App = () => (\n  <ThemeProvider>\n    <Content />\n  </ThemeProvider>\n);\n```\n\n### Create classes for React components based on theme\n\nTheme can be accessed using the `makeStyles` hook. This hook abstracts rendering css given the theme object:\n\n```jsx\nimport { makeStyles } from '@fluentui/react-theme-provider';\n\nconst useFooStyles = makeStyles(theme => ({\n    root: {\n      background: theme.semanticColors.bodyBackground,\n      ':hover': {\n        background: theme.semanticColors.bodyBackgroundHovered\n    },\n}));\n\nconst Foo = props => {\n  const classes = useFooStyles();\n\n  return <div className={classes.root} />;\n};\n```\n\n## How does this change other existing ways of theming Fluent UI components?\n\n### Customizer\n\n`Customizer` is now deprecated and you should replace it with `ThemeProvider`.\n`CustomizerContext` is now deprecated and you should replace it with `ThemeContext` or `useTheme` hook.\n\nDeprecations remain to be functional as is but they will be removed in Fluent UI v9 release.\n\n#### Replace settings prop\n\nBefore:\n\n```jsx\n<Customizer settings={{ theme }} />\n```\n\nAfter:\n\n```jsx\n<ThemeProvider theme={theme} />\n```\n\n#### Replace scopedSettings prop\n\nBefore:\n\n```jsx\n<Customizer\n  scopedSettings={{\n    Checkbox: {\n      styles: CheckboxStyles,\n    },\n  }}\n/>\n```\n\nAfter:\n\n```jsx\n<ThemeProvider\n  theme={{\n    components: { Checkbox: { styles: CheckboxStyles } },\n  }}\n/>\n```\n\n#### Replace CustomizerContext\n\nBefore:\n\n```jsx\n  <CustomizerContext.Consumer>\n    {(parentContext: ICustomizerContext) => {\n      const theme = parentContext.customizations.settings;\n      ...\n    }\n  </CustomizerContext.Consumer>\n```\n\nAfter:\nSee options in [Accessing theme](https://github.com/microsoft/fluentui/blob/master/packages/react-theme-provider/README.md#accessing-theme).\n\n### loadTheme\n\n`loadTheme` remains to work as is. However, you are recommended to replace `loadTheme` with `ThemeProvider`. That way, your application consistently has one way of providing theme.\n\nTo do that, instead of calling `loadTheme(your_theme)`, you will simply wrap the root component of your React application once with `ThemeProvider`:\n\n```jsx\n<ThemeProvider theme={your_theme}>\n  <App />\n</ThemeProvider>\n```\n\nOne caveat here is that if you app has styles which relies on `@microsoft/load-themed-styles`, `ThemeProvider` won't be able to replace `loadTheme` in this case.\n\n### Fabric component\n\nInstead of using `Fabric` component, you can now replace it fully with `ThemeProvider`. Here is how to replace each prop usage:\n\n| Fabric             | ThemeProvider                                                                                                                                                                                       |\n| ------------------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| `componentRef`     | `ref`                                                                                                                                                                                               |\n| `as`               | `as`                                                                                                                                                                                                |\n| `theme`            | `theme`                                                                                                                                                                                             |\n| `styles`           | Not longer support `styles` prop. If you need to style the root element, you can do that using (inline) style or className prop. Setting arbitrary styles for document body is no longer supported. |\n| `applyTheme`       | This is now applied by default, or by setting `applyTo=\"element\"`. If you don't want any body styles to be applied on root element, you can set `applyTo=\"none\"`.                                   |\n| `applyThemeToBody` | `applyTo=\"body\"`                                                                                                                                                                                    |\n| `dir`              | set `rtl` in `theme` prop                                                                                                                                                                           |\n\n#### Other call-outs\n\n- `ThemeProvider` by default sets `background-color` for the root element using `theme.semanticColors.bodyBackground`. If you find the background color being incorrect after switching to `ThemeProvider`, the right fix is likely that you need to update your theme definition to have the correct `bodyBackground`. Or, if you don't want any default stylings applied to the root element, you can set `applyTo` prop to `\"none\"`.\n- `ThemeProvider` does not set `font-family: inherit` on all native `button`, `input`, `textArea` elements. If you find any Fluent UI component having incorrect fonts after switching to `ThemeProvider`, please [report an issue](https://github.com/microsoft/fluentui/issues/new?template=bug_report.md).\n","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-api":"just-scripts update-api","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.6","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":["lib/version.js"],"_nodeVersion":"12.18.4","dependencies":{"tslib":"^1.10.0","classnames":"^2.2.6","@fluentui/theme":"^2.0.0-beta.7","@fluentui/utilities":"^8.0.0-beta.6","@fluentui/react-hooks":"^8.0.0-beta.6","@fluentui/set-version":"^8.0.0-beta.0","@fluentui/merge-styles":"^8.0.0-beta.1","@fluentui/react-compose":"^1.0.0-beta.7","@fluentui/react-stylesheets":"^1.0.0-beta.1","@fluentui/react-window-provider":"^2.0.0-beta.1"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"16.8.6","enzyme":"~3.10.0","react-dom":"16.8.6","@types/jest":"~24.9.0","@types/react":"16.8.25","@types/enzyme":"3.10.3","@types/react-dom":"16.8.4","@fluentui/scripts":"^1.0.0","@types/classnames":"^2.2.9","@types/webpack-env":"1.15.1","react-test-renderer":"^16.3.0","@fluentui/eslint-plugin":"^1.0.0-beta.0","enzyme-adapter-react-16":"^1.15.0","@fluentui/test-utilities":"^8.0.0-beta.1","@fluentui/style-utilities":"^8.0.0-beta.7","@types/react-test-renderer":"^16.0.0","@types/enzyme-adapter-react-16":"1.0.3"},"peerDependencies":{"react":">=16.8.0 <17.0.0","@types/react":">=16.8.0 <17.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_1.0.0-beta.10_1606134529307_0.5054246947371182","host":"s3://npm-registry-packages"}},"1.0.0-beta.11":{"name":"@fluentui/react-theme-provider","version":"1.0.0-beta.11","license":"MIT","_id":"@fluentui/react-theme-provider@1.0.0-beta.11","maintainers":[{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"jdhuntington","email":"jdhuntington@gmail.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"850ca52104d96fc7396bd802e46a8754a3af875f","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-1.0.0-beta.11.tgz","fileCount":219,"integrity":"sha512-AQjDG9XjeTz2s/683e9Ify3w5QE3yobg/+GJ/D9JuIjqzehn+vZB6DJo3Mzbo9Q7XIU/Ir7HiqciBnX+UH+aZw==","signatures":[{"sig":"MEQCIG0csFgf0mSbj41HxC0nPfu7POp1AEjdMcM8UQK4Kd8QAiAsL2s+SO1iKUbEkE5jL0dCqcmYMbyN2+H10MyRv9azqw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":317375,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfxjhQCRA9TVsSAnZWagAAXGEP/i0Vnne6y/nbXpweSVkx\nTjlH3SrUitMpGBZMmH7RE7B9RgfFIVfYQLjVs/KlnV4wsySAb13F4GpoH+B3\nMACrw02jHY5UU734+nyqg2BPIGrcxSkCtGCH7uGjSbn+Q7qNuvI70GB3avnd\nqggoxVwJPMf6qd97U380GTvxcn8zhFC3x2sQfTSncDiPlTvq9FS32qmaNUWD\nDFEpdqCIAp/09o9omYiqSR5Cyw6kjdqxufqPIV2cqG3EuYo2zKfrbvi4IIGp\nD10q3eGhgw2n/5hISRP1pnU0xYTa4pQGpG6z2sJGPI3j1wov0Si7n4CNi1xD\n/awNusxzmRRJ7iBA59ttgQrnU8b4yePT0aTJHH2YBmgGxrGa6uDhw3zctAGd\nRAhDDi3GdI8OkUDKGDflLAI0nk36HSunzYojuRjV4RQ378Or9AVAT+ZLXSLr\nu9lKrE1mYIRPCEsG9dEFnB1oTBPTXywbBQUTure7Yc611oXob8MCmj31S/NU\nsG3tjaUpEu5EiTNOwKEXwlKua2AbtCjX9WbV4r5SIftHncZnFQhwRoF1Sv0D\n1lHD+JYvXr39ZNspBSmVEQbdsHkSpXl5/pm0npdsUPEI2/Pdi6inKDZ4e4AY\nI1ilcvfBuqIUCA8ongI/m3kPz0RGfYJNtN+XP7OAp1CcNFGLxkqyz+I6Ro4e\nA5qG\r\n=c0dE\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","readme":"# @fluentui/react-theme-provider\n\n**React theming component and hook for [Fluent UI React](https://developer.microsoft.com/en-us/fluentui)**\n\n## Installation\n\n```bash\nyarn add @fluentui/react-theme-provider\n```\n\n## Example usage\n\nUse the theme with Fluent UI by wrapping content within the provider. If `theme` is not provided, default (Fluent) theme will be provided:\n\n```tsx\nimport { ThemeProvider } from '@fluentui/react-theme-provider';\n\nexport const App = () => (\n  <ThemeProvider>\n    <>...app</>\n  </ThemeProvider>\n);\n```\n\nYou can also customize your own theme:\n\n```tsx\nimport { ThemeProvider, PartialTheme } from '@fluentui/react-theme-provider';\n\nconst appTheme: PartialTheme = {\n  palette: {\n    themePrimary: 'red'\n    ...\n  }\n};\n\nexport const App = () => (\n  <ThemeProvider theme={appTheme}>\n    App content ...\n  </ThemeProvider>\n);\n```\n\nYou can also nest `ThemeProvider`s:\n\n```tsx\nimport { ThemeProvider, PartialTheme } from '@fluentui/react-theme-provider';\n\nconst appTheme: PartialTheme = {\n  palette: {\n    themePrimary: 'red'\n    ...\n  }\n};\n\nconst headerTheme: PartialTheme = {\n  palette: {\n    themePrimary: 'orange'\n    ...\n  }\n};\n\nexport const App = () => (\n  <ThemeProvider theme={appTheme}>\n    <ThemeProvider theme={headerTheme}>\n      <MyHeader />\n    </ThemeProvider>\n\n    App content ...\n  </ThemeProvider>\n);\n```\n\nYou can apply component-level styles:\n\n```tsx\nimport { Checkbox } from '@fluentui/react';\nimport { ThemeProvider, createTheme } from '@fluentui/react-theme-provider';\n\nexport const App = () => (\n  <ThemeProvider\n    theme={{\n      components: { Checkbox: { styles: { root: { background: 'red' } } } },\n    }}\n  >\n    <Checkbox />\n  </ThemeProvider>\n);\n```\n\n## Accessing theme\n\n### useTheme\n\nTheme can be accessed using `useTheme` hook. If you are specifically accessing theme to create classes/styles, you can use `makeStyles` described below.\n\n```jsx\nimport { useTheme } from '@fluentui/react-theme-provider';\n\nconst Content = () => {\n  const theme = useTheme();\n  ...\n};\n\nexport const App = () => (\n  <ThemeProvider>\n    <Content />\n  </ThemeProvider>\n);\n```\n\n### ThemeContext.Consumer\n\nTheme can be accessed in Class Component using `ThemeContext.Consumer`.\n\n```tsx\nimport { Theme, ThemeContext } from '@fluentui/react-theme-provider';\n\nclass Content extends React.Component {\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme: Theme | undefined) => {\n          ...\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n}\n\nexport const App = () => (\n  <ThemeProvider>\n    <Content />\n  </ThemeProvider>\n);\n```\n\n### Create classes for React components based on theme\n\nTheme can be accessed using the `makeStyles` hook. This hook abstracts rendering css given the theme object:\n\n```jsx\nimport { makeStyles } from '@fluentui/react-theme-provider';\n\nconst useFooStyles = makeStyles(theme => ({\n  root: {\n    background: theme.semanticColors.bodyBackground,\n    ':hover': {\n      background: theme.semanticColors.bodyBackgroundHovered,\n    },\n  },\n}));\n\nconst Foo = props => {\n  const classes = useFooStyles();\n\n  return <div className={classes.root} />;\n};\n```\n\n## How does this change other existing ways of theming Fluent UI components?\n\n### Customizer\n\n`Customizer` is now deprecated and you should replace it with `ThemeProvider`.\n`CustomizerContext` is now deprecated and you should replace it with `ThemeContext` or `useTheme` hook.\n\nDeprecations remain to be functional as is but they will be removed in Fluent UI v9 release.\n\n#### Replace settings prop\n\nBefore:\n\n```jsx\n<Customizer settings={{ theme }} />\n```\n\nAfter:\n\n```jsx\n<ThemeProvider theme={theme} />\n```\n\n#### Replace scopedSettings prop\n\nBefore:\n\n```jsx\n<Customizer\n  scopedSettings={{\n    Checkbox: {\n      styles: CheckboxStyles,\n    },\n  }}\n/>\n```\n\nAfter:\n\n```jsx\n<ThemeProvider\n  theme={{\n    components: { Checkbox: { styles: CheckboxStyles } },\n  }}\n/>\n```\n\n#### Replace CustomizerContext\n\nBefore:\n\n```jsx\n  <CustomizerContext.Consumer>\n    {(parentContext: ICustomizerContext) => {\n      const theme = parentContext.customizations.settings;\n      ...\n    }\n  </CustomizerContext.Consumer>\n```\n\nAfter:\nSee options in [Accessing theme](https://github.com/microsoft/fluentui/blob/master/packages/react-theme-provider/README.md#accessing-theme).\n\n### loadTheme\n\n`loadTheme` remains to work as is. However, you are recommended to replace `loadTheme` with `ThemeProvider`. That way, your application consistently has one way of providing theme.\n\nTo do that, instead of calling `loadTheme(your_theme)`, you will simply wrap the root component of your React application once with `ThemeProvider`:\n\n```jsx\n<ThemeProvider theme={your_theme}>\n  <App />\n</ThemeProvider>\n```\n\nOne caveat here is that if you app has styles which relies on `@microsoft/load-themed-styles`, `ThemeProvider` won't be able to replace `loadTheme` in this case.\n\n### Fabric component\n\nInstead of using `Fabric` component, you can now replace it fully with `ThemeProvider`. Here is how to replace each prop usage:\n\n| Fabric             | ThemeProvider                                                                                                                                                                                       |\n| ------------------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| `componentRef`     | `ref`                                                                                                                                                                                               |\n| `as`               | `as`                                                                                                                                                                                                |\n| `theme`            | `theme`                                                                                                                                                                                             |\n| `styles`           | Not longer support `styles` prop. If you need to style the root element, you can do that using (inline) style or className prop. Setting arbitrary styles for document body is no longer supported. |\n| `applyTheme`       | This is now applied by default, or by setting `applyTo=\"element\"`. If you don't want any body styles to be applied on root element, you can set `applyTo=\"none\"`.                                   |\n| `applyThemeToBody` | `applyTo=\"body\"`                                                                                                                                                                                    |\n| `dir`              | set `rtl` in `theme` prop                                                                                                                                                                           |\n\n#### Other call-outs\n\n- `ThemeProvider` by default sets `background-color` for the root element using `theme.semanticColors.bodyBackground`. If you find the background color being incorrect after switching to `ThemeProvider`, the right fix is likely that you need to update your theme definition to have the correct `bodyBackground`. Or, if you don't want any default stylings applied to the root element, you can set `applyTo` prop to `\"none\"`.\n- `ThemeProvider` does not set `font-family: inherit` on all native `button`, `input`, `textArea` elements. If you find any Fluent UI component having incorrect fonts after switching to `ThemeProvider`, please [report an issue](https://github.com/microsoft/fluentui/issues/new?template=bug_report.md).\n","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-api":"just-scripts update-api","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.6","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":["lib/version.js"],"_nodeVersion":"12.18.3","dependencies":{"tslib":"^1.10.0","classnames":"^2.2.6","@fluentui/theme":"^2.0.0-beta.8","@fluentui/utilities":"^8.0.0-beta.6","@fluentui/react-hooks":"^8.0.0-beta.6","@fluentui/set-version":"^8.0.0-beta.0","@fluentui/merge-styles":"^8.0.0-beta.1","@fluentui/react-compose":"^1.0.0-beta.7","@fluentui/react-stylesheets":"^1.0.0-beta.1","@fluentui/react-window-provider":"^2.0.0-beta.1"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"16.8.6","enzyme":"~3.10.0","react-dom":"16.8.6","@types/jest":"~24.9.0","@types/react":"16.8.25","@types/enzyme":"3.10.3","@types/react-dom":"16.8.4","@fluentui/scripts":"^1.0.0","@types/classnames":"^2.2.9","@types/webpack-env":"1.15.1","react-test-renderer":"^16.3.0","@fluentui/eslint-plugin":"^1.0.0-beta.0","enzyme-adapter-react-16":"^1.15.0","@fluentui/test-utilities":"^8.0.0-beta.1","@fluentui/style-utilities":"^8.0.0-beta.8","@types/react-test-renderer":"^16.0.0","@types/enzyme-adapter-react-16":"1.0.3"},"peerDependencies":{"react":">=16.8.0 <17.0.0","@types/react":">=16.8.0 <17.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_1.0.0-beta.11_1606826063571_0.9047232118317814","host":"s3://npm-registry-packages"}},"1.0.0-beta.12":{"name":"@fluentui/react-theme-provider","version":"1.0.0-beta.12","license":"MIT","_id":"@fluentui/react-theme-provider@1.0.0-beta.12","maintainers":[{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"jdhuntington","email":"jdhuntington@gmail.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"d8f86cf06837e2fb9a847a865cecf6df4ee444cd","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-1.0.0-beta.12.tgz","fileCount":219,"integrity":"sha512-1nYcUrFAma9W7hVdin0CmHXTyqtYlr7fcuADlibMifc5wnkx4rKV0DFaEhLqzTlqcpFF+spDUTQ0m06EsGiC9Q==","signatures":[{"sig":"MEUCIQCq4IN3B9jTyZGhqXmBy1Rw+Khv8UIdPsMhJdmHogdnKwIgJffci4eaI5Pnm01rtiuzYJclI/lg+6tDnUeo7+BOoO0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":317375,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfx4n+CRA9TVsSAnZWagAAXgEP/iZUrQIbB3ThUnc4Et6R\nCe+XktlinHAKdFa4kmGn5TDvUy8/j1ZLJEuZwRqvP7OwmVQr1c2Q5If3LP0a\nFufWWnaz7MQegqBpBgSlv+/84DhZwCZbB4L/Aq2UpEReVcZA9QLHjP8/ou+e\nAQNAa+xN2r0S30CX30/2zUDechHMYi/Rzo91TvrhnAonvn2SCrjadLRDkRAS\nrYqGH2DraSOphZlXOo1iZHR+XM4lQyF3/ROehY2flStDC7OB3kxSYF1ZIg3X\nYK1ni9IWcthSl+muFGGCkTjdZDprujANmra43CcAI3XvSc3NdPJW4ngNGE3F\n941hlpS5qorRmOutMmDXgokUhhNQjUHGXiL320QQlfVvYaKK7SvTkBwb6sq/\nkKX+qBS8tK2YJvE7w4Yzw/c5CRlIrolbc4ahtmS8R3a7bKJdAAdzgaljQfb+\nUrZjNNcRIKij0rT1OL3UcCzUVDeWn6ImcetSMeh3qAzURnUbLrY0AGMbqZhk\n3mqttGm/he9inTncKZ+318qDlbIxqSAL9smpAjQY4B5nQMVNZ0UQrvorXIXJ\nRr8HHWizXT9OkwLAXft3VuN/+FsKMTqTQmm7f8wa2uDhcC8OAqL+sH/5ly5X\n6V5daLwu4bfqSpjlfKS+BQWAXdpZ48XjajQ4AyM0ygTRK0gzGxMitz+7aZjW\n69Ep\r\n=Ddwj\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","readme":"# @fluentui/react-theme-provider\n\n**React theming component and hook for [Fluent UI React](https://developer.microsoft.com/en-us/fluentui)**\n\n## Installation\n\n```bash\nyarn add @fluentui/react-theme-provider\n```\n\n## Example usage\n\nUse the theme with Fluent UI by wrapping content within the provider. If `theme` is not provided, default (Fluent) theme will be provided:\n\n```tsx\nimport { ThemeProvider } from '@fluentui/react-theme-provider';\n\nexport const App = () => (\n  <ThemeProvider>\n    <>...app</>\n  </ThemeProvider>\n);\n```\n\nYou can also customize your own theme:\n\n```tsx\nimport { ThemeProvider, PartialTheme } from '@fluentui/react-theme-provider';\n\nconst appTheme: PartialTheme = {\n  palette: {\n    themePrimary: 'red'\n    ...\n  }\n};\n\nexport const App = () => (\n  <ThemeProvider theme={appTheme}>\n    App content ...\n  </ThemeProvider>\n);\n```\n\nYou can also nest `ThemeProvider`s:\n\n```tsx\nimport { ThemeProvider, PartialTheme } from '@fluentui/react-theme-provider';\n\nconst appTheme: PartialTheme = {\n  palette: {\n    themePrimary: 'red'\n    ...\n  }\n};\n\nconst headerTheme: PartialTheme = {\n  palette: {\n    themePrimary: 'orange'\n    ...\n  }\n};\n\nexport const App = () => (\n  <ThemeProvider theme={appTheme}>\n    <ThemeProvider theme={headerTheme}>\n      <MyHeader />\n    </ThemeProvider>\n\n    App content ...\n  </ThemeProvider>\n);\n```\n\nYou can apply component-level styles:\n\n```tsx\nimport { Checkbox } from '@fluentui/react';\nimport { ThemeProvider, createTheme } from '@fluentui/react-theme-provider';\n\nexport const App = () => (\n  <ThemeProvider\n    theme={{\n      components: { Checkbox: { styles: { root: { background: 'red' } } } },\n    }}\n  >\n    <Checkbox />\n  </ThemeProvider>\n);\n```\n\n## Accessing theme\n\n### useTheme\n\nTheme can be accessed using `useTheme` hook. If you are specifically accessing theme to create classes/styles, you can use `makeStyles` described below.\n\n```jsx\nimport { useTheme } from '@fluentui/react-theme-provider';\n\nconst Content = () => {\n  const theme = useTheme();\n  ...\n};\n\nexport const App = () => (\n  <ThemeProvider>\n    <Content />\n  </ThemeProvider>\n);\n```\n\n### ThemeContext.Consumer\n\nTheme can be accessed in Class Component using `ThemeContext.Consumer`.\n\n```tsx\nimport { Theme, ThemeContext } from '@fluentui/react-theme-provider';\n\nclass Content extends React.Component {\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme: Theme | undefined) => {\n          ...\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n}\n\nexport const App = () => (\n  <ThemeProvider>\n    <Content />\n  </ThemeProvider>\n);\n```\n\n### Create classes for React components based on theme\n\nTheme can be accessed using the `makeStyles` hook. This hook abstracts rendering css given the theme object:\n\n```jsx\nimport { makeStyles } from '@fluentui/react-theme-provider';\n\nconst useFooStyles = makeStyles(theme => ({\n  root: {\n    background: theme.semanticColors.bodyBackground,\n    ':hover': {\n      background: theme.semanticColors.bodyBackgroundHovered,\n    },\n  },\n}));\n\nconst Foo = props => {\n  const classes = useFooStyles();\n\n  return <div className={classes.root} />;\n};\n```\n\n## How does this change other existing ways of theming Fluent UI components?\n\n### Customizer\n\n`Customizer` is now deprecated and you should replace it with `ThemeProvider`.\n`CustomizerContext` is now deprecated and you should replace it with `ThemeContext` or `useTheme` hook.\n\nDeprecations remain to be functional as is but they will be removed in Fluent UI v9 release.\n\n#### Replace settings prop\n\nBefore:\n\n```jsx\n<Customizer settings={{ theme }} />\n```\n\nAfter:\n\n```jsx\n<ThemeProvider theme={theme} />\n```\n\n#### Replace scopedSettings prop\n\nBefore:\n\n```jsx\n<Customizer\n  scopedSettings={{\n    Checkbox: {\n      styles: CheckboxStyles,\n    },\n  }}\n/>\n```\n\nAfter:\n\n```jsx\n<ThemeProvider\n  theme={{\n    components: { Checkbox: { styles: CheckboxStyles } },\n  }}\n/>\n```\n\n#### Replace CustomizerContext\n\nBefore:\n\n```jsx\n  <CustomizerContext.Consumer>\n    {(parentContext: ICustomizerContext) => {\n      const theme = parentContext.customizations.settings;\n      ...\n    }\n  </CustomizerContext.Consumer>\n```\n\nAfter:\nSee options in [Accessing theme](https://github.com/microsoft/fluentui/blob/master/packages/react-theme-provider/README.md#accessing-theme).\n\n### loadTheme\n\n`loadTheme` remains to work as is. However, you are recommended to replace `loadTheme` with `ThemeProvider`. That way, your application consistently has one way of providing theme.\n\nTo do that, instead of calling `loadTheme(your_theme)`, you will simply wrap the root component of your React application once with `ThemeProvider`:\n\n```jsx\n<ThemeProvider theme={your_theme}>\n  <App />\n</ThemeProvider>\n```\n\nOne caveat here is that if you app has styles which relies on `@microsoft/load-themed-styles`, `ThemeProvider` won't be able to replace `loadTheme` in this case.\n\n### Fabric component\n\nInstead of using `Fabric` component, you can now replace it fully with `ThemeProvider`. Here is how to replace each prop usage:\n\n| Fabric             | ThemeProvider                                                                                                                                                                                       |\n| ------------------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| `componentRef`     | `ref`                                                                                                                                                                                               |\n| `as`               | `as`                                                                                                                                                                                                |\n| `theme`            | `theme`                                                                                                                                                                                             |\n| `styles`           | Not longer support `styles` prop. If you need to style the root element, you can do that using (inline) style or className prop. Setting arbitrary styles for document body is no longer supported. |\n| `applyTheme`       | This is now applied by default, or by setting `applyTo=\"element\"`. If you don't want any body styles to be applied on root element, you can set `applyTo=\"none\"`.                                   |\n| `applyThemeToBody` | `applyTo=\"body\"`                                                                                                                                                                                    |\n| `dir`              | set `rtl` in `theme` prop                                                                                                                                                                           |\n\n#### Other call-outs\n\n- `ThemeProvider` by default sets `background-color` for the root element using `theme.semanticColors.bodyBackground`. If you find the background color being incorrect after switching to `ThemeProvider`, the right fix is likely that you need to update your theme definition to have the correct `bodyBackground`. Or, if you don't want any default stylings applied to the root element, you can set `applyTo` prop to `\"none\"`.\n- `ThemeProvider` does not set `font-family: inherit` on all native `button`, `input`, `textArea` elements. If you find any Fluent UI component having incorrect fonts after switching to `ThemeProvider`, please [report an issue](https://github.com/microsoft/fluentui/issues/new?template=bug_report.md).\n","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-api":"just-scripts update-api","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.6","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":["lib/version.js"],"_nodeVersion":"12.18.3","dependencies":{"tslib":"^1.10.0","classnames":"^2.2.6","@fluentui/theme":"^2.0.0-beta.9","@fluentui/utilities":"^8.0.0-beta.7","@fluentui/react-hooks":"^8.0.0-beta.7","@fluentui/set-version":"^8.0.0-beta.0","@fluentui/merge-styles":"^8.0.0-beta.2","@fluentui/react-compose":"^1.0.0-beta.8","@fluentui/react-stylesheets":"^1.0.0-beta.2","@fluentui/react-window-provider":"^2.0.0-beta.2"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"16.8.6","enzyme":"~3.10.0","react-dom":"16.8.6","@types/jest":"~24.9.0","@types/react":"16.8.25","@types/enzyme":"3.10.3","@types/react-dom":"16.8.4","@fluentui/scripts":"^1.0.0","@types/classnames":"^2.2.9","@types/webpack-env":"1.15.1","react-test-renderer":"^16.3.0","@fluentui/eslint-plugin":"^1.0.0-beta.0","enzyme-adapter-react-16":"^1.15.0","@fluentui/test-utilities":"^8.0.0-beta.2","@fluentui/style-utilities":"^8.0.0-beta.9","@types/react-test-renderer":"^16.0.0","@types/enzyme-adapter-react-16":"1.0.3"},"peerDependencies":{"react":">=16.8.0 <17.0.0","@types/react":">=16.8.0 <17.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_1.0.0-beta.12_1606912509824_0.6031705410761512","host":"s3://npm-registry-packages"}},"1.0.0-beta.13":{"name":"@fluentui/react-theme-provider","version":"1.0.0-beta.13","license":"MIT","_id":"@fluentui/react-theme-provider@1.0.0-beta.13","maintainers":[{"name":"allsnow","email":"allsnow@microsoft.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"jdhuntington","email":"jdhuntington@gmail.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"53a02d0891f425cb17db1f272f34765cc7d1cd0b","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-1.0.0-beta.13.tgz","fileCount":219,"integrity":"sha512-k/g2pWAT9lPosw3R7a5OH+RNJXuZMVkdDsmeaPZXPoi2uqxGDE96Kd09u46HBwmQDZjdGbSEv7muT0wCPIeGVw==","signatures":[{"sig":"MEQCIG3qPNa3Mb9OJr/ZLy7T9d7pjM+xAW7nShuO8mPiSB19AiAW9H/gN5ZEgf14g3vaaGKzX0g8I46k/i9+fy6ZO+VHeQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":317377,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfyNpyCRA9TVsSAnZWagAA9AkP/1Lcyq55ctJttbZNQtgL\nWVjgSGjoUQYr0j7+jGYTxbrFZRiuzEyeMnmtDMCm2tJWq6oXJGC/4RmnKt2t\nukdXsjCTRImIVtc8+fWElHGgTGcpR5CrxkcIBNeD/0GbaoC6ZyVm5K5G0Czt\nc+DqYhmmaDheD7gCKYxJFrrRgpNFFzQkbsQoxsvMqwGt5aqi9h1iZLuksRUG\nZ6ctlYwbrhZnfaMVb+2Y0Gb80/ZTIB2eBobIOwdhvbIOyHNlj1bdklOK1dqV\nI98PlGcJBVhW6x2DJRt71iLXhy3pWwJa0yy7ND4EcaFFTmiwlZy2F4jNmW5n\nMcWtMbXnStl4txLH5eIINF+n3XqR6Fd6zo8ZwaI/Iu8Fq+nBDrno9SR+Zw9q\nDNxusdFFxagns81wOkaYvL2RX2cjSUbIHj0IV9wVF6y3EG2Qi7/N6npABsKn\nXbmNkyV+Zpue+UrH3/nIMdFRZ0fE+80++S61YYPIt2olbJYIKgGRXld7wTky\novoFFP+6AMlBPVWR0qOFeWrzozGd/wLw5GMRiB9B+L0fBzqvapByhrRXlbvb\n+XcDGcVriWtRvO0w3w+Zd20OQlTqoHfo43oR8nF+9IZEj48MtXFcoFa1F3gs\nY6FMDMGYShoAwvWcoECoGbhKABWMXKc0JXDXHJxfsmR4UKDeITKr/7VMmEt9\notwB\r\n=rF03\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","readme":"# @fluentui/react-theme-provider\n\n**React theming component and hook for [Fluent UI React](https://developer.microsoft.com/en-us/fluentui)**\n\n## Installation\n\n```bash\nyarn add @fluentui/react-theme-provider\n```\n\n## Example usage\n\nUse the theme with Fluent UI by wrapping content within the provider. If `theme` is not provided, default (Fluent) theme will be provided:\n\n```tsx\nimport { ThemeProvider } from '@fluentui/react-theme-provider';\n\nexport const App = () => (\n  <ThemeProvider>\n    <>...app</>\n  </ThemeProvider>\n);\n```\n\nYou can also customize your own theme:\n\n```tsx\nimport { ThemeProvider, PartialTheme } from '@fluentui/react-theme-provider';\n\nconst appTheme: PartialTheme = {\n  palette: {\n    themePrimary: 'red'\n    ...\n  }\n};\n\nexport const App = () => (\n  <ThemeProvider theme={appTheme}>\n    App content ...\n  </ThemeProvider>\n);\n```\n\nYou can also nest `ThemeProvider`s:\n\n```tsx\nimport { ThemeProvider, PartialTheme } from '@fluentui/react-theme-provider';\n\nconst appTheme: PartialTheme = {\n  palette: {\n    themePrimary: 'red'\n    ...\n  }\n};\n\nconst headerTheme: PartialTheme = {\n  palette: {\n    themePrimary: 'orange'\n    ...\n  }\n};\n\nexport const App = () => (\n  <ThemeProvider theme={appTheme}>\n    <ThemeProvider theme={headerTheme}>\n      <MyHeader />\n    </ThemeProvider>\n\n    App content ...\n  </ThemeProvider>\n);\n```\n\nYou can apply component-level styles:\n\n```tsx\nimport { Checkbox } from '@fluentui/react';\nimport { ThemeProvider, createTheme } from '@fluentui/react-theme-provider';\n\nexport const App = () => (\n  <ThemeProvider\n    theme={{\n      components: { Checkbox: { styles: { root: { background: 'red' } } } },\n    }}\n  >\n    <Checkbox />\n  </ThemeProvider>\n);\n```\n\n## Accessing theme\n\n### useTheme\n\nTheme can be accessed using `useTheme` hook. If you are specifically accessing theme to create classes/styles, you can use `makeStyles` described below.\n\n```jsx\nimport { useTheme } from '@fluentui/react-theme-provider';\n\nconst Content = () => {\n  const theme = useTheme();\n  ...\n};\n\nexport const App = () => (\n  <ThemeProvider>\n    <Content />\n  </ThemeProvider>\n);\n```\n\n### ThemeContext.Consumer\n\nTheme can be accessed in Class Component using `ThemeContext.Consumer`.\n\n```tsx\nimport { Theme, ThemeContext } from '@fluentui/react-theme-provider';\n\nclass Content extends React.Component {\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme: Theme | undefined) => {\n          ...\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n}\n\nexport const App = () => (\n  <ThemeProvider>\n    <Content />\n  </ThemeProvider>\n);\n```\n\n### Create classes for React components based on theme\n\nTheme can be accessed using the `makeStyles` hook. This hook abstracts rendering css given the theme object:\n\n```jsx\nimport { makeStyles } from '@fluentui/react-theme-provider';\n\nconst useFooStyles = makeStyles(theme => ({\n  root: {\n    background: theme.semanticColors.bodyBackground,\n    ':hover': {\n      background: theme.semanticColors.bodyBackgroundHovered,\n    },\n  },\n}));\n\nconst Foo = props => {\n  const classes = useFooStyles();\n\n  return <div className={classes.root} />;\n};\n```\n\n## How does this change other existing ways of theming Fluent UI components?\n\n### Customizer\n\n`Customizer` is now deprecated and you should replace it with `ThemeProvider`.\n`CustomizerContext` is now deprecated and you should replace it with `ThemeContext` or `useTheme` hook.\n\nDeprecations remain to be functional as is but they will be removed in Fluent UI v9 release.\n\n#### Replace settings prop\n\nBefore:\n\n```jsx\n<Customizer settings={{ theme }} />\n```\n\nAfter:\n\n```jsx\n<ThemeProvider theme={theme} />\n```\n\n#### Replace scopedSettings prop\n\nBefore:\n\n```jsx\n<Customizer\n  scopedSettings={{\n    Checkbox: {\n      styles: CheckboxStyles,\n    },\n  }}\n/>\n```\n\nAfter:\n\n```jsx\n<ThemeProvider\n  theme={{\n    components: { Checkbox: { styles: CheckboxStyles } },\n  }}\n/>\n```\n\n#### Replace CustomizerContext\n\nBefore:\n\n```jsx\n  <CustomizerContext.Consumer>\n    {(parentContext: ICustomizerContext) => {\n      const theme = parentContext.customizations.settings;\n      ...\n    }\n  </CustomizerContext.Consumer>\n```\n\nAfter:\nSee options in [Accessing theme](https://github.com/microsoft/fluentui/blob/master/packages/react-theme-provider/README.md#accessing-theme).\n\n### loadTheme\n\n`loadTheme` remains to work as is. However, you are recommended to replace `loadTheme` with `ThemeProvider`. That way, your application consistently has one way of providing theme.\n\nTo do that, instead of calling `loadTheme(your_theme)`, you will simply wrap the root component of your React application once with `ThemeProvider`:\n\n```jsx\n<ThemeProvider theme={your_theme}>\n  <App />\n</ThemeProvider>\n```\n\nOne caveat here is that if you app has styles which relies on `@microsoft/load-themed-styles`, `ThemeProvider` won't be able to replace `loadTheme` in this case.\n\n### Fabric component\n\nInstead of using `Fabric` component, you can now replace it fully with `ThemeProvider`. Here is how to replace each prop usage:\n\n| Fabric             | ThemeProvider                                                                                                                                                                                       |\n| ------------------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| `componentRef`     | `ref`                                                                                                                                                                                               |\n| `as`               | `as`                                                                                                                                                                                                |\n| `theme`            | `theme`                                                                                                                                                                                             |\n| `styles`           | Not longer support `styles` prop. If you need to style the root element, you can do that using (inline) style or className prop. Setting arbitrary styles for document body is no longer supported. |\n| `applyTheme`       | This is now applied by default, or by setting `applyTo=\"element\"`. If you don't want any body styles to be applied on root element, you can set `applyTo=\"none\"`.                                   |\n| `applyThemeToBody` | `applyTo=\"body\"`                                                                                                                                                                                    |\n| `dir`              | set `rtl` in `theme` prop                                                                                                                                                                           |\n\n#### Other call-outs\n\n- `ThemeProvider` by default sets `background-color` for the root element using `theme.semanticColors.bodyBackground`. If you find the background color being incorrect after switching to `ThemeProvider`, the right fix is likely that you need to update your theme definition to have the correct `bodyBackground`. Or, if you don't want any default stylings applied to the root element, you can set `applyTo` prop to `\"none\"`.\n- `ThemeProvider` does not set `font-family: inherit` on all native `button`, `input`, `textArea` elements. If you find any Fluent UI component having incorrect fonts after switching to `ThemeProvider`, please [report an issue](https://github.com/microsoft/fluentui/issues/new?template=bug_report.md).\n","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-api":"just-scripts update-api","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.6","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":["lib/version.js"],"_nodeVersion":"12.18.3","dependencies":{"tslib":"^1.10.0","classnames":"^2.2.6","@fluentui/theme":"^2.0.0-beta.10","@fluentui/utilities":"^8.0.0-beta.8","@fluentui/react-hooks":"^8.0.0-beta.8","@fluentui/set-version":"^8.0.0-beta.0","@fluentui/merge-styles":"^8.0.0-beta.3","@fluentui/react-compose":"^1.0.0-beta.9","@fluentui/react-stylesheets":"^1.0.0-beta.3","@fluentui/react-window-provider":"^2.0.0-beta.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"16.8.6","enzyme":"~3.10.0","react-dom":"16.8.6","@types/jest":"~24.9.0","@types/react":"16.8.25","@types/enzyme":"3.10.3","@types/react-dom":"16.8.4","@fluentui/scripts":"^1.0.0","@types/classnames":"^2.2.9","@types/webpack-env":"1.15.1","react-test-renderer":"^16.3.0","@fluentui/eslint-plugin":"^1.0.0-beta.0","enzyme-adapter-react-16":"^1.15.0","@fluentui/test-utilities":"^8.0.0-beta.3","@fluentui/style-utilities":"^8.0.0-beta.10","@types/react-test-renderer":"^16.0.0","@types/enzyme-adapter-react-16":"1.0.3"},"peerDependencies":{"react":">=16.8.0 <17.0.0","@types/react":">=16.8.0 <17.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_1.0.0-beta.13_1606998641900_0.9483767070523008","host":"s3://npm-registry-packages"}},"1.0.0-beta.14":{"name":"@fluentui/react-theme-provider","version":"1.0.0-beta.14","license":"MIT","_id":"@fluentui/react-theme-provider@1.0.0-beta.14","maintainers":[{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"jdhuntington","email":"jdhuntington@gmail.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"d69bb944cf77d2a46f9369c3dafe48c925e2be32","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-1.0.0-beta.14.tgz","fileCount":223,"integrity":"sha512-vprkmX5je8fJGv9g8z0myz6Qo1F1cfYCYs5GRm2IUXeD8YHiaV0LORwGe7GLeltI0FN3sRy+d0IZx+7u4uOyxg==","signatures":[{"sig":"MEUCIQDWCYa/VVpMFh1qqSDj+81cf/Fl+Jv4CO3urvkQWPJQmwIgCognVHnmz8yJaBMXJndnZvFtvc2289gJ/CUeIZPxE98=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1359930,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf/Zc7CRA9TVsSAnZWagAAhKIP/jdvsHepaeUqpd3N1ReT\nWaz5NHQv6TbPP1NJss+959S6ynu6n8CYiqMnNhThxs+9NYNjypdtUXOeNObi\nQXwccLj8kIUp17kWbHXEkFB20WbzOyu6GO+Yos+5oW18o+qHLfREwnGVp2wC\ntIqogcwpyF0TJVaI3Uds4xm7HMY+cFyinGYkg5nXODbvMV9ufCRFcvnjD7yG\nH0+0RFfP8hJVuTn7iX5OGWUG9vNRBke5qwWRg5Y8lDbiXsXsw0an9E4lHs8k\ndyNFeSwdwGxCcI9FdZXDrwHKe8qC0GgzXvVqBdKoGja6tnOC6QUZYsX0NUrP\ndaxZ8Pc9Yne+BVyiT2+DyQDlZ3Bk9wjTAytLH1uS+7T66ZpCsWCRPZosxabq\ni/M81YPsHmsTzt+aGzWsDMNdMcc4fmI7cJre+pnjatUCWUFoMpp/KIMNPul9\n35a0bsJzzQfUjZp5o2JfLB9gAh4JRDYB085DYB2QJ9yf01Q7mPIx+wpkXse1\nc7oQWCecAgBUc+Ket+zaiOCl91Hiaerr89zU30jUw1jpswAN3Eolnl6hgI0s\n12PQALIqf5ehEOP8a6FIzaMztiTwipjWNzi//dvMtA/z7qH6gV/VrqxT74Hm\neBEP8Vc1CR+fJwReGxIlJxRDqDDGY8W9L+xCoY1BoCxv493cT+BHTbTF6noh\nAtFy\r\n=B25o\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","readme":"# @fluentui/react-theme-provider\n\n**React theming component and hook for [Fluent UI React](https://developer.microsoft.com/en-us/fluentui)**\n\n## Installation\n\n```bash\nyarn add @fluentui/react-theme-provider\n```\n\n## Example usage\n\nUse the theme with Fluent UI by wrapping content within the provider. If `theme` is not provided, default (Fluent) theme will be provided:\n\n```tsx\nimport { ThemeProvider } from '@fluentui/react-theme-provider';\n\nexport const App = () => (\n  <ThemeProvider>\n    <>...app</>\n  </ThemeProvider>\n);\n```\n\nYou can also customize your own theme:\n\n```tsx\nimport { ThemeProvider, PartialTheme } from '@fluentui/react-theme-provider';\n\nconst appTheme: PartialTheme = {\n  palette: {\n    themePrimary: 'red'\n    ...\n  }\n};\n\nexport const App = () => (\n  <ThemeProvider theme={appTheme}>\n    App content ...\n  </ThemeProvider>\n);\n```\n\nYou can also nest `ThemeProvider`s:\n\n```tsx\nimport { ThemeProvider, PartialTheme } from '@fluentui/react-theme-provider';\n\nconst appTheme: PartialTheme = {\n  palette: {\n    themePrimary: 'red'\n    ...\n  }\n};\n\nconst headerTheme: PartialTheme = {\n  palette: {\n    themePrimary: 'orange'\n    ...\n  }\n};\n\nexport const App = () => (\n  <ThemeProvider theme={appTheme}>\n    <ThemeProvider theme={headerTheme}>\n      <MyHeader />\n    </ThemeProvider>\n\n    App content ...\n  </ThemeProvider>\n);\n```\n\nYou can apply component-level styles:\n\n```tsx\nimport { Checkbox } from '@fluentui/react';\nimport { ThemeProvider, createTheme } from '@fluentui/react-theme-provider';\n\nexport const App = () => (\n  <ThemeProvider\n    theme={{\n      components: { Checkbox: { styles: { root: { background: 'red' } } } },\n    }}\n  >\n    <Checkbox />\n  </ThemeProvider>\n);\n```\n\n## Accessing theme\n\n### useTheme\n\nTheme can be accessed using `useTheme` hook. If you are specifically accessing theme to create classes/styles, you can use `makeStyles` described below.\n\n```jsx\nimport { useTheme } from '@fluentui/react-theme-provider';\n\nconst Content = () => {\n  const theme = useTheme();\n  ...\n};\n\nexport const App = () => (\n  <ThemeProvider>\n    <Content />\n  </ThemeProvider>\n);\n```\n\n### ThemeContext.Consumer\n\nTheme can be accessed in Class Component using `ThemeContext.Consumer`.\n\n```tsx\nimport { Theme, ThemeContext } from '@fluentui/react-theme-provider';\n\nclass Content extends React.Component {\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme: Theme | undefined) => {\n          ...\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n}\n\nexport const App = () => (\n  <ThemeProvider>\n    <Content />\n  </ThemeProvider>\n);\n```\n\n### Create classes for React components based on theme\n\nTheme can be accessed using the `makeStyles` hook. This hook abstracts rendering css given the theme object:\n\n```jsx\nimport { makeStyles } from '@fluentui/react-theme-provider';\n\nconst useFooStyles = makeStyles(theme => ({\n  root: {\n    background: theme.semanticColors.bodyBackground,\n    ':hover': {\n      background: theme.semanticColors.bodyBackgroundHovered,\n    },\n  },\n}));\n\nconst Foo = props => {\n  const classes = useFooStyles();\n\n  return <div className={classes.root} />;\n};\n```\n\n## How does this change other existing ways of theming Fluent UI components?\n\n### Customizer\n\n`Customizer` is now deprecated and you should replace it with `ThemeProvider`.\n`CustomizerContext` is now deprecated and you should replace it with `ThemeContext` or `useTheme` hook.\n\nDeprecations remain to be functional as is but they will be removed in Fluent UI v9 release.\n\n#### Replace settings prop\n\nBefore:\n\n```jsx\n<Customizer settings={{ theme }} />\n```\n\nAfter:\n\n```jsx\n<ThemeProvider theme={theme} />\n```\n\n#### Replace scopedSettings prop\n\nBefore:\n\n```jsx\n<Customizer\n  scopedSettings={{\n    Checkbox: {\n      styles: CheckboxStyles,\n    },\n  }}\n/>\n```\n\nAfter:\n\n```jsx\n<ThemeProvider\n  theme={{\n    components: { Checkbox: { styles: CheckboxStyles } },\n  }}\n/>\n```\n\n#### Replace CustomizerContext\n\nBefore:\n\n```jsx\n  <CustomizerContext.Consumer>\n    {(parentContext: ICustomizerContext) => {\n      const theme = parentContext.customizations.settings;\n      ...\n    }\n  </CustomizerContext.Consumer>\n```\n\nAfter:\nSee options in [Accessing theme](https://github.com/microsoft/fluentui/blob/master/packages/react-theme-provider/README.md#accessing-theme).\n\n### loadTheme\n\n`loadTheme` remains to work as is. However, you are recommended to replace `loadTheme` with `ThemeProvider`. That way, your application consistently has one way of providing theme.\n\nTo do that, instead of calling `loadTheme(your_theme)`, you will simply wrap the root component of your React application once with `ThemeProvider`:\n\n```jsx\n<ThemeProvider theme={your_theme}>\n  <App />\n</ThemeProvider>\n```\n\nOne caveat here is that if you app has styles which relies on `@microsoft/load-themed-styles`, `ThemeProvider` won't be able to replace `loadTheme` in this case.\n\n### Fabric component\n\nInstead of using `Fabric` component, you can now replace it fully with `ThemeProvider`. Here is how to replace each prop usage:\n\n| Fabric             | ThemeProvider                                                                                                                                                                                       |\n| ------------------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| `componentRef`     | `ref`                                                                                                                                                                                               |\n| `as`               | `as`                                                                                                                                                                                                |\n| `theme`            | `theme`                                                                                                                                                                                             |\n| `styles`           | Not longer support `styles` prop. If you need to style the root element, you can do that using (inline) style or className prop. Setting arbitrary styles for document body is no longer supported. |\n| `applyTheme`       | This is now applied by default, or by setting `applyTo=\"element\"`. If you don't want any body styles to be applied on root element, you can set `applyTo=\"none\"`.                                   |\n| `applyThemeToBody` | `applyTo=\"body\"`                                                                                                                                                                                    |\n| `dir`              | set `rtl` in `theme` prop                                                                                                                                                                           |\n\n#### Other call-outs\n\n- `ThemeProvider` by default sets `background-color` for the root element using `theme.semanticColors.bodyBackground`. If you find the background color being incorrect after switching to `ThemeProvider`, the right fix is likely that you need to update your theme definition to have the correct `bodyBackground`. Or, if you don't want any default stylings applied to the root element, you can set `applyTo` prop to `\"none\"`.\n- `ThemeProvider` does not set `font-family: inherit` on all native `button`, `input`, `textArea` elements. If you find any Fluent UI component having incorrect fonts after switching to `ThemeProvider`, please [report an issue](https://github.com/microsoft/fluentui/issues/new?template=bug_report.md).\n","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","bundle":"just-scripts bundle","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-api":"just-scripts update-api","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.6","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":["lib/version.js"],"_nodeVersion":"12.18.3","dependencies":{"tslib":"^1.10.0","classnames":"^2.2.6","@fluentui/theme":"^2.0.0-beta.10","@fluentui/utilities":"^8.0.0-beta.8","@fluentui/react-hooks":"^8.0.0-beta.8","@fluentui/set-version":"^8.0.0-beta.0","@fluentui/merge-styles":"^8.0.0-beta.3","@fluentui/react-compose":"^1.0.0-beta.9","@fluentui/react-stylesheets":"^1.0.0-beta.3","@fluentui/react-window-provider":"^2.0.0-beta.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"16.8.6","enzyme":"~3.10.0","react-dom":"16.8.6","@types/jest":"~24.9.0","@types/react":"16.8.25","@types/enzyme":"3.10.3","@types/react-dom":"16.8.4","@fluentui/scripts":"^1.0.0","@types/classnames":"^2.2.9","@types/webpack-env":"1.15.1","react-test-renderer":"^16.3.0","@fluentui/eslint-plugin":"^1.0.0-beta.0","enzyme-adapter-react-16":"^1.15.0","@fluentui/test-utilities":"^8.0.0-beta.3","@fluentui/style-utilities":"^8.0.0-beta.10","@types/react-test-renderer":"^16.0.0","@types/enzyme-adapter-react-16":"1.0.3"},"peerDependencies":{"react":">=16.8.0 <17.0.0","@types/react":">=16.8.0 <17.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_1.0.0-beta.14_1610454842605_0.3774437484148123","host":"s3://npm-registry-packages"}},"0.18.1":{"name":"@fluentui/react-theme-provider","version":"0.18.1","license":"MIT","_id":"@fluentui/react-theme-provider@0.18.1","maintainers":[{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"jdhuntington","email":"jdhuntington@gmail.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"e3f3fcbae2b4ab5fca09b3e4fa2abc2179f00d67","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-0.18.1.tgz","fileCount":246,"integrity":"sha512-xd9qTmNLNFnlEkVwGGfeph4N1T2uiERKWjKsmoHjB6yTeBFnvsQF5a7gQJws24G6kM6jXKEB74TXzaFt+MKtlA==","signatures":[{"sig":"MEUCIQDEaZ3q4LMk6LrG1xM614GvUbkCBLDuAyVV77FmMIupvwIgZ5ufUFy3OIMGAIS0AnDtCdqkqTuhqpfH+NO6gCFwtUE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":29863781,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgAYldCRA9TVsSAnZWagAAwmwP/An7CwaDPCMOBxEQa0f8\njyMOSuq97X9vvAffM+TFCwT4uXIGkHIaz4KDtvrzP9J8vtRz7srI4CMtx2EK\nJr4Z4VpS2FBGR+z5fhZ+sG7VTAU+5Ln7oKbAvZfYYGM8GMpHLSvbZD/erw2v\nDK/UL4GeNVao79WRI0JDXSjBvoF9A/CD3rjS8H+VoN3x5zDdpXVflFfwaq3V\nDDjYa3Pv8ZKF8GTfydhp6G3ZvUhNNuEiOK8BOFTEPlixl9Ah4QvtTnhcOdIo\nsK7QRfePfjOUDB7XU7XdvjITEHlwhJe3GLyAaJTyjKJYt78H/PRCXeBMQi+/\n0iLP96dyVtIQIC+APtMSpdMI3bWVQl749H6DtE6RKTEazp/xIjtHd6zIwMWP\nSwgcCXiMjFnWNuUq21Ch1do2au6zgeLTfFZ2mLqXu7FSl8qgWmMAvQ2eg10g\n/cPVq3uSW/ntHCEgx+Gvz5SBOm/q+wmSvHnaCcKsh+BBmNFL04TVv6sEWtVa\nJ1CxV52r+H911KKSpxBOYDER5nim41Kp5Z3qnWeBUPWDfciwROza3n3PVjkZ\nWD24Tc3vaOFM5HMCF144jcpzNBQxDQWq2Ay3SqgCejhK7y8Sqk1qUD7Svmnu\nsJ8Mh3GkjlfM7CBmnGrA1il3bwMC0KRT9jaCVxls/QhWZyJiX/2yTw1yk5Os\nVCbE\r\n=X7Rt\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","bundle":"just-scripts bundle","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-api":"just-scripts update-api","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.6","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":["lib/version.js"],"_nodeVersion":"12.18.4","dependencies":{"tslib":"^1.10.0","classnames":"^2.2.6","@fluentui/theme":"^1.7.1","@uifabric/utilities":"^7.33.2","@uifabric/react-hooks":"^7.13.9","@uifabric/set-version":"^7.0.23","@uifabric/merge-styles":"^7.19.1","@fluentui/react-compose":"^0.19.12","@fluentui/react-stylesheets":"^0.2.4","@fluentui/react-window-provider":"^1.0.1"},"_hasShrinkwrap":false,"devDependencies":{"react":"16.8.6","enzyme":"~3.10.0","react-dom":"16.8.6","@types/jest":"~24.9.0","@types/react":"16.8.25","@types/enzyme":"3.10.3","@uifabric/build":"^7.0.0","@types/react-dom":"16.8.4","@types/classnames":"^2.2.9","@uifabric/styling":"^7.16.19","@types/webpack-env":"1.15.1","react-test-renderer":"^16.3.0","@fluentui/eslint-plugin":"^0.54.1","enzyme-adapter-react-16":"^1.15.0","@uifabric/test-utilities":"^7.3.0","@types/react-test-renderer":"^16.0.0","@types/enzyme-adapter-react-16":"1.0.3"},"peerDependencies":{"react":">=16.8.0 <17.0.0","@types/react":">=16.8.0 <17.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_0.18.1_1610713436585_0.7350933717685766","host":"s3://npm-registry-packages"}},"1.0.0-beta.15":{"name":"@fluentui/react-theme-provider","version":"1.0.0-beta.15","license":"MIT","_id":"@fluentui/react-theme-provider@1.0.0-beta.15","maintainers":[{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"jdhuntington","email":"jdhuntington@gmail.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"a5f7995dcafdb5c676121ea563026b131ae5bd95","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-1.0.0-beta.15.tgz","fileCount":223,"integrity":"sha512-CiU2G6vmqtTtuyCKoXUfxEmmd+lTbk8JqIi570tZZCfld50IN5cVGbNBwalT6+GmKdR2263mE39KsH4HwdtCUA==","signatures":[{"sig":"MEQCIDkulb5VudVMdUVecZm1pNldMxrR/waAXDUls+zgAsq4AiA8qLH/oFVIm6dm7MuSz8ibJaYaPkMh9wxOx+UMBVunmQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1360044,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgAYpvCRA9TVsSAnZWagAAiwsP/jixu0UTQsJpq5ohSeXp\n0mXkkEEWzdcyAP8deZHCutCqKWaGBwdSEoaeU5q9XXh0xEIbl81OiHEdrq/r\nj7QmVoqPI+wRoVrK+wyPi1njzUJzG2sdTR/Hqq4Y5V6YPKEuzKPdaRI09TrK\nfsyE7p9YJqcJRpR2mgC4Bg79FgquqPMeHR+J8dVYP1NdNTWijbMNLlB8E1b4\nRnmhUNaUaXtCqByX6qnw/4B3DZFkwXZqaOdhi4zysp1PHtEewpyCHjymyqRT\nDkWagSaSqDfifeIrUwvMhJvKuWnhNKH9vW9h02dXFVQXnUWfwcocGqI11uzw\nrZh7xDp+LAGz9cIAQcwT8g4xgqsElXb0mUlo5YaBD1exq0sHvd5sSXPd3WVe\nrTZr+xeRVMT9kq2kc9rJWzBIMYMUWvdIWOv3WipCnTHry5SAA36wvkMRD0b6\nci13tQcPb25IbFzWRYQs30yAhBxyMcXqlOl6plZ570SqzTF3mu2J5Qr+zjs4\nPJGOG5GwYp24Lxs7oJDcwe1+Sm1tetYOTDgMiQ9XvVN989pTi/wIP2BYnQN6\nKODukgIrCR1+9+xtE3bKpRLZ3fCc78a9FZ3Jomb2F4tcK3nUPNDzG1uVlUhE\nK0ywKkrzlJqf43lwcfeHBRw+hhPQqrKzCAcHOFHXs2OnKRdqr5dF0Qw/+qW6\nUVtc\r\n=WFvH\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","readme":"# @fluentui/react-theme-provider\n\n**React theming component and hook for [Fluent UI React](https://developer.microsoft.com/en-us/fluentui)**\n\n## Installation\n\n```bash\nyarn add @fluentui/react-theme-provider\n```\n\n## Example usage\n\nUse the theme with Fluent UI by wrapping content within the provider. If `theme` is not provided, default (Fluent) theme will be provided:\n\n```tsx\nimport { ThemeProvider } from '@fluentui/react-theme-provider';\n\nexport const App = () => (\n  <ThemeProvider>\n    <>...app</>\n  </ThemeProvider>\n);\n```\n\nYou can also customize your own theme:\n\n```tsx\nimport { ThemeProvider, PartialTheme } from '@fluentui/react-theme-provider';\n\nconst appTheme: PartialTheme = {\n  palette: {\n    themePrimary: 'red'\n    ...\n  }\n};\n\nexport const App = () => (\n  <ThemeProvider theme={appTheme}>\n    App content ...\n  </ThemeProvider>\n);\n```\n\nYou can also nest `ThemeProvider`s:\n\n```tsx\nimport { ThemeProvider, PartialTheme } from '@fluentui/react-theme-provider';\n\nconst appTheme: PartialTheme = {\n  palette: {\n    themePrimary: 'red'\n    ...\n  }\n};\n\nconst headerTheme: PartialTheme = {\n  palette: {\n    themePrimary: 'orange'\n    ...\n  }\n};\n\nexport const App = () => (\n  <ThemeProvider theme={appTheme}>\n    <ThemeProvider theme={headerTheme}>\n      <MyHeader />\n    </ThemeProvider>\n\n    App content ...\n  </ThemeProvider>\n);\n```\n\nYou can apply component-level styles:\n\n```tsx\nimport { Checkbox } from '@fluentui/react';\nimport { ThemeProvider, createTheme } from '@fluentui/react-theme-provider';\n\nexport const App = () => (\n  <ThemeProvider\n    theme={{\n      components: { Checkbox: { styles: { root: { background: 'red' } } } },\n    }}\n  >\n    <Checkbox />\n  </ThemeProvider>\n);\n```\n\n## Accessing theme\n\n### useTheme\n\nTheme can be accessed using `useTheme` hook. If you are specifically accessing theme to create classes/styles, you can use `makeStyles` described below.\n\n```jsx\nimport { useTheme } from '@fluentui/react-theme-provider';\n\nconst Content = () => {\n  const theme = useTheme();\n  ...\n};\n\nexport const App = () => (\n  <ThemeProvider>\n    <Content />\n  </ThemeProvider>\n);\n```\n\n### ThemeContext.Consumer\n\nTheme can be accessed in Class Component using `ThemeContext.Consumer`.\n\n```tsx\nimport { Theme, ThemeContext } from '@fluentui/react-theme-provider';\n\nclass Content extends React.Component {\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme: Theme | undefined) => {\n          ...\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n}\n\nexport const App = () => (\n  <ThemeProvider>\n    <Content />\n  </ThemeProvider>\n);\n```\n\n### Create classes for React components based on theme\n\nTheme can be accessed using the `makeStyles` hook. This hook abstracts rendering css given the theme object:\n\n```jsx\nimport { makeStyles } from '@fluentui/react-theme-provider';\n\nconst useFooStyles = makeStyles(theme => ({\n  root: {\n    background: theme.semanticColors.bodyBackground,\n    ':hover': {\n      background: theme.semanticColors.bodyBackgroundHovered,\n    },\n  },\n}));\n\nconst Foo = props => {\n  const classes = useFooStyles();\n\n  return <div className={classes.root} />;\n};\n```\n\n## How does this change other existing ways of theming Fluent UI components?\n\n### Customizer\n\n`Customizer` is now deprecated and you should replace it with `ThemeProvider`.\n`CustomizerContext` is now deprecated and you should replace it with `ThemeContext` or `useTheme` hook.\n\nDeprecations remain to be functional as is but they will be removed in Fluent UI v9 release.\n\n#### Replace settings prop\n\nBefore:\n\n```jsx\n<Customizer settings={{ theme }} />\n```\n\nAfter:\n\n```jsx\n<ThemeProvider theme={theme} />\n```\n\n#### Replace scopedSettings prop\n\nBefore:\n\n```jsx\n<Customizer\n  scopedSettings={{\n    Checkbox: {\n      styles: CheckboxStyles,\n    },\n  }}\n/>\n```\n\nAfter:\n\n```jsx\n<ThemeProvider\n  theme={{\n    components: { Checkbox: { styles: CheckboxStyles } },\n  }}\n/>\n```\n\n#### Replace CustomizerContext\n\nBefore:\n\n```jsx\n  <CustomizerContext.Consumer>\n    {(parentContext: ICustomizerContext) => {\n      const theme = parentContext.customizations.settings;\n      ...\n    }\n  </CustomizerContext.Consumer>\n```\n\nAfter:\nSee options in [Accessing theme](https://github.com/microsoft/fluentui/blob/master/packages/react-theme-provider/README.md#accessing-theme).\n\n### loadTheme\n\n`loadTheme` remains to work as is. However, you are recommended to replace `loadTheme` with `ThemeProvider`. That way, your application consistently has one way of providing theme.\n\nTo do that, instead of calling `loadTheme(your_theme)`, you will simply wrap the root component of your React application once with `ThemeProvider`:\n\n```jsx\n<ThemeProvider theme={your_theme}>\n  <App />\n</ThemeProvider>\n```\n\nOne caveat here is that if you app has styles which relies on `@microsoft/load-themed-styles`, `ThemeProvider` won't be able to replace `loadTheme` in this case.\n\n### Fabric component\n\nInstead of using `Fabric` component, you can now replace it fully with `ThemeProvider`. Here is how to replace each prop usage:\n\n| Fabric             | ThemeProvider                                                                                                                                                                                       |\n| ------------------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| `componentRef`     | `ref`                                                                                                                                                                                               |\n| `as`               | `as`                                                                                                                                                                                                |\n| `theme`            | `theme`                                                                                                                                                                                             |\n| `styles`           | Not longer support `styles` prop. If you need to style the root element, you can do that using (inline) style or className prop. Setting arbitrary styles for document body is no longer supported. |\n| `applyTheme`       | This is now applied by default, or by setting `applyTo=\"element\"`. If you don't want any body styles to be applied on root element, you can set `applyTo=\"none\"`.                                   |\n| `applyThemeToBody` | `applyTo=\"body\"`                                                                                                                                                                                    |\n| `dir`              | set `rtl` in `theme` prop                                                                                                                                                                           |\n\n#### Other call-outs\n\n- `ThemeProvider` by default sets `background-color` for the root element using `theme.semanticColors.bodyBackground`. If you find the background color being incorrect after switching to `ThemeProvider`, the right fix is likely that you need to update your theme definition to have the correct `bodyBackground`. Or, if you don't want any default stylings applied to the root element, you can set `applyTo` prop to `\"none\"`.\n- `ThemeProvider` does not set `font-family: inherit` on all native `button`, `input`, `textArea` elements. If you find any Fluent UI component having incorrect fonts after switching to `ThemeProvider`, please [report an issue](https://github.com/microsoft/fluentui/issues/new?template=bug_report.md).\n","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","bundle":"just-scripts bundle","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-api":"just-scripts update-api","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.6","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":["lib/version.js"],"_nodeVersion":"12.18.4","dependencies":{"tslib":"^1.10.0","classnames":"^2.2.6","@fluentui/theme":"^2.0.0-beta.11","@fluentui/utilities":"^8.0.0-beta.8","@fluentui/react-hooks":"^8.0.0-beta.8","@fluentui/set-version":"^8.0.0-beta.0","@fluentui/merge-styles":"^8.0.0-beta.3","@fluentui/react-compose":"^1.0.0-beta.9","@fluentui/react-stylesheets":"^1.0.0-beta.3","@fluentui/react-window-provider":"^2.0.0-beta.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"16.8.6","enzyme":"~3.10.0","react-dom":"16.8.6","@types/jest":"~24.9.0","@types/react":"16.8.25","@types/enzyme":"3.10.3","@types/react-dom":"16.8.4","@fluentui/scripts":"^1.0.0","@types/classnames":"^2.2.9","@types/webpack-env":"1.15.1","react-test-renderer":"^16.3.0","@fluentui/eslint-plugin":"^1.0.0-beta.0","enzyme-adapter-react-16":"^1.15.0","@fluentui/test-utilities":"^8.0.0-beta.3","@fluentui/style-utilities":"^8.0.0-beta.11","@types/react-test-renderer":"^16.0.0","@types/enzyme-adapter-react-16":"1.0.3"},"peerDependencies":{"react":">=16.8.0 <17.0.0","@types/react":">=16.8.0 <17.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_1.0.0-beta.15_1610713710385_0.9490619902967645","host":"s3://npm-registry-packages"}},"1.0.0-beta.16":{"name":"@fluentui/react-theme-provider","version":"1.0.0-beta.16","license":"MIT","_id":"@fluentui/react-theme-provider@1.0.0-beta.16","maintainers":[{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"jdhuntington","email":"jdhuntington@gmail.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"4d872692e69e2c7c45bfb014c36c04b044635b20","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-1.0.0-beta.16.tgz","fileCount":223,"integrity":"sha512-EU+/FtrUeba+Z/Mu079YtR5ESliC4Q2+/czEF+V7vYEXiXrhSijqRlMyxo4Un7REUUqzASlG0jcHWPpf1KPlvQ==","signatures":[{"sig":"MEUCIQC41frfUTABGpQrXunJ3xbqofTXitgjhj7YMYPJlGiG+AIgB1prgg8KbatcnQOd3N4IYBiDjCSZj/dLobmIPUBzUNM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1361008,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgCXRDCRA9TVsSAnZWagAAejIP/2DlcsSDrRjADfQudALE\ncq7etM57GnJWiq10VQ89+M9ZxIk2EuajFk4iaJ9BUl9vOmtC8fnr6fE0YwN3\nLJbhfL65YyNg8PL0xkwkMMdPAmklCC6Y0mtCV5SCEHhyr0gdrZFCFV3yJA6E\nX3cq6/MVXtway0X2fdacs5/+vGUiwviIDWW099f1tS2lD68BXhz3nauq/+v+\nNXmfDwoq6McFZgeomDg+F2DhodBxOFjT3gMvIt/d/pYWt8BKwXAq+UsDjruT\nYJCtH/cHYC6p5TDF57JoAG1TuJ/vO9oo/pEObJjlQmmHN6ctc8mbY2/rQnQk\nh5ayLg3bhQmc68KjkgovMuDU+NcIJCc/Tcms6EV+sPiyAJrbv3uz1glM9QiW\nGIFdthbHv1A3zltYDv1EaTEI4flLHjHoH9MiEGlqM4yFqxDCXKrh4izRO7ll\naRDcQOHFJoxvYB10HAQjtV5WUWMID2In8fgUDeE2HQRfYLGfgX1iCPJrHK3x\nZoS44eD8euvywSL5h27N54XG433uAGENkwyUmChF8CGMlDvmmd/wlPo54fFe\nEv0j3w9vrYs+aw9+WRcJW/oR1JneEDIyxFLeECD13+bB/D9kXM+OPgLlx9Gh\ngWOKkiQQdxyXCwNZdzEEJ/oD3o/mX91DFWDOsdY8KI/LOswDRH+bldJyjGy1\nxWZE\r\n=97Zm\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","readme":"# @fluentui/react-theme-provider\n\n**React theming component and hook for [Fluent UI React](https://developer.microsoft.com/en-us/fluentui)**\n\n## Installation\n\n```bash\nyarn add @fluentui/react-theme-provider\n```\n\n## Example usage\n\nUse the theme with Fluent UI by wrapping content within the provider. If `theme` is not provided, default (Fluent) theme will be provided:\n\n```tsx\nimport { ThemeProvider } from '@fluentui/react-theme-provider';\n\nexport const App = () => (\n  <ThemeProvider>\n    <>...app</>\n  </ThemeProvider>\n);\n```\n\nYou can also customize your own theme:\n\n```tsx\nimport { ThemeProvider, PartialTheme } from '@fluentui/react-theme-provider';\n\nconst appTheme: PartialTheme = {\n  palette: {\n    themePrimary: 'red'\n    ...\n  }\n};\n\nexport const App = () => (\n  <ThemeProvider theme={appTheme}>\n    App content ...\n  </ThemeProvider>\n);\n```\n\nYou can also nest `ThemeProvider`s:\n\n```tsx\nimport { ThemeProvider, PartialTheme } from '@fluentui/react-theme-provider';\n\nconst appTheme: PartialTheme = {\n  palette: {\n    themePrimary: 'red'\n    ...\n  }\n};\n\nconst headerTheme: PartialTheme = {\n  palette: {\n    themePrimary: 'orange'\n    ...\n  }\n};\n\nexport const App = () => (\n  <ThemeProvider theme={appTheme}>\n    <ThemeProvider theme={headerTheme}>\n      <MyHeader />\n    </ThemeProvider>\n\n    App content ...\n  </ThemeProvider>\n);\n```\n\nYou can apply component-level styles:\n\n```tsx\nimport { Checkbox } from '@fluentui/react';\nimport { ThemeProvider, createTheme } from '@fluentui/react-theme-provider';\n\nexport const App = () => (\n  <ThemeProvider\n    theme={{\n      components: { Checkbox: { styles: { root: { background: 'red' } } } },\n    }}\n  >\n    <Checkbox />\n  </ThemeProvider>\n);\n```\n\n## Accessing theme\n\n### useTheme\n\nTheme can be accessed using `useTheme` hook. If you are specifically accessing theme to create classes/styles, you can use `makeStyles` described below.\n\n```jsx\nimport { useTheme } from '@fluentui/react-theme-provider';\n\nconst Content = () => {\n  const theme = useTheme();\n  ...\n};\n\nexport const App = () => (\n  <ThemeProvider>\n    <Content />\n  </ThemeProvider>\n);\n```\n\n### ThemeContext.Consumer\n\nTheme can be accessed in Class Component using `ThemeContext.Consumer`.\n\n```tsx\nimport { Theme, ThemeContext } from '@fluentui/react-theme-provider';\n\nclass Content extends React.Component {\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme: Theme | undefined) => {\n          ...\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n}\n\nexport const App = () => (\n  <ThemeProvider>\n    <Content />\n  </ThemeProvider>\n);\n```\n\n### Create classes for React components based on theme\n\nTheme can be accessed using the `makeStyles` hook. This hook abstracts rendering css given the theme object:\n\n```jsx\nimport { makeStyles } from '@fluentui/react-theme-provider';\n\nconst useFooStyles = makeStyles(theme => ({\n  root: {\n    background: theme.semanticColors.bodyBackground,\n    ':hover': {\n      background: theme.semanticColors.bodyBackgroundHovered,\n    },\n  },\n}));\n\nconst Foo = props => {\n  const classes = useFooStyles();\n\n  return <div className={classes.root} />;\n};\n```\n\n## How does this change other existing ways of theming Fluent UI components?\n\n### Customizer\n\n`Customizer` is now deprecated and you should replace it with `ThemeProvider`.\n`CustomizerContext` is now deprecated and you should replace it with `ThemeContext` or `useTheme` hook.\n\nDeprecations remain to be functional as is but they will be removed in Fluent UI v9 release.\n\n#### Replace settings prop\n\nBefore:\n\n```jsx\n<Customizer settings={{ theme }} />\n```\n\nAfter:\n\n```jsx\n<ThemeProvider theme={theme} />\n```\n\n#### Replace scopedSettings prop\n\nBefore:\n\n```jsx\n<Customizer\n  scopedSettings={{\n    Checkbox: {\n      styles: CheckboxStyles,\n    },\n  }}\n/>\n```\n\nAfter:\n\n```jsx\n<ThemeProvider\n  theme={{\n    components: { Checkbox: { styles: CheckboxStyles } },\n  }}\n/>\n```\n\n#### Replace CustomizerContext\n\nBefore:\n\n```jsx\n  <CustomizerContext.Consumer>\n    {(parentContext: ICustomizerContext) => {\n      const theme = parentContext.customizations.settings;\n      ...\n    }\n  </CustomizerContext.Consumer>\n```\n\nAfter:\nSee options in [Accessing theme](https://github.com/microsoft/fluentui/blob/master/packages/react-theme-provider/README.md#accessing-theme).\n\n### loadTheme\n\n`loadTheme` remains to work as is. However, you are recommended to replace `loadTheme` with `ThemeProvider`. That way, your application consistently has one way of providing theme.\n\nTo do that, instead of calling `loadTheme(your_theme)`, you will simply wrap the root component of your React application once with `ThemeProvider`:\n\n```jsx\n<ThemeProvider theme={your_theme}>\n  <App />\n</ThemeProvider>\n```\n\nOne caveat here is that if you app has styles which relies on `@microsoft/load-themed-styles`, `ThemeProvider` won't be able to replace `loadTheme` in this case.\n\n### Fabric component\n\nInstead of using `Fabric` component, you can now replace it fully with `ThemeProvider`. Here is how to replace each prop usage:\n\n| Fabric             | ThemeProvider                                                                                                                                                                                       |\n| ------------------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| `componentRef`     | `ref`                                                                                                                                                                                               |\n| `as`               | `as`                                                                                                                                                                                                |\n| `theme`            | `theme`                                                                                                                                                                                             |\n| `styles`           | Not longer support `styles` prop. If you need to style the root element, you can do that using (inline) style or className prop. Setting arbitrary styles for document body is no longer supported. |\n| `applyTheme`       | This is now applied by default, or by setting `applyTo=\"element\"`. If you don't want any body styles to be applied on root element, you can set `applyTo=\"none\"`.                                   |\n| `applyThemeToBody` | `applyTo=\"body\"`                                                                                                                                                                                    |\n| `dir`              | set `rtl` in `theme` prop                                                                                                                                                                           |\n\n#### Other call-outs\n\n- `ThemeProvider` by default sets `background-color` for the root element using `theme.semanticColors.bodyBackground`. If you find the background color being incorrect after switching to `ThemeProvider`, the right fix is likely that you need to update your theme definition to have the correct `bodyBackground`. Or, if you don't want any default stylings applied to the root element, you can set `applyTo` prop to `\"none\"`.\n- `ThemeProvider` does not set `font-family: inherit` on all native `button`, `input`, `textArea` elements. If you find any Fluent UI component having incorrect fonts after switching to `ThemeProvider`, please [report an issue](https://github.com/microsoft/fluentui/issues/new?template=bug_report.md).\n","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","bundle":"just-scripts bundle","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-api":"just-scripts update-api","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.6","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":["lib/version.js"],"_nodeVersion":"12.18.3","dependencies":{"tslib":"^1.10.0","classnames":"^2.2.6","@fluentui/theme":"^2.0.0-beta.12","@fluentui/utilities":"^8.0.0-beta.9","@fluentui/react-hooks":"^8.0.0-beta.9","@fluentui/set-version":"^8.0.0-beta.0","@fluentui/merge-styles":"^8.0.0-beta.3","@fluentui/react-compose":"^1.0.0-beta.10","@fluentui/react-stylesheets":"^1.0.0-beta.4","@fluentui/react-window-provider":"^2.0.0-beta.4"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"16.8.6","enzyme":"~3.10.0","react-dom":"16.8.6","@types/jest":"~24.9.0","@types/react":"16.9.42","@types/enzyme":"3.10.3","@types/react-dom":"16.9.10","@fluentui/scripts":"^1.0.0","@types/classnames":"^2.2.9","@types/webpack-env":"1.15.1","react-test-renderer":"^16.3.0","@fluentui/eslint-plugin":"^1.0.0-beta.0","enzyme-adapter-react-16":"^1.15.0","@fluentui/test-utilities":"^8.0.0-beta.4","@fluentui/style-utilities":"^8.0.0-beta.12","@types/react-test-renderer":"^16.0.0","@types/enzyme-adapter-react-16":"1.0.3"},"peerDependencies":{"react":">=16.8.0 <17.0.0","@types/react":">=16.8.0 <17.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_1.0.0-beta.16_1611232322741_0.9733924933120828","host":"s3://npm-registry-packages"}},"1.0.0-beta.17":{"name":"@fluentui/react-theme-provider","version":"1.0.0-beta.17","license":"MIT","_id":"@fluentui/react-theme-provider@1.0.0-beta.17","maintainers":[{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"jdhuntington","email":"jdhuntington@gmail.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"1d80dff31fe0a911d34b2b1378b9ea07c14aa713","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-1.0.0-beta.17.tgz","fileCount":219,"integrity":"sha512-58ZJbbNN4bR1eWNPFdkSC5tTC+rmG/UpQogwpdTKdMMKK7tGBHKbTm62MZ/dG4xOguHIGhpQu2ECV5xbH7Gn+w==","signatures":[{"sig":"MEQCIB6MbqH20RFCnEEUvnj317DFbOUbVKm+suQ/GrmeNzhJAiBFhC/Dgy9Vuf539hK9lqrBZ3ClWviq4CwPnkHUXXmqhA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":320670,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgEqzKCRA9TVsSAnZWagAAom0P/jyRYLUbcZn/fyNp3Gor\nPEXUl75FIdG6DdEWaqhUIVgZBpo1sPKlTpo+MHFvQ6fjorOg+fPoIH9nG9nL\nlbIOz5lcuE+jtY6WMrtzbDmqDuQC/jZXcK2H1G0719dkviQphovZ18wbTM8w\ncoRdBS8JPaeKHqAPtHETs+XPdLbUxfE0t6993De1qL4YNF3Npy06d6S/OVYc\n8fP40VXZFe8QjEptYYEkDMZVGdxJD/5V9KLOoyvs3/G9RFkSu3OarKJNDABE\nQcjIv/HT90O9P/PtTW1NIEd2Th+1E/YXqAm++1V4JAYb5Vu5shdgQrP3mR5K\nFuzSDzbRvCeLZbqrpXz0BR5sunXV95sGGKtRKdgLuf76gTltqYyYOf4C2WvK\nWbV+E0LUA0wZt3JnlD/XRv83I3Sqpez+k2YRMjCmikZpU/GoBwJt+SmN57E6\nAZZuqAUdZAWAF71gdM0ZwM9i66BGyAeZQ/NSfviqPFUiyECFcjUlMfQhSyYT\nQap3Z1XCJMnYHJZd5mL5NL+XGomwnLzGuJAM21QjM0Adr9YVBTNvYanRTVzm\n6BXTqgyx10PyZ8rMys+MkKDhId9VOgAXhnuOF0JXawO2dpjBr9dkhWXF0eFl\nQmi9jQhHbiTMwVS43RjYL2PDgZL4U5mLT1l7skKzpP/KY/yT+w0F2dWZXTlc\nifGF\r\n=VNK7\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","readme":"# @fluentui/react-theme-provider\n\n**React theming component and hook for [Fluent UI React](https://developer.microsoft.com/en-us/fluentui)**\n\n## Installation\n\n```bash\nyarn add @fluentui/react-theme-provider\n```\n\n## Example usage\n\nUse the theme with Fluent UI by wrapping content within the provider. If `theme` is not provided, default (Fluent) theme will be provided:\n\n```tsx\nimport { ThemeProvider } from '@fluentui/react-theme-provider';\n\nexport const App = () => (\n  <ThemeProvider>\n    <>...app</>\n  </ThemeProvider>\n);\n```\n\nYou can also customize your own theme:\n\n```tsx\nimport { ThemeProvider, PartialTheme } from '@fluentui/react-theme-provider';\n\nconst appTheme: PartialTheme = {\n  palette: {\n    themePrimary: 'red'\n    ...\n  }\n};\n\nexport const App = () => (\n  <ThemeProvider theme={appTheme}>\n    App content ...\n  </ThemeProvider>\n);\n```\n\nYou can also nest `ThemeProvider`s:\n\n```tsx\nimport { ThemeProvider, PartialTheme } from '@fluentui/react-theme-provider';\n\nconst appTheme: PartialTheme = {\n  palette: {\n    themePrimary: 'red'\n    ...\n  }\n};\n\nconst headerTheme: PartialTheme = {\n  palette: {\n    themePrimary: 'orange'\n    ...\n  }\n};\n\nexport const App = () => (\n  <ThemeProvider theme={appTheme}>\n    <ThemeProvider theme={headerTheme}>\n      <MyHeader />\n    </ThemeProvider>\n\n    App content ...\n  </ThemeProvider>\n);\n```\n\nYou can apply component-level styles:\n\n```tsx\nimport { Checkbox } from '@fluentui/react';\nimport { ThemeProvider, createTheme } from '@fluentui/react-theme-provider';\n\nexport const App = () => (\n  <ThemeProvider\n    theme={{\n      components: { Checkbox: { styles: { root: { background: 'red' } } } },\n    }}\n  >\n    <Checkbox />\n  </ThemeProvider>\n);\n```\n\n## Accessing theme\n\n### useTheme\n\nTheme can be accessed using `useTheme` hook. If you are specifically accessing theme to create classes/styles, you can use `makeStyles` described below.\n\n```jsx\nimport { useTheme } from '@fluentui/react-theme-provider';\n\nconst Content = () => {\n  const theme = useTheme();\n  ...\n};\n\nexport const App = () => (\n  <ThemeProvider>\n    <Content />\n  </ThemeProvider>\n);\n```\n\n### ThemeContext.Consumer\n\nTheme can be accessed in Class Component using `ThemeContext.Consumer`.\n\n```tsx\nimport { Theme, ThemeContext } from '@fluentui/react-theme-provider';\n\nclass Content extends React.Component {\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme: Theme | undefined) => {\n          ...\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n}\n\nexport const App = () => (\n  <ThemeProvider>\n    <Content />\n  </ThemeProvider>\n);\n```\n\n### Create classes for React components based on theme\n\nTheme can be accessed using the `makeStyles` hook. This hook abstracts rendering css given the theme object:\n\n```jsx\nimport { makeStyles } from '@fluentui/react-theme-provider';\n\nconst useFooStyles = makeStyles(theme => ({\n  root: {\n    background: theme.semanticColors.bodyBackground,\n    ':hover': {\n      background: theme.semanticColors.bodyBackgroundHovered,\n    },\n  },\n}));\n\nconst Foo = props => {\n  const classes = useFooStyles();\n\n  return <div className={classes.root} />;\n};\n```\n\n## How does this change other existing ways of theming Fluent UI components?\n\n### Customizer\n\n`Customizer` is now deprecated and you should replace it with `ThemeProvider`.\n`CustomizerContext` is now deprecated and you should replace it with `ThemeContext` or `useTheme` hook.\n\nDeprecations remain to be functional as is but they will be removed in Fluent UI v9 release.\n\n#### Replace settings prop\n\nBefore:\n\n```jsx\n<Customizer settings={{ theme }} />\n```\n\nAfter:\n\n```jsx\n<ThemeProvider theme={theme} />\n```\n\n#### Replace scopedSettings prop\n\nBefore:\n\n```jsx\n<Customizer\n  scopedSettings={{\n    Checkbox: {\n      styles: CheckboxStyles,\n    },\n  }}\n/>\n```\n\nAfter:\n\n```jsx\n<ThemeProvider\n  theme={{\n    components: { Checkbox: { styles: CheckboxStyles } },\n  }}\n/>\n```\n\n#### Replace CustomizerContext\n\nBefore:\n\n```jsx\n  <CustomizerContext.Consumer>\n    {(parentContext: ICustomizerContext) => {\n      const theme = parentContext.customizations.settings;\n      ...\n    }\n  </CustomizerContext.Consumer>\n```\n\nAfter:\nSee options in [Accessing theme](https://github.com/microsoft/fluentui/blob/master/packages/react-theme-provider/README.md#accessing-theme).\n\n### loadTheme\n\n`loadTheme` remains to work as is. However, you are recommended to replace `loadTheme` with `ThemeProvider`. That way, your application consistently has one way of providing theme.\n\nTo do that, instead of calling `loadTheme(your_theme)`, you will simply wrap the root component of your React application once with `ThemeProvider`:\n\n```jsx\n<ThemeProvider theme={your_theme}>\n  <App />\n</ThemeProvider>\n```\n\nOne caveat here is that if you app has styles which relies on `@microsoft/load-themed-styles`, `ThemeProvider` won't be able to replace `loadTheme` in this case.\n\n### Fabric component\n\nInstead of using `Fabric` component, you can now replace it fully with `ThemeProvider`. Here is how to replace each prop usage:\n\n| Fabric             | ThemeProvider                                                                                                                                                                                       |\n| ------------------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| `componentRef`     | `ref`                                                                                                                                                                                               |\n| `as`               | `as`                                                                                                                                                                                                |\n| `theme`            | `theme`                                                                                                                                                                                             |\n| `styles`           | Not longer support `styles` prop. If you need to style the root element, you can do that using (inline) style or className prop. Setting arbitrary styles for document body is no longer supported. |\n| `applyTheme`       | This is now applied by default, or by setting `applyTo=\"element\"`. If you don't want any body styles to be applied on root element, you can set `applyTo=\"none\"`.                                   |\n| `applyThemeToBody` | `applyTo=\"body\"`                                                                                                                                                                                    |\n| `dir`              | set `rtl` in `theme` prop                                                                                                                                                                           |\n\n#### Other call-outs\n\n- `ThemeProvider` by default sets `background-color` for the root element using `theme.semanticColors.bodyBackground`. If you find the background color being incorrect after switching to `ThemeProvider`, the right fix is likely that you need to update your theme definition to have the correct `bodyBackground`. Or, if you don't want any default stylings applied to the root element, you can set `applyTo` prop to `\"none\"`.\n- `ThemeProvider` does not set `font-family: inherit` on all native `button`, `input`, `textArea` elements. If you find any Fluent UI component having incorrect fonts after switching to `ThemeProvider`, please [report an issue](https://github.com/microsoft/fluentui/issues/new?template=bug_report.md).\n","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","bundle":"just-scripts bundle","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.6","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":["lib/version.js"],"_nodeVersion":"12.18.3","dependencies":{"tslib":"^1.10.0","classnames":"^2.2.6","@fluentui/theme":"^2.0.0-beta.13","@fluentui/utilities":"^8.0.0-beta.10","@fluentui/react-hooks":"^8.0.0-beta.10","@fluentui/set-version":"^8.0.0-beta.1","@fluentui/merge-styles":"^8.0.0-beta.4","@fluentui/react-compose":"^1.0.0-beta.11","@fluentui/react-stylesheets":"^1.0.0-beta.5","@fluentui/react-window-provider":"^2.0.0-beta.5"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"16.8.6","enzyme":"~3.10.0","react-dom":"16.8.6","@types/jest":"~24.9.0","@types/react":"16.9.42","@types/enzyme":"3.10.3","@types/react-dom":"16.9.10","@fluentui/scripts":"^1.0.0","@types/classnames":"^2.2.9","@types/webpack-env":"1.16.0","react-test-renderer":"^16.3.0","@fluentui/eslint-plugin":"^1.0.0-beta.1","enzyme-adapter-react-16":"^1.15.0","@fluentui/test-utilities":"^8.0.0-beta.5","@fluentui/style-utilities":"^8.0.0-beta.13","@types/react-test-renderer":"^16.0.0","@types/enzyme-adapter-react-16":"1.0.3"},"peerDependencies":{"react":">=16.8.0 <17.0.0","@types/react":">=16.8.0 <17.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_1.0.0-beta.17_1611836617878_0.727190050893707","host":"s3://npm-registry-packages"}},"1.0.0-beta.18":{"name":"@fluentui/react-theme-provider","version":"1.0.0-beta.18","license":"MIT","_id":"@fluentui/react-theme-provider@1.0.0-beta.18","maintainers":[{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"jdhuntington","email":"jdhuntington@gmail.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"ceed569911c47f9b5b3fdb8e7cbf069eabfc5f2c","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-1.0.0-beta.18.tgz","fileCount":210,"integrity":"sha512-sO1DYuBOZSY5lJ+ja0q/UXj+OcM/15N4Lxx34Zeg5IWOU4x/qrikv/zS1vI3TchqI2ddBGYDfkWX0HxEUUM14Q==","signatures":[{"sig":"MEUCIQDAunUctK/i04t91pA+/CIDcpSWC2Dq8FFojyhBEf38EQIgeueT4hI4fdtz7kLFcKRnwrkmXnoh+b3VdAtyYQEiB2M=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":318552,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgF/JgCRA9TVsSAnZWagAApKoP/RlU+kSMtunlYj50NGFj\niYDQ5kbO5k9OFTE/VfshMi5/R8EBN64ztQufRbavfnQ/fD9UrjRWZHPUeCQ3\noFTiFIC00hwcSU8uQkYwUzs/1JsToG/Chl9R1Pw/Ky1q8NydKloDalPKmeRm\nvzaAmCF23obRtJ8mX2suLOmRMiiCal7n+xSAFA1T5nVK9vBQa/c9nbxr7JhB\nmaL9Y9Rly+i/jUxHxKu7l/k5iaePVa/sGsMjpo6HjivTqligEo7ckBn4vMpE\nX+EUgie9FMh9uiKOPiu6gfhR/OvYSOwIhaA0mDB5lAjn9e5i2AmwCdJF7dN4\n38g7Y09Li3k0aQs66LHGpwgcZnNxwKAdRPDlrk4GklnLfYa1k2bbjMsUpDTK\naIKscKN6rIRt2Od3TixAgiD8Xr7kIt50QMxhga1treJKZGNaFEFSTz1/PMhy\ntwhJBwZn2SGIMG5LKUU2e/YPiaK9Hkfe9duOFjYL2VPtYTphkE/5ohC31iOL\nHf1GBGA12Kg4BTD3pF2wZQCjlarDiELGTNXsy9Ng2wDO8ocYLqV9upvZ/NUh\nplJSXk/mjOG2YWveHwMUAHRMWsUZl3oOTX88sabYtVxehE7qHGtVtb0ylWDj\nVPCKQ3jkC4fAMBKcCSLABeD+l7hEdTs+FQynPmSwkFHM/VIog1jEdivCQpP6\nW6pe\r\n=B+lm\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","readme":"# @fluentui/react-theme-provider\n\n**React theming component and hook for [Fluent UI React](https://developer.microsoft.com/en-us/fluentui)**\n\n## Installation\n\n```bash\nyarn add @fluentui/react-theme-provider\n```\n\n## Example usage\n\nUse the theme with Fluent UI by wrapping content within the provider. If `theme` is not provided, default (Fluent) theme will be provided:\n\n```tsx\nimport { ThemeProvider } from '@fluentui/react-theme-provider';\n\nexport const App = () => (\n  <ThemeProvider>\n    <>...app</>\n  </ThemeProvider>\n);\n```\n\nYou can also customize your own theme:\n\n```tsx\nimport { ThemeProvider, PartialTheme } from '@fluentui/react-theme-provider';\n\nconst appTheme: PartialTheme = {\n  palette: {\n    themePrimary: 'red'\n    ...\n  }\n};\n\nexport const App = () => (\n  <ThemeProvider theme={appTheme}>\n    App content ...\n  </ThemeProvider>\n);\n```\n\nYou can also nest `ThemeProvider`s:\n\n```tsx\nimport { ThemeProvider, PartialTheme } from '@fluentui/react-theme-provider';\n\nconst appTheme: PartialTheme = {\n  palette: {\n    themePrimary: 'red'\n    ...\n  }\n};\n\nconst headerTheme: PartialTheme = {\n  palette: {\n    themePrimary: 'orange'\n    ...\n  }\n};\n\nexport const App = () => (\n  <ThemeProvider theme={appTheme}>\n    <ThemeProvider theme={headerTheme}>\n      <MyHeader />\n    </ThemeProvider>\n\n    App content ...\n  </ThemeProvider>\n);\n```\n\nYou can apply component-level styles:\n\n```tsx\nimport { Checkbox } from '@fluentui/react';\nimport { ThemeProvider, createTheme } from '@fluentui/react-theme-provider';\n\nexport const App = () => (\n  <ThemeProvider\n    theme={{\n      components: { Checkbox: { styles: { root: { background: 'red' } } } },\n    }}\n  >\n    <Checkbox />\n  </ThemeProvider>\n);\n```\n\n## Accessing theme\n\n### useTheme\n\nTheme can be accessed using `useTheme` hook. If you are specifically accessing theme to create classes/styles, you can use `makeStyles` described below.\n\n```jsx\nimport { useTheme } from '@fluentui/react-theme-provider';\n\nconst Content = () => {\n  const theme = useTheme();\n  ...\n};\n\nexport const App = () => (\n  <ThemeProvider>\n    <Content />\n  </ThemeProvider>\n);\n```\n\n### ThemeContext.Consumer\n\nTheme can be accessed in Class Component using `ThemeContext.Consumer`.\n\n```tsx\nimport { Theme, ThemeContext } from '@fluentui/react-theme-provider';\n\nclass Content extends React.Component {\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme: Theme | undefined) => {\n          ...\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n}\n\nexport const App = () => (\n  <ThemeProvider>\n    <Content />\n  </ThemeProvider>\n);\n```\n\n### Create classes for React components based on theme\n\nTheme can be accessed using the `makeStyles` hook. This hook abstracts rendering css given the theme object:\n\n```jsx\nimport { makeStyles } from '@fluentui/react-theme-provider';\n\nconst useFooStyles = makeStyles(theme => ({\n  root: {\n    background: theme.semanticColors.bodyBackground,\n    ':hover': {\n      background: theme.semanticColors.bodyBackgroundHovered,\n    },\n  },\n}));\n\nconst Foo = props => {\n  const classes = useFooStyles();\n\n  return <div className={classes.root} />;\n};\n```\n\n## How does this change other existing ways of theming Fluent UI components?\n\n### Customizer\n\n`Customizer` is now deprecated and you should replace it with `ThemeProvider`.\n`CustomizerContext` is now deprecated and you should replace it with `ThemeContext` or `useTheme` hook.\n\nDeprecations remain to be functional as is but they will be removed in Fluent UI v9 release.\n\n#### Replace settings prop\n\nBefore:\n\n```jsx\n<Customizer settings={{ theme }} />\n```\n\nAfter:\n\n```jsx\n<ThemeProvider theme={theme} />\n```\n\n#### Replace scopedSettings prop\n\nBefore:\n\n```jsx\n<Customizer\n  scopedSettings={{\n    Checkbox: {\n      styles: CheckboxStyles,\n    },\n  }}\n/>\n```\n\nAfter:\n\n```jsx\n<ThemeProvider\n  theme={{\n    components: { Checkbox: { styles: CheckboxStyles } },\n  }}\n/>\n```\n\n#### Replace CustomizerContext\n\nBefore:\n\n```jsx\n  <CustomizerContext.Consumer>\n    {(parentContext: ICustomizerContext) => {\n      const theme = parentContext.customizations.settings;\n      ...\n    }\n  </CustomizerContext.Consumer>\n```\n\nAfter:\nSee options in [Accessing theme](https://github.com/microsoft/fluentui/blob/master/packages/react-theme-provider/README.md#accessing-theme).\n\n### loadTheme\n\n`loadTheme` remains to work as is. However, you are recommended to replace `loadTheme` with `ThemeProvider`. That way, your application consistently has one way of providing theme.\n\nTo do that, instead of calling `loadTheme(your_theme)`, you will simply wrap the root component of your React application once with `ThemeProvider`:\n\n```jsx\n<ThemeProvider theme={your_theme}>\n  <App />\n</ThemeProvider>\n```\n\nOne caveat here is that if you app has styles which relies on `@microsoft/load-themed-styles`, `ThemeProvider` won't be able to replace `loadTheme` in this case.\n\n### Fabric component\n\nInstead of using `Fabric` component, you can now replace it fully with `ThemeProvider`. Here is how to replace each prop usage:\n\n| Fabric             | ThemeProvider                                                                                                                                                                                       |\n| ------------------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| `componentRef`     | `ref`                                                                                                                                                                                               |\n| `as`               | `as`                                                                                                                                                                                                |\n| `theme`            | `theme`                                                                                                                                                                                             |\n| `styles`           | Not longer support `styles` prop. If you need to style the root element, you can do that using (inline) style or className prop. Setting arbitrary styles for document body is no longer supported. |\n| `applyTheme`       | This is now applied by default, or by setting `applyTo=\"element\"`. If you don't want any body styles to be applied on root element, you can set `applyTo=\"none\"`.                                   |\n| `applyThemeToBody` | `applyTo=\"body\"`                                                                                                                                                                                    |\n| `dir`              | set `rtl` in `theme` prop                                                                                                                                                                           |\n\n#### Other call-outs\n\n- `ThemeProvider` by default sets `background-color` for the root element using `theme.semanticColors.bodyBackground`. If you find the background color being incorrect after switching to `ThemeProvider`, the right fix is likely that you need to update your theme definition to have the correct `bodyBackground`. Or, if you don't want any default stylings applied to the root element, you can set `applyTo` prop to `\"none\"`.\n- `ThemeProvider` does not set `font-family: inherit` on all native `button`, `input`, `textArea` elements. If you find any Fluent UI component having incorrect fonts after switching to `ThemeProvider`, please [report an issue](https://github.com/microsoft/fluentui/issues/new?template=bug_report.md).\n","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","bundle":"just-scripts bundle","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.6","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":["lib/version.js"],"_nodeVersion":"12.18.3","dependencies":{"tslib":"^1.10.0","classnames":"^2.2.6","@fluentui/theme":"^2.0.0-beta.13","@fluentui/utilities":"^8.0.0-beta.10","@fluentui/react-hooks":"^8.0.0-beta.10","@fluentui/react-utils":"^0.2.0","@fluentui/set-version":"^8.0.0-beta.1","@fluentui/merge-styles":"^8.0.0-beta.4","@fluentui/react-stylesheets":"^1.0.0-beta.5","@fluentui/react-window-provider":"^2.0.0-beta.5"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"16.8.6","enzyme":"~3.10.0","react-dom":"16.8.6","@types/jest":"~24.9.0","@types/react":"16.9.42","@types/enzyme":"3.10.3","@types/react-dom":"16.9.10","@fluentui/scripts":"^1.0.0","@types/classnames":"^2.2.9","@types/webpack-env":"1.16.0","react-test-renderer":"^16.3.0","@fluentui/eslint-plugin":"^1.0.0-beta.1","enzyme-adapter-react-16":"^1.15.0","@fluentui/test-utilities":"^8.0.0-beta.5","@fluentui/style-utilities":"^8.0.0-beta.13","@types/react-test-renderer":"^16.0.0","@types/enzyme-adapter-react-16":"1.0.3"},"peerDependencies":{"react":">=16.8.0 <17.0.0","@types/react":">=16.8.0 <17.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_1.0.0-beta.18_1612182112028_0.3869675818881686","host":"s3://npm-registry-packages"}},"1.0.0-beta.19":{"name":"@fluentui/react-theme-provider","version":"1.0.0-beta.19","license":"MIT","_id":"@fluentui/react-theme-provider@1.0.0-beta.19","maintainers":[{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"jdhuntington","email":"jdhuntington@gmail.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"257c349ac604f065109267fd7a086e2ad64f9dcc","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-1.0.0-beta.19.tgz","fileCount":237,"integrity":"sha512-mBardQuV7hb9iaylBaTFAhlVwhffsKlFe57WGmALUvTFD9JXfqttqCZWrnndKWaE2eRVBVD5jsl9HDxYZ41BxQ==","signatures":[{"sig":"MEYCIQDpMV171GCyivIpop6pGaWBD4xMcmc43Lh9tHhbXjVIQgIhAIF7+kRtflPSc6HsFEnPX+6mScRBvDkapdmXHb5k3oEl","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":328030,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgGUNwCRA9TVsSAnZWagAAptoP/3umSdwoq+OYB7hx/YMC\nvu86QKkduV0y6EP4C4hEk0AoyeznBrU9+X6+CcdxKLbyi9IT3FT7WB2zX8La\n/Y1RG4WLQbtq1NzRa2+n3tdiXHeUirJf79AyhVvzfQx3gZ2B7PVR13wRMAYW\n2FDRAV/y0icvWbE8Uku93IGJVUAjcd1/c3KDA3/DMgjOBbyv3jh9s3FZFfFc\nBkeZdOu9je6Y+y6cUZbeGFDJQL88sChnCOnRvE5cQ5rhghinJfDNU0+SFyqG\nZA2oBHg9HHRPCRh1AUhozgQffHtMrtwe1/En2etOOpICEOBk7J0w9syq//CU\ng5tao2iuIXJLD6Zy4sybjZTzSzi0tDVoVUGgGGY1WcYVkZsXNkteJrEgMuhk\nQBuVtY5A7uOVvMcRthXuT4neDiYR2GgnfNvxWqbv/u28ZVX0HtrLCWlJOGcW\nwBoYzAxVxeKlHfZeTH3jeT5OArxi7gAVo3y8lo/7ez21yLpuVVT5MTyDy54G\nr2uLVX857LCC11pxrDlPVqHKoQ8+YwFoOTTnubTBriMz+0TTyNFP3pBDYH1x\ndoliII1ns8OQyOxzBP5DraYNzApePUghPkLkOkSXfA+rchzhk5nF3rIrBdnM\n/n8VThaCvG6xuAT/onSqWfJoZBs8FC5JWR7dB9CIHDRd9msyZIF2eoMb3kk9\nG9me\r\n=mlA4\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","readme":"# @fluentui/react-theme-provider\n\n**React theming component and hook for [Fluent UI React](https://developer.microsoft.com/en-us/fluentui)**\n\n## Installation\n\n```bash\nyarn add @fluentui/react-theme-provider\n```\n\n## Example usage\n\nUse the theme with Fluent UI by wrapping content within the provider:\n\n```tsx\nimport { webLightTheme } from '@fluentui/react-theme';\nimport { ThemeProvider } from '@fluentui/react-theme-provider';\n\nexport const App = () => (\n  <ThemeProvider>\n    <App />\n  </ThemeProvider>\n);\n```\n\nYou can also nest `ThemeProvider`s:\n\n```tsx\nimport { webLightTheme, PartialTheme } from '@fluentui/react-theme';\nimport { ThemeProvider } from '@fluentui/react-theme-provider';\n\nconst headerTheme: PartialTheme = {\n  /* your customizations */\n};\n\nexport const App = () => (\n  <ThemeProvider theme={webLightTheme}>\n    <ThemeProvider theme={headerTheme}>\n      <App />\n    </ThemeProvider>\n\n    <App />\n  </ThemeProvider>\n);\n```\n\n## Accessing theme\n\n### useTheme\n\nTheme can be accessed using `useTheme` hook.\n\n```jsx\nimport { useTheme } from '@fluentui/react-theme-provider';\n\nconst Content = () => {\n  const theme = useTheme();\n};\n\nexport const App = () => (\n  <ThemeProvider>\n    <Content />\n  </ThemeProvider>\n);\n```\n","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","bundle":"just-scripts bundle","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.6","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":["lib/version.js"],"_nodeVersion":"12.18.3","dependencies":{"tslib":"^1.10.0","classnames":"^2.2.6","@fluentui/theme":"^2.0.0-beta.13","@fluentui/utilities":"^8.0.0-beta.10","@fluentui/react-hooks":"^8.0.0-beta.10","@fluentui/react-theme":"^0.2.0","@fluentui/react-utils":"^0.2.0","@fluentui/set-version":"^8.0.0-beta.1","@fluentui/merge-styles":"^8.0.0-beta.4","@fluentui/react-stylesheets":"^1.0.0-beta.5","@fluentui/react-window-provider":"^2.0.0-beta.5"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"16.8.6","enzyme":"~3.10.0","react-dom":"16.8.6","@types/jest":"~24.9.0","@types/react":"16.9.42","@types/enzyme":"3.10.3","@types/react-dom":"16.9.10","@fluentui/scripts":"^1.0.0","@types/classnames":"^2.2.9","@types/webpack-env":"1.16.0","react-test-renderer":"^16.3.0","@fluentui/eslint-plugin":"^1.0.0-beta.1","enzyme-adapter-react-16":"^1.15.0","@fluentui/test-utilities":"^8.0.0-beta.5","@fluentui/style-utilities":"^8.0.0-beta.13","@types/react-test-renderer":"^16.0.0","@fluentui/react-conformance":"^1.0.0","@types/enzyme-adapter-react-16":"1.0.3"},"peerDependencies":{"react":">=16.8.0 <17.0.0","@types/react":">=16.8.0 <17.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_1.0.0-beta.19_1612268399767_0.8166542648923718","host":"s3://npm-registry-packages"}},"1.0.0-beta.20":{"name":"@fluentui/react-theme-provider","version":"1.0.0-beta.20","license":"MIT","_id":"@fluentui/react-theme-provider@1.0.0-beta.20","maintainers":[{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"jdhuntington","email":"jdhuntington@gmail.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"2d23434e60c3dd95e35ac027e75b516f7e3e8234","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-1.0.0-beta.20.tgz","fileCount":237,"integrity":"sha512-J71bTf2OugNxDkl3Rsooy6JexDYE9zeTDNLH1F4wuWB8y9pLaOblqvzCskfI4E+BN3XpkB1aksGTTnsjYYVwOA==","signatures":[{"sig":"MEYCIQDXHel0vqjeT8tPNmUmzOIoMeovpLczA52iB7renwD8jwIhAKhl4tStGAGDQnaiEYD/1NV2bqYZ0Btq4BEANZN5RXfA","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":329432,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgISzdCRA9TVsSAnZWagAAZOAP/1BxrXwFOmoCzMaOJ7aD\n1h233gKOFGFPO7Qsqf7v7yU2j4MaFU6FmDbh/6VwAzolD/JYZgHVwRDUuXRc\npMFi8Kq2J6SKz/kb0pvkUceEWtpzsGjlM3b63ln+0mxW7fSTuH+Qgk3nnSUm\nCc1v7RVWEvLVjtyJAlXn2sqBqAIcuXtEE5mUnDKuF0/m1ilVh/RKIfLvxX0N\nvt+n3DoKquBxAuK8LyRb3lyNBV8pDJJtjiygG8WCJYAJ8uhXvU3oM8LrsQI/\ndIzGbLEm+bpPAmbJnbV9WC75jJ3owzP3UAMwDkBkjPBmD0u5Dqa7+ZkDYTok\nx8QCPSNh86endUZtySx6U73SsNAC+dLX5Z4Re5WQHqKBEcAO8qOFmwic5wdn\nn6eeYKf/1AvWKM27vIv7h9ZOHE5MQqIOgGc+RUan1oZdc5nS5F8+K8wZa+TE\nUHhNpJ6Quyu1/nMtmvZNmXYJXfwhPL5xUinW1hGF8cuuJhjJDviGAWsz9Dpl\nKg/jFcDpqCm7+7/hDKQNA+rK9GLqT/o1+vxl5sv/55yLVA86Ukm1GeorrNU1\n2oAM+RhyVJL58l7sJq2g7MQqA/y88H3bhZacxdMkTzyMFpHxEFa2JD25iy/0\nGfaf3CuLSBafZ8pIY4lp1lXtQ5atQmmpJpc9fNiWkRd2kJw1OqGXlvjognkA\nccfH\r\n=gPW9\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","readme":"# @fluentui/react-theme-provider\n\n**React theming component and hook for [Fluent UI React](https://developer.microsoft.com/en-us/fluentui)**\n\n## Installation\n\n```bash\nyarn add @fluentui/react-theme-provider\n```\n\n## Example usage\n\nUse the theme with Fluent UI by wrapping content within the provider:\n\n```tsx\nimport { webLightTheme } from '@fluentui/react-theme';\nimport { ThemeProvider } from '@fluentui/react-theme-provider';\n\nexport const App = () => (\n  <ThemeProvider>\n    <App />\n  </ThemeProvider>\n);\n```\n\nYou can also nest `ThemeProvider`s:\n\n```tsx\nimport { webLightTheme, PartialTheme } from '@fluentui/react-theme';\nimport { ThemeProvider } from '@fluentui/react-theme-provider';\n\nconst headerTheme: PartialTheme = {\n  /* your customizations */\n};\n\nexport const App = () => (\n  <ThemeProvider theme={webLightTheme}>\n    <ThemeProvider theme={headerTheme}>\n      <App />\n    </ThemeProvider>\n\n    <App />\n  </ThemeProvider>\n);\n```\n\n## Accessing theme\n\n### useTheme\n\nTheme can be accessed using `useTheme` hook.\n\n```jsx\nimport { useTheme } from '@fluentui/react-theme-provider';\n\nconst Content = () => {\n  const theme = useTheme();\n};\n\nexport const App = () => (\n  <ThemeProvider>\n    <Content />\n  </ThemeProvider>\n);\n```\n","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","bundle":"just-scripts bundle","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"dzearing","email":"dzearing@microsoft.com"},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.6","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":["lib/version.js"],"_nodeVersion":"12.18.4","dependencies":{"tslib":"^1.10.0","classnames":"^2.2.6","@fluentui/theme":"^2.0.0-beta.13","@fluentui/utilities":"^8.0.0-beta.10","@fluentui/react-hooks":"^8.0.0-beta.10","@fluentui/react-theme":"^0.3.0","@fluentui/react-utils":"^0.2.0","@fluentui/set-version":"^8.0.0-beta.1","@fluentui/merge-styles":"^8.0.0-beta.4","@fluentui/react-stylesheets":"^1.0.0-beta.5","@fluentui/react-window-provider":"^2.0.0-beta.5"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"16.8.6","enzyme":"~3.10.0","react-dom":"16.8.6","@types/jest":"~24.9.0","@types/react":"16.9.42","@types/enzyme":"3.10.3","@types/react-dom":"16.9.10","@fluentui/scripts":"^1.0.0","@types/classnames":"^2.2.9","@types/webpack-env":"1.16.0","react-test-renderer":"^16.3.0","@fluentui/eslint-plugin":"^1.0.0-beta.1","enzyme-adapter-react-16":"^1.15.0","@fluentui/test-utilities":"^8.0.0-beta.5","@fluentui/style-utilities":"^8.0.0-beta.13","@types/react-test-renderer":"^16.0.0","@fluentui/react-conformance":"^1.0.0","@types/enzyme-adapter-react-16":"1.0.3"},"peerDependencies":{"react":">=16.8.0 <17.0.0","@types/react":">=16.8.0 <17.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_1.0.0-beta.20_1612786909174_0.28753759835865256","host":"s3://npm-registry-packages"}},"0.18.2":{"name":"@fluentui/react-theme-provider","version":"0.18.2","license":"MIT","_id":"@fluentui/react-theme-provider@0.18.2","maintainers":[{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"jdhuntington","email":"jdhuntington@gmail.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"0af01e2818a9269240b5d3d5922be32e28ea4ec7","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-0.18.2.tgz","fileCount":246,"integrity":"sha512-Aft+7rLB0TWzVbgcY5b/WYjlACLLlNKpPmIupHjzCqGGLbLHP/xfuoIui959LpajI9QT5BSP/P5eryC7O7X7bg==","signatures":[{"sig":"MEYCIQC6UBAYlIXhFwQ1l5+TImK2aLbGJcgydmhWFDIwCfmsewIhAKCE7irLVYfJiryhvLUVUaIlvQm0ECPLsuMsF5X4lhIp","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":29869820,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgIS2ZCRA9TVsSAnZWagAAdskP/RB2Eae84dbrXB0mkNJL\n1smLYJjyu7INzIyHHFQJaOIuwlr1btiQZoRtL0rxvKvPY0yV8fkfbt9JZZfb\n0MtOXDH/vaOj1ETI3dVIMaj7Xk3g4s9oLxo+TqHmslqJEzjTnjTugALPkRVI\nMIeJTMz7M0LebzPj5CQzfKp7PUH/E56dZzDWiS5yxrKxKhHPIhvKnhzKsn2U\not8nJAUtpnr1//AJRLhqnIlw5D6m8UjKgM0dUhEASktR1f8BYQ8BgfMlNXc/\nyEMne9bRdbfsndYs8Bu3XEAlw+64FcVDoLevJCMaPS6X+U0LVvRV0TUwn/Is\njHuig3+65+BUNntuVA8Lg+Zf7OIquCaUcEp5d2pFFYOFdMP3A4LfPmSnfCn8\n02RU3m0ZkG/3jbBb1UW8u+dXm8pdmfU73Tx35Xdhq1RNq85ebtx5Tz0bqIiG\nUTYwYLZO1ybuqfVEKr7HiBuNTvl1mM78R/oGIEd2nOST8/JG512MP0aKSwqS\ne0AZOprkluH74c75QTiu25+Cs8S0zLVlIOCJNicv4OKJpt7amkG3/pYYphHa\nX/umKE3NV4PyJMVHHvRuaY88bo5S48WYT20reCD4L1m9Q1oRNnr2KuIIXd/L\nSaf/IsuIoswrIXrKtggi5/bZ/2cY7yHP95pv7L3iVTEjMZYlGrB1dexGIkBQ\nQ/f9\r\n=ZYH9\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","bundle":"just-scripts bundle","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-api":"just-scripts update-api","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"dzearing","email":"dzearing@microsoft.com"},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.6","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":["lib/version.js"],"_nodeVersion":"12.18.4","dependencies":{"tslib":"^1.10.0","classnames":"^2.2.6","@fluentui/theme":"^1.7.1","@uifabric/utilities":"^7.33.2","@uifabric/react-hooks":"^7.13.9","@uifabric/set-version":"^7.0.23","@uifabric/merge-styles":"^7.19.1","@fluentui/react-compose":"^0.19.12","@fluentui/react-stylesheets":"^0.2.4","@fluentui/react-window-provider":"^1.0.1"},"_hasShrinkwrap":false,"devDependencies":{"react":"16.8.6","enzyme":"~3.10.0","react-dom":"16.8.6","@types/jest":"~24.9.0","@types/react":"16.8.25","@types/enzyme":"3.10.3","@uifabric/build":"^7.0.0","@types/react-dom":"16.8.4","@types/classnames":"^2.2.9","@uifabric/styling":"^7.17.0","@types/webpack-env":"1.15.1","react-test-renderer":"^16.3.0","@fluentui/eslint-plugin":"^0.54.1","enzyme-adapter-react-16":"^1.15.0","@uifabric/test-utilities":"^7.3.0","@types/react-test-renderer":"^16.0.0","@types/enzyme-adapter-react-16":"1.0.3"},"peerDependencies":{"react":">=16.8.0 <17.0.0","@types/react":">=16.8.0 <17.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_0.18.2_1612787096546_0.259005184922956","host":"s3://npm-registry-packages"}},"1.0.0-beta.21":{"name":"@fluentui/react-theme-provider","version":"1.0.0-beta.21","license":"MIT","_id":"@fluentui/react-theme-provider@1.0.0-beta.21","maintainers":[{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"jdhuntington","email":"jdhuntington@gmail.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"0bceedb98cb93c9427ca58179e2f930570fc27ca","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-1.0.0-beta.21.tgz","fileCount":237,"integrity":"sha512-WTQU9W6+/Kc3DnkO+s+8BZRrF/KdJBis3bj6DTQp78cJLahSRq/k4KxL5f0Th5rMn0LiPsbhJ0mYjNrG1I2wKw==","signatures":[{"sig":"MEYCIQCDthJyNqIE0OWG0WxFeBoAOBCMdNt+wKv0A/nJsvHX/QIhAKsA0RKpTYA5LGLEwI2WD6iGgI9qPhU+GgKGZkZo1S8s","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":330738,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgId1jCRA9TVsSAnZWagAAAaAP/3v576k8KLmY07xVE+00\nhpO2LeGYh1Qydmwoe/mkkobLqyn8rEMBM2RiqspDK8Td3IWaJJwOpFBJrDlq\nnEJXdz+2KdkGq4gDblBpsZmfxNoF1TUzhKfAJAjVGjaHkQg7mzL+YTJFTeU8\n64uoCDUj9Mgd2wb97AZMeo7gZwm+5FPOmUUp27CvdWYAiGfyUgvZUhWl8QcP\nbSJ+rsGxBRVBFqw7hnGg1PwmzrlhlgjqpiaroelI+jpLNmbx1r1/RD5vjUXn\nS8Rf0BZuprmHY94XYvvUIgaLJc9TvW958FzanfjNBFglyC1ZDplFY+aaNO46\nIlj6fQfNA/vXJvcxN2/AStJOOuYps4jas//feyXrVusaNXSboa2zjzsYYZE/\nn+p7UzjRtMRYn2doCdJc8iOErKZlfGbl22BejSZrQBtz9aX94q2d5GgxZCha\n0jBf+1aWkVqK0WekYdk3sONjIPgdO+80BN6NdW5P/FP46rqUTzupb3oG/GAg\nw7sX02MH0Radlka1hXDPKfvPySlGyka39jej/LpBDe5MOiyajdE6SHc+3/lK\nGrW6Vj6jNdfgtDujLgu8m9eT+GIJARKk3FnTJcrOulQkA90PzJa+5z4tcpHf\n2dzHtz22HMuB8JAyBu6rrmjf6426uahhTyq/WW6aU6oHYR6UeKY1uFAuiA3y\noa2u\r\n=Jlew\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","readme":"# @fluentui/react-theme-provider\n\n**React theming component and hook for [Fluent UI React](https://developer.microsoft.com/en-us/fluentui)**\n\n## Installation\n\n```bash\nyarn add @fluentui/react-theme-provider\n```\n\n## Example usage\n\nUse the theme with Fluent UI by wrapping content within the provider:\n\n```tsx\nimport { webLightTheme } from '@fluentui/react-theme';\nimport { ThemeProvider } from '@fluentui/react-theme-provider';\n\nexport const App = () => (\n  <ThemeProvider>\n    <App />\n  </ThemeProvider>\n);\n```\n\nYou can also nest `ThemeProvider`s:\n\n```tsx\nimport { webLightTheme, PartialTheme } from '@fluentui/react-theme';\nimport { ThemeProvider } from '@fluentui/react-theme-provider';\n\nconst headerTheme: PartialTheme = {\n  /* your customizations */\n};\n\nexport const App = () => (\n  <ThemeProvider theme={webLightTheme}>\n    <ThemeProvider theme={headerTheme}>\n      <App />\n    </ThemeProvider>\n\n    <App />\n  </ThemeProvider>\n);\n```\n\n## Accessing theme\n\n### useTheme\n\nTheme can be accessed using `useTheme` hook.\n\n```jsx\nimport { useTheme } from '@fluentui/react-theme-provider';\n\nconst Content = () => {\n  const theme = useTheme();\n};\n\nexport const App = () => (\n  <ThemeProvider>\n    <Content />\n  </ThemeProvider>\n);\n```\n","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","bundle":"just-scripts bundle","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"dzearing","email":"dzearing@microsoft.com"},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.6","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":["lib/version.js"],"_nodeVersion":"12.18.4","dependencies":{"tslib":"^1.10.0","classnames":"^2.2.6","@fluentui/theme":"^2.0.0-beta.13","@fluentui/utilities":"^8.0.0-beta.10","@fluentui/react-hooks":"^8.0.0-beta.10","@fluentui/react-theme":"^0.3.1","@fluentui/react-utils":"^0.3.0","@fluentui/set-version":"^8.0.0-beta.1","@fluentui/merge-styles":"^8.0.0-beta.4","@fluentui/react-stylesheets":"^1.0.0-beta.5","@fluentui/react-window-provider":"^2.0.0-beta.5"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"16.8.6","enzyme":"~3.10.0","react-dom":"16.8.6","@types/jest":"~24.9.0","@types/react":"16.9.42","@types/enzyme":"3.10.3","@types/react-dom":"16.9.10","@fluentui/scripts":"^1.0.0","@types/classnames":"^2.2.9","@types/webpack-env":"1.16.0","react-test-renderer":"^16.3.0","@fluentui/eslint-plugin":"^1.0.0-beta.1","enzyme-adapter-react-16":"^1.15.0","@fluentui/test-utilities":"^8.0.0-beta.5","@fluentui/style-utilities":"^8.0.0-beta.13","@types/react-test-renderer":"^16.0.0","@fluentui/react-conformance":"^1.0.0","@types/enzyme-adapter-react-16":"1.0.3"},"peerDependencies":{"react":">=16.8.0 <17.0.0","@types/react":">=16.8.0 <17.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_1.0.0-beta.21_1612832098699_0.7335876786388655","host":"s3://npm-registry-packages"}},"0.18.3":{"name":"@fluentui/react-theme-provider","version":"0.18.3","license":"MIT","_id":"@fluentui/react-theme-provider@0.18.3","maintainers":[{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"jdhuntington","email":"jdhuntington@gmail.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"0dff332b6ca7d5a2f22138cc365a496d53e07b2a","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-0.18.3.tgz","fileCount":246,"integrity":"sha512-UfEYat3rKT/75vYr45r1PmLOqirKtnMh4zj4OdrYgDaq1EltpCTHRs+JPMbewaZqhC7bLWZvPHIM15GjzzcWuA==","signatures":[{"sig":"MEYCIQDUg7OjVQYlKH5LUVTG4FxvpDC5X2YSJ7c9XJM5FZ+k+wIhAMxD3cC6UODkcjeBduAr/8L34V3GL634Q/fyJTIrcbiv","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":29872615,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgIn9CCRA9TVsSAnZWagAAK1sP/jvODw5gGEicLpyRb7NF\nfQq6lXel+1kHgh9ohOGlvm7vwtqgphGUOa3ZDvx7SJ2YDwznBO3CpgHCTusa\n+r5lZCQlNfGK+LJPtyFFYDFztC21CvlHrq8KADBkHqk65NLi2eNuqp9o1W2x\nd+8geet42LBudXjAE7IyOsR8gAELQ3cE+HsSi3iKA9he44pDC/ZviVwx/KU8\nVyNyrvSDn1TwCwhf/VyiPdqpRpBzfEtofVHwCznWC9UXp7i9FV//StHbPPPe\nHujcSHCPl7Df6nzQCSgOCdEa7bKs4U3zKK3pRCpVrLghaUNW0UzGhaE+3NCk\noYGc5CxJuf1/ocrJapfNUMgXPFQZeZLksdFdqjeaI/slcdFdIHkCymzogyXF\nVKBKiBI3FntWvvvbj1Tb/2OrBnylsSnJhTrzsykhgVixF6oX63qzyYNrlMwg\nhLtT8hSfFBanhSuI+NHyX3OUyv4+8xfaWqt37/BoVM8aSBty8upCkOmErXtf\niWBYY6psWgxoab1wyEz2/WtOf//6+BnIq8MypMRQkQiFIssEm5gQENj5XzM4\niT4CKKLdOfobDFTr87j73Xu5DTVR6ZgzZ4J7VmyA0GmWv4MY+ITYN0RM9V0Q\nXuWfTdPcqG5RetfbFD9BhOLKztDPH1tJSD4Jvn7o13bqzFZpekyN/72oG59l\nkfC8\r\n=RN6G\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","bundle":"just-scripts bundle","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-api":"just-scripts update-api","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"dzearing","email":"dzearing@microsoft.com"},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.6","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":["lib/version.js"],"_nodeVersion":"12.18.3","dependencies":{"tslib":"^1.10.0","classnames":"^2.2.6","@fluentui/theme":"^1.7.2","@uifabric/utilities":"^7.33.3","@uifabric/react-hooks":"^7.13.10","@uifabric/set-version":"^7.0.23","@uifabric/merge-styles":"^7.19.1","@fluentui/react-compose":"^0.19.13","@fluentui/react-stylesheets":"^0.2.4","@fluentui/react-window-provider":"^1.0.1"},"_hasShrinkwrap":false,"devDependencies":{"react":"16.8.6","enzyme":"~3.10.0","react-dom":"16.8.6","@types/jest":"~24.9.0","@types/react":"16.8.25","@types/enzyme":"3.10.3","@uifabric/build":"^7.0.0","@types/react-dom":"16.8.4","@types/classnames":"^2.2.9","@uifabric/styling":"^7.17.1","@types/webpack-env":"1.15.1","react-test-renderer":"^16.3.0","@fluentui/eslint-plugin":"^0.54.1","enzyme-adapter-react-16":"^1.15.0","@uifabric/test-utilities":"^7.3.0","@types/react-test-renderer":"^16.0.0","@types/enzyme-adapter-react-16":"1.0.3"},"peerDependencies":{"react":">=16.8.0 <17.0.0","@types/react":">=16.8.0 <17.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_0.18.3_1612873537669_0.34197997382728973","host":"s3://npm-registry-packages"}},"1.0.0-beta.22":{"name":"@fluentui/react-theme-provider","version":"1.0.0-beta.22","license":"MIT","_id":"@fluentui/react-theme-provider@1.0.0-beta.22","maintainers":[{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"jdhuntington","email":"jdhuntington@gmail.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"414492da52ab8c615e981cc6e56de5cfaa1ea783","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-1.0.0-beta.22.tgz","fileCount":237,"integrity":"sha512-tM6/gKA1aSLGRJrj8kxFBrPi1T7h69ZlnJh3NUSuyoF1i1BW3GT5DRPlr08wTHdLSUoT4S8GO1XHiO2H6CawBA==","signatures":[{"sig":"MEUCIQCnDpKkeaCWgShWckvhHCLfaB1eKW9nvfYdkT1OpLeNUwIgOM4W+QWgf7PPoTiXVibHRCmHHtIDANPnibw227lR0Sc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":331948,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgJIDtCRA9TVsSAnZWagAAopIP/iwvjTgNCLcMweRjW2nz\nkvvIkNegQ5+NCTlgPCnmfCvEUH1ZaJ+ESsCVnXZe6vIf4mRhiUxIGzzYxc2f\nLkV3b/iQf8giBHxrm0Ds/v2dY/5mRxCvH40FgfVwbGMOZ3faoeDNh7mCOpEH\nn08Wg40fNXPyKVNhnycDEJ/THfonvcDM6f9jMSArGGHZXIQgCAVEzULxPcRx\np7Z0V6Z9DIhuKQqsSE+7NB6fplhjevftWfhVnb9cSRmkbqE8znGCykTe07X2\ntD1eROosj2QYpsHBeGI39cVF2RnMjUKWZBFM9Cp6wLxtEnMNoFUBv3lVRh0O\npJwm7GGhZeHCcA4Lz3Bp0jF4Qdho/dEBOXoQin1C81IIqY9xnc2XuTcty6VF\nkV6qhlWmIVC94Za63S5PJiL7HNESN/XsPDBNouxYHZxqKGmeJkDya/5/Va8J\nmVKYT14e1QSN9kD5tFtUp5b0dlGiTZriNyhuU2Oel+iipr3aQXp0Fuvx+RfJ\n4m5a8114xoxx8Doc/qG++2JikCUbuyQIHZJWmkCjH3edaGEZP12UwAAh6qL/\n0xJNExHAfo5Z2UkQ3LPk/e7n+nU4swfAdEXuPwtICBUhSmk+K/jbyGeoL6ZL\nZnpTSnO3RlsSnAodAypBSWpLD6/G++0lEut981Ob/f+7JENxcmA5qQvDGGvB\nXr2l\r\n=Us+L\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","readme":"# @fluentui/react-theme-provider\n\n**React theming component and hook for [Fluent UI React](https://developer.microsoft.com/en-us/fluentui)**\n\n## Installation\n\n```bash\nyarn add @fluentui/react-theme-provider\n```\n\n## Example usage\n\nUse the theme with Fluent UI by wrapping content within the provider:\n\n```tsx\nimport { webLightTheme } from '@fluentui/react-theme';\nimport { ThemeProvider } from '@fluentui/react-theme-provider';\n\nexport const App = () => (\n  <ThemeProvider>\n    <App />\n  </ThemeProvider>\n);\n```\n\nYou can also nest `ThemeProvider`s:\n\n```tsx\nimport { webLightTheme, PartialTheme } from '@fluentui/react-theme';\nimport { ThemeProvider } from '@fluentui/react-theme-provider';\n\nconst headerTheme: PartialTheme = {\n  /* your customizations */\n};\n\nexport const App = () => (\n  <ThemeProvider theme={webLightTheme}>\n    <ThemeProvider theme={headerTheme}>\n      <App />\n    </ThemeProvider>\n\n    <App />\n  </ThemeProvider>\n);\n```\n\n## Accessing theme\n\n### useTheme\n\nTheme can be accessed using `useTheme` hook.\n\n```jsx\nimport { useTheme } from '@fluentui/react-theme-provider';\n\nconst Content = () => {\n  const theme = useTheme();\n};\n\nexport const App = () => (\n  <ThemeProvider>\n    <Content />\n  </ThemeProvider>\n);\n```\n","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","bundle":"just-scripts bundle","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"dzearing","email":"dzearing@microsoft.com"},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.6","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":["lib/version.js"],"_nodeVersion":"12.18.3","dependencies":{"tslib":"^1.10.0","classnames":"^2.2.6","@fluentui/theme":"^2.0.0-beta.14","@fluentui/utilities":"^8.0.0-beta.11","@fluentui/react-hooks":"^8.0.0-beta.11","@fluentui/react-theme":"^0.3.1","@fluentui/react-utils":"^0.3.1-0","@fluentui/set-version":"^8.0.0-beta.1","@fluentui/merge-styles":"^8.0.0-beta.4","@fluentui/react-stylesheets":"^1.0.0-beta.5","@fluentui/react-window-provider":"^2.0.0-beta.5"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"16.8.6","enzyme":"~3.10.0","react-dom":"16.8.6","@types/jest":"~24.9.0","@types/react":"16.9.42","@types/enzyme":"3.10.3","@types/react-dom":"16.9.10","@fluentui/scripts":"^1.0.0","@types/classnames":"^2.2.9","@types/webpack-env":"1.16.0","react-test-renderer":"^16.3.0","@fluentui/eslint-plugin":"^1.0.0-beta.1","enzyme-adapter-react-16":"^1.15.0","@fluentui/test-utilities":"^8.0.0-beta.5","@fluentui/style-utilities":"^8.0.0-beta.14","@types/react-test-renderer":"^16.0.0","@fluentui/react-conformance":"^1.0.0","@types/enzyme-adapter-react-16":"1.0.3"},"peerDependencies":{"react":">=16.8.0 <17.0.0","@types/react":">=16.8.0 <17.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_1.0.0-beta.22_1613005036641_0.8295037635599554","host":"s3://npm-registry-packages"}},"0.18.4":{"name":"@fluentui/react-theme-provider","version":"0.18.4","license":"MIT","_id":"@fluentui/react-theme-provider@0.18.4","maintainers":[{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"jdhuntington","email":"jdhuntington@gmail.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"677d00283e4583bb0b19a69c66e4645615c47ead","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-0.18.4.tgz","fileCount":246,"integrity":"sha512-2NkGt5f6nX0L5hST2jQKWrtuBmUtjclMcnYt5xpIEO7E44RvyFWy6d/RGQxbbaOs8JC2Ig/u8eGZnZhwErIymg==","signatures":[{"sig":"MEYCIQDLro37m2zNasolhcv1D1daFGCT6MWLhgfcGbjlczFMOQIhAMLOuIZhVIF+aOdWYQ1RgiKp1lfr5zuThZ77B0708o+8","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":29874127,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgJSICCRA9TVsSAnZWagAAPa4P/jgcqWB3W9g4KNcmgylZ\nkfwX5zx2E29s8dsWUpk8JE4gALktNKCmZLYpeSryPQfGeF6sUt07/1cogDZi\nIkqeMkTtwbuxxsD2jiRBC2rQkWOEv4x+iVh1NeDfuXtAxElwSXaK7a77qHCA\nIyzcn+Tul5xsaUK6U8tSDtehF9v4nv380ja1tNOj1Te6DXey2rC55bfFRhBs\nKkR6xPZuKloWdmIulLJunohAtkwJS/av9AWfKo/U3Vbj8XVVUwK6fy02iJbd\ndPZ9rinoD9NjCDBkAbOd8oJ2oT1HuUwEtFLwzlreJFtFXaTqHj2+B+DjHkte\nnChPyWLilyfYPGCZqOfoHane9vUeOyn7ORgVGhxvLxXbL/lxhrpFt5reqQk5\nmE399jiSiOq9EY4tEjFqisuY6PNaNwZjqko1w7NtRzKWxz15ZKAOBWvipr1k\nntwtBHtUW+72dyYVXdriymAThsMTQ62qodUP6iwivro3PUuv6WwoJggjL1kM\nvirPMuQ1izqj+Xi5zBez76Zx8+tzqtfFSgc3gIFZHbMHfrgMUqcnrsDfprwm\nLTVrPAye1sSXBChqS6Kk/dH8Y7JYWT18iYS2iLZ6J+BMauc5mysU6xMIWI6t\nKSH5x+4ZdXT552SfPw8k0ptknwQ0LXpRU3wJhxyhsyN3RcsJLpLXglJr5y2P\nuTZ+\r\n=8MaO\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","bundle":"just-scripts bundle","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-api":"just-scripts update-api","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"dzearing","email":"dzearing@microsoft.com"},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.6","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":["lib/version.js"],"_nodeVersion":"12.18.3","dependencies":{"tslib":"^1.10.0","classnames":"^2.2.6","@fluentui/theme":"^1.7.3","@uifabric/utilities":"^7.33.4","@uifabric/react-hooks":"^7.13.11","@uifabric/set-version":"^7.0.23","@uifabric/merge-styles":"^7.19.1","@fluentui/react-compose":"^0.19.14","@fluentui/react-stylesheets":"^0.2.4","@fluentui/react-window-provider":"^1.0.1"},"_hasShrinkwrap":false,"devDependencies":{"react":"16.8.6","enzyme":"~3.10.0","react-dom":"16.8.6","@types/jest":"~24.9.0","@types/react":"16.8.25","@types/enzyme":"3.10.3","@uifabric/build":"^7.0.0","@types/react-dom":"16.8.4","@types/classnames":"^2.2.9","@uifabric/styling":"^7.18.0","@types/webpack-env":"1.15.1","react-test-renderer":"^16.3.0","@fluentui/eslint-plugin":"^0.54.1","enzyme-adapter-react-16":"^1.15.0","@uifabric/test-utilities":"^7.3.0","@types/react-test-renderer":"^16.0.0","@types/enzyme-adapter-react-16":"1.0.3"},"peerDependencies":{"react":">=16.8.0 <17.0.0","@types/react":">=16.8.0 <17.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_0.18.4_1613046273719_0.3460776859655268","host":"s3://npm-registry-packages"}},"1.0.0-beta.23":{"name":"@fluentui/react-theme-provider","version":"1.0.0-beta.23","license":"MIT","_id":"@fluentui/react-theme-provider@1.0.0-beta.23","maintainers":[{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"jdhuntington","email":"jdhuntington@gmail.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"b2e9f32d4d06a402245e44eab5a93dad6398f5a3","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-1.0.0-beta.23.tgz","fileCount":246,"integrity":"sha512-XyX0yfAl9ORpL6wFYMe3HI74Jp4zXlIpXJ4R0F/ZQHkFymJ+EiM70MDyLAzos8AIAc7JU/DyIjpGemluFuf9Ow==","signatures":[{"sig":"MEUCIQDyIuqThV35JtsgzNRmNwzw1ptBsxshU1j5QbGa8fgQ8wIgY0h2VykbrhAjMB1ZSsFuWCpR1s8nAUAXWwLQvNtbUwo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":396015,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgJnMGCRA9TVsSAnZWagAALaQP+wSjNzG1lugw2k7tmLOA\niFUCHDa0d2QcWohWQ3jsJ4i2h6hzm9U7NDbnqoCNR73+pvuwnk3uyrwbaeC9\nirlJdhlzlkf1AQSg3pN2VuT8dNCZMEDcsogDftrygezsQVpaLgUWGLynS1kU\n5JqZpCYoAnibgccUPN2gkVHM5mz4LMwzJuU7r/bC0/FQGtjiD4t3UNAp7Ial\nPOhOWVTvEvvuRF7yXlc9I84n+L4npiBwlnUtEVTWoa1CmOBvXZFoHOpSmJap\nDaWUFGMrO6h03wuUPKOuyXbBXRM5A8PEdyHqIH5w7ByMY75Wo1U7iEp2S/iB\n+QVWRXPRGh7ueF2FeqWbWikzzE5vY8CLcBRefjRETsQ+mKNZ9qnoBW57p0l9\niR1Uehc47SpB5osuhJUcNmh/70TGIyEUK6pn+LOv49MDP3rHnYLYvFMxMFL2\niSlC+mQ8f7s+w5BqfELI+7+kvXX0ObKZUMk+JPzuepoptXoDsboOP4Opr5Xx\nxkBdbSzInRLguRRSrkyX9SIA0I8IqisyjPuAq6cRSfIz/QCz5WP0oeXJl23x\nw6Tpd5ms4VENbcBis0Au3vFpf6qjiP8NaFKF/3IQTB1jBH9N0JcXSMMvMH38\nYH5Cy7dccZMo6AOXzVwudh68gzNdm/pxnWOFhaTbzM5lEBDYCKhnuipqyl8Q\nB/s+\r\n=xxeP\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","readme":"# @fluentui/react-theme-provider\n\n**React theming component and hook for [Fluent UI React](https://developer.microsoft.com/en-us/fluentui)**\n\n## Installation\n\n```bash\nyarn add @fluentui/react-theme-provider\n```\n\n## Example usage\n\nUse the theme with Fluent UI by wrapping content within the provider:\n\n```tsx\nimport { webLightTheme } from '@fluentui/react-theme';\nimport { ThemeProvider } from '@fluentui/react-theme-provider';\n\nexport const App = () => (\n  <ThemeProvider>\n    <App />\n  </ThemeProvider>\n);\n```\n\nYou can also nest `ThemeProvider`s:\n\n```tsx\nimport { webLightTheme, PartialTheme } from '@fluentui/react-theme';\nimport { ThemeProvider } from '@fluentui/react-theme-provider';\n\nconst headerTheme: PartialTheme = {\n  /* your customizations */\n};\n\nexport const App = () => (\n  <ThemeProvider theme={webLightTheme}>\n    <ThemeProvider theme={headerTheme}>\n      <App />\n    </ThemeProvider>\n\n    <App />\n  </ThemeProvider>\n);\n```\n\n## Accessing theme\n\n### useTheme\n\nTheme can be accessed using `useTheme` hook.\n\n```jsx\nimport { useTheme } from '@fluentui/react-theme-provider';\n\nconst Content = () => {\n  const theme = useTheme();\n};\n\nexport const App = () => (\n  <ThemeProvider>\n    <Content />\n  </ThemeProvider>\n);\n```\n","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","bundle":"just-scripts bundle","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"dzearing","email":"dzearing@microsoft.com"},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.6","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":["lib/version.js"],"_nodeVersion":"12.18.4","dependencies":{"tslib":"^1.10.0","classnames":"^2.2.6","@fluentui/theme":"^2.0.0-beta.15","@fluentui/utilities":"^8.0.0-beta.11","@fluentui/react-hooks":"^8.0.0-beta.11","@fluentui/react-theme":"^0.3.1","@fluentui/react-utils":"^0.3.1","@fluentui/set-version":"^8.0.0-beta.1","@fluentui/merge-styles":"^8.0.0-beta.4","@fluentui/react-stylesheets":"^1.0.0-beta.5","@fluentui/react-window-provider":"^2.0.0-beta.5"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"16.8.6","enzyme":"~3.10.0","react-dom":"16.8.6","@types/jest":"~24.9.0","@types/react":"16.9.42","@types/enzyme":"3.10.3","@types/react-dom":"16.9.10","@fluentui/scripts":"^1.0.0","@types/classnames":"^2.2.9","@types/webpack-env":"1.16.0","react-test-renderer":"^16.3.0","@fluentui/eslint-plugin":"^1.0.0-beta.1","enzyme-adapter-react-16":"^1.15.0","@fluentui/test-utilities":"^8.0.0-beta.5","@fluentui/style-utilities":"^8.0.0-beta.15","@types/react-test-renderer":"^16.0.0","@fluentui/react-conformance":"^1.0.0","@types/enzyme-adapter-react-16":"1.0.3"},"peerDependencies":{"react":">=16.8.0 <17.0.0","@types/react":">=16.8.0 <17.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_1.0.0-beta.23_1613132549774_0.5281223598046005","host":"s3://npm-registry-packages"}},"1.0.0-beta.24":{"name":"@fluentui/react-theme-provider","version":"1.0.0-beta.24","license":"MIT","_id":"@fluentui/react-theme-provider@1.0.0-beta.24","maintainers":[{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"jdhuntington","email":"jdhuntington@gmail.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"4e3961d8169538ebeed9addb9721f8e90e683ff1","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-1.0.0-beta.24.tgz","fileCount":246,"integrity":"sha512-ls18LKgzeC+7pGX8oWDwWOCr019pVE+EdFZ9O8tBNVSTbYdsctoHVou3SquUB0TTYwSvbhodCJfFWrDZ4/pqVg==","signatures":[{"sig":"MEUCIErKBHxFgjvnYKyPJpTfJQ1wpIwC2hkhagSOaV1HcYr6AiEAnGZKn85ZtfA2V2K2E14j2wGxOBklVywi935m1kmBM68=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":394912,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgKmcYCRA9TVsSAnZWagAALAEP/1x1QBOCP3qYvQLHqGFp\nGRCK66JL7YfrBNW83P2ozZdk3+ePV2gjnAO7T6Jm0xedLZUWVE+1p6Uwfp59\ndMsgiCHN0JNSBd8gy6bKLG0oiOojjlraYq3oJprzWkD+WQubwstccoUTm6aR\npJDSHTOf0MchMVitccVB+nIhX+JI90sQb56DlLIoefRxGYnE1+kjUp4sh/2u\nJ8JJAOIsgWPbUzdni21QJsToJN4yY3T1PwzVUQCcbSOZNG1VwGJvNlWXJQOV\n7fvTZ9N/B//vq3FZk1wa5VSAHHkTbS3WGIhIrtM89kmNPHUDBLe8Z2ufe1Tv\ngnod6zCFXYIWZ1jePXvuGokFoTMTZr946bqdczCLIwD9XO9YeFVUQKUroCjK\naIy0kW4V0Uj43X42d0tkyFrN1T8s8c4U0OknLHX+yz2QbCqfsQ8qekP4zN2P\npwbSvv86OENEyaPa0ZQ8sbGrYNobjDjWHfESOFKFKr3owErw3okjyntE95u2\nYaPJsTwOxW+5AvYc3Une2Jipjz6Phay9KJIndPnrAddmoRi17wt9jZYmDDXQ\nId3248mtHHGHbRiUPQxoM4xI1Y+UT78eInKnnok/sRPx+ahCQ8gGTmB8Jca5\nhtcNupwd2oru6SA/QwGc1GuK5eDn1RWNdCSDnSI1rBo7CNOwHN8fzt0gfbb5\nFyQq\r\n=J1HJ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","readme":"# @fluentui/react-theme-provider\n\n**React theming component and hook for [Fluent UI React](https://developer.microsoft.com/en-us/fluentui)**\n\n## Installation\n\n```bash\nyarn add @fluentui/react-theme-provider\n```\n\n## Example usage\n\nUse the theme with Fluent UI by wrapping content within the provider:\n\n```tsx\nimport { webLightTheme } from '@fluentui/react-theme';\nimport { ThemeProvider } from '@fluentui/react-theme-provider';\n\nexport const App = () => (\n  <ThemeProvider>\n    <App />\n  </ThemeProvider>\n);\n```\n\nYou can also nest `ThemeProvider`s:\n\n```tsx\nimport { webLightTheme, PartialTheme } from '@fluentui/react-theme';\nimport { ThemeProvider } from '@fluentui/react-theme-provider';\n\nconst headerTheme: PartialTheme = {\n  /* your customizations */\n};\n\nexport const App = () => (\n  <ThemeProvider theme={webLightTheme}>\n    <ThemeProvider theme={headerTheme}>\n      <App />\n    </ThemeProvider>\n\n    <App />\n  </ThemeProvider>\n);\n```\n\n## Accessing theme\n\n### useTheme\n\nTheme can be accessed using `useTheme` hook.\n\n```jsx\nimport { useTheme } from '@fluentui/react-theme-provider';\n\nconst Content = () => {\n  const theme = useTheme();\n};\n\nexport const App = () => (\n  <ThemeProvider>\n    <Content />\n  </ThemeProvider>\n);\n```\n","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","bundle":"just-scripts bundle","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"dzearing","email":"dzearing@microsoft.com"},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.6","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":["lib/version.js"],"_nodeVersion":"12.18.3","dependencies":{"tslib":"^1.10.0","classnames":"^2.2.6","@fluentui/theme":"^2.0.0-beta.16","@fluentui/utilities":"^8.0.0-beta.12","@fluentui/react-hooks":"^8.0.0-beta.12","@fluentui/react-theme":"^0.3.1","@fluentui/react-utils":"^0.3.2-0","@fluentui/set-version":"^8.0.0-beta.1","@fluentui/merge-styles":"^8.0.0-beta.4","@fluentui/react-window-provider":"^2.0.0-beta.6"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"16.8.6","enzyme":"~3.10.0","react-dom":"16.8.6","@types/jest":"~24.9.0","@types/react":"16.9.42","@types/enzyme":"3.10.3","@types/react-dom":"16.9.10","@fluentui/scripts":"^1.0.0","@types/classnames":"^2.2.9","@types/webpack-env":"1.16.0","react-test-renderer":"^16.3.0","@fluentui/eslint-plugin":"^1.0.0-beta.1","enzyme-adapter-react-16":"^1.15.0","@fluentui/test-utilities":"^8.0.0-beta.6","@fluentui/style-utilities":"^8.0.0-beta.16","@types/react-test-renderer":"^16.0.0","@fluentui/react-conformance":"^1.0.0","@types/enzyme-adapter-react-16":"1.0.3"},"peerDependencies":{"react":">=16.8.0 <17.0.0","@types/react":">=16.8.0 <17.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_1.0.0-beta.24_1613391639917_0.5820525917303441","host":"s3://npm-registry-packages"}},"1.0.0-beta.25":{"name":"@fluentui/react-theme-provider","version":"1.0.0-beta.25","license":"MIT","_id":"@fluentui/react-theme-provider@1.0.0-beta.25","maintainers":[{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"jdhuntington","email":"jdhuntington@gmail.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"7c0bec3976fdc5319ab67570590d905d76f709d4","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-1.0.0-beta.25.tgz","fileCount":246,"integrity":"sha512-WAQAdbaFb2CO1vJvHexhDyIPyRyxatQJjt0gpCZPiif4JGUct8FujzmupgUdPnes2dvlp0j0hv27RWd8wUGXgw==","signatures":[{"sig":"MEUCIH0LH8H8EqHiqot+0LRIqV0GDuAlJxCR5bSoPZqQEs1iAiEAmlMkWcTUMsAvgeUxA77CRCj9WLKVZREtCE3N1JBujYE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":397008,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgLlywCRA9TVsSAnZWagAAihoP/j3VvHMvFc+30hsJ4Eto\n/6VcC9Zv8vsbH1gyGwt3elvLchkrjzxzsz/AzWFvgIdIlJVUrHTa7zdCJziw\nlye9gU2rhxPVeQDC6tGTOw0+yq1YZ4TvAm1roIUZZqzFjdcjYL4uEvV5Y28J\nAyR4k+9i+r38xk5eCzlyyHmH826Jhib0n4/HU7lUjZgEqV5qLF+18hEOxgOr\nmWBV5YHlbdMOoTNFsxzXFga7yjQhcUViTYN90rZqWyjrrUBnA2szaYXWc2KH\nNROSXxHjtcosxXMV8KtJDVeK1rky+pQz8KFw24ExgUDd5V9WSsvhXBTBeMkZ\nS3mU9dYi/Mslc/3hcS3ILknS2uxycouXILuUKmYDshEY8o/L5bhBN+s7n2XE\n2/iYbe0KJlYQp74QJ1aBCg2zT/2a5brue/athv/boCLl5EiC83iXKdUfL9tY\naeqL6EfOw+ILKCi+vE6YKV2dtDLW3kFd7ROJrz12WybaQPTcJrPGz7MuJxHl\nFdTszanF2VW5a0XMsCfzR2/Wd6Fm4TBKTa1JasOWdeVTkvJPwwxygIihW9FH\nWTfPdJJJ3OJSBPKrKsFk6/pF9fXCjefMbeswfuh+/Kz6TMcF/IBAv0UAqJAE\nMZ4iM40Zc9Dd9gqRIMypiEuNxgLciQewWKVCURHKNqunGwPBMd2dfj3C5uT+\n7POg\r\n=U+ma\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","readme":"# @fluentui/react-theme-provider\n\n**React theming component and hook for [Fluent UI React](https://developer.microsoft.com/en-us/fluentui)**\n\n## Installation\n\n```bash\nyarn add @fluentui/react-theme-provider\n```\n\n## Example usage\n\nUse the theme with Fluent UI by wrapping content within the provider:\n\n```tsx\nimport { webLightTheme } from '@fluentui/react-theme';\nimport { ThemeProvider } from '@fluentui/react-theme-provider';\n\nexport const App = () => (\n  <ThemeProvider>\n    <App />\n  </ThemeProvider>\n);\n```\n\nYou can also nest `ThemeProvider`s:\n\n```tsx\nimport { webLightTheme, PartialTheme } from '@fluentui/react-theme';\nimport { ThemeProvider } from '@fluentui/react-theme-provider';\n\nconst headerTheme: PartialTheme = {\n  /* your customizations */\n};\n\nexport const App = () => (\n  <ThemeProvider theme={webLightTheme}>\n    <ThemeProvider theme={headerTheme}>\n      <App />\n    </ThemeProvider>\n\n    <App />\n  </ThemeProvider>\n);\n```\n\n## Accessing theme\n\n### useTheme\n\nTheme can be accessed using `useTheme` hook.\n\n```jsx\nimport { useTheme } from '@fluentui/react-theme-provider';\n\nconst Content = () => {\n  const theme = useTheme();\n};\n\nexport const App = () => (\n  <ThemeProvider>\n    <Content />\n  </ThemeProvider>\n);\n```\n","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","bundle":"just-scripts bundle","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"dzearing","email":"dzearing@microsoft.com"},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.6","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":["lib/version.js"],"_nodeVersion":"12.18.3","dependencies":{"tslib":"^1.10.0","classnames":"^2.2.6","@fluentui/theme":"^2.0.0-beta.17","@fluentui/utilities":"^8.0.0-beta.13","@fluentui/react-hooks":"^8.0.0-beta.13","@fluentui/react-theme":"^0.3.1","@fluentui/set-version":"^8.0.0-beta.2","@fluentui/merge-styles":"^8.0.0-beta.5","@fluentui/react-utilities":"^0.3.0","@fluentui/react-window-provider":"^2.0.0-beta.7"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"16.8.6","enzyme":"~3.10.0","react-dom":"16.8.6","@types/react":"16.9.42","@types/enzyme":"3.10.3","@types/react-dom":"16.9.10","@fluentui/scripts":"^1.0.0","@types/classnames":"^2.2.9","@types/webpack-env":"1.16.0","react-test-renderer":"^16.3.0","@fluentui/eslint-plugin":"^1.0.0-beta.2","enzyme-adapter-react-16":"^1.15.0","@fluentui/test-utilities":"^8.0.0-beta.7","@fluentui/style-utilities":"^8.0.0-beta.17","@types/react-test-renderer":"^16.0.0","@fluentui/react-conformance":"^1.0.0","@types/enzyme-adapter-react-16":"1.0.3"},"peerDependencies":{"react":">=16.8.0 <17.0.0","@types/react":">=16.8.0 <17.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_1.0.0-beta.25_1613651119930_0.5797235206853977","host":"s3://npm-registry-packages"}},"1.0.0-beta.26":{"name":"@fluentui/react-theme-provider","version":"1.0.0-beta.26","license":"MIT","_id":"@fluentui/react-theme-provider@1.0.0-beta.26","maintainers":[{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"jdhuntington","email":"jdhuntington@gmail.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"2f4876ff5b695cfc65ed5b1e6d73955b7441ad3b","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-1.0.0-beta.26.tgz","fileCount":246,"integrity":"sha512-DxtyZROsWEYJUasqdCHBzbexqrDXqhDFFLCeuKKbDB43UZYLoKpBHOCkSISH1r/ydJk984B61QnY6VUYjvmG2w==","signatures":[{"sig":"MEQCIFPTZ3d6Wz17mYdL0nCJTSsj1gdq/bjV7Ym8qciMkpm1AiBNmlA4vrDD/UVnH3RaHrCQC/vYEHnfTcnbB7ZoWU+yzg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":398939,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgLsHeCRA9TVsSAnZWagAATAsP/i1FI7k7JVq0RazV9bs7\nS+2QDy25C+iXITNw7xwsYlW1rNwybao6HSdgFM6L4xWeQq1QYEFHP7UoeMlT\nTAcZ/xk4krK/M04RaJJayzqAOqLDSsogcv4QIwvEF5zKa6/96uFmga/cUX/P\n9XcLUuLcNO0/s/k8e93Yi3mixM5sqkKkIag8RkfcFkMlK6Vm/gtHLt3Mh1rb\nP/tjlY5gkBzx29HUIQnrN3Rw7CEvgDJT2k2Jf/T3sUTRhdA6G4R3sHb2gkrP\nJJjV62EKDQTWYODjsZOmqu+2aXewWWByODzJWgtTQuZI56Jtoo9Bb62Vv2Gy\nm2eyUGQU66KcCNtcePGd3JyTjizbuSOYhpKkFu1q164cs5Yov7L53j7pcOuN\n7zQUKmMq2EVnQCYDkMFIV1T/yijPh+qP/GoqKyQV4G6q0YvM1UcCVvS0C9Xg\n+BH2z3o3V6qrRSNySN4Xt2tTwbrWRtlcgha6NraN/aPx+RjRUJ6Gtf1H+BTB\nNkeT98GAEwau9eiwPp2IYg5t5ZpJ7tbLRunvBVj2juQc62eTmokUwkiAxAN2\n2ljsICijZJCQTGM6/+C4V+ERHeJUAL3FJgoO4qzQQL0lQwgufBSro/VyduG5\npJSUgj5OtdJjBVZx7Msnwj6Ow3sJBs+rWzCdn0hkqLYfMbMv5Z3HhgDTZJLL\n8S1/\r\n=3jWJ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","readme":"# @fluentui/react-theme-provider\n\n**React theming component and hook for [Fluent UI React](https://developer.microsoft.com/en-us/fluentui)**\n\n## Installation\n\n```bash\nyarn add @fluentui/react-theme-provider\n```\n\n## Example usage\n\nUse the theme with Fluent UI by wrapping content within the provider:\n\n```tsx\nimport { webLightTheme } from '@fluentui/react-theme';\nimport { ThemeProvider } from '@fluentui/react-theme-provider';\n\nexport const App = () => (\n  <ThemeProvider>\n    <App />\n  </ThemeProvider>\n);\n```\n\nYou can also nest `ThemeProvider`s:\n\n```tsx\nimport { webLightTheme, PartialTheme } from '@fluentui/react-theme';\nimport { ThemeProvider } from '@fluentui/react-theme-provider';\n\nconst headerTheme: PartialTheme = {\n  /* your customizations */\n};\n\nexport const App = () => (\n  <ThemeProvider theme={webLightTheme}>\n    <ThemeProvider theme={headerTheme}>\n      <App />\n    </ThemeProvider>\n\n    <App />\n  </ThemeProvider>\n);\n```\n\n## Accessing theme\n\n### useTheme\n\nTheme can be accessed using `useTheme` hook.\n\n```jsx\nimport { useTheme } from '@fluentui/react-theme-provider';\n\nconst Content = () => {\n  const theme = useTheme();\n};\n\nexport const App = () => (\n  <ThemeProvider>\n    <Content />\n  </ThemeProvider>\n);\n```\n","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","bundle":"just-scripts bundle","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"dzearing","email":"dzearing@microsoft.com"},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.5","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":["lib/version.js"],"_nodeVersion":"12.18.1","dependencies":{"tslib":"^1.10.0","classnames":"^2.2.6","@fluentui/theme":"^2.0.0-beta.18","@fluentui/utilities":"^8.0.0-beta.14","@fluentui/react-hooks":"^8.0.0-beta.14","@fluentui/react-theme":"^0.3.2","@fluentui/set-version":"^8.0.0-beta.2","@fluentui/merge-styles":"^8.0.0-beta.5","@fluentui/react-utilities":"^0.3.1","@fluentui/react-window-provider":"^2.0.0-beta.8"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"16.8.6","enzyme":"~3.10.0","react-dom":"16.8.6","@types/react":"16.9.42","@types/enzyme":"3.10.3","@types/react-dom":"16.9.10","@fluentui/scripts":"^1.0.0","@types/classnames":"^2.2.9","@types/webpack-env":"1.16.0","react-test-renderer":"^16.3.0","@fluentui/eslint-plugin":"^1.0.0-beta.2","enzyme-adapter-react-16":"^1.15.0","@fluentui/test-utilities":"^8.0.0-beta.8","@fluentui/style-utilities":"^8.0.0-beta.18","@types/react-test-renderer":"^16.0.0","@fluentui/react-conformance":"^1.0.0","@types/enzyme-adapter-react-16":"1.0.3"},"peerDependencies":{"react":">=16.8.0 <18.0.0","@types/react":">=16.8.0 <18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_1.0.0-beta.26_1613677021833_0.9547053621270116","host":"s3://npm-registry-packages"}},"1.0.0-beta.27":{"name":"@fluentui/react-theme-provider","version":"1.0.0-beta.27","license":"MIT","_id":"@fluentui/react-theme-provider@1.0.0-beta.27","maintainers":[{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"jdhuntington","email":"jdhuntington@gmail.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"ffc78bda275fd3f7b071c6a673f0fc597c9c7de8","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-1.0.0-beta.27.tgz","fileCount":246,"integrity":"sha512-0FlLxOzyN7UF5QBKliaFTJidr1hKr3vP4WcBFE4HYDaBiPZVT9QKI+6DiIuXMb8T7NGdKNmoJAkBKimnisdfeQ==","signatures":[{"sig":"MEYCIQD2Z4+5nCZ6jv5piR+/psLgkxBdifyjdsiZEMWkMiAwCwIhAMFRY/qOZMaNafjhWeeXVkBPLGzvZJH3AWzQENCm1L9h","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":399967,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgM6ItCRA9TVsSAnZWagAAQ5UP/igQAzz5GCoCpw3lsgBD\nWCbtuXgJPNb5K5Fm+j0htqXZMt1nUKbatQfYWAyEbdiqr+07n5F/BhNaOCwV\naGPSkQ8G3TeUxYPZ5infteMRoR3Xjylq7Zbf0Xe8Wy7BZ67YXLLpUcFq8n40\nC6Dx3PM2y8OoPIlgRzSmrJrPOZytc2bn0m3TtW4c0DwfUBmDJzGa4a1cbLzv\no/Co2nHZnb932U/ynUxRgJJc7vzfJDm3EPbxIuE3a2ufpsPGZQfTOLDPeVNC\n85gHrsiE5aCA6yBeD9QN0beoTCLBIsvYK0T5o4ePvyj1FVpFa/at+HxtwI6y\nfpNbCFESayi1JeuSTNwkaaH7+Q6pYiOWdsWChFTtfOs724jRkbBsi9osHdGD\nv2O6Dz2ye2Tw/maVsSsaKL7449rEloa8xMlxpwRetyU88Qnph5RsBtSYFIYN\n74hX14HEU4nqnfgX+OGmq4SVbXJaW0VTBzQKo6AJNoUEJzabSZB0yjp5driS\njI06hKqF9yvOCH870NLwn81J7b0kF8IzS7Qe38Im07gTQrNXbpaTGrhyPRNV\n88MOjc/0PeDFKqWUXt5xTUnR6K+gpGy15GIi83bOVOyeOQw7RZrv52Ykj1ks\nTuPpAHuvNvYRwlMhNJtQrBX5TBP+f6JOaU7OpyZ6Iu29mB/SYEEHlcnbgD8f\nFetP\r\n=syD5\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","readme":"# @fluentui/react-theme-provider\n\n**React theming component and hook for [Fluent UI React](https://developer.microsoft.com/en-us/fluentui)**\n\n## Installation\n\n```bash\nyarn add @fluentui/react-theme-provider\n```\n\n## Example usage\n\nUse the theme with Fluent UI by wrapping content within the provider:\n\n```tsx\nimport { webLightTheme } from '@fluentui/react-theme';\nimport { ThemeProvider } from '@fluentui/react-theme-provider';\n\nexport const App = () => (\n  <ThemeProvider>\n    <App />\n  </ThemeProvider>\n);\n```\n\nYou can also nest `ThemeProvider`s:\n\n```tsx\nimport { webLightTheme, PartialTheme } from '@fluentui/react-theme';\nimport { ThemeProvider } from '@fluentui/react-theme-provider';\n\nconst headerTheme: PartialTheme = {\n  /* your customizations */\n};\n\nexport const App = () => (\n  <ThemeProvider theme={webLightTheme}>\n    <ThemeProvider theme={headerTheme}>\n      <App />\n    </ThemeProvider>\n\n    <App />\n  </ThemeProvider>\n);\n```\n\n## Accessing theme\n\n### useTheme\n\nTheme can be accessed using `useTheme` hook.\n\n```jsx\nimport { useTheme } from '@fluentui/react-theme-provider';\n\nconst Content = () => {\n  const theme = useTheme();\n};\n\nexport const App = () => (\n  <ThemeProvider>\n    <Content />\n  </ThemeProvider>\n);\n```\n","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","bundle":"just-scripts bundle","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"dzearing","email":"dzearing@microsoft.com"},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.6","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":["lib/version.js"],"_nodeVersion":"12.18.3","dependencies":{"tslib":"^1.10.0","classnames":"^2.2.6","@fluentui/theme":"^2.0.0-beta.19","@fluentui/utilities":"^8.0.0-beta.15","@fluentui/react-theme":"^0.3.3","@fluentui/set-version":"^8.0.0-beta.2","@fluentui/merge-styles":"^8.0.0-beta.5","@fluentui/react-utilities":"^0.4.0","@fluentui/react-window-provider":"^2.0.0-beta.9"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"16.8.6","enzyme":"~3.10.0","react-dom":"16.8.6","@types/react":"16.9.42","@types/enzyme":"3.10.3","@types/react-dom":"16.9.10","@fluentui/scripts":"^1.0.0","@types/classnames":"^2.2.9","@types/webpack-env":"1.16.0","react-test-renderer":"^16.3.0","@fluentui/eslint-plugin":"^1.0.0-beta.2","enzyme-adapter-react-16":"^1.15.0","@fluentui/test-utilities":"^8.0.0-beta.9","@fluentui/style-utilities":"^8.0.0-beta.19","@types/react-test-renderer":"^16.0.0","@fluentui/react-conformance":"^1.0.0","@types/enzyme-adapter-react-16":"1.0.3"},"peerDependencies":{"react":">=16.8.0 <18.0.0","@types/react":">=16.8.0 <18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_1.0.0-beta.27_1613996589434_0.44938115070483686","host":"s3://npm-registry-packages"}},"9.0.0-alpha.1":{"name":"@fluentui/react-theme-provider","version":"9.0.0-alpha.1","license":"MIT","_id":"@fluentui/react-theme-provider@9.0.0-alpha.1","maintainers":[{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"jdhuntington","email":"jdhuntington@gmail.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"28bb66fa00f1c699d553b84ccfe19b53e4745808","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-9.0.0-alpha.1.tgz","fileCount":246,"integrity":"sha512-YegUAJuYYmeqDManDXOufSH0YvmNX9+AyfFEBpq0+du9/IjE/9p+/Q93Tl0cRElWqCY3fNCqqT0cTWB5GWO8rA==","signatures":[{"sig":"MEYCIQCOLzzDNlAax/kfTYjxPBU6Q8lpZGzCSiVbMkCUWn6OGgIhAPizkDtA3gbWosMLBq4yAeN2fRvv9dHVWHHV3ABoDFtF","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":400988,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgNZfYCRA9TVsSAnZWagAAyAwP/AkQxcyW3ZaUUqxbJJGG\nq8AhRbTzosJqvOgldyb9gyWRfa6wKEr/ZJKpGaFGhm2+SqSpdgZZ65D/SVbO\nhR8ywGZhcG4F/fyBRxCKlXu7F60OyAhZF+0CEFtM2GqGmDGVkiwneC5Xza9/\nTHP3rgS6AU49u2ug2SRrFIhy2j+OrntIjVYLeapHCiQtikxpAMP6eYTP/q36\n7p4kJoGCoeuDEqh7SPJ38fQMyWh0Tkam8xKHyioFpfXnkv+S/QhSwnV5SCSA\ncJx0VHbUdClMJJ7pt9HrQkLAhFMyfw8PsflHyCqLl/vWwf53GuSrijArAmAH\nscc2qh081QNWR4GBSWmbTXUMcPSb07yG2uhwa5tUmmwU6eY/3Hm42QlXqA37\nyCeaLq1kDRIQQho0Zez44YoN3INenqyspF2UOh93vDJAhtZ1tywraNUkO8cZ\nOHuEysOib30N0b1Te+kDQ3j1ZjT7pUtgnidi4E3yuTatKSsu+EMazeqX5EWW\nfQ342k+E2A2bdVb+oO+/qc4h1a0QyW1iH+GCXBGB1YxJyUMTmqhVfi+emLKT\nOGifuB4/usMl0tx7tAEaa747tzP3/OMkIXBYobFqkVpafyTC7VxniVkXlk+X\nvRBDi+3Q8FkY0o2XiK4NKRhTg8qHKhlk5aH8A0bNRoTs70gK8dVdHYb46hur\nh85d\r\n=iv/m\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","readme":"# @fluentui/react-theme-provider\n\n**React theming component and hook for [Fluent UI React](https://developer.microsoft.com/en-us/fluentui)**\n\n## Installation\n\n```bash\nyarn add @fluentui/react-theme-provider\n```\n\n## Example usage\n\nUse the theme with Fluent UI by wrapping content within the provider:\n\n```tsx\nimport { webLightTheme } from '@fluentui/react-theme';\nimport { ThemeProvider } from '@fluentui/react-theme-provider';\n\nexport const App = () => (\n  <ThemeProvider>\n    <App />\n  </ThemeProvider>\n);\n```\n\nYou can also nest `ThemeProvider`s:\n\n```tsx\nimport { webLightTheme, PartialTheme } from '@fluentui/react-theme';\nimport { ThemeProvider } from '@fluentui/react-theme-provider';\n\nconst headerTheme: PartialTheme = {\n  /* your customizations */\n};\n\nexport const App = () => (\n  <ThemeProvider theme={webLightTheme}>\n    <ThemeProvider theme={headerTheme}>\n      <App />\n    </ThemeProvider>\n\n    <App />\n  </ThemeProvider>\n);\n```\n\n## Accessing theme\n\n### useTheme\n\nTheme can be accessed using `useTheme` hook.\n\n```jsx\nimport { useTheme } from '@fluentui/react-theme-provider';\n\nconst Content = () => {\n  const theme = useTheme();\n};\n\nexport const App = () => (\n  <ThemeProvider>\n    <Content />\n  </ThemeProvider>\n);\n```\n","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","bundle":"just-scripts bundle","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"dzearing","email":"dzearing@microsoft.com"},"beachball":{"tag":"alpha","disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.6","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":["lib/version.js"],"_nodeVersion":"12.18.4","dependencies":{"tslib":"^1.10.0","classnames":"^2.2.6","@fluentui/theme":"^2.0.0-beta.19","@fluentui/utilities":"^8.0.0-beta.15","@fluentui/react-theme":"^9.0.0-alpha.1","@fluentui/set-version":"^8.0.0-beta.2","@fluentui/merge-styles":"^8.0.0-beta.5","@fluentui/react-utilities":"^9.0.0-alpha.1","@fluentui/react-window-provider":"^2.0.0-beta.9"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"16.8.6","enzyme":"~3.10.0","react-dom":"16.8.6","@types/react":"16.9.42","@types/enzyme":"3.10.3","@types/react-dom":"16.9.10","@fluentui/scripts":"^1.0.0","@types/classnames":"^2.2.9","@types/webpack-env":"1.16.0","react-test-renderer":"^16.3.0","@fluentui/eslint-plugin":"^1.0.0-beta.2","enzyme-adapter-react-16":"^1.15.0","@fluentui/test-utilities":"^8.0.0-beta.9","@fluentui/style-utilities":"^8.0.0-beta.19","@types/react-test-renderer":"^16.0.0","@fluentui/react-conformance":"^1.0.0","@types/enzyme-adapter-react-16":"1.0.3"},"peerDependencies":{"react":">=16.8.0 <18.0.0","@types/react":">=16.8.0 <18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_9.0.0-alpha.1_1614125015899_0.4487958366971958","host":"s3://npm-registry-packages"}},"9.0.0-alpha.2":{"name":"@fluentui/react-theme-provider","version":"9.0.0-alpha.2","license":"MIT","_id":"@fluentui/react-theme-provider@9.0.0-alpha.2","maintainers":[{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"jdhuntington","email":"jdhuntington@gmail.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"23818f6823ecb16df695ac9b648f13be76a06b0c","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-9.0.0-alpha.2.tgz","fileCount":246,"integrity":"sha512-NujHuN129kKozmDfXx2GNpXCgk2StJoCTFOTQFO/aiLEDrb12nkaJGPrE4VJTZPCEp9RjW9sgm32GTNDWP0I3g==","signatures":[{"sig":"MEUCIQCWkbddFElUCBmi7G4KxxJywZvpbPz7i3d9Krvidqv3PwIgUWPcWWpaElxDeuuMP86PmAkrDD90d8UVafYbD0PyY74=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":402202,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgNvlwCRA9TVsSAnZWagAAc8sQAJ1sGpXHymSdyNxBtI6i\nvkJFyK/sFWWeeypGnPVo7EzMCT1fLPYVfn6G4C9WelGICaO0Uj/vPabWs4uk\n7kIaIcIOtrboFWUP1C7Vph58Ala+l1KX/ZkSZMmPSf1++o9MotBjG+zblr07\n5i3SSHBD6qW9dBzE24iKSJgX9K5/qZCfUrpcZSAV4aaQJFJfP1Z4hAGhiIHT\nq1Kx7ihSE5yCstIoyluVuv4ztFHa6hPEteHZjL/iF+ncrYcsqvEpR3IBIOFX\nlmvzNmSg4IuejLl56HJJjed/7FoBZ9X8k8UTuTaHs8jI5PpkKr0OQelIYEpx\nPc6zHHkq8G63RcVY3n3A+a3OQNAFRzQ6J4eNAF7aShUC8sJhYRVRTVC/cpWt\n+XOQoTnuSFyJmkMMIYHZehQ15Z7/giaDzPxqJ5FpJdMcKu0gk+o2C0w35Z0u\nctJwgmYzaBtgC+h+UGXZtcOMY9ds4AnSxM334OTdgjVbUOLAvuJNfLvYy6l/\nxUndZHnSKJSXlm2Mu1/QhtL9xPM3Go7h0dnmb1T6W7rTndsGSqdAG5KrbFAA\nKycArpw59F7R4JZeGMSW/HdbvJ+C0VCB4kp8Jmnq33Hst5l50lR3LePzWSQn\nwMKhmA15lg488bl/WHWS19RWI6SXr1GvUVqKF3ejbrUiTNbw6cFGjGaKO4Vm\nLCMm\r\n=XGi7\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","readme":"# @fluentui/react-theme-provider\n\n**React theming component and hook for [Fluent UI React](https://developer.microsoft.com/en-us/fluentui)**\n\n## Installation\n\n```bash\nyarn add @fluentui/react-theme-provider\n```\n\n## Example usage\n\nUse the theme with Fluent UI by wrapping content within the provider:\n\n```tsx\nimport { webLightTheme } from '@fluentui/react-theme';\nimport { ThemeProvider } from '@fluentui/react-theme-provider';\n\nexport const App = () => (\n  <ThemeProvider>\n    <App />\n  </ThemeProvider>\n);\n```\n\nYou can also nest `ThemeProvider`s:\n\n```tsx\nimport { webLightTheme, PartialTheme } from '@fluentui/react-theme';\nimport { ThemeProvider } from '@fluentui/react-theme-provider';\n\nconst headerTheme: PartialTheme = {\n  /* your customizations */\n};\n\nexport const App = () => (\n  <ThemeProvider theme={webLightTheme}>\n    <ThemeProvider theme={headerTheme}>\n      <App />\n    </ThemeProvider>\n\n    <App />\n  </ThemeProvider>\n);\n```\n\n## Accessing theme\n\n### useTheme\n\nTheme can be accessed using `useTheme` hook.\n\n```jsx\nimport { useTheme } from '@fluentui/react-theme-provider';\n\nconst Content = () => {\n  const theme = useTheme();\n};\n\nexport const App = () => (\n  <ThemeProvider>\n    <Content />\n  </ThemeProvider>\n);\n```\n","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","bundle":"just-scripts bundle","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"dzearing","email":"dzearing@microsoft.com"},"beachball":{"tag":"alpha","disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.6","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":["lib/version.js"],"_nodeVersion":"12.18.4","dependencies":{"tslib":"^1.10.0","classnames":"^2.2.6","@fluentui/theme":"^2.0.0-beta.19","@fluentui/utilities":"^8.0.0-beta.15","@fluentui/react-theme":"^9.0.0-alpha.1","@fluentui/set-version":"^8.0.0-beta.2","@fluentui/merge-styles":"^8.0.0-beta.5","@fluentui/react-utilities":"^9.0.0-alpha.2","@fluentui/react-window-provider":"^2.0.0-beta.9"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"16.8.6","enzyme":"~3.10.0","react-dom":"16.8.6","@types/react":"16.9.42","@types/enzyme":"3.10.3","@types/react-dom":"16.9.10","@fluentui/scripts":"^1.0.0","@types/classnames":"^2.2.9","@types/webpack-env":"1.16.0","react-test-renderer":"^16.3.0","@fluentui/eslint-plugin":"^1.0.0-beta.2","enzyme-adapter-react-16":"^1.15.0","@fluentui/test-utilities":"^8.0.0-beta.9","@fluentui/style-utilities":"^8.0.0-beta.19","@types/react-test-renderer":"^16.0.0","@fluentui/react-conformance":"^0.2.1","@types/enzyme-adapter-react-16":"1.0.3"},"peerDependencies":{"react":">=16.8.0 <18.0.0","@types/react":">=16.8.0 <18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_9.0.0-alpha.2_1614215535881_0.1510777057402113","host":"s3://npm-registry-packages"}},"9.0.0-alpha.3":{"name":"@fluentui/react-theme-provider","version":"9.0.0-alpha.3","license":"MIT","_id":"@fluentui/react-theme-provider@9.0.0-alpha.3","maintainers":[{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"jdhuntington","email":"jdhuntington@gmail.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"36a43c925942c3e5291d15b24b6dd8a28bfc8178","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-9.0.0-alpha.3.tgz","fileCount":47,"integrity":"sha512-51QHqELqnAeWAOqo4w+eW7WFUGwryYOYSflOmX1dVTjSE6Cbcs46Sb848Y6OiGIYSZktoGNkV0pE85ru0ACgng==","signatures":[{"sig":"MEQCIAbkjuivdfkZdkK03f6QspmMwqBf1cqKOEbnNiE7xAhzAiAJrZHQ1s9nt3cegGpuejisvwpGX115Gc+N4UtKEfqonw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":99345,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgOAUBCRA9TVsSAnZWagAAT5cP/1iooCyQx8WoiPJ4UdqW\n8CK8QQ3p9a0HqleikOIaS/fFd+r+EF0PWYg3kHe/Wb+6RjjMy4dmQCpNrZKL\nG9zqQfsgH/b4opnJwT8XltVgqmTI7iQvBeIpwCtBjmo1RmwYcGpbrQPW8tG9\n5aK7Ik8lETF3o3sCKYLhpPleWk0Gbk8XLRzGrIRae/5IQ8NntSHKK3bgRuJu\nkz8B6MvFiByifE0lBy5erJbzmVC2dBql0iBW6zZ9rj5iEkOfJiI2+tiDR9q/\nqC8TrKl9A2b9MfW8mATUXDRC7gB97zOnpe6oJOCzseV/BHh/s/K7XtmoOlUh\nzHI010bqDA4GcV3FK6Q8Rc1O5lf6xIKiNPF/bM6dLSP8ISPZzccY3ZmwDgCC\nLjFoH+r4oc06VhtcjQ2JFPd1GNeRSf3TTwhih/3r17i/XYzMUiN31LTfnI/W\n5kUJSwzyPx0nBec8ahBUD+3Z4vj12mlwWor46LTz2C7a45nhkDjPSKrQR3FI\nVXOn6bM7HHqnNNtxpyILCK3Db51Y93NlfN0oCDAMzIEqAzepKxsfIAAzyygs\neMuBTvlmYZ6gJo+qVfncVlWVys9MpqbNmyYXfMP1YboZQbY/eHHkoUEjAK0o\nbhXPSQW+H8+bADhir7xBqu7k/7bTJ0qxVVgSaTWvTHq9wDYSXbm6dR4YzfWN\nhd3J\r\n=gCln\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","readme":"# @fluentui/react-theme-provider\n\n**React theming component and hook for [Fluent UI React](https://developer.microsoft.com/en-us/fluentui)**\n\n## Installation\n\n```bash\nyarn add @fluentui/react-theme-provider\n```\n\n## Example usage\n\nUse the theme with Fluent UI by wrapping content within the provider:\n\n```tsx\nimport { webLightTheme } from '@fluentui/react-theme';\nimport { ThemeProvider } from '@fluentui/react-theme-provider';\n\nexport const App = () => (\n  <ThemeProvider>\n    <App />\n  </ThemeProvider>\n);\n```\n\nYou can also nest `ThemeProvider`s:\n\n```tsx\nimport { webLightTheme, PartialTheme } from '@fluentui/react-theme';\nimport { ThemeProvider } from '@fluentui/react-theme-provider';\n\nconst headerTheme: PartialTheme = {\n  /* your customizations */\n};\n\nexport const App = () => (\n  <ThemeProvider theme={webLightTheme}>\n    <ThemeProvider theme={headerTheme}>\n      <App />\n    </ThemeProvider>\n\n    <App />\n  </ThemeProvider>\n);\n```\n\n## Accessing theme\n\n### useTheme\n\nTheme can be accessed using `useTheme` hook.\n\n```jsx\nimport { useTheme } from '@fluentui/react-theme-provider';\n\nconst Content = () => {\n  const theme = useTheme();\n};\n\nexport const App = () => (\n  <ThemeProvider>\n    <Content />\n  </ThemeProvider>\n);\n```\n","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","bundle":"just-scripts bundle","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"dzearing","email":"dzearing@microsoft.com"},"beachball":{"tag":"alpha","disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.6","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":["lib/version.js"],"_nodeVersion":"12.18.4","dependencies":{"tslib":"^1.10.0","@fluentui/react-theme":"^9.0.0-alpha.2","@fluentui/set-version":"^8.0.0-beta.2","@fluentui/react-utilities":"^9.0.0-alpha.2"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"16.8.6","react-dom":"16.8.6","@types/react":"16.9.42","@types/react-dom":"16.9.10","@fluentui/scripts":"^1.0.0","@types/classnames":"^2.2.9","@types/webpack-env":"1.16.0","react-test-renderer":"^16.3.0","@fluentui/eslint-plugin":"^1.0.0-beta.2","@types/react-test-renderer":"^16.0.0","@fluentui/react-conformance":"^0.2.1"},"peerDependencies":{"react":">=16.8.0 <18.0.0","@types/react":">=16.8.0 <18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_9.0.0-alpha.3_1614284032871_0.8631397351045282","host":"s3://npm-registry-packages"}},"9.0.0-alpha.4":{"name":"@fluentui/react-theme-provider","version":"9.0.0-alpha.4","license":"MIT","_id":"@fluentui/react-theme-provider@9.0.0-alpha.4","maintainers":[{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"jdhuntington","email":"jdhuntington@gmail.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"f41650c1f26877aee1f9f652b6be2425712e1fe3","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-9.0.0-alpha.4.tgz","fileCount":47,"integrity":"sha512-uQtjJfCygwagtfelYU/KZQmYA5G7/6hMbnlmeBQPeCQ3q/WqfdXhDAFfNu8HUzxIZJmflN4bsTwDoTKClIVSYQ==","signatures":[{"sig":"MEYCIQCJ1RxajUq02ks9qmJUixEzeBmDZuDGt9S69UrouWI7QgIhAMxRitTi+nqob2iytqwcuEAJi6f/lP1JlHUboTQihxo+","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":101850,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgOEtHCRA9TVsSAnZWagAAgtUP/R5elMuBtB4jEUYqQP/2\n/9k0Q3WMiB4M7TW0KIRfB1ZZmFTvJW70LDqR+FBBt/61vTs2b9fqFY2L3OH1\ng35ekVQOK2sWgMB60iQdEq2nrmm69+rBv7Re4yVLVrdQjAPJNT84UudSIgp9\nkIHmlBKV/VGv/gB+43GbH4obsOfPuykJjvzeWrJmFfMMr84B6Y4zy35sWtk6\nbjVaJQLtSDSpQC4AREqj+/yPXVjR527cgm2LIWxOaFIGuOL9UO7HGmYdUra3\n8wTme25ijvJm1DJlc9wTfyuyp/cRRnA3CTCgUqHu53q6LLv02ZHBSLh7qaEU\n1svuU3XfAnA51TyKWQN2WcetM9HK85KAGBRmPHaxfPNr25JNfmG2YYXRZsnC\n7s3siYYnioqtotMeivbgQPbGSdaqbrC9VFZDWrC27ofSvW5hjBnEMoSRL5iq\nSdazUzY42Wbh0FMZyjAKFt2XtQSGWrIRRPaiwOTtBdrtOUPbXrhg9YQxk2nD\nkwQZ+odjbJwbpx3UZMcF47teEaO/ocMPPsTsGNqqD5q6EnKtq5NNx+C1QkEF\neXpI0tcKoSXeNxQ+HW7dfyi2KyvfnNu2GeshGK3Bjt4hXuCAGrQ18sMsxP5j\nAI+3I7LYAT++1Ib1gHKLllgprj5TEl/Gxz7UXlOmQy4pQJQSyBDyJzH35nz2\npDOM\r\n=wsEK\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","readme":"# @fluentui/react-theme-provider\n\n**React theming component and hook for [Fluent UI React](https://developer.microsoft.com/en-us/fluentui)**\n\n## Installation\n\n```bash\nyarn add @fluentui/react-theme-provider\n```\n\n## Example usage\n\nUse the theme with Fluent UI by wrapping content within the provider:\n\n```tsx\nimport { webLightTheme } from '@fluentui/react-theme';\nimport { ThemeProvider } from '@fluentui/react-theme-provider';\n\nexport const App = () => (\n  <ThemeProvider>\n    <App />\n  </ThemeProvider>\n);\n```\n\nYou can also nest `ThemeProvider`s:\n\n```tsx\nimport { webLightTheme, PartialTheme } from '@fluentui/react-theme';\nimport { ThemeProvider } from '@fluentui/react-theme-provider';\n\nconst headerTheme: PartialTheme = {\n  /* your customizations */\n};\n\nexport const App = () => (\n  <ThemeProvider theme={webLightTheme}>\n    <ThemeProvider theme={headerTheme}>\n      <App />\n    </ThemeProvider>\n\n    <App />\n  </ThemeProvider>\n);\n```\n\n## Accessing theme\n\n### useTheme\n\nTheme can be accessed using `useTheme` hook.\n\n```jsx\nimport { useTheme } from '@fluentui/react-theme-provider';\n\nconst Content = () => {\n  const theme = useTheme();\n};\n\nexport const App = () => (\n  <ThemeProvider>\n    <Content />\n  </ThemeProvider>\n);\n```\n","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","bundle":"just-scripts bundle","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"dzearing","email":"dzearing@microsoft.com"},"beachball":{"tag":"alpha","disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.6","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":["lib/version.js"],"_nodeVersion":"12.18.4","dependencies":{"tslib":"^1.10.0","@fluentui/react-theme":"^9.0.0-alpha.3","@fluentui/set-version":"^8.0.1","@fluentui/react-utilities":"^9.0.0-alpha.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"16.8.6","react-dom":"16.8.6","@types/react":"16.9.42","@types/react-dom":"16.9.10","@fluentui/scripts":"^1.0.0","@types/classnames":"^2.2.9","@types/webpack-env":"1.16.0","react-test-renderer":"^16.3.0","@fluentui/eslint-plugin":"^1.0.1","@types/react-test-renderer":"^16.0.0","@fluentui/react-conformance":"^0.2.2"},"peerDependencies":{"react":">=16.8.0 <18.0.0","@types/react":">=16.8.0 <18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_9.0.0-alpha.4_1614302023048_0.9425416373803521","host":"s3://npm-registry-packages"}},"0.18.5":{"name":"@fluentui/react-theme-provider","version":"0.18.5","license":"MIT","_id":"@fluentui/react-theme-provider@0.18.5","maintainers":[{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"jdhuntington","email":"jdhuntington@gmail.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"97c3ca9fc794929b2ffa9d5526470d278a38ba4d","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-0.18.5.tgz","fileCount":246,"integrity":"sha512-eAbha0U4Fly9EoHVOVMMc+2AA1PlQDu76qGVNAdj0IpJyJEkyerCDY/qYVjV21L9ju5uO8Yw1QYdHUsNaY9xvQ==","signatures":[{"sig":"MEYCIQCzpLxcg85UnFmqxl6j5xEB1CwAug1iMLD5xZRCTQ+IKgIhAIrRTj14e00pFeHmppweNkVMgFPIw+zsMRV/y9nPjikA","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":29875584,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgOWgoCRA9TVsSAnZWagAAA24P/0VHUaaiwZGkI6DN+Xwf\nedih3BqsCM3M2oega9SrZL2Y4C3qZ0TNTY1+Et8bYY4hJXf26lVV0oI39otD\nwdVV+YF9cjymCNJ5Kq0a6ZVuRllxKVeNbZz3Zy6wZ1aPJXHFPh7QErU7BXLE\npuj72y5M6arynOBUHLckT4JAFNcNfmRBV7drZKEMwsNKMWfItMvw2NOab3bu\nXMEVHd8iIycvc3WXB0RSj9R+MhStF5+l83v0jZ123ZFcrZCSyiWNTAO5yHZ4\nRV3r/4FmLQx2KcoWYHoOm1X/NW0GjVMJ4Li/vYe/GV0iS+dcmus8S59L1O12\n9KmoxjvMqABupHysAdlFYGn43MOtQp5EUZfaAhdHLIbFJMamnEjJUYxjGg7s\nMH2xQHWTo+FQ29u71THPA0lIzYH0mzgL1x7CqigQUEPnOW6enn+03LgnnlPw\n07Qzr0zFx0WQqTeqT5Mq8aw7ml3Lsh2mciXVPZrJxtz7ZWXPOEjx/s7BBsQz\ncDY7RL0/LfrAi+HL+jMOhMzOwBCmeyGAnjKymDPKWPGp85piTcci6jQ3ZS1N\nF97EaFZBlJWQ7tJeYq9LOvz7TIQRKl1w14xbtREPO+VHiUOx4tBMj3y9IXu+\njLlB/G6HBrDLINh6HSrLwH3CvFaCwak9ExY3XUBqjxxbrI6w4IL3X4LlYPnQ\n+wtG\r\n=xGKd\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","bundle":"just-scripts bundle","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-api":"just-scripts update-api","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"dzearing","email":"dzearing@microsoft.com"},"beachball":{"tag":"lts-7"},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.6","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":["lib/version.js"],"_nodeVersion":"12.18.4","dependencies":{"tslib":"^1.10.0","classnames":"^2.2.6","@fluentui/theme":"^1.7.4","@uifabric/utilities":"^7.33.5","@uifabric/react-hooks":"^7.13.12","@uifabric/set-version":"^7.0.24","@uifabric/merge-styles":"^7.19.2","@fluentui/react-compose":"^0.19.15","@fluentui/react-stylesheets":"^0.2.5","@fluentui/react-window-provider":"^1.0.2"},"_hasShrinkwrap":false,"devDependencies":{"react":"16.8.6","enzyme":"~3.10.0","react-dom":"16.8.6","@types/jest":"~24.9.0","@types/react":"16.8.25","@types/enzyme":"3.10.3","@uifabric/build":"^7.0.0","@types/react-dom":"16.8.4","@types/classnames":"^2.2.9","@uifabric/styling":"^7.18.1","@types/webpack-env":"1.15.1","react-test-renderer":"^16.3.0","@fluentui/eslint-plugin":"^0.54.2","enzyme-adapter-react-16":"^1.15.0","@uifabric/test-utilities":"^7.3.1","@types/react-test-renderer":"^16.0.0","@types/enzyme-adapter-react-16":"1.0.3"},"peerDependencies":{"react":">=16.8.0 <17.0.0","@types/react":">=16.8.0 <17.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_0.18.5_1614374951124_0.28795673421432855","host":"s3://npm-registry-packages"}},"9.0.0-alpha.5":{"name":"@fluentui/react-theme-provider","version":"9.0.0-alpha.5","license":"MIT","_id":"@fluentui/react-theme-provider@9.0.0-alpha.5","maintainers":[{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"jdhuntington","email":"jdhuntington@gmail.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"c2e6cc44dc7966c681893e59a326206472f32c69","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-9.0.0-alpha.5.tgz","fileCount":47,"integrity":"sha512-Ep2FJV0+Vcub4Qy4qBp94E/cyYjQMtr/0y7lW3hwqtsEqLXuctjU1FuHaalDogLFVzUSfiHfj7j9HvJzWwQCfg==","signatures":[{"sig":"MEUCIQD3bnPH2xsuChGHmVgDwJc4dWorJvtoVBzblBBZ+qQ0DgIgVLLreYqmyuRVFN09JK1SSDw+0otFGpOewQ9CiXEpVMs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":102784,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgPeeiCRA9TVsSAnZWagAA/TsP/AuSv3+Jj1hxBsUL4Dpd\nsQalKHse4fuFotuwugDdeEgfjOLb+MHGubK7T27FHQqr9diB/jwTjNNawl/J\nOCaHiKzVlIi9N7YQbkGUG5WLYDK8z86C50tNmzqh9CbTfAUcTYpxLeOSAI6B\nWR2ZVDDzubWMw8qZGato4OZu4ALozpNv6pS4TpKqCzBsf8v5D607xFkAq4ge\nuddby+d+kZHgrBKzqFWpggeExTzuKorbEUDuXVVEqI+MvViyqkdKkAilqulK\nlVIDj7QdYD34PZ96OODopuOt9v8Zb817twu38k0/6w3/eyT1Nyh685HOOdMv\n6S4g8Uh3x/j3TaBuqB/Hb4Y/QRvKrvolZJHJDlTKcFzQFB1EuR9PfjIn3Rk2\nV16zjj9P6vvmoV5KIRlzk73wKgW/jW2IloNQS6+G6GKBSzyNTUsKA+3VOsK2\nysLD767Oo8zSO+PI33LnsVVHMb7XUcVfL9slPWSP9BS5bbacleAJVoChRHui\nSunYrKElvcBqMEW5/kjF9z1cG7CT720WdNhArJnPU3RSGASCW1Un90kArKAj\nZNCa3TrfV3hVh5B76ampwWXT4T9BVzLcpE7G9TQZaQ3NApk7vcQsTRyijQA6\n84hB69B0YgT7nA2Rf0sMLj27QCARAd4iLmLmIbLzBxlH8ctDBQmvVaAW1vO2\ncFQ2\r\n=1SYR\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","readme":"# @fluentui/react-theme-provider\n\n**React theming component and hook for [Fluent UI React](https://developer.microsoft.com/en-us/fluentui)**\n\n## Installation\n\n```bash\nyarn add @fluentui/react-theme-provider\n```\n\n## Example usage\n\nUse the theme with Fluent UI by wrapping content within the provider:\n\n```tsx\nimport { webLightTheme } from '@fluentui/react-theme';\nimport { ThemeProvider } from '@fluentui/react-theme-provider';\n\nexport const App = () => (\n  <ThemeProvider>\n    <App />\n  </ThemeProvider>\n);\n```\n\nYou can also nest `ThemeProvider`s:\n\n```tsx\nimport { webLightTheme, PartialTheme } from '@fluentui/react-theme';\nimport { ThemeProvider } from '@fluentui/react-theme-provider';\n\nconst headerTheme: PartialTheme = {\n  /* your customizations */\n};\n\nexport const App = () => (\n  <ThemeProvider theme={webLightTheme}>\n    <ThemeProvider theme={headerTheme}>\n      <App />\n    </ThemeProvider>\n\n    <App />\n  </ThemeProvider>\n);\n```\n\n## Accessing theme\n\n### useTheme\n\nTheme can be accessed using `useTheme` hook.\n\n```jsx\nimport { useTheme } from '@fluentui/react-theme-provider';\n\nconst Content = () => {\n  const theme = useTheme();\n};\n\nexport const App = () => (\n  <ThemeProvider>\n    <Content />\n  </ThemeProvider>\n);\n```\n","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","bundle":"just-scripts bundle","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"dzearing","email":"dzearing@microsoft.com"},"beachball":{"tag":"alpha","disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.6","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":["lib/version.js"],"_nodeVersion":"12.18.3","dependencies":{"tslib":"^1.10.0","@fluentui/react-theme":"^9.0.0-alpha.4","@fluentui/set-version":"^8.0.1","@fluentui/react-utilities":"^9.0.0-alpha.4"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"16.8.6","react-dom":"16.8.6","@types/react":"16.9.42","@types/react-dom":"16.9.10","@fluentui/scripts":"^1.0.0","@types/classnames":"^2.2.9","@types/webpack-env":"1.16.0","react-test-renderer":"^16.3.0","@fluentui/eslint-plugin":"^1.0.1","@types/react-test-renderer":"^16.0.0","@fluentui/react-conformance":"^0.2.2"},"peerDependencies":{"react":">=16.8.0 <18.0.0","@types/react":">=16.8.0 <18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_9.0.0-alpha.5_1614669730467_0.8229948698483656","host":"s3://npm-registry-packages"}},"9.0.0-alpha.6":{"name":"@fluentui/react-theme-provider","version":"9.0.0-alpha.6","license":"MIT","_id":"@fluentui/react-theme-provider@9.0.0-alpha.6","maintainers":[{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"jdhuntington","email":"jdhuntington@gmail.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"dc4f52bfee4675fddc76e30fbf15df0a576b6886","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-9.0.0-alpha.6.tgz","fileCount":42,"integrity":"sha512-UXOPdMfDRNwW9ZjrFLafZPxyaA2gidU76oVsQosNINgXngpIN07Md5DAS3AavlH5XCeAfoL1CxwO3ZKFT8mX/g==","signatures":[{"sig":"MEUCIQCVQjjBff7T82X9oF8ZcFAuJQnj8i9QuyFqGJCIKa0nswIgbSQXKzzYof9H6PWtC7cq/6xbnbCl1hty0rIovLYNtkk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":114829,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgPtM5CRA9TVsSAnZWagAAHP8P/jrXbZ7WlxblhrVArfwi\nYuzTnwRunZZI2jIfFzK/G5WX8pPHlkVKBadI81cNjVW/dO+kLTE5mMKk2Xml\nSflBnkn3QNT4OiSRbQwnP/8sojnwsJrmIo54SBklEz9/fDKU3pGHTp7o+4bO\n4oi1tkxqAni/poOw8rtZy1SCf7dw4kvU4Z2HE1cpoZcSMCmWhKSs/n8I3Q3J\nOOI5+5dUKFBPguFYveLHYRKgslZnne8/QnmMNVaF7uJ5kpViCn8MHvoMN8SU\njObYESiWwBVLAMy7MSQJ1W74sATNFIM7BsiAFA0cORA5Xy1YBukWglk9idJQ\n3hzD7QH08CnSAsCPorG0ETjYxYRQuF3dHbS+zzZWqC22VZqs3Y7MBiacNbz4\n6ZaHHZfsohfELNtFLkGWoJiqokQz+MpF0AgXUwAWh1phoOvAxgU7v7GXQZOA\nya+CaBuu6ym0UA1RhHa+YVlGf4YguusPLwoo8E3wFDK0xz/s7IiNEFpXdyc0\ntRYNjxS7HrhabcsSJyMR9BPpB48dIMMj887DJ8Boe80FGTo7qDMHj1zZGrA5\npTXeLCpq2r1l0oN4zBF2v72xEs3RlbiBbBf9ofdffew1QJMkbaavlhtYYKX9\nepQPhMxv0n6Tth6iymhJH/QMoOfKvb3KB5kEdjq9xmx1W9wgXfFrluU/qinD\nTDGr\r\n=ImIp\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","readme":"# @fluentui/react-theme-provider\n\n**React theming component and hook for [Fluent UI React](https://developer.microsoft.com/en-us/fluentui)**\n\n## Installation\n\n```bash\nyarn add @fluentui/react-theme-provider\n```\n\n## Example usage\n\nUse the theme with Fluent UI by wrapping content within the provider:\n\n```tsx\nimport { webLightTheme } from '@fluentui/react-theme';\nimport { ThemeProvider } from '@fluentui/react-theme-provider';\n\nexport const App = () => (\n  <ThemeProvider>\n    <App />\n  </ThemeProvider>\n);\n```\n\nYou can also nest `ThemeProvider`s:\n\n```tsx\nimport { webLightTheme, PartialTheme } from '@fluentui/react-theme';\nimport { ThemeProvider } from '@fluentui/react-theme-provider';\n\nconst headerTheme: PartialTheme = {\n  /* your customizations */\n};\n\nexport const App = () => (\n  <ThemeProvider theme={webLightTheme}>\n    <ThemeProvider theme={headerTheme}>\n      <App />\n    </ThemeProvider>\n\n    <App />\n  </ThemeProvider>\n);\n```\n\n## Accessing theme\n\n### useTheme\n\nTheme can be accessed using `useTheme` hook.\n\n```jsx\nimport { useTheme } from '@fluentui/react-theme-provider';\n\nconst Content = () => {\n  const theme = useTheme();\n};\n\nexport const App = () => (\n  <ThemeProvider>\n    <Content />\n  </ThemeProvider>\n);\n```\n","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","bundle":"just-scripts bundle","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"tag":"alpha","disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.6","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":["lib/version.js"],"_nodeVersion":"12.18.3","dependencies":{"tslib":"^1.10.0","@fluentui/react-theme":"^9.0.0-alpha.5","@fluentui/react-utilities":"^9.0.0-alpha.5"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"16.8.6","react-dom":"16.8.6","@types/react":"16.9.42","@types/react-dom":"16.9.10","@fluentui/scripts":"^1.0.0","@types/classnames":"^2.2.9","@types/webpack-env":"1.16.0","react-test-renderer":"^16.3.0","@fluentui/eslint-plugin":"^1.0.1","@types/react-test-renderer":"^16.0.0","@fluentui/react-conformance":"^0.2.2"},"peerDependencies":{"react":">=16.8.0 <18.0.0","@types/react":">=16.8.0 <18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_9.0.0-alpha.6_1614730040939_0.9956696441144091","host":"s3://npm-registry-packages"}},"9.0.0-alpha.7":{"name":"@fluentui/react-theme-provider","version":"9.0.0-alpha.7","license":"MIT","_id":"@fluentui/react-theme-provider@9.0.0-alpha.7","maintainers":[{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"jdhuntington","email":"jdhuntington@gmail.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"c61f79d815bfe93036d17ef3c9e781b55cd655e2","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-9.0.0-alpha.7.tgz","fileCount":42,"integrity":"sha512-zQl1bXscf6cEhm+DdpRsRqXiP2qIuMeuJDTUWv62AZamtHe/UQdtSwNwG+MlqfOFM8VTFbWZn8Ek/sgLenbb1w==","signatures":[{"sig":"MEUCIACpR+AAykGYZHEzXGyJhTbV4kE2NkohIos0k89mY3JMAiEA75wqNBG8bxLXfVrbmBVoIzaR2PI9HQoTn4rUtjNqiNU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":115777,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgQpTECRA9TVsSAnZWagAAl4oQAKFEX2Mm9CadJw4VPMc+\nSNY5J9ieFizSx2u6vzxWnlxsCk4hq2p2VFmMUSFk/nrkmkR/iL4X1Xl1/l0f\nZ0Hn7fwolDa04cW0WWYmeFBUSOORESwxpT+T8qNA7C8FpIAP6Rzx7Qn6CkEL\ngJVXzdlt5CAQfOozhrd8r1e9a7EPXIVQDwrEvUoNTeqJU5uFaMhTahcKkwv1\nriUghgaO8sdRit5rzXnXTgxrrKarrdEdXU1gIWnBWjPbiGeR4dE1W7p5qVHY\n6kvpwz1wHDBNCx0eMcXjVRv0MMQdmH//2jtghqMVmcMh0anAoyarUWt3MZFW\nZNi4TpfuamCHcMHWDkJm0LjO6qGAM8SRgOuza0ccnWCnj/CI2FIgke40iRpO\nbGR4Er1zh/54qrvPgxPPmvpfpyiMYfAKpxOBP24/hqfId2sZ443tW2dxio6Z\nt7YlTvonOYBMnna2nqs45Qx68h8MrnRVE7ufgHRSVJjOu3ziX2jLu2WSRdh/\nGRNtyVPw5iZBb587kOhFLmxk2lbF7K+sK9hnMlwYCpHkjhgYoOETpEEJcWH7\nw/WUvlmQInikWul6F0cEauPNBwcFAhQCi1XuT5pTE0sqfyIF4d+0/YXOV5EM\nfKOXqfxGv6y+Prh6PXKzsw5/V9WIwnalVTdswaEjdxvnzawp6NfjCylLuvRT\nIPbp\r\n=otI4\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","readme":"# @fluentui/react-theme-provider\n\n**React theming component and hook for [Fluent UI React](https://developer.microsoft.com/en-us/fluentui)**\n\n## Installation\n\n```bash\nyarn add @fluentui/react-theme-provider\n```\n\n## Example usage\n\nUse the theme with Fluent UI by wrapping content within the provider:\n\n```tsx\nimport { webLightTheme } from '@fluentui/react-theme';\nimport { ThemeProvider } from '@fluentui/react-theme-provider';\n\nexport const App = () => (\n  <ThemeProvider>\n    <App />\n  </ThemeProvider>\n);\n```\n\nYou can also nest `ThemeProvider`s:\n\n```tsx\nimport { webLightTheme, PartialTheme } from '@fluentui/react-theme';\nimport { ThemeProvider } from '@fluentui/react-theme-provider';\n\nconst headerTheme: PartialTheme = {\n  /* your customizations */\n};\n\nexport const App = () => (\n  <ThemeProvider theme={webLightTheme}>\n    <ThemeProvider theme={headerTheme}>\n      <App />\n    </ThemeProvider>\n\n    <App />\n  </ThemeProvider>\n);\n```\n\n## Accessing theme\n\n### useTheme\n\nTheme can be accessed using `useTheme` hook.\n\n```jsx\nimport { useTheme } from '@fluentui/react-theme-provider';\n\nconst Content = () => {\n  const theme = useTheme();\n};\n\nexport const App = () => (\n  <ThemeProvider>\n    <Content />\n  </ThemeProvider>\n);\n```\n","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","bundle":"just-scripts bundle","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"tag":"alpha","disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.5","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":["lib/version.js"],"_nodeVersion":"12.18.1","dependencies":{"tslib":"^1.10.0","@fluentui/react-theme":"^9.0.0-alpha.5","@fluentui/react-utilities":"^9.0.0-alpha.6"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"16.8.6","react-dom":"16.8.6","@types/react":"16.9.42","@types/react-dom":"16.9.10","@fluentui/scripts":"^1.0.0","@types/classnames":"^2.2.9","@types/webpack-env":"1.16.0","react-test-renderer":"^16.3.0","@fluentui/eslint-plugin":"^1.0.1","@types/react-test-renderer":"^16.0.0","@fluentui/react-conformance":"^0.2.2"},"peerDependencies":{"react":">=16.8.0 <18.0.0","@types/react":">=16.8.0 <18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_9.0.0-alpha.7_1614976195787_0.5816713660897139","host":"s3://npm-registry-packages"}},"9.0.0-alpha.8":{"name":"@fluentui/react-theme-provider","version":"9.0.0-alpha.8","license":"MIT","_id":"@fluentui/react-theme-provider@9.0.0-alpha.8","maintainers":[{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"jdhuntington","email":"jdhuntington@gmail.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"20b9ca63b339aa24775f94a9531e49dad98dbdd6","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-9.0.0-alpha.8.tgz","fileCount":42,"integrity":"sha512-gfpW19hio27V0ByB2C1wAS3u7wS54aDjBrNCFzGq4pVbNusRq023xyvLp2VeepySzWIIE0c8CUDrmXkuiJLVcg==","signatures":[{"sig":"MEUCIQChketOvscWwge2nsNCeBlypSFc+dGRoPf0ufFDrAcLcAIgWnBg+VSbkY05E8i/YSi9WeCaWrYo9cLD+zC4UTFGrgE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":116725,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgSHY0CRA9TVsSAnZWagAAYcUP/12117Cd0ZeZc55KG3ka\n3se/A6H901+1YrEmvx/tslWQQ7OzvdinRk4aPmz1nkwrJvcOOeau5EusQP8E\n+gA1Ib6HlwBcaGm1gxpdd+eOxhqou5FkSc8NhhYZxq87lJFZ9N0YGFee1tWv\n0WCImhJ1dm1Wyw8lphHyw+3JPI2DAjifqSJU0I7NDbWBU1N1KKwzv7JqnUdB\nDqikrZLCWx0sIm4594OPBlTfeYFyUHxB2++P6r4hdkgn/Jgle5Se/lHAd6+r\n1XZdC5nROUO2pyGmcJaj1PCOpOLS91eFg/Gf1n91mX1K9NTTJ8eNkwEQPHKE\nwTX5wr3Cf34oz7quIT9/bU8CMGYNjZrAVlEt9cj6jO6eDwUcxCeU6QyyokXM\n+QTb1o7aTKj12BxNVSM3dFPerqvyRKoYy0ZpodxGAbeRCf1Q5pd9WcFx+Aei\nxvDs02Up8cyVsxlm+cTRe/8PW4kveZySP2u6f5hkmGexrzXx3kx653qa8elN\nE5AEU04AUcG4UkZbKMl1HxMomUY/zfKOiNLiNiiiC1Td2sIHXCq/kxbUgOb1\nG3UXdwJTS7AdMobdv4qH+29XklQgg+ukuS1eLgC/giECYjZsWhVigKGv2vB7\nFcx/rPANBecdxJy/RLcIXS2h3JMCbHRrUrvEmyLky1mNtnRXVuYTSZVtv8PU\n3DQ1\r\n=3VPZ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","readme":"# @fluentui/react-theme-provider\n\n**React theming component and hook for [Fluent UI React](https://developer.microsoft.com/en-us/fluentui)**\n\n## Installation\n\n```bash\nyarn add @fluentui/react-theme-provider\n```\n\n## Example usage\n\nUse the theme with Fluent UI by wrapping content within the provider:\n\n```tsx\nimport { webLightTheme } from '@fluentui/react-theme';\nimport { ThemeProvider } from '@fluentui/react-theme-provider';\n\nexport const App = () => (\n  <ThemeProvider>\n    <App />\n  </ThemeProvider>\n);\n```\n\nYou can also nest `ThemeProvider`s:\n\n```tsx\nimport { webLightTheme, PartialTheme } from '@fluentui/react-theme';\nimport { ThemeProvider } from '@fluentui/react-theme-provider';\n\nconst headerTheme: PartialTheme = {\n  /* your customizations */\n};\n\nexport const App = () => (\n  <ThemeProvider theme={webLightTheme}>\n    <ThemeProvider theme={headerTheme}>\n      <App />\n    </ThemeProvider>\n\n    <App />\n  </ThemeProvider>\n);\n```\n\n## Accessing theme\n\n### useTheme\n\nTheme can be accessed using `useTheme` hook.\n\n```jsx\nimport { useTheme } from '@fluentui/react-theme-provider';\n\nconst Content = () => {\n  const theme = useTheme();\n};\n\nexport const App = () => (\n  <ThemeProvider>\n    <Content />\n  </ThemeProvider>\n);\n```\n","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","bundle":"just-scripts bundle","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"tag":"alpha","disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.6","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":["lib/version.js"],"_nodeVersion":"12.18.3","dependencies":{"tslib":"^1.10.0","@fluentui/react-theme":"^9.0.0-alpha.5","@fluentui/react-utilities":"^9.0.0-alpha.7"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"16.8.6","react-dom":"16.8.6","@types/react":"16.9.42","@types/react-dom":"16.9.10","@fluentui/scripts":"^1.0.0","@types/classnames":"^2.2.9","@types/webpack-env":"1.16.0","react-test-renderer":"^16.3.0","@fluentui/eslint-plugin":"^1.0.1","@types/react-test-renderer":"^16.0.0","@fluentui/react-conformance":"^0.2.2"},"peerDependencies":{"react":">=16.8.0 <18.0.0","@types/react":">=16.8.0 <18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_9.0.0-alpha.8_1615361588313_0.7121409759631108","host":"s3://npm-registry-packages"}},"9.0.0-alpha.9":{"name":"@fluentui/react-theme-provider","version":"9.0.0-alpha.9","license":"MIT","_id":"@fluentui/react-theme-provider@9.0.0-alpha.9","maintainers":[{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"jdhuntington","email":"jdhuntington@gmail.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"1fd2faddba40316c6b05ea63036d6ac8b541d7ac","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-9.0.0-alpha.9.tgz","fileCount":42,"integrity":"sha512-teXGMHwWrfhpjTtTdx2c/HXyvjltD8abkrUwMWDhHGqVNkNA3BtNZ7LWIHKbjk/uqmhM1HX9tdlkIUh0nqaWoQ==","signatures":[{"sig":"MEQCIGSOoRBfjIAVGmsWP3oKRANzCkAxN/0/A3xLYyIKQYdjAiBSz3wB3tX7YGryUHR/93JtBiSnMrQJDr7RFqWqDs3c2w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":118504,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgS8isCRA9TVsSAnZWagAAckwQAIHJ8gfW54+6Qa8IjMdh\nLbsOSZYmXZYaUrHOY2bMsbMzwpR9qVu3M8EdaeRV9XnL2L2c1dVcnsTEPsbS\n2lWpyI/OqH2znF9EjavMGUZL1VjGQq8MmIGi7U8IYNjonqdwS+SQwkHD6dhz\nykMbfvHuHTs/tUcuyWGOkCujdHaz7vRYBuY40wNhz/FIS8WC6wjndUwDRbfe\nxq1fkluxbWqKRdZSgb66cx3UPcDQolFp4A9zANNyaP6ddUU6/iUcl/wk/UMJ\nVplQn2o7gTeaKKlsP26iifywUvB487W7mQ1inPKSXYurcv7D7HENmq/W+Zqu\npiFITue+PqNK9aEUHc0hlli9yRXsuQzMo3475UA0vFnxh2pIrK8q+HnsftCl\nHOUbzHi6f9P0DzkfNl8CjuowKiX3ywKJlk67Hrmu/Hwa+CMLQx+SYWfBNAtt\nfGhkhgNhq7Whm1dzVzjPInJPUDS2rZWClmn9DmT+SeC5nfG1fGUu4FnhwTxa\ncsg4JPV81PepJfMnlYD/H0G4zln8TjXNuCvlZrELBT4M6yDwSFFJ1cXZNAWb\nIc8pR7nDUQNVKFiCkSHM67+GS3DokUcnwvQAyR0/7OMOj5WLQ+DSWojksjzI\n7tuXgmPMP0DADO9HEu3rFZxEvfHoK01l7ZQ/4ObPh409rE54V0aiopRblQJ0\n0htH\r\n=PvBd\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","readme":"# @fluentui/react-theme-provider\n\n**React theming component and hook for [Fluent UI React](https://developer.microsoft.com/en-us/fluentui)**\n\n## Installation\n\n```bash\nyarn add @fluentui/react-theme-provider\n```\n\n## Example usage\n\nUse the theme with Fluent UI by wrapping content within the provider:\n\n```tsx\nimport { webLightTheme } from '@fluentui/react-theme';\nimport { ThemeProvider } from '@fluentui/react-theme-provider';\n\nexport const App = () => (\n  <ThemeProvider>\n    <App />\n  </ThemeProvider>\n);\n```\n\nYou can also nest `ThemeProvider`s:\n\n```tsx\nimport { webLightTheme, PartialTheme } from '@fluentui/react-theme';\nimport { ThemeProvider } from '@fluentui/react-theme-provider';\n\nconst headerTheme: PartialTheme = {\n  /* your customizations */\n};\n\nexport const App = () => (\n  <ThemeProvider theme={webLightTheme}>\n    <ThemeProvider theme={headerTheme}>\n      <App />\n    </ThemeProvider>\n\n    <App />\n  </ThemeProvider>\n);\n```\n\n## Accessing theme\n\n### useTheme\n\nTheme can be accessed using `useTheme` hook.\n\n```jsx\nimport { useTheme } from '@fluentui/react-theme-provider';\n\nconst Content = () => {\n  const theme = useTheme();\n};\n\nexport const App = () => (\n  <ThemeProvider>\n    <Content />\n  </ThemeProvider>\n);\n```\n","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","bundle":"just-scripts bundle","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"tag":"alpha","disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.6","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":["lib/version.js"],"_nodeVersion":"12.18.4","dependencies":{"tslib":"^1.10.0","@fluentui/react-theme":"^9.0.0-alpha.5","@fluentui/react-utilities":"^9.0.0-alpha.7"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"16.8.6","react-dom":"16.8.6","@types/react":"16.9.42","@types/react-dom":"16.9.10","@fluentui/scripts":"^1.0.0","@types/classnames":"^2.2.9","react-test-renderer":"^16.3.0","@fluentui/eslint-plugin":"^1.0.1","@types/react-test-renderer":"^16.0.0","@fluentui/react-conformance":"^0.2.3"},"peerDependencies":{"react":">=16.8.0 <18.0.0","@types/react":">=16.8.0 <18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_9.0.0-alpha.9_1615579308396_0.9139364856350465","host":"s3://npm-registry-packages"}},"9.0.0-alpha.10":{"name":"@fluentui/react-theme-provider","version":"9.0.0-alpha.10","license":"MIT","_id":"@fluentui/react-theme-provider@9.0.0-alpha.10","maintainers":[{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"jdhuntington","email":"jdhuntington@gmail.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"4727f2534a56bdfa68ae3dfaece410cc2f5a43d8","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-9.0.0-alpha.10.tgz","fileCount":42,"integrity":"sha512-ihPbQ/b8RrWPpy90jym4n4Aay2fSVV2cNgYo4VJ8E1l0Jb1W9YBmg3saZRuxzn9o2tCaiCzs/dI5dDPSjuLAmA==","signatures":[{"sig":"MEUCIQDMiKqhAN4ZTHI0wSXz23SVR0FjRM5ap5A+gNR6iXXlqwIgJkgM+xBpGBF2o6FbQLI/2pAp41w4m3JfAG9yTkcb15U=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":169729,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgTw4RCRA9TVsSAnZWagAAT40P+gJkKOu+8POIq7u6n5nz\n3lUXP1G5+oYEFSqzlkj2QZ+KcLSI4eSY3QxPqv6FsQj5HmsmRqbaqittpkN8\nUfL3167cbCsudwzTOVOV1Zqo1zvEYCcMgoUS+EbEtWxxwtZQoEbxuirFazoz\nona1G9ufWMShkjsWmEm92RO+EHgiOX70Gb8UeFbGF4zsXyZ3nnX/mXGpRI5g\nxIdj+glOOl0/b5ACbu1/VxzAP9smBiIemzKXj1huB7ctKnORA7YuS+MbCfIs\nrTlv11dvgvbFCd1Bl4S8u9KCoxKZUuuoWZ/n8RO4xV5lbGQmx2pdjRaJYWY3\n2UTmfKfuV9M1glPjF1Lmp8B/izrYf7DP1heZb7JUREVd8CocYaqJ6a9G9zrr\njhXKSXfcT1KrtbiGrM8KLOHMOmZ+1kQBShwF09uJGqOwsgp35vd0DlG6RWCv\nfKOyjJlhma/V71nbXOqQ2k8hwXpWurLFAYY54Y5GGrs5FXXNLfqdyStMMiY6\nd3sl1s1j3pwxSgtLdeSP+6aSP1aSbUY+rPsNBCOuu0MYe29540nb2v4Gi8b1\ndzc2MMZaT6kcXGsEZlMYm/YpFn6a7BIkzqvlyyWclQH3zrEVcGhGmXiDJZNy\noMXLfWZ8PNs8VxETHxOCE4nCv5xzPAYHRDNrLlgRzldlPQn3hkGXkEJ+44Ho\nC1ie\r\n=c0lF\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","readme":"# @fluentui/react-theme-provider\n\n**React theming component and hook for [Fluent UI React](https://developer.microsoft.com/en-us/fluentui)**\n\n## Installation\n\n```bash\nyarn add @fluentui/react-theme-provider\n```\n\n## Example usage\n\nUse the theme with Fluent UI by wrapping content within the provider:\n\n```tsx\nimport { webLightTheme } from '@fluentui/react-theme';\nimport { ThemeProvider } from '@fluentui/react-theme-provider';\n\nexport const App = () => (\n  <ThemeProvider>\n    <App />\n  </ThemeProvider>\n);\n```\n\nYou can also nest `ThemeProvider`s:\n\n```tsx\nimport { webLightTheme, PartialTheme } from '@fluentui/react-theme';\nimport { ThemeProvider } from '@fluentui/react-theme-provider';\n\nconst headerTheme: PartialTheme = {\n  /* your customizations */\n};\n\nexport const App = () => (\n  <ThemeProvider theme={webLightTheme}>\n    <ThemeProvider theme={headerTheme}>\n      <App />\n    </ThemeProvider>\n\n    <App />\n  </ThemeProvider>\n);\n```\n\n## Accessing theme\n\n### useTheme\n\nTheme can be accessed using `useTheme` hook.\n\n```jsx\nimport { useTheme } from '@fluentui/react-theme-provider';\n\nconst Content = () => {\n  const theme = useTheme();\n};\n\nexport const App = () => (\n  <ThemeProvider>\n    <Content />\n  </ThemeProvider>\n);\n```\n","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","bundle":"just-scripts bundle","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"tag":"alpha","disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.6","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"_nodeVersion":"12.18.3","dependencies":{"tslib":"^1.10.0","@fluentui/react-theme":"^9.0.0-alpha.6","@fluentui/react-utilities":"^9.0.0-alpha.8"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"16.8.6","react-dom":"16.8.6","@types/react":"16.9.42","@types/react-dom":"16.9.10","@fluentui/scripts":"^1.0.0","@types/classnames":"^2.2.9","react-test-renderer":"^16.3.0","@fluentui/eslint-plugin":"^1.0.1","@types/react-test-renderer":"^16.0.0","@fluentui/react-conformance":"^0.2.3"},"peerDependencies":{"react":">=16.8.0 <18.0.0","@types/react":">=16.8.0 <18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_9.0.0-alpha.10_1615793681505_0.8549456571923109","host":"s3://npm-registry-packages"}},"9.0.0-alpha.11":{"name":"@fluentui/react-theme-provider","version":"9.0.0-alpha.11","license":"MIT","_id":"@fluentui/react-theme-provider@9.0.0-alpha.11","maintainers":[{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"jdhuntington","email":"jdhuntington@gmail.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"aeadc86f3cf5e534cc074de463c0376ae78c2a6c","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-9.0.0-alpha.11.tgz","fileCount":42,"integrity":"sha512-vF36RH7I1Y3WqgBm+5kPyBDwZ/O2yfnFB/9djjZoNyUVH0dnjvA/EHydb66MZ1BysvnW80DEKCl0L64+6r3Cpw==","signatures":[{"sig":"MEYCIQDB5W0mFR+HxNVexmfyJXMJ3W5nTm4Qo7vEn+ng8o5D4AIhAN3Hibn/ztbosOJNOdGpYm5i9/oXDMkietETSEdBicFQ","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":170658,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgUF5zCRA9TVsSAnZWagAAn3kP/1bgFSz7Dxn4cIToly5u\nvi2lSF0XhsIXJ90pHKbxm1LN9Ho8xNDMF9J/2CiZ+bKbi/gcXLO/ZrW/DwaN\nhHLgYEBDcpfe17voNYHd+JIdsgw0o+DzT17l5hD7gL0g+PDp8drx8u1Q3hAc\nYrnSK0gfGzvA2zGDzjIPoWRa/k34ADL+/6RmD6Db+OrdlctRq26A4zStZyJO\n63rDRlvF70SRiyUqZFwmCvI/0DKRpAg4ZzsOqrf392xMjfaluuItRzmsoB1p\nVuOEEQLoI8e+2As6XldJ7WMeZHePhqguwt528XnOGYSAGIY6Bfz0gdZiudrZ\nwn3g4WxqbUeIK47FY1t51ZwtdaB2KmaNQVBAXaNuutvsPc+TOONv+rAdi9yY\n4dcQ/kDGbhvvGYxFLyyhHmFQzrLyWPLCSyxNb1JR6b97FqUa4hFAlm5MNh0W\nt1XDgagzwLUdfblGdGLI1R+814BXtQkLPT0HqKDUmJIjeOxvOooQuJaNr3q5\n5QvKgt/q/16F4XKwwT8FtIjx1KYoE6AQWE2iA0vBDv31JGB8Uy1pOF4UmbTw\nO1Jd6M8xk2GYkmPs2ZlTvJsId/0DcW7qN6lIPTFs6vRJgpekuQ7bOu2dY+Yd\nUnWASh+g6bBae8414CGgi1Kw0/4zcDXNw/wGwW5fWzD3lGQUtTg2r7NvglVz\nm4UK\r\n=YeyG\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","readme":"# @fluentui/react-theme-provider\n\n**React theming component and hook for [Fluent UI React](https://developer.microsoft.com/en-us/fluentui)**\n\n## Installation\n\n```bash\nyarn add @fluentui/react-theme-provider\n```\n\n## Example usage\n\nUse the theme with Fluent UI by wrapping content within the provider:\n\n```tsx\nimport { webLightTheme } from '@fluentui/react-theme';\nimport { ThemeProvider } from '@fluentui/react-theme-provider';\n\nexport const App = () => (\n  <ThemeProvider>\n    <App />\n  </ThemeProvider>\n);\n```\n\nYou can also nest `ThemeProvider`s:\n\n```tsx\nimport { webLightTheme, PartialTheme } from '@fluentui/react-theme';\nimport { ThemeProvider } from '@fluentui/react-theme-provider';\n\nconst headerTheme: PartialTheme = {\n  /* your customizations */\n};\n\nexport const App = () => (\n  <ThemeProvider theme={webLightTheme}>\n    <ThemeProvider theme={headerTheme}>\n      <App />\n    </ThemeProvider>\n\n    <App />\n  </ThemeProvider>\n);\n```\n\n## Accessing theme\n\n### useTheme\n\nTheme can be accessed using `useTheme` hook.\n\n```jsx\nimport { useTheme } from '@fluentui/react-theme-provider';\n\nconst Content = () => {\n  const theme = useTheme();\n};\n\nexport const App = () => (\n  <ThemeProvider>\n    <Content />\n  </ThemeProvider>\n);\n```\n","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","bundle":"just-scripts bundle","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"tag":"alpha","disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.6","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"_nodeVersion":"12.18.3","dependencies":{"tslib":"^1.10.0","@fluentui/react-theme":"^9.0.0-alpha.6","@fluentui/react-utilities":"^9.0.0-alpha.8"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"16.8.6","react-dom":"16.8.6","@types/react":"16.9.42","@types/react-dom":"16.9.10","@fluentui/scripts":"^1.0.0","@types/classnames":"^2.2.9","react-test-renderer":"^16.3.0","@fluentui/eslint-plugin":"^1.0.1","@types/react-test-renderer":"^16.0.0","@fluentui/react-conformance":"^0.2.4"},"peerDependencies":{"react":">=16.8.0 <18.0.0","@types/react":">=16.8.0 <18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_9.0.0-alpha.11_1615879795028_0.9609283479331889","host":"s3://npm-registry-packages"}},"0.18.6":{"name":"@fluentui/react-theme-provider","version":"0.18.6","license":"MIT","_id":"@fluentui/react-theme-provider@0.18.6","maintainers":[{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"jdhuntington","email":"jdhuntington@gmail.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"6253fb22afd1c191d92b43576bdb2ba60fd8c352","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-0.18.6.tgz","fileCount":246,"integrity":"sha512-u1KCHDwX9uNlBQaQGFepp3+lT0y02Dpo2Z6nnzQ6BUGrl+DGgguOa2MFb+gPU4hosy5WjZjMDO6nQLnY9XBCog==","signatures":[{"sig":"MEYCIQDPKlIXClgy33faUR65wkOpMToB5jKGqeBteCDS4N98YwIhALtMmHIL7NiV1KmL90/pJCE1iDc5TEErXmz/9qodJhcu","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":29881819,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgUlbfCRA9TVsSAnZWagAAQrkP/3h7lsmXrQUsaxJjM4z6\nR+tIsNXWDichUQggfsLZBLoHgsozI6UG2A8mKpqCu50z0HP54z58cv3NNAgn\nLcZuuOnffOmhGq6S4uQ11xCNusdcoSlM4VreXFcvKr86vkddkiO7nZ+ERBWW\n1mGokiRYMsxQqS+0qxOELhiyW9zS3gBbDDH2e2F/LDQ+bhvVW4LlzQSqX7tA\nVk4Zbzn8NVPF5EfU2hbxtxwomkonuouX0aL5w6vvxNnCKiWu4E2DP04X/rVI\nwepabYuVamjMpZqwE/i1ksSX4Fv6cKTbOYuwHHlHkh5qc1YxKSqj03k5RUYS\nl7tFm/TSnvABmK8j5YLrrk8gjbl2DM899t1mM0ypAjLbgvQYfgW+/dHTtRMV\ncd2X2lFJGWAzqvrZzL4e4o3X1EjqxbT2WSoD94fj7is/nkAwnlXwPsd3sxAK\n6ighM9VPivR+ZDanxtjVM6UKQUK/myVH31EJnSzp0Bjy0tfdu9kcHjuxmrhg\nLw8aygswzaOv/c/P3NfL/593D+T0gpmSnAG19D8QJ+PyibE4jgXYqTrzrtJl\nhwZepSvHWfdk9R/nCddEvdoeG51rsv4m1/IYAGZz73yzz7XGVavtz/wXHpxg\nxBHJFNQ9MOilGl7OOHQpIFBsMeC9zUsld+9RfkhMjPT0dBwFDogZYg3e1sLH\nMFFs\r\n=uzTt\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","readme":"# @fluentui/react-theme-provider\n\n**React theming component and hook for [Fluent UI React](https://developer.microsoft.com/en-us/fluentui)**\n\n## Installation\n\n```bash\nyarn add @fluentui/react-theme-provider\n```\n\n## Example usage\n\nUse the theme with Fluent UI by wrapping content within the provider. If `theme` is not provided, default (Fluent) theme will be provided:\n\n```tsx\nimport { ThemeProvider } from '@fluentui/react-theme-provider';\n\nexport const App = () => (\n  <ThemeProvider>\n    <>...app</>\n  </ThemeProvider>\n);\n```\n\nYou can also customize your own theme:\n\n```tsx\nimport { ThemeProvider, PartialTheme } from '@fluentui/react-theme-provider';\n\nconst appTheme: PartialTheme = {\n  palette: {\n    themePrimary: 'red'\n    ...\n  }\n};\n\nexport const App = () => (\n  <ThemeProvider theme={appTheme}>\n    App content ...\n  </ThemeProvider>\n);\n```\n\nYou can also nest `ThemeProvider`s:\n\n```tsx\nimport { ThemeProvider, PartialTheme } from '@fluentui/react-theme-provider';\n\nconst appTheme: PartialTheme = {\n  palette: {\n    themePrimary: 'red'\n    ...\n  }\n};\n\nconst headerTheme: PartialTheme = {\n  palette: {\n    themePrimary: 'orange'\n    ...\n  }\n};\n\nexport const App = () => (\n  <ThemeProvider theme={appTheme}>\n    <ThemeProvider theme={headerTheme}>\n      <MyHeader />\n    </ThemeProvider>\n\n    App content ...\n  </ThemeProvider>\n);\n```\n\nYou can apply component-level styles:\n\n```tsx\nimport { Checkbox } from '@fluentui/react';\nimport { ThemeProvider, createTheme } from '@fluentui/react-theme-provider';\n\nexport const App = () => (\n  <ThemeProvider\n    theme={{\n      components: { Checkbox: { styles: { root: { background: 'red' } } } },\n    }}\n  >\n    <Checkbox />\n  </ThemeProvider>\n);\n```\n\n## Accessing theme\n\n### useTheme\n\nTheme can be accessed using `useTheme` hook. If you are specifically accessing theme to create classes/styles, you can use `makeStyles` described below.\n\n```jsx\nimport { useTheme } from '@fluentui/react-theme-provider';\n\nconst Content = () => {\n  const theme = useTheme();\n  ...\n};\n\nexport const App = () => (\n  <ThemeProvider>\n    <Content />\n  </ThemeProvider>\n);\n```\n\n### ThemeContext.Consumer\n\nTheme can be accessed in Class Component using `ThemeContext.Consumer`.\n\n```tsx\nimport { Theme, ThemeContext } from '@fluentui/react-theme-provider';\n\nclass Content extends React.Component {\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme: Theme | undefined) => {\n          ...\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n}\n\nexport const App = () => (\n  <ThemeProvider>\n    <Content />\n  </ThemeProvider>\n);\n```\n\n### Create classes for React components based on theme\n\nTheme can be accessed using the `makeStyles` hook. This hook abstracts rendering css given the theme object:\n\n```jsx\nimport { makeStyles } from '@fluentui/react-theme-provider';\n\nconst useFooStyles = makeStyles(theme => ({\n    root: {\n      background: theme.semanticColors.bodyBackground,\n      ':hover': {\n        background: theme.semanticColors.bodyBackgroundHovered\n    },\n}));\n\nconst Foo = props => {\n  const classes = useFooStyles();\n\n  return <div className={classes.root} />;\n};\n```\n\n## How does this change other existing ways of theming Fluent UI components?\n\n### Customizer\n\n`Customizer` is now deprecated and you should replace it with `ThemeProvider`.\n`CustomizerContext` is now deprecated and you should replace it with `ThemeContext` or `useTheme` hook.\n\nDeprecations remain to be functional as is but they will be removed in Fluent UI v9 release.\n\n#### Replace settings prop\n\nBefore:\n\n```jsx\n<Customizer settings={{ theme }} />\n```\n\nAfter:\n\n```jsx\n<ThemeProvider theme={theme} />\n```\n\n#### Replace scopedSettings prop\n\nBefore:\n\n```jsx\n<Customizer\n  scopedSettings={{\n    Checkbox: {\n      styles: CheckboxStyles,\n    },\n  }}\n/>\n```\n\nAfter:\n\n```jsx\n<ThemeProvider\n  theme={{\n    components: { Checkbox: { styles: CheckboxStyles } },\n  }}\n/>\n```\n\n#### Replace CustomizerContext\n\nBefore:\n\n```jsx\n  <CustomizerContext.Consumer>\n    {(parentContext: ICustomizerContext) => {\n      const theme = parentContext.customizations.settings;\n      ...\n    }\n  </CustomizerContext.Consumer>\n```\n\nAfter:\nSee options in [Accessing theme](https://github.com/microsoft/fluentui/blob/master/packages/react-theme-provider/README.md#accessing-theme).\n\n### loadTheme\n\n`loadTheme` remains to work as is. However, you are recommended to replace `loadTheme` with `ThemeProvider`. That way, your application consistently has one way of providing theme.\n\nTo do that, instead of calling `loadTheme(your_theme)`, you will simply wrap the root component of your React application once with `ThemeProvider`:\n\n```jsx\n<ThemeProvider theme={your_theme}>\n  <App />\n</ThemeProvider>\n```\n\nOne caveat here is that if you app has styles which relies on `@microsoft/load-themed-styles`, `ThemeProvider` won't be able to replace `loadTheme` in this case.\n\n### Fabric component\n\nInstead of using `Fabric` component, you can now replace it fully with `ThemeProvider`. Here is how to replace each prop usage:\n\n| Fabric             | ThemeProvider                                                                                                                                                                                       |\n| ------------------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| `componentRef`     | `ref`                                                                                                                                                                                               |\n| `as`               | `as`                                                                                                                                                                                                |\n| `theme`            | `theme`                                                                                                                                                                                             |\n| `styles`           | Not longer support `styles` prop. If you need to style the root element, you can do that using (inline) style or className prop. Setting arbitrary styles for document body is no longer supported. |\n| `applyTheme`       | This is now applied by default, or by setting `applyTo=\"element\"`. If you don't want any body styles to be applied on root element, you can set `applyTo=\"none\"`.                                   |\n| `applyThemeToBody` | `applyTo=\"body\"`                                                                                                                                                                                    |\n| `dir`              | set `rtl` in `theme` prop                                                                                                                                                                           |\n\n#### Other call-outs\n\n- `ThemeProvider` by default sets `background-color` for the root element using `theme.semanticColors.bodyBackground`. If you find the background color being incorrect after switching to `ThemeProvider`, the right fix is likely that you need to update your theme definition to have the correct `bodyBackground`. Or, if you don't want any default stylings applied to the root element, you can set `applyTo` prop to `\"none\"`.\n- `ThemeProvider` does not set `font-family: inherit` on all native `button`, `input`, `textArea` elements. If you find any Fluent UI component having incorrect fonts after switching to `ThemeProvider`, please [report an issue](https://github.com/microsoft/fluentui/issues/new?template=bug_report.md).\n","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","bundle":"just-scripts bundle","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-api":"just-scripts update-api","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"tag":"lts-7"},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.6","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":["lib/version.js"],"_nodeVersion":"12.18.4","dependencies":{"tslib":"^1.10.0","classnames":"^2.2.6","@fluentui/theme":"^1.7.4","@uifabric/utilities":"^7.33.5","@uifabric/react-hooks":"^7.13.12","@uifabric/set-version":"^7.0.24","@uifabric/merge-styles":"^7.19.2","@fluentui/react-compose":"^0.19.15","@fluentui/react-stylesheets":"^0.2.5","@fluentui/react-window-provider":"^1.0.2"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"16.8.6","enzyme":"~3.10.0","react-dom":"16.8.6","@types/jest":"~24.9.0","@types/react":"16.8.25","@types/enzyme":"3.10.3","@uifabric/build":"^7.0.0","@types/react-dom":"16.8.4","@types/classnames":"^2.2.9","@uifabric/styling":"^7.19.0","@types/webpack-env":"1.15.1","react-test-renderer":"^16.3.0","@fluentui/eslint-plugin":"^0.54.2","enzyme-adapter-react-16":"^1.15.0","@uifabric/test-utilities":"^7.3.1","@types/react-test-renderer":"^16.0.0","@types/enzyme-adapter-react-16":"1.0.3"},"peerDependencies":{"react":">=16.8.0 <17.0.0","@types/react":">=16.8.0 <17.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_0.18.6_1616008924831_0.11589518422830558","host":"s3://npm-registry-packages"}},"0.18.7":{"name":"@fluentui/react-theme-provider","version":"0.18.7","license":"MIT","_id":"@fluentui/react-theme-provider@0.18.7","maintainers":[{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"jdhuntington","email":"jdhuntington@gmail.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"ba6c7f93a2d63d1d553c54527ca8b801000b212b","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-0.18.7.tgz","fileCount":246,"integrity":"sha512-MzBET3NyasAdzC+L22Xjzgvf+TGp4LjqtOo+yLAA8LENBYbQDUjnXHnGCtJknEvy1ouwmZa/jm3aVBWylLQu4w==","signatures":[{"sig":"MEQCIG07t5HMxjDtXVERmYvHe76qzoGav9PKeOd+9mbCiBlzAiBe+DMofWnMkMnytoiKujHWu+FRk+pZ3w/9WJykDjojvg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":29885134,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgU0Y3CRA9TVsSAnZWagAAhlQP/0KFeTs6zOTYMVSHilmb\n7o/8kJqPIFKR2XcDnsCg/EhZoQE+YAiUIUF9GwcFSa0s93M+vGCPlclMsVno\nmn7O66ipSC0GZAwKD1hjc4j+y8aYMRYkIsiKxmJf8yMqNGSuHkEJYY/xS9tY\nQEunuQfhItMt3e99aLzEIqapeSrBb1C2qrg03OpsNnr/t3DcKGmgF+9J+OKj\ndwlX9D/xTHkNSITVY5fawxRS+bqk9elrP3pXagcgpUfzJvwV4Y5bL/W1ERLV\nOqXn6ZQU54N6jOUtU7hEHgAaYBQ2JvLCCiMD81fmtA2Po6+zve0UiYTE4pDN\ne8xzBUDtpljSqK7NLPb6qoJxZ6A6Er+uU2RsoNR6UHk+qpa5Lfqm2LYc5zeO\nTyDKEuDnhpVdVYsVZIkhfVUQOU3AndUtUIPOqoL0vh5sHrr9lAI2pCLHpGmW\nV+kFNq7L0h8tRclkWhlz5LMrpntzMJVWexpN8H3qR81KN9C3z5zJkksz73Rq\n7ALIfkiS2Py6no0gOHYs7ocau0mGdXrP0SH/6vjmNi6Apot0MTvNptBl6lX3\nUia4cIWIiIDS/cVLf+RX/XL/J4H/kO9qmebI7dcP932vDwyDlLAJ/jO3KQWC\nkesmmmYcvBaYvlxloeFNDQ9J7sXSmrF44aWVHfGUeSQNwNWeyoobzmyfSQ+J\nPPE4\r\n=egMX\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","readme":"# @fluentui/react-theme-provider\n\n**React theming component and hook for [Fluent UI React](https://developer.microsoft.com/en-us/fluentui)**\n\n## Installation\n\n```bash\nyarn add @fluentui/react-theme-provider\n```\n\n## Example usage\n\nUse the theme with Fluent UI by wrapping content within the provider. If `theme` is not provided, default (Fluent) theme will be provided:\n\n```tsx\nimport { ThemeProvider } from '@fluentui/react-theme-provider';\n\nexport const App = () => (\n  <ThemeProvider>\n    <>...app</>\n  </ThemeProvider>\n);\n```\n\nYou can also customize your own theme:\n\n```tsx\nimport { ThemeProvider, PartialTheme } from '@fluentui/react-theme-provider';\n\nconst appTheme: PartialTheme = {\n  palette: {\n    themePrimary: 'red'\n    ...\n  }\n};\n\nexport const App = () => (\n  <ThemeProvider theme={appTheme}>\n    App content ...\n  </ThemeProvider>\n);\n```\n\nYou can also nest `ThemeProvider`s:\n\n```tsx\nimport { ThemeProvider, PartialTheme } from '@fluentui/react-theme-provider';\n\nconst appTheme: PartialTheme = {\n  palette: {\n    themePrimary: 'red'\n    ...\n  }\n};\n\nconst headerTheme: PartialTheme = {\n  palette: {\n    themePrimary: 'orange'\n    ...\n  }\n};\n\nexport const App = () => (\n  <ThemeProvider theme={appTheme}>\n    <ThemeProvider theme={headerTheme}>\n      <MyHeader />\n    </ThemeProvider>\n\n    App content ...\n  </ThemeProvider>\n);\n```\n\nYou can apply component-level styles:\n\n```tsx\nimport { Checkbox } from '@fluentui/react';\nimport { ThemeProvider, createTheme } from '@fluentui/react-theme-provider';\n\nexport const App = () => (\n  <ThemeProvider\n    theme={{\n      components: { Checkbox: { styles: { root: { background: 'red' } } } },\n    }}\n  >\n    <Checkbox />\n  </ThemeProvider>\n);\n```\n\n## Accessing theme\n\n### useTheme\n\nTheme can be accessed using `useTheme` hook. If you are specifically accessing theme to create classes/styles, you can use `makeStyles` described below.\n\n```jsx\nimport { useTheme } from '@fluentui/react-theme-provider';\n\nconst Content = () => {\n  const theme = useTheme();\n  ...\n};\n\nexport const App = () => (\n  <ThemeProvider>\n    <Content />\n  </ThemeProvider>\n);\n```\n\n### ThemeContext.Consumer\n\nTheme can be accessed in Class Component using `ThemeContext.Consumer`.\n\n```tsx\nimport { Theme, ThemeContext } from '@fluentui/react-theme-provider';\n\nclass Content extends React.Component {\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme: Theme | undefined) => {\n          ...\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n}\n\nexport const App = () => (\n  <ThemeProvider>\n    <Content />\n  </ThemeProvider>\n);\n```\n\n### Create classes for React components based on theme\n\nTheme can be accessed using the `makeStyles` hook. This hook abstracts rendering css given the theme object:\n\n```jsx\nimport { makeStyles } from '@fluentui/react-theme-provider';\n\nconst useFooStyles = makeStyles(theme => ({\n    root: {\n      background: theme.semanticColors.bodyBackground,\n      ':hover': {\n        background: theme.semanticColors.bodyBackgroundHovered\n    },\n}));\n\nconst Foo = props => {\n  const classes = useFooStyles();\n\n  return <div className={classes.root} />;\n};\n```\n\n## How does this change other existing ways of theming Fluent UI components?\n\n### Customizer\n\n`Customizer` is now deprecated and you should replace it with `ThemeProvider`.\n`CustomizerContext` is now deprecated and you should replace it with `ThemeContext` or `useTheme` hook.\n\nDeprecations remain to be functional as is but they will be removed in Fluent UI v9 release.\n\n#### Replace settings prop\n\nBefore:\n\n```jsx\n<Customizer settings={{ theme }} />\n```\n\nAfter:\n\n```jsx\n<ThemeProvider theme={theme} />\n```\n\n#### Replace scopedSettings prop\n\nBefore:\n\n```jsx\n<Customizer\n  scopedSettings={{\n    Checkbox: {\n      styles: CheckboxStyles,\n    },\n  }}\n/>\n```\n\nAfter:\n\n```jsx\n<ThemeProvider\n  theme={{\n    components: { Checkbox: { styles: CheckboxStyles } },\n  }}\n/>\n```\n\n#### Replace CustomizerContext\n\nBefore:\n\n```jsx\n  <CustomizerContext.Consumer>\n    {(parentContext: ICustomizerContext) => {\n      const theme = parentContext.customizations.settings;\n      ...\n    }\n  </CustomizerContext.Consumer>\n```\n\nAfter:\nSee options in [Accessing theme](https://github.com/microsoft/fluentui/blob/master/packages/react-theme-provider/README.md#accessing-theme).\n\n### loadTheme\n\n`loadTheme` remains to work as is. However, you are recommended to replace `loadTheme` with `ThemeProvider`. That way, your application consistently has one way of providing theme.\n\nTo do that, instead of calling `loadTheme(your_theme)`, you will simply wrap the root component of your React application once with `ThemeProvider`:\n\n```jsx\n<ThemeProvider theme={your_theme}>\n  <App />\n</ThemeProvider>\n```\n\nOne caveat here is that if you app has styles which relies on `@microsoft/load-themed-styles`, `ThemeProvider` won't be able to replace `loadTheme` in this case.\n\n### Fabric component\n\nInstead of using `Fabric` component, you can now replace it fully with `ThemeProvider`. Here is how to replace each prop usage:\n\n| Fabric             | ThemeProvider                                                                                                                                                                                       |\n| ------------------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| `componentRef`     | `ref`                                                                                                                                                                                               |\n| `as`               | `as`                                                                                                                                                                                                |\n| `theme`            | `theme`                                                                                                                                                                                             |\n| `styles`           | Not longer support `styles` prop. If you need to style the root element, you can do that using (inline) style or className prop. Setting arbitrary styles for document body is no longer supported. |\n| `applyTheme`       | This is now applied by default, or by setting `applyTo=\"element\"`. If you don't want any body styles to be applied on root element, you can set `applyTo=\"none\"`.                                   |\n| `applyThemeToBody` | `applyTo=\"body\"`                                                                                                                                                                                    |\n| `dir`              | set `rtl` in `theme` prop                                                                                                                                                                           |\n\n#### Other call-outs\n\n- `ThemeProvider` by default sets `background-color` for the root element using `theme.semanticColors.bodyBackground`. If you find the background color being incorrect after switching to `ThemeProvider`, the right fix is likely that you need to update your theme definition to have the correct `bodyBackground`. Or, if you don't want any default stylings applied to the root element, you can set `applyTo` prop to `\"none\"`.\n- `ThemeProvider` does not set `font-family: inherit` on all native `button`, `input`, `textArea` elements. If you find any Fluent UI component having incorrect fonts after switching to `ThemeProvider`, please [report an issue](https://github.com/microsoft/fluentui/issues/new?template=bug_report.md).\n","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","bundle":"just-scripts bundle","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-api":"just-scripts update-api","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"tag":"lts-7"},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.6","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":["lib/version.js"],"_nodeVersion":"12.18.3","dependencies":{"tslib":"^1.10.0","classnames":"^2.2.6","@fluentui/theme":"^1.7.4","@uifabric/utilities":"^7.33.5","@uifabric/react-hooks":"^7.14.0","@uifabric/set-version":"^7.0.24","@uifabric/merge-styles":"^7.19.2","@fluentui/react-compose":"^0.19.15","@fluentui/react-stylesheets":"^0.2.5","@fluentui/react-window-provider":"^1.0.2"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"16.8.6","enzyme":"~3.10.0","react-dom":"16.8.6","@types/jest":"~24.9.0","@types/react":"16.8.25","@types/enzyme":"3.10.3","@uifabric/build":"^7.0.0","@types/react-dom":"16.8.4","@types/classnames":"^2.2.9","@uifabric/styling":"^7.19.0","@types/webpack-env":"1.15.1","react-test-renderer":"^16.3.0","@fluentui/eslint-plugin":"^0.54.2","enzyme-adapter-react-16":"^1.15.0","@uifabric/test-utilities":"^7.3.1","@types/react-test-renderer":"^16.0.0","@types/enzyme-adapter-react-16":"1.0.3"},"peerDependencies":{"react":">=16.8.0 <17.0.0","@types/react":">=16.8.0 <17.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_0.18.7_1616070199435_0.11800497223921735","host":"s3://npm-registry-packages"}},"9.0.0-alpha.12":{"name":"@fluentui/react-theme-provider","version":"9.0.0-alpha.12","license":"MIT","_id":"@fluentui/react-theme-provider@9.0.0-alpha.12","maintainers":[{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"jdhuntington","email":"jdhuntington@gmail.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"fff882ffa030cf256f948159724198ec9f821452","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-9.0.0-alpha.12.tgz","fileCount":43,"integrity":"sha512-EATYf70P0C8vSgtBrxR0mWcQl/LGjEY9GhnySWSRZuFlP6M0sgg2FksbkpYoVHuxsmnCQ04ZDyfmAedxJckOZQ==","signatures":[{"sig":"MEUCIQCPj1TsN2Z3NnkgNZYU/z9VvvM9CGa6+BSp4AG0xM7VBwIgNiF/ktloN2PNLWAstScxaXvGh60wuNGoEHccKFxyDiI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":172095,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgU7RKCRA9TVsSAnZWagAAK9EP/Re/6rK0ZjGHI2GYHdyQ\nyrSZUdfIgFb84iLxBXWBny5IT2L7qaR5EDn492vce1XOFSTe5hKssAg+eWKg\n+qAINSGO+Ecnfw7IqOxsEolPDV1OiIW0jSpU6KefA5ynGiJ6KvsCFhuwWLjq\n7ZOvVgePjB5SUbL2mBXltrdTsQgK7a1gs4aVs6MCtPfyS4ktev2dqLOJvJqV\nnexnGKAzIM8ZP4qPhBYDed97cpShssNPLttRkNz2GKe6lASs15hEBFjGw6ge\nesy2bBxwH/L7F7/nNw3eHEayrsSn4EFw37utZ4hRDnRRb83P2mjhPB48URHc\nVD/4QcEM8DV1gs3rLQ3c92Jp7IGqpOUCWv4848r/RL/UdhoYGUMIIj8cNLwh\n+JT14sKejIHGvxJJFM82V6ORZiJMkM6yHxb7ZpWTgfFRLLKiLzIRhOXQbdze\n9YkDXIwKxZvwjHYr6zuhNRvnIHFJzb6T2jB7zM4v2iwZqJZq/dcL+vv9ovTP\nyPhFnO5vMTXgAQfAsQty8NIKljPOvpcjZWu+PlTluf8HZymGHpy7pJyx5f89\nqBXEQ7yMDPcbSSwTVOaZ46wyyZDNFGPM4BLLcjqEqza7yXzdLirt5jETJ/IG\n99GmyYoIAoI9o2pMKfkoup5CboABJ1sKKcTWnc0UoJ/n6ueLt9V4YWFIRV+O\nQWGp\r\n=MHVk\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","readme":"# @fluentui/react-theme-provider\n\n**React theming component and hook for [Fluent UI React](https://developer.microsoft.com/en-us/fluentui)**\n\n## Installation\n\n```bash\nyarn add @fluentui/react-theme-provider\n```\n\n## Example usage\n\nUse the theme with Fluent UI by wrapping content within the provider:\n\n```tsx\nimport { webLightTheme } from '@fluentui/react-theme';\nimport { ThemeProvider } from '@fluentui/react-theme-provider';\n\nexport const App = () => (\n  <ThemeProvider>\n    <App />\n  </ThemeProvider>\n);\n```\n\nYou can also nest `ThemeProvider`s:\n\n```tsx\nimport { webLightTheme, PartialTheme } from '@fluentui/react-theme';\nimport { ThemeProvider } from '@fluentui/react-theme-provider';\n\nconst headerTheme: PartialTheme = {\n  /* your customizations */\n};\n\nexport const App = () => (\n  <ThemeProvider theme={webLightTheme}>\n    <ThemeProvider theme={headerTheme}>\n      <App />\n    </ThemeProvider>\n\n    <App />\n  </ThemeProvider>\n);\n```\n\n## Accessing theme\n\n### useTheme\n\nTheme can be accessed using `useTheme` hook.\n\n```jsx\nimport { useTheme } from '@fluentui/react-theme-provider';\n\nconst Content = () => {\n  const theme = useTheme();\n};\n\nexport const App = () => (\n  <ThemeProvider>\n    <Content />\n  </ThemeProvider>\n);\n```\n","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","bundle":"just-scripts bundle","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"tag":"alpha","disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.6","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"_nodeVersion":"12.18.3","dependencies":{"tslib":"^1.10.0","@fluentui/react-theme":"^9.0.0-alpha.6","@fluentui/react-utilities":"^9.0.0-alpha.9"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"16.8.6","react-dom":"16.8.6","@types/react":"16.9.42","@types/react-dom":"16.9.10","@fluentui/scripts":"^1.0.0","@types/classnames":"^2.2.9","react-test-renderer":"^16.3.0","@fluentui/eslint-plugin":"^1.0.1","@types/react-test-renderer":"^16.0.0","@fluentui/react-conformance":"^0.2.4"},"peerDependencies":{"react":">=16.8.0 <18.0.0","@types/react":">=16.8.0 <18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_9.0.0-alpha.12_1616098378130_0.6303319890202304","host":"s3://npm-registry-packages"}},"9.0.0-alpha.13":{"name":"@fluentui/react-theme-provider","version":"9.0.0-alpha.13","license":"MIT","_id":"@fluentui/react-theme-provider@9.0.0-alpha.13","maintainers":[{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"jdhuntington","email":"jdhuntington@gmail.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"c513f48983c302d5c8cdcced5ff96690f9df98a7","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-9.0.0-alpha.13.tgz","fileCount":43,"integrity":"sha512-H4qn1A3e2N+iO3S/zlyv5Gs0Tbxa2Yb/VOUO7sWwrdkYoQzxWnF0RyFFEijPrCRgcycsQ8QxHKWullwmJ7zLCA==","signatures":[{"sig":"MEYCIQCo1QQhdcZQ/6d23nlMhkgqLM+p1W5FW8SB8K80al/z4wIhAK+/nwR7ZMjY509/8MlnJlRDtZqGmtri45irei7518ky","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":173539,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgWZjaCRA9TVsSAnZWagAABs4P/RfaCkFm2ohc18sSDyED\npaVKtLcpo4nfd4vakBOYmBy71/3FrRkkAbk6NnDvDdVP+2nZLI7O5uhiOK1e\nrOcymkbPg+coOWslutHwPO5jaluLxMKTZH3r6xZon0nh86jy6WwZXZoYeYv/\ns80aZf+Ud9iWAN9iv3cb+okDRnBbtcYrOG4ZZ1md4FWMknsmPqSB2AObjAC9\n4tkfilamkv1RMwv6hal4fQLxajxWEo8SyQaoa+MnAJPC2TDyqGxkLSrVb6xA\n1PVYSuzejUn6r7kreTYeWkQnasRbqGuaiGc2XtVqLzwqNEl2RylHDc8zusUG\nnM2zVMknR6FVHmUbDKLJbVvujNKjc/4e7Yl1JkAevB7IA5ZBbaKd6nSkSKdh\nyfv7w9oEFzw4gJdzFoRtjxtWYrrH02kwy5QqYb1B61OJC4EiBNJZIFZT1fwm\nAsXq+h+xcGIkXfzfkv/Ogey4+/oIsu6znjnGa4g5PKRLnAbYM010RYTfH0yP\nijW5q7j1BsFeSI8tI6MUa6/2UMppaq0v0sy94owAXInEbfh7GhHS67czbzcZ\nsGSMLE9kzuNOY3vSWuG+axr4tOxSklmybKC8VdSulpnrqw86dpoGnusuWXz2\nYDccnjMfybmfPUzxfxzBBUJ1IP5d/5g5a+I9fjBDI8OnjJhror127ElYotoO\n2T7/\r\n=zZsd\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","readme":"# @fluentui/react-theme-provider\n\n**React theming component and hook for [Fluent UI React](https://developer.microsoft.com/en-us/fluentui)**\n\n## Installation\n\n```bash\nyarn add @fluentui/react-theme-provider\n```\n\n## Example usage\n\nUse the theme with Fluent UI by wrapping content within the provider:\n\n```tsx\nimport { webLightTheme } from '@fluentui/react-theme';\nimport { ThemeProvider } from '@fluentui/react-theme-provider';\n\nexport const App = () => (\n  <ThemeProvider>\n    <App />\n  </ThemeProvider>\n);\n```\n\nYou can also nest `ThemeProvider`s:\n\n```tsx\nimport { webLightTheme, PartialTheme } from '@fluentui/react-theme';\nimport { ThemeProvider } from '@fluentui/react-theme-provider';\n\nconst headerTheme: PartialTheme = {\n  /* your customizations */\n};\n\nexport const App = () => (\n  <ThemeProvider theme={webLightTheme}>\n    <ThemeProvider theme={headerTheme}>\n      <App />\n    </ThemeProvider>\n\n    <App />\n  </ThemeProvider>\n);\n```\n\n## Accessing theme\n\n### useTheme\n\nTheme can be accessed using `useTheme` hook.\n\n```jsx\nimport { useTheme } from '@fluentui/react-theme-provider';\n\nconst Content = () => {\n  const theme = useTheme();\n};\n\nexport const App = () => (\n  <ThemeProvider>\n    <Content />\n  </ThemeProvider>\n);\n```\n","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","bundle":"just-scripts bundle","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"tag":"alpha","disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.6","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"_nodeVersion":"12.18.3","dependencies":{"tslib":"^1.10.0","@fluentui/react-theme":"^9.0.0-alpha.6","@fluentui/react-utilities":"^9.0.0-alpha.10"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"16.8.6","react-dom":"16.8.6","@types/react":"16.9.42","@types/react-dom":"16.9.10","@fluentui/scripts":"^1.0.0","@types/classnames":"^2.2.9","react-test-renderer":"^16.3.0","@fluentui/eslint-plugin":"^1.0.1","@types/react-test-renderer":"^16.0.0","@fluentui/react-conformance":"^0.2.4"},"peerDependencies":{"react":">=16.8.0 <18.0.0","@types/react":">=16.8.0 <18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_9.0.0-alpha.13_1616484569613_0.5145375442616744","host":"s3://npm-registry-packages"}},"9.0.0-alpha.14":{"name":"@fluentui/react-theme-provider","version":"9.0.0-alpha.14","license":"MIT","_id":"@fluentui/react-theme-provider@9.0.0-alpha.14","maintainers":[{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"jdhuntington","email":"jdhuntington@gmail.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"85e32e411306f6d36fb1face2f844e8bca06f56f","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-9.0.0-alpha.14.tgz","fileCount":43,"integrity":"sha512-SiabnI2gz3ef733Anc3JJRvfL0AAqSOewt4Hn9aGQr3uhsOkIFvZWESe/sXzWZZC7tOzKki4ebAoR8usUDH7gw==","signatures":[{"sig":"MEYCIQCRqO8yrlD/x0iflqFoKTXzlN8POJEHS5WAOvyL1VrJMAIhAKT2IZ8R607LGcsF5jspHYVtPILhL7fi4mDrCl/33DVi","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":177717,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgXDwHCRA9TVsSAnZWagAAOawP/iyf4LqGnd41h+mQWrZj\n5OP97UtjndvE2YexoMW1Uck3EXq5445+mivBmDnNg3F7lNfgBRe5uUnigCWF\nVf2DwTmfYVsqr8h11W0S0/1//ELxjZPPaEZLRGnxqJRnqIdUhqaG0gcS/9T2\nk5T0RW47PwNggCWfOxc3nmY+OCyo7jVBy2kooeJ10H+SVXC2dNeknkqfeD3U\n1Q9i9sgAmlHNQ26fPVSTs9Jrut3mRhyL0sbZwoyDhbnmvrFyXseFyYh5ZEfp\n/+4ABjH1StL8n0DoWJXUK3LHgCFFI+uHj2SWgoWTct8F61XqUkeGzNDypwtk\nxwPFg70JewwzjZaeXQNOHEbIfGGBeJSitWaiqeoZ3R+K5K02H/MhewMponDa\nlKj+PLoxaxjX5nn/1sYLf9EtbYuowjOp3cJuzg49RM+dW7Rpkma2PVjeBGmm\nx5fxqrZuY0wvaVgpQ5JqaTy1EtP2MjyXhzd22sIDLK5Ye6NTwRfaoJRoTQYB\nbP0hm6yY+yJzaVRrJLHKX2dmQj9lbCtn2YikFLNkQGAS40gbjDMsgaTal1DE\n+fpK/a9VH2sif++3P63T2bcElAHEmjHzvp/L1LfktL5Kdhn5LUXkmoDMpWmH\n13+KoagB+HiZTgIb4VVhIgDgY/PuPNFvs3H3Bppx526m1Xup8nxeXW9KApaB\nzJsu\r\n=gom0\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","readme":"# @fluentui/react-theme-provider\n\n**React theming component and hook for [Fluent UI React](https://developer.microsoft.com/en-us/fluentui)**\n\n## Installation\n\n```bash\nyarn add @fluentui/react-theme-provider\n```\n\n## Example usage\n\nUse the theme with Fluent UI by wrapping content within the provider:\n\n```tsx\nimport { webLightTheme } from '@fluentui/react-theme';\nimport { ThemeProvider } from '@fluentui/react-theme-provider';\n\nexport const App = () => (\n  <ThemeProvider>\n    <App />\n  </ThemeProvider>\n);\n```\n\nYou can also nest `ThemeProvider`s:\n\n```tsx\nimport { webLightTheme, PartialTheme } from '@fluentui/react-theme';\nimport { ThemeProvider } from '@fluentui/react-theme-provider';\n\nconst headerTheme: PartialTheme = {\n  /* your customizations */\n};\n\nexport const App = () => (\n  <ThemeProvider theme={webLightTheme}>\n    <ThemeProvider theme={headerTheme}>\n      <App />\n    </ThemeProvider>\n\n    <App />\n  </ThemeProvider>\n);\n```\n\n## Accessing theme\n\n### useTheme\n\nTheme can be accessed using `useTheme` hook.\n\n```jsx\nimport { useTheme } from '@fluentui/react-theme-provider';\n\nconst Content = () => {\n  const theme = useTheme();\n};\n\nexport const App = () => (\n  <ThemeProvider>\n    <Content />\n  </ThemeProvider>\n);\n```\n","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","bundle":"just-scripts bundle","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"tag":"alpha","disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.6","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"_nodeVersion":"12.18.3","dependencies":{"tslib":"^1.10.0","@fluentui/react-theme":"^9.0.0-alpha.6","@fluentui/react-utilities":"^9.0.0-alpha.11"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"16.8.6","react-dom":"16.8.6","@types/react":"16.9.42","@types/react-dom":"16.9.10","@fluentui/scripts":"^1.0.0","@types/classnames":"^2.2.9","react-test-renderer":"^16.3.0","@fluentui/eslint-plugin":"^1.0.1","@types/react-test-renderer":"^16.0.0","@fluentui/react-conformance":"^0.2.4"},"peerDependencies":{"react":">=16.8.0 <18.0.0","@types/react":">=16.8.0 <18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_9.0.0-alpha.14_1616657414656_0.817115832978484","host":"s3://npm-registry-packages"}},"9.0.0-alpha.15":{"name":"@fluentui/react-theme-provider","version":"9.0.0-alpha.15","license":"MIT","_id":"@fluentui/react-theme-provider@9.0.0-alpha.15","maintainers":[{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"jdhuntington","email":"jdhuntington@gmail.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"f5fd182e4200960cb0c9ae8f3c86d266c134d6d4","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-9.0.0-alpha.15.tgz","fileCount":43,"integrity":"sha512-ZB1hcWZx2MZ17baMPB0dCusLVLCt3vmHe0gIIv1tN2NUxWver7HN1yHYYVJoyYBKRbenkDBTL0mcAozyRXGilA==","signatures":[{"sig":"MEQCIHT79gSG2Mc4XnVvwhvCFatZZHBPqcJHSCnSjrVcRogyAiBmldyzQWbg/LWFRShpOG5Y6Tfb8bqRH8RcQdYlQ5W2cg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":178673,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgXY2MCRA9TVsSAnZWagAAVn0QAJZbxiq3NQZjmE+I6/El\nH9almfnNfNJGtVNY4TF55am4VevUUwc2enjLfOpO24uPSEJh7h6kipMn8y7Q\nSY+AzKHPiREe6KG6H0mhni9Aa7yES+fm4AVIKfZY4x7AYkKdYoI5P9lzB86E\nLBrMx1gDD3WQAYtA1uai80W+uLlcihjpF0oMc6kzViIcJry6seRw6k+wqFth\nuMJTXXbLhu+6Yh9M887K/wN+nyJ9sFqvjzkBiarIoGaGTn2IH5EBnRXUgX/B\nZSBmYC0iixFBR+144Uc6yiXAb5hte97dp8N94MwAI1ok/vl9pzAZP5OwDyQd\nTYggCBA/enxeI2N+kzlXiYFuByMkpiC9UaHnCFyIgFxzNeP4JW98WHxImbuH\nFuycALtAwflWHyLjBi0MaeHNUyExfjWcN4EzNNzF6XHF0DW0mgU3BnHRWCvb\n1IEd0q8qHU6KRzljwzAx+NudFI5JtP4egNAvgKGq6Zh8l3CjAZgOSqT0DSE6\nxSvz5i15ltw9ZIq3ol8Ir95CmqALbtdp8hyDXh4DCV1aAq6DPcbCyAMfskT9\nmkz3pNNlrIBafgVuvB5etkdP01mNquhQipecNt+ByPofi0WhM8Pz9qgIbGZ1\nuAaHw6yNFMSFpVk7hC3uOIPDZY6S6Scl6rBEWeJSXh5Ayq6oDyKOvVH/iVTn\nn0fv\r\n=BuUJ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","readme":"# @fluentui/react-theme-provider\n\n**React theming component and hook for [Fluent UI React](https://developer.microsoft.com/en-us/fluentui)**\n\n## Installation\n\n```bash\nyarn add @fluentui/react-theme-provider\n```\n\n## Example usage\n\nUse the theme with Fluent UI by wrapping content within the provider:\n\n```tsx\nimport { webLightTheme } from '@fluentui/react-theme';\nimport { ThemeProvider } from '@fluentui/react-theme-provider';\n\nexport const App = () => (\n  <ThemeProvider>\n    <App />\n  </ThemeProvider>\n);\n```\n\nYou can also nest `ThemeProvider`s:\n\n```tsx\nimport { webLightTheme, PartialTheme } from '@fluentui/react-theme';\nimport { ThemeProvider } from '@fluentui/react-theme-provider';\n\nconst headerTheme: PartialTheme = {\n  /* your customizations */\n};\n\nexport const App = () => (\n  <ThemeProvider theme={webLightTheme}>\n    <ThemeProvider theme={headerTheme}>\n      <App />\n    </ThemeProvider>\n\n    <App />\n  </ThemeProvider>\n);\n```\n\n## Accessing theme\n\n### useTheme\n\nTheme can be accessed using `useTheme` hook.\n\n```jsx\nimport { useTheme } from '@fluentui/react-theme-provider';\n\nconst Content = () => {\n  const theme = useTheme();\n};\n\nexport const App = () => (\n  <ThemeProvider>\n    <Content />\n  </ThemeProvider>\n);\n```\n","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","bundle":"just-scripts bundle","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"tag":"alpha","disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.6","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"_nodeVersion":"12.18.3","dependencies":{"tslib":"^1.10.0","@fluentui/react-theme":"^9.0.0-alpha.6","@fluentui/react-utilities":"^9.0.0-alpha.12"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"16.8.6","react-dom":"16.8.6","@types/react":"16.9.42","@types/react-dom":"16.9.10","@fluentui/scripts":"^1.0.0","@types/classnames":"^2.2.9","react-test-renderer":"^16.3.0","@fluentui/eslint-plugin":"^1.0.1","@types/react-test-renderer":"^16.0.0","@fluentui/react-conformance":"^0.2.4"},"peerDependencies":{"react":">=16.8.0 <18.0.0","@types/react":">=16.8.0 <18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_9.0.0-alpha.15_1616743819642_0.4096185527525955","host":"s3://npm-registry-packages"}},"9.0.0-alpha.16":{"name":"@fluentui/react-theme-provider","version":"9.0.0-alpha.16","license":"MIT","_id":"@fluentui/react-theme-provider@9.0.0-alpha.16","maintainers":[{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"jdhuntington","email":"jdhuntington@gmail.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"484f41627a452fc2e633c2a6cf22e57cc096be65","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-9.0.0-alpha.16.tgz","fileCount":89,"integrity":"sha512-mcB9E918+W5KSjkY7HHItKRIgv4JRtKDm07X77mdGGL9gxPwuzfZq56ZZB+iVhdw8hqc2FV7WY0t65weh/+Emw==","signatures":[{"sig":"MEYCIQDtUvjIv34v1stCIcG0waFfldOawSnyUVpiQUw/ylOUbQIhAP6xEPXMH9JpFK/TUp54pVXHKpPCukGCtSTfQQXgPilm","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":193406,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgYtQLCRA9TVsSAnZWagAAmwcP/21dkqleDsVP8yjBhqTp\nWVTOzWpz8rGWVqlqgziKxUSfhG0IOWSCXti6InCHhJqPvNNucOYSk9F9X2SZ\n9Lf6yaCHPliPB1gGnheBmOaJl48554YOimg4LUMWxmUAFbcQs9WqnAfm7m9U\nf8SdAuMul1J6yHh9PMdq3SLhUd21rV2yRdBmORijWeKOnkxceu84ivN0IXPG\nACAi9W85VgxTextJW+9pghJkUuWH/ABaxB2gwlhGw/Y55yfOsEDHNSL7Juxc\nMJYfwOQ3/VnDj1fRq8ARMhKh+kZ6XO/Z/DEApurJYXKKpszV3rGTpHOXI/AT\nynvqp1VHd3GegtFRFTZZz2r5K9Y7C9Y+7XnPiimQ28zySDktRWZGIkfWokk7\nzH+c2khGTxK4p3ghWCPy51HvmKlKx0+3p+uaHuCGxwJ+NngOoIJD4R5iRLFr\nj5x65KzQqdXo+iDfiIqiueQJjknVD9n0D1cJxsU9EYfNksHlMESNVp2Ege+W\njJ7vC6B1RaCH1Qbqb7frUT63JY79BTP+GuY1AiXt9GjRIFGzc9jWnNXDof2N\ncvE4IIqzDN0fAgyWbkBNtTJU5Y612H1p8CokE9rJJ+CKv7TLAkdWrsioP/73\nvuHUqjLWFqgbpk2V2DnWS+ooQ8XKpVkFjZvry3Xq5peHwDeKZnNlT4wTXKNK\nztsR\r\n=VECT\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","readme":"# @fluentui/react-theme-provider\n\n**React theming component and hook for [Fluent UI React](https://developer.microsoft.com/en-us/fluentui)**\n\n## Installation\n\n```bash\nyarn add @fluentui/react-theme-provider\n```\n\n## Example usage\n\nUse the theme with Fluent UI by wrapping content within the provider:\n\n```tsx\nimport { webLightTheme } from '@fluentui/react-theme';\nimport { ThemeProvider } from '@fluentui/react-theme-provider';\n\nexport const App = () => (\n  <ThemeProvider>\n    <App />\n  </ThemeProvider>\n);\n```\n\nYou can also nest `ThemeProvider`s:\n\n```tsx\nimport { webLightTheme, PartialTheme } from '@fluentui/react-theme';\nimport { ThemeProvider } from '@fluentui/react-theme-provider';\n\nconst headerTheme: PartialTheme = {\n  /* your customizations */\n};\n\nexport const App = () => (\n  <ThemeProvider theme={webLightTheme}>\n    <ThemeProvider theme={headerTheme}>\n      <App />\n    </ThemeProvider>\n\n    <App />\n  </ThemeProvider>\n);\n```\n\n## Accessing theme\n\n### useTheme\n\nTheme can be accessed using `useTheme` hook.\n\n```jsx\nimport { useTheme } from '@fluentui/react-theme-provider';\n\nconst Content = () => {\n  const theme = useTheme();\n};\n\nexport const App = () => (\n  <ThemeProvider>\n    <Content />\n  </ThemeProvider>\n);\n```\n","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","bundle":"just-scripts bundle","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"tag":"alpha","disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.6","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":false,"_nodeVersion":"12.18.3","dependencies":{"tslib":"^1.10.0","@fluentui/react-theme":"^9.0.0-alpha.6","@fluentui/react-utilities":"^9.0.0-alpha.13","@fluentui/react-shared-contexts":"^9.0.0-alpha.2"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"16.8.6","enzyme":"~3.10.0","react-dom":"16.8.6","@types/jest":"24.9.1","@types/react":"16.9.42","@types/enzyme":"3.10.3","@types/react-dom":"16.9.10","@fluentui/scripts":"^1.0.0","@types/classnames":"^2.2.9","react-test-renderer":"^16.3.0","@fluentui/eslint-plugin":"^1.0.1","enzyme-adapter-react-16":"^1.15.0","@types/react-test-renderer":"^16.0.0","@fluentui/react-conformance":"^0.2.4","@types/enzyme-adapter-react-16":"1.0.3"},"peerDependencies":{"react":">=16.8.0 <18.0.0","@types/react":">=16.8.0 <18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_9.0.0-alpha.16_1617089547362_0.6672546944400082","host":"s3://npm-registry-packages"}},"9.0.0-alpha.17":{"name":"@fluentui/react-theme-provider","version":"9.0.0-alpha.17","license":"MIT","_id":"@fluentui/react-theme-provider@9.0.0-alpha.17","maintainers":[{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"jdhuntington","email":"jdhuntington@gmail.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"b6c929fab55ecf9e016afe8c692785d2cb6ff89a","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-9.0.0-alpha.17.tgz","fileCount":89,"integrity":"sha512-FU3RPaSI1/SrlFmUnlmQK0JcJvybU2UnwY+Si5T1QZYpqhN8RrMyKJrLIwlZ+TRfSrOrTuR0ICXgtRriqIE/XQ==","signatures":[{"sig":"MEQCIB6mOWPphtjsSI66bqaChqVnztbT1uDA46SowTBPT45oAiBAqwtTJ9tHm23UydgtcOhixzUhxbPGR/OV8OfcdPuA/w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":231794,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgY8cICRA9TVsSAnZWagAA0YMQAJspVFwF2yjp1XHNj8a3\nbcSz9LcvqvBBWYaoO5geODAYtJ6le1+TseSfBG4Ua2yRQ5O/q9/YT8EQzR50\nCQ7I1oz6IqxltdoKLJgef/xmzinmmI3B+pio42TZbi71JnWLWP29/npk88wO\n/WSLD2MQA1bYe7KwhlL7j5+Um+6QGyPPpOl76L0cLAkepRESPx/xLDVyH/zG\n6+LVCckW4NtKdvmx3bKEpjJFvJo3G+to0ganqdfARaq3EMhgGSUFCnDRsHg+\nwGbYDM+3LjqWFFN+3N6YZprsOE2UC+L2bMWpb0S9arwcNG2hVX8bmAkWX5wW\n29sMnlxWAJm/tBZnGkzixPggz/U54vygZlfFlbrZewj9J2b24GIn1JBZVFiO\nhVAJsQcls53lgHUOOV5MzegZ0Vaq/XSC2wQuc4exSNKRUP29mbAAVNgoNdTn\n7ndGH4egF1Fm+7h/aaNJkIQp27k89J+WL81TtECZ1ewP6QEI/Ex3L8E9++3D\nWRZOMfFmN1FDdhZ1wr0gYLU1N2jL9Xa2Eg4sp2b64UYch3yRmQTQShD32mV8\nqZVTPeMelFdM0ThLD3LWSA+NsUXxeadL+11IRqYygUT66HQ5TU/rcTC2leXY\n00C7x+r0I4J9x1F+MtMNpho/MD4WGNt4xIfS4H7vI+/XET7hpBHzPGMEJNS0\npfmD\r\n=6h26\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","readme":"# @fluentui/react-theme-provider\n\n**React theming component and hook for [Fluent UI React](https://developer.microsoft.com/en-us/fluentui)**\n\n## Installation\n\n```bash\nyarn add @fluentui/react-theme-provider\n```\n\n## Example usage\n\nUse the theme with Fluent UI by wrapping content within the provider:\n\n```tsx\nimport { webLightTheme } from '@fluentui/react-theme';\nimport { ThemeProvider } from '@fluentui/react-theme-provider';\n\nexport const App = () => (\n  <ThemeProvider>\n    <App />\n  </ThemeProvider>\n);\n```\n\nYou can also nest `ThemeProvider`s:\n\n```tsx\nimport { webLightTheme, PartialTheme } from '@fluentui/react-theme';\nimport { ThemeProvider } from '@fluentui/react-theme-provider';\n\nconst headerTheme: PartialTheme = {\n  /* your customizations */\n};\n\nexport const App = () => (\n  <ThemeProvider theme={webLightTheme}>\n    <ThemeProvider theme={headerTheme}>\n      <App />\n    </ThemeProvider>\n\n    <App />\n  </ThemeProvider>\n);\n```\n\n## Accessing theme\n\n### useTheme\n\nTheme can be accessed using `useTheme` hook.\n\n```jsx\nimport { useTheme } from '@fluentui/react-theme-provider';\n\nconst Content = () => {\n  const theme = useTheme();\n};\n\nexport const App = () => (\n  <ThemeProvider>\n    <Content />\n  </ThemeProvider>\n);\n```\n","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","bundle":"just-scripts bundle","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"tag":"alpha","disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.11","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":false,"_nodeVersion":"12.21.0","dependencies":{"tslib":"^1.10.0","@fluentui/react-theme":"^9.0.0-alpha.7","@fluentui/react-utilities":"^9.0.0-alpha.14","@fluentui/react-shared-contexts":"^9.0.0-alpha.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"16.8.6","enzyme":"~3.10.0","react-dom":"16.8.6","@types/jest":"24.9.1","@types/react":"16.9.42","@types/enzyme":"3.10.3","@types/react-dom":"16.9.10","@fluentui/scripts":"^1.0.0","@types/classnames":"^2.2.9","react-test-renderer":"^16.3.0","@fluentui/eslint-plugin":"^1.1.0","enzyme-adapter-react-16":"^1.15.0","@types/react-test-renderer":"^16.0.0","@fluentui/react-conformance":"^0.2.5","@types/enzyme-adapter-react-16":"1.0.3"},"peerDependencies":{"react":">=16.8.0 <18.0.0","@types/react":">=16.8.0 <18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_9.0.0-alpha.17_1617151751994_0.054959660746123795","host":"s3://npm-registry-packages"}},"9.0.0-alpha.18":{"name":"@fluentui/react-theme-provider","version":"9.0.0-alpha.18","license":"MIT","_id":"@fluentui/react-theme-provider@9.0.0-alpha.18","maintainers":[{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"jdhuntington","email":"jdhuntington@gmail.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"ad83f99af6e69ac74c335caacdc40397f012b43d","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-9.0.0-alpha.18.tgz","fileCount":89,"integrity":"sha512-+mVY8QTCUQ6zptxJ6O9K4ByCy2PUz7kythrvaRI1/qHbns0p+0zd/jNghDtuDP3VnrS4W7fTsPa/JuwOJLimFQ==","signatures":[{"sig":"MEUCIGOqItA33xjg6ZQnPrf0/Xy9SYkmjOZIO//5/A5PNyJ4AiEAhYVRAGL0ZKw+Ii1K8o3SVF7pmx1+eX/FhE9ZBHewl78=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":197010,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgZikLCRA9TVsSAnZWagAAxmEP/1DWmL2JEcsd4NskW4jm\nTTDwk2NY9QgRyRk8UOqlb6hfE1F7sawyCpSHg2x1rjjPU966poBDY9HX7gMH\nOwQhQZxihQbp8/NM1uV5u7NXl9CGW+SL26CGJWXCjMu67XP64SxPT1fqgeyN\nod4/de/QrkHoTam1AD6lygWlVUFimHTstEU71e32lOuj7tuJ6TgknDemlzSs\nNwUODLQ8+y3Q57MPRA2CWDjIMJf68pCCcwCWNiM3LkOdtnS26pY08rEeuHT5\n1uZenyN4861xxFF/EzTY6yo1nb+0VmFd6WC0nlSAcAFr26fNvjLAb+5P+Gtx\nbXV9beqBThNtT0HDQpmTceafTdfvOplt5u6eDK7OPvXHcJnbUTBz4TlCRxOL\nsSm/roAKNm19pIz1uh3vYUkWAz2YpBTEaTvuSDlK35pqfkKFYNte95k9Gq/8\nTzO4WBJOXqb2gMQ8frr2cXWbxqGOdmHqDXO3PTK5JQEz921Y0k99gz8wJ2Wq\njNS9gPiMrqIsIhZ758Y23bCZ0V4SX4sbkY7LuGBFOmqCUobwYGLqjzd+Stuy\nZVR59MDYPnZpeRZHP2NzCYxp/BxZzvVutbnMB0RmEkWcy0CrFynqq6y8hI8Q\nwjrBIjrpidRk+MkpYpPQI0hojW9pZoYD7l7RPb3FLFZgXQi+bQy4SESXZUcg\nz1Vi\r\n=ToL0\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","readme":"# @fluentui/react-theme-provider\n\n**React theming component and hook for [Fluent UI React](https://developer.microsoft.com/en-us/fluentui)**\n\n## Installation\n\n```bash\nyarn add @fluentui/react-theme-provider\n```\n\n## Example usage\n\nUse the theme with Fluent UI by wrapping content within the provider:\n\n```tsx\nimport { webLightTheme } from '@fluentui/react-theme';\nimport { ThemeProvider } from '@fluentui/react-theme-provider';\n\nexport const App = () => (\n  <ThemeProvider>\n    <App />\n  </ThemeProvider>\n);\n```\n\nYou can also nest `ThemeProvider`s:\n\n```tsx\nimport { webLightTheme, PartialTheme } from '@fluentui/react-theme';\nimport { ThemeProvider } from '@fluentui/react-theme-provider';\n\nconst headerTheme: PartialTheme = {\n  /* your customizations */\n};\n\nexport const App = () => (\n  <ThemeProvider theme={webLightTheme}>\n    <ThemeProvider theme={headerTheme}>\n      <App />\n    </ThemeProvider>\n\n    <App />\n  </ThemeProvider>\n);\n```\n\n## Accessing theme\n\n### useTheme\n\nTheme can be accessed using `useTheme` hook.\n\n```jsx\nimport { useTheme } from '@fluentui/react-theme-provider';\n\nconst Content = () => {\n  const theme = useTheme();\n};\n\nexport const App = () => (\n  <ThemeProvider>\n    <Content />\n  </ThemeProvider>\n);\n```\n","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","bundle":"just-scripts bundle","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"tag":"alpha","disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.5","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":false,"_nodeVersion":"12.18.1","dependencies":{"tslib":"^1.10.0","@fluentui/react-theme":"^9.0.0-alpha.7","@fluentui/react-utilities":"^9.0.0-alpha.15","@fluentui/react-shared-contexts":"^9.0.0-alpha.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"16.8.6","enzyme":"~3.10.0","react-dom":"16.8.6","@types/jest":"24.9.1","@types/react":"16.9.42","@types/enzyme":"3.10.3","@types/react-dom":"16.9.10","@fluentui/scripts":"^1.0.0","@types/classnames":"^2.2.9","react-test-renderer":"^16.3.0","@fluentui/eslint-plugin":"^1.1.0","enzyme-adapter-react-16":"^1.15.0","@types/react-test-renderer":"^16.0.0","@fluentui/react-conformance":"^0.2.5","@types/enzyme-adapter-react-16":"1.0.3"},"peerDependencies":{"react":">=16.8.0 <18.0.0","@types/react":">=16.8.0 <18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_9.0.0-alpha.18_1617307915053_0.2491463332984094","host":"s3://npm-registry-packages"}},"9.0.0-alpha.19":{"name":"@fluentui/react-theme-provider","version":"9.0.0-alpha.19","license":"MIT","_id":"@fluentui/react-theme-provider@9.0.0-alpha.19","maintainers":[{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"jdhuntington","email":"jdhuntington@gmail.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"5563b1f7e389885d425351dcd3a55a44337d9602","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-9.0.0-alpha.19.tgz","fileCount":89,"integrity":"sha512-qHtehHcOaH6TiHUYit67Pez6m5WdRGh+ug0+r7y2069daIAhxj7fIMx70/686Xr3zeQ4EUCiIjWiXBJQhpSF1w==","signatures":[{"sig":"MEYCIQDIDBghjv9oUZX1pWcUs4pekt2SAvct9q66m58dkQkaLAIhAMd1BIbl3H8EeQ6ddGsyFCuA7uc57y+IurkpetQJWUb7","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":198000,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgbrFKCRA9TVsSAnZWagAAOcwP+QGLCWTr7Pq1LGRy2S7m\ntNvnRCJNyBR5zhpUj2mgFI87FnIMeK9GUgYku9bCL5EkDDj89mWkIK5AHV/9\nQq/tLUwk+iFXWA8y5IHgO/XiwtECEVYeYMuD/b/KSa9h6Cj/i9h0i8s/1FDv\n1fDyshm+ikNwxCOJymVFoc0Gr1chaCa6vk77xxSABkFlxTwu6B0PGAJ/2Aqc\nLJFTHJtxYgmIuGBbWvAmlR5FONVPPiwepOUAEDykBJNTuaoFPAH53e2wTQWH\nPAw/bHiTPWKXvEhBLiCQmczvP9JV4k6M83jmt3hHDqaUBDdhx7+Ns2VwFx6Z\n5BQmLsuXZbP2Lj3UYZQvbZh1rG7qFBmJwnWt/U2oicYKAwSKTlFWhnaL1Kgr\nwS+vqHjnFw6FgM9DM9PlQlUG0q9nwgFTwcirBN2vFnk9ORBw6hChYh7fxm6/\ncnNjqD8Ts9RNn0nnHlZkHI9E558NbBdnLQki1+eFf5yV+OS8A1wqMabtflxJ\nOGNFau37dyveVpefn/Z6pOosfx9oOHJzMEnmY7x7b5582y/NhLBfnInN6kAo\ndqBF+aFeKkaffmwPI60xDEfXzmKYD1gRsliE9WkQMDO4K/znYXEFDX1n5YQ1\nshYcqepnezWH6mX4ufimBJYcAPJRM3/ad5+eUPIB0yXQEp4LpfMw83+7yEPs\n06Fw\r\n=YTdp\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","readme":"# @fluentui/react-theme-provider\n\n**React theming component and hook for [Fluent UI React](https://developer.microsoft.com/en-us/fluentui)**\n\n## Installation\n\n```bash\nyarn add @fluentui/react-theme-provider\n```\n\n## Example usage\n\nUse the theme with Fluent UI by wrapping content within the provider:\n\n```tsx\nimport { webLightTheme } from '@fluentui/react-theme';\nimport { ThemeProvider } from '@fluentui/react-theme-provider';\n\nexport const App = () => (\n  <ThemeProvider>\n    <App />\n  </ThemeProvider>\n);\n```\n\nYou can also nest `ThemeProvider`s:\n\n```tsx\nimport { webLightTheme, PartialTheme } from '@fluentui/react-theme';\nimport { ThemeProvider } from '@fluentui/react-theme-provider';\n\nconst headerTheme: PartialTheme = {\n  /* your customizations */\n};\n\nexport const App = () => (\n  <ThemeProvider theme={webLightTheme}>\n    <ThemeProvider theme={headerTheme}>\n      <App />\n    </ThemeProvider>\n\n    <App />\n  </ThemeProvider>\n);\n```\n\n## Accessing theme\n\n### useTheme\n\nTheme can be accessed using `useTheme` hook.\n\n```jsx\nimport { useTheme } from '@fluentui/react-theme-provider';\n\nconst Content = () => {\n  const theme = useTheme();\n};\n\nexport const App = () => (\n  <ThemeProvider>\n    <Content />\n  </ThemeProvider>\n);\n```\n","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","bundle":"just-scripts bundle","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"tag":"alpha","disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.6","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":false,"_nodeVersion":"12.18.3","dependencies":{"tslib":"^1.10.0","@fluentui/react-theme":"^9.0.0-alpha.8","@fluentui/react-utilities":"^9.0.0-alpha.15","@fluentui/react-shared-contexts":"^9.0.0-alpha.4"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"16.8.6","enzyme":"~3.10.0","react-dom":"16.8.6","@types/jest":"24.9.1","@types/react":"16.9.42","@types/enzyme":"3.10.3","@types/react-dom":"16.9.10","@fluentui/scripts":"^1.0.0","@types/classnames":"^2.2.9","react-test-renderer":"^16.3.0","@fluentui/eslint-plugin":"^1.1.0","enzyme-adapter-react-16":"^1.15.0","@types/react-test-renderer":"^16.0.0","@fluentui/react-conformance":"^0.2.5","@types/enzyme-adapter-react-16":"1.0.3"},"peerDependencies":{"react":">=16.8.0 <18.0.0","@types/react":">=16.8.0 <18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_9.0.0-alpha.19_1617867082167_0.8057183900040557","host":"s3://npm-registry-packages"}},"9.0.0-alpha.20":{"name":"@fluentui/react-theme-provider","version":"9.0.0-alpha.20","license":"MIT","_id":"@fluentui/react-theme-provider@9.0.0-alpha.20","maintainers":[{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"jdhuntington","email":"jdhuntington@gmail.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"543cfdcd5a9a5df8be8119fabb06d51a5da96597","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-9.0.0-alpha.20.tgz","fileCount":97,"integrity":"sha512-zWCKNnvF8sKF3z51CJVKGou2OTXrxpHSN1v/GDrQVfijPeINBXaT7jiv9JciYCp55XVdfDKbFKpTBh1QKPhceA==","signatures":[{"sig":"MEYCIQD0GQ6GSNZRLUtbH/IqsQ9hkBhlNUC4ah2hRl5WiW0+lAIhAKGRbJzYC+19ETIzxH8Q2MnQxbacPrxqpxeQdnA3gN+/","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":252950,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgdppyCRA9TVsSAnZWagAAxqMQAJLHrEktXfzuTm12eywl\nY8ck2o2RW1U5rwq7D5Kj0bq/5eFhGGbHBXNo7P+01uINwgowk4Fcec/AVnVH\nW/zYSMfjF/XFloFCqyXdzmEBtdFicnDLDp/S4rYqKwUhUvDfv0hl9+Hi43k4\n7wI9Ff4C/fyU2zhGDXuuRq6DTbudA2Ft25HMhOhlnyM2a2DlwI1gMs6xd205\n5t53OrI3Ayq7imEmCP/fM0KTpdNds8W1Wyo8mVyqFNzi0mD7BrCSMeWKMdfa\nZmtiq0tpDj/iZ7V9eHrKD9g5rjbhBZl+iS656vtxPA0O7AuyLWvxQgjL0nZa\n39Eqsad5Klu+LSeTw7za7Rtwp+jljKs4Js+UEsyc/Xm1M4e1qqgnD93503Fw\nGmMNJVZ0qg2u0giaLBCS8PSt7AJh9u5uN6dCpmxvtWL6ZfzML5ZZatTxfVFZ\nvzOaHjpG9zjHlwxzW2BPFQuuzHNgEZWVeuyJ5c4qUvZASGcs7839Aoy5cloh\nf7b2AyOqhkdK8OJXCGWeGYVNvnLvD+H/Np92fdKw0h+tizBtvIs2hs7Yc/zZ\nluuxWhzP5wnLvpMWixE9cjJPHJk6g6WUnonLXjfX8JiB3jVbNRU2U76P+tuJ\n93gCoqJVQMFDOX4EKgXDrT2q93wpHchGtlgoJ3Z6s9q/bQ2WxqNewzgu3GZZ\nbgwO\r\n=cW4f\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","readme":"# @fluentui/react-theme-provider\n\n**React theming component and hook for [Fluent UI React](https://developer.microsoft.com/en-us/fluentui)**\n\n## Installation\n\n```bash\nyarn add @fluentui/react-theme-provider\n```\n\n## Example usage\n\nUse the theme with Fluent UI by wrapping content within the provider:\n\n```tsx\nimport { webLightTheme } from '@fluentui/react-theme';\nimport { ThemeProvider } from '@fluentui/react-theme-provider';\n\nexport const App = () => (\n  <ThemeProvider>\n    <App />\n  </ThemeProvider>\n);\n```\n\nYou can also nest `ThemeProvider`s:\n\n```tsx\nimport { webLightTheme, PartialTheme } from '@fluentui/react-theme';\nimport { ThemeProvider } from '@fluentui/react-theme-provider';\n\nconst headerTheme: PartialTheme = {\n  /* your customizations */\n};\n\nexport const App = () => (\n  <ThemeProvider theme={webLightTheme}>\n    <ThemeProvider theme={headerTheme}>\n      <App />\n    </ThemeProvider>\n\n    <App />\n  </ThemeProvider>\n);\n```\n\n## Accessing theme\n\n### useTheme\n\nTheme can be accessed using `useTheme` hook.\n\n```jsx\nimport { useTheme } from '@fluentui/react-theme-provider';\n\nconst Content = () => {\n  const theme = useTheme();\n};\n\nexport const App = () => (\n  <ThemeProvider>\n    <Content />\n  </ThemeProvider>\n);\n```\n","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","bundle":"just-scripts bundle","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"tag":"alpha","disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.11","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":false,"_nodeVersion":"12.21.0","dependencies":{"tslib":"^1.10.0","@fluentui/react-theme":"^9.0.0-alpha.8","@fluentui/react-utilities":"^9.0.0-alpha.15","@fluentui/react-make-styles":"^9.0.0-alpha.21","@fluentui/react-shared-contexts":"^9.0.0-alpha.4"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"16.8.6","enzyme":"~3.10.0","react-dom":"16.8.6","@types/jest":"24.9.1","@types/react":"16.9.42","@types/enzyme":"3.10.3","@types/react-dom":"16.9.10","@fluentui/scripts":"^1.0.0","@types/classnames":"^2.2.9","react-test-renderer":"^16.3.0","@fluentui/eslint-plugin":"^1.1.0","enzyme-adapter-react-16":"^1.15.0","@types/react-test-renderer":"^16.0.0","@fluentui/react-conformance":"^0.2.5","@types/enzyme-adapter-react-16":"1.0.3"},"peerDependencies":{"react":">=16.8.0 <18.0.0","@types/react":">=16.8.0 <18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_9.0.0-alpha.20_1618385522425_0.49327565877678436","host":"s3://npm-registry-packages"}},"9.0.0-alpha.21":{"name":"@fluentui/react-theme-provider","version":"9.0.0-alpha.21","license":"MIT","_id":"@fluentui/react-theme-provider@9.0.0-alpha.21","maintainers":[{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"jdhuntington","email":"jdhuntington@gmail.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"aed7e5d17d253959e8783a604af14287ff6d970c","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-9.0.0-alpha.21.tgz","fileCount":106,"integrity":"sha512-oaeFyuTm99MksKeI9Fs4KYBRwWcbLNlX+IEu5lMC/VuAE/vngeaxrT1X+audUUhBi0xOTvImdvEhXlkaynK3OA==","signatures":[{"sig":"MEUCIGPk64bwduuSgvR9daE4cp4pjbeD80i2d3HPLtHubfyKAiEAmOnH9kNtyJx++D1hmsS6VNoAbBuKriq9RfBHtluCMyU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":276698,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgedJKCRA9TVsSAnZWagAAa00P/RbN1E0YgbFGGpU5vC2e\nxU77tt8XFUPVA7zhHufcLDcB1keI6zfsyWE14/45fusyAWJdIXIlFOgavAiY\ncH7/1GQwzOOVUVKcabhYWKLk8dUuiMQUoojmdS7BeSb0pzlHexenjMzYckFX\n8KQYHnWh9MtCZGW4ksqImOrMQw+BeN65peQYUjlnqV80/DoAp+ZJlIm9QHLH\nZYQi4bnamocRHKdONpcmtB5eDK/M7vCzER4Jps1ml2Fh4PXfP+PKQ2hRE2Ye\n1N+NS76hIacmbI7GbAOn9HcABu6ARbgXJDXavQA2+1PRrVKGivjAA6HNrbJ5\n0wGtkHaz/66+aXFwoNyRn55uoMOZebD3z6IcJYntAYOd4ImzRagOc2qBHdqy\nFbZL584rpckbSByn8PYMEDKKWWcrfBu/BN+z1h8doYGpPWoKa8GWL57lzCWe\nOrQsk6HASoeowG21pLvmhnGYYmDpjXL1mmLwpbemdB3Oz0NYNSh59tYbWOPU\nrXUPCktmHbmO1PP03XAFU6ZFLWgX3W5oaFmgzOGo/g3Q9WCUrGUY84xjP9Ax\n367aO7yaNbcZLxq9C+L+1f2INWA2PNA1l3h2dBY2UPGu663v1N1kb5kCVdVa\nbStuU3E4frR7hdqczv4e+RpxNYVwryhlN3eseI4TFFdROdQaICg9BHpQ+IT5\nLJ6B\r\n=6qxy\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","readme":"# @fluentui/react-theme-provider\n\n**React theming component and hook for [Fluent UI React](https://developer.microsoft.com/en-us/fluentui)**\n\n## Installation\n\n```bash\nyarn add @fluentui/react-theme-provider\n```\n\n## Example usage\n\nUse the theme with Fluent UI by wrapping content within the provider:\n\n```tsx\nimport { webLightTheme } from '@fluentui/react-theme';\nimport { ThemeProvider } from '@fluentui/react-theme-provider';\n\nexport const App = () => (\n  <ThemeProvider>\n    <App />\n  </ThemeProvider>\n);\n```\n\nYou can also nest `ThemeProvider`s:\n\n```tsx\nimport { webLightTheme, PartialTheme } from '@fluentui/react-theme';\nimport { ThemeProvider } from '@fluentui/react-theme-provider';\n\nconst headerTheme: PartialTheme = {\n  /* your customizations */\n};\n\nexport const App = () => (\n  <ThemeProvider theme={webLightTheme}>\n    <ThemeProvider theme={headerTheme}>\n      <App />\n    </ThemeProvider>\n\n    <App />\n  </ThemeProvider>\n);\n```\n\n## Accessing theme\n\n### useTheme\n\nTheme can be accessed using `useTheme` hook.\n\n```jsx\nimport { useTheme } from '@fluentui/react-theme-provider';\n\nconst Content = () => {\n  const theme = useTheme();\n};\n\nexport const App = () => (\n  <ThemeProvider>\n    <Content />\n  </ThemeProvider>\n);\n```\n","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","bundle":"just-scripts bundle","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"tag":"alpha","disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.6","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":false,"_nodeVersion":"12.18.4","dependencies":{"tslib":"^1.10.0","@fluentui/react-theme":"^9.0.0-alpha.8","@fluentui/react-utilities":"^9.0.0-alpha.16","@fluentui/react-make-styles":"^9.0.0-alpha.22","@fluentui/react-shared-contexts":"^9.0.0-alpha.5"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"16.8.6","enzyme":"~3.10.0","react-dom":"16.8.6","@types/jest":"24.9.1","@types/react":"16.9.42","@types/enzyme":"3.10.3","@types/react-dom":"16.9.10","@fluentui/scripts":"^1.0.0","@types/classnames":"^2.2.9","react-test-renderer":"^16.3.0","@fluentui/eslint-plugin":"^1.1.0","enzyme-adapter-react-16":"^1.15.0","@types/react-test-renderer":"^16.0.0","@fluentui/react-conformance":"^0.2.5","@types/enzyme-adapter-react-16":"1.0.3"},"peerDependencies":{"react":">=16.8.0 <18.0.0","@types/react":">=16.8.0 <18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_9.0.0-alpha.21_1618596426265_0.8500049227706865","host":"s3://npm-registry-packages"}},"9.0.0-alpha.22":{"name":"@fluentui/react-theme-provider","version":"9.0.0-alpha.22","license":"MIT","_id":"@fluentui/react-theme-provider@9.0.0-alpha.22","maintainers":[{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"jdhuntington","email":"jdhuntington@gmail.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"da713649f68809fe4ec9889506c751ccdcac0012","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-9.0.0-alpha.22.tgz","fileCount":106,"integrity":"sha512-qK0rO1jGVbSmD4k2DMGMHbMmSUCHpLE7E9Iqu+Q6Qq7iBwNpVwwubwQrWD9cLx5iEydck68Z8N+5RrrlhD/Q4Q==","signatures":[{"sig":"MEUCIQCwsMa9fqmiwVzcoTWirFlJhpa2mFPGp3j3LM1+2nWcZgIgawNk7EiCV+4G9JhYtnZDGFRqZI7Cgn66GUHtIKRDCyk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":278192,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgfoMXCRA9TVsSAnZWagAAgX4P/AwXpSJB05aJVOJhtdFW\nRkBaNhftqPFekWclcthIrxgbeBWXaz9oxFQNuZr+pI4XpbX+hekxAonyrUkf\n3C+JWVkZS8OB7brUXl8MxAvMsB0/FMKwYxlVJEsNmpKO3bMulE8QXWU9hXlp\nnF8GB9cOOvmOjOVbR0eSktUPqdgg6lIMTc2txOokrjIaAT9GhM5KXFNTdwkh\nFrT1zJRxU481EWKFFWnWZNySSW8BIbEJenmqupgHgvr3pxCgwC8N75fkQdJj\nxLiywszf5T6HEzZI3lY4JX/OTtBxWnRnB7TgPPEq6vJUFRwz8l8bUUiL1wsp\nnUeC1Cy+unNhV/N2wTsYzB17ORbuNkTgqPkyGZRjM3CWNEXi3SDnyYzBJfkw\nz0+q4xCZRBhfpKeIDaoG6Q1FskduxrAqLSR/pkOLmMh6R/jIm+TEEUJCeOS8\n/gk8qiyjVp2tTJnarRt0gfNQfugqD7lmVruoKQdPHoELK5rUOlmdCS/bbQwh\nOswgNrPcOzW/O2VO0//bbkinVg+eZKCIVOTQbgZUVZs6300NGbUAB8ZpZbxl\nPW7wxatqsgqPgUO3jhKj/g5scnoVEpJ5/d5QHwJkYgK1fIOQPe81kg1PMkg5\nM3S5vgSidDUEqtoVFa0+LQ1V3SceY90VuW+y6tFIlFsI244u7A9IS0Bg2744\nY7Mw\r\n=iPhA\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","readme":"# @fluentui/react-theme-provider\n\n**React theming component and hook for [Fluent UI React](https://developer.microsoft.com/en-us/fluentui)**\n\n## Installation\n\n```bash\nyarn add @fluentui/react-theme-provider\n```\n\n## Example usage\n\nUse the theme with Fluent UI by wrapping content within the provider:\n\n```tsx\nimport { webLightTheme } from '@fluentui/react-theme';\nimport { ThemeProvider } from '@fluentui/react-theme-provider';\n\nexport const App = () => (\n  <ThemeProvider>\n    <App />\n  </ThemeProvider>\n);\n```\n\nYou can also nest `ThemeProvider`s:\n\n```tsx\nimport { webLightTheme, PartialTheme } from '@fluentui/react-theme';\nimport { ThemeProvider } from '@fluentui/react-theme-provider';\n\nconst headerTheme: PartialTheme = {\n  /* your customizations */\n};\n\nexport const App = () => (\n  <ThemeProvider theme={webLightTheme}>\n    <ThemeProvider theme={headerTheme}>\n      <App />\n    </ThemeProvider>\n\n    <App />\n  </ThemeProvider>\n);\n```\n\n## Accessing theme\n\n### useTheme\n\nTheme can be accessed using `useTheme` hook.\n\n```jsx\nimport { useTheme } from '@fluentui/react-theme-provider';\n\nconst Content = () => {\n  const theme = useTheme();\n};\n\nexport const App = () => (\n  <ThemeProvider>\n    <Content />\n  </ThemeProvider>\n);\n```\n","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","bundle":"just-scripts bundle","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"tag":"alpha","disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.11","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":false,"_nodeVersion":"12.21.0","dependencies":{"tslib":"^1.10.0","@fluentui/react-theme":"^9.0.0-alpha.8","@fluentui/react-utilities":"^9.0.0-alpha.16","@fluentui/react-make-styles":"^9.0.0-alpha.23","@fluentui/react-shared-contexts":"^9.0.0-alpha.6"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"16.8.6","enzyme":"~3.10.0","react-dom":"16.8.6","@types/jest":"24.9.1","@types/react":"16.9.42","@types/enzyme":"3.10.3","@types/react-dom":"16.9.10","@fluentui/scripts":"^1.0.0","@types/classnames":"^2.2.9","react-test-renderer":"^16.3.0","@fluentui/eslint-plugin":"^1.1.0","enzyme-adapter-react-16":"^1.15.0","@types/react-test-renderer":"^16.0.0","@fluentui/react-conformance":"^0.2.5","@types/enzyme-adapter-react-16":"1.0.3"},"peerDependencies":{"react":">=16.8.0 <18.0.0","@types/react":">=16.8.0 <18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_9.0.0-alpha.22_1618903830568_0.8304178266573288","host":"s3://npm-registry-packages"}},"9.0.0-alpha.23":{"name":"@fluentui/react-theme-provider","version":"9.0.0-alpha.23","license":"MIT","_id":"@fluentui/react-theme-provider@9.0.0-alpha.23","maintainers":[{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"jdhuntington","email":"jdhuntington@gmail.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"ba0bb6e301983e48afc410ad3449a9c5c523c889","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-9.0.0-alpha.23.tgz","fileCount":106,"integrity":"sha512-tKRpNy4KPIwmLvgFS+k4vB+Lx30x4a737UOCbexYxrBq/p3+dawEJtwYM7PrwAgZJamC3FYnB5BDtG02dlZ2Sg==","signatures":[{"sig":"MEUCIQCDo6hD4QB6sGdsN4uIsQ2BZW0eSiPGm89mmfG24gQQNQIgCUxK0xW0WgZXuEP8WWe9/6sV8TuhqAjaox+zGV76XDs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":279535,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgf9RgCRA9TVsSAnZWagAAazoP/2a9C0Wh4OewJ2Ucg48B\nrO0wbHtLxDBldsjgp3SeEP7OOKLCXomHqnaTSnIY9zNiddIPpIdagItII2Gg\n7ugkjg5ms3X1RaC+xMDkGzkX0M5jeqdJGq+Wz3n/hdbnTpi6EU5Qm2HRLJlg\nUajbh4gq4ULn7HkgcsvPVkmcfRHv/57yZDTMpfR98/eCbAMs0jq5QlrvLLkw\nD+imqAXQtPQsFmlgdYulpC7UJDWAE/W6jeVH5QaBHSxyAq4OZe0Fr3PmMlGy\nlI5Br5j3/1zICV56Vd25jl70D+NF91jrj6PPn680tXImm8pWh60gXABgMdmG\n2bv3iOfv3GoNrBAHopuJTdAMW6FzxfsVSLaG9P7xUoH60CftrebAMjkNWUZ/\n9orAcK6cvlF4OX+sHnhUmZeRCn7voK6xEbG535v1r1WfPC/Qfxqg0FtKztur\nn5agp1vTjfehWrgd0Ox4ZSrZnc5raNyK1k3ZnlllqcSXScj07m2Qkak/o/js\n8U7q8UMjIEH214joFoUy2yQCXxNWxZEC5JJPCY48Hxk22/+DDYAgnLP7zO1C\nLvwfkXLMEyxV2kYnbNW/+3IcxfbxvzUwWU3ZFxy+ERCfdfOcnLRn/ziNKMZ5\nDOho4GUIqrWUMisC1ipbONcZivv/bPW2CpWPAMn4/9LmhYqCkH5KFYHIN7Ol\nduwX\r\n=U6/8\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","readme":"# @fluentui/react-theme-provider\n\n**React theming component and hook for [Fluent UI React](https://developer.microsoft.com/en-us/fluentui)**\n\n## Installation\n\n```bash\nyarn add @fluentui/react-theme-provider\n```\n\n## Example usage\n\nUse the theme with Fluent UI by wrapping content within the provider:\n\n```tsx\nimport { webLightTheme } from '@fluentui/react-theme';\nimport { ThemeProvider } from '@fluentui/react-theme-provider';\n\nexport const App = () => (\n  <ThemeProvider>\n    <App />\n  </ThemeProvider>\n);\n```\n\nYou can also nest `ThemeProvider`s:\n\n```tsx\nimport { webLightTheme, PartialTheme } from '@fluentui/react-theme';\nimport { ThemeProvider } from '@fluentui/react-theme-provider';\n\nconst headerTheme: PartialTheme = {\n  /* your customizations */\n};\n\nexport const App = () => (\n  <ThemeProvider theme={webLightTheme}>\n    <ThemeProvider theme={headerTheme}>\n      <App />\n    </ThemeProvider>\n\n    <App />\n  </ThemeProvider>\n);\n```\n\n## Accessing theme\n\n### useTheme\n\nTheme can be accessed using `useTheme` hook.\n\n```jsx\nimport { useTheme } from '@fluentui/react-theme-provider';\n\nconst Content = () => {\n  const theme = useTheme();\n};\n\nexport const App = () => (\n  <ThemeProvider>\n    <Content />\n  </ThemeProvider>\n);\n```\n","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","bundle":"just-scripts bundle","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"tag":"alpha","disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.11","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":false,"_nodeVersion":"12.21.0","dependencies":{"tslib":"^1.10.0","@fluentui/react-theme":"^9.0.0-alpha.8","@fluentui/react-utilities":"^9.0.0-alpha.17","@fluentui/react-make-styles":"^9.0.0-alpha.24","@fluentui/react-shared-contexts":"^9.0.0-alpha.6"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"16.8.6","enzyme":"~3.10.0","react-dom":"16.8.6","@types/jest":"24.9.1","@types/react":"16.9.42","@types/enzyme":"3.10.3","@types/react-dom":"16.9.10","@fluentui/scripts":"^1.0.0","@types/classnames":"^2.2.9","react-test-renderer":"^16.3.0","@fluentui/eslint-plugin":"^1.1.0","enzyme-adapter-react-16":"^1.15.0","@types/react-test-renderer":"^16.0.0","@fluentui/react-conformance":"^0.2.5","@types/enzyme-adapter-react-16":"1.0.3"},"peerDependencies":{"react":">=16.8.0 <18.0.0","@types/react":">=16.8.0 <18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_9.0.0-alpha.23_1618990175987_0.5776327192028952","host":"s3://npm-registry-packages"}},"9.0.0-alpha.24":{"name":"@fluentui/react-theme-provider","version":"9.0.0-alpha.24","license":"MIT","_id":"@fluentui/react-theme-provider@9.0.0-alpha.24","maintainers":[{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"jdhuntington","email":"jdhuntington@gmail.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"464a20515fa09ff86e8fa0ddba07371e897002b0","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-9.0.0-alpha.24.tgz","fileCount":106,"integrity":"sha512-agSo1CsmSFnvFfC5grPUN58dMSTHb3uvPK8SQEbg75DfUkpEXjXifqtuQgUworQls+VFTatERh91ZDmBgtG4tw==","signatures":[{"sig":"MEUCIEpyqWLu1X0srXlAHUL7+YWMANOaxrDYFmhcqW00B2z0AiEAoRFJGEvpKfogXikBOr3gyj3/aVyRz7tu10JKXUVbWFs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":280914,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJggSZmCRA9TVsSAnZWagAA+B0P/3ncRrdg2OLt0CWUWryN\nC2wTrP+NoLJHbL8z7N2wvnqeEtmrEYOUJr4pxAQrIwmOF25isxrilHNE5c7f\nqd3M0ORwhzMSt+j+KZQR/zPh708k0HP5tbsIy4vaTQ88MBQh3+CeH0vQTkfg\nNSd5XErmqoHtuWOkWKpewVfuFJzEPKdY0qsHWPBHNQmRyDO8KSkYKgz7C7p8\npp1fzpiitUaHt91eoFXHt9ia8L0I1ZJ6PrmhJWWIl2j2qUASj00RlMzdE42s\n9Ly9v4lUT4rcioyy7uPtIWP0LfnvpGiHULHxXP+K+YvTEWput/0nNAzU/exD\n4fV46PjbA8xKOI5EmLc+K1+40vhHE3PxofqpPNzNVgF3a2VIJE/k5JvPUNI2\niPf5de7yp9b0YPTC97YD526Gy7HDp89QIMQkNBpVv5JuYzc1k53Y+FXStLiW\nu1dVv+CAD7MkA1MwW/Thi+UjKVoaMqt1fUN+RF6uTGRl5uWXB2ezn6Xz3TYP\n+0/S9MYzic/dh3APnvH/WqYA/0hErbPBAGYReJsh9CnliDEljyxtq7NlS2M2\nmdzkQYp3smeKPl8zxavS3gLNYZrk13CLm/m6KbUqWYPa7Ix/C0WuntS/PwgF\nnKWIrwFkQZMZBW04pBm1f6ipLIWOaVuVjLKLayhq6n3hHQdkKalrkM2rJ29W\nQ2PK\r\n=l6kq\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","readme":"# @fluentui/react-theme-provider\n\n**React theming component and hook for [Fluent UI React](https://developer.microsoft.com/en-us/fluentui)**\n\n## Installation\n\n```bash\nyarn add @fluentui/react-theme-provider\n```\n\n## Example usage\n\nUse the theme with Fluent UI by wrapping content within the provider:\n\n```tsx\nimport { webLightTheme } from '@fluentui/react-theme';\nimport { ThemeProvider } from '@fluentui/react-theme-provider';\n\nexport const App = () => (\n  <ThemeProvider>\n    <App />\n  </ThemeProvider>\n);\n```\n\nYou can also nest `ThemeProvider`s:\n\n```tsx\nimport { webLightTheme, PartialTheme } from '@fluentui/react-theme';\nimport { ThemeProvider } from '@fluentui/react-theme-provider';\n\nconst headerTheme: PartialTheme = {\n  /* your customizations */\n};\n\nexport const App = () => (\n  <ThemeProvider theme={webLightTheme}>\n    <ThemeProvider theme={headerTheme}>\n      <App />\n    </ThemeProvider>\n\n    <App />\n  </ThemeProvider>\n);\n```\n\n## Accessing theme\n\n### useTheme\n\nTheme can be accessed using `useTheme` hook.\n\n```jsx\nimport { useTheme } from '@fluentui/react-theme-provider';\n\nconst Content = () => {\n  const theme = useTheme();\n};\n\nexport const App = () => (\n  <ThemeProvider>\n    <Content />\n  </ThemeProvider>\n);\n```\n","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","bundle":"just-scripts bundle","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"tag":"alpha","disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.11","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":false,"_nodeVersion":"12.21.0","dependencies":{"tslib":"^1.10.0","@fluentui/react-theme":"^9.0.0-alpha.8","@fluentui/react-utilities":"^9.0.0-alpha.18","@fluentui/react-make-styles":"^9.0.0-alpha.25","@fluentui/react-shared-contexts":"^9.0.0-alpha.6"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"16.8.6","enzyme":"~3.10.0","react-dom":"16.8.6","@types/jest":"24.9.1","@types/react":"16.9.42","@types/enzyme":"3.10.3","@types/react-dom":"16.9.10","@fluentui/scripts":"^1.0.0","@types/classnames":"^2.2.9","react-test-renderer":"^16.3.0","@fluentui/eslint-plugin":"^1.1.0","enzyme-adapter-react-16":"^1.15.0","@types/react-test-renderer":"^16.0.0","@fluentui/react-conformance":"^0.2.5","@types/enzyme-adapter-react-16":"1.0.3","@fluentui/jest-serializer-make-styles":"^9.0.0-alpha.2"},"peerDependencies":{"react":">=16.8.0 <18.0.0","@types/react":">=16.8.0 <18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_9.0.0-alpha.24_1619076709855_0.6119025299660754","host":"s3://npm-registry-packages"}},"9.0.0-alpha.25":{"name":"@fluentui/react-theme-provider","version":"9.0.0-alpha.25","license":"MIT","_id":"@fluentui/react-theme-provider@9.0.0-alpha.25","maintainers":[{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"jdhuntington","email":"jdhuntington@gmail.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"177b17a222d6bad7532dae080af50072bce295dd","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-9.0.0-alpha.25.tgz","fileCount":106,"integrity":"sha512-zmXzJK8AX1RKMAVBZR/6HUZszQHc8Nqm7V5Ha2Hob3vvICL2ZYFbFLNtJXP+W/7KbWx+atGd038uSwlSGak8mw==","signatures":[{"sig":"MEYCIQC52XrvGme7vGH8bKXH+B5dz2M8w+pKBMEJzCcDgggMdAIhAM4AIodWYFDr1orS8Sj6mFbYmA0mPtATAIPlHJ5Yn/7F","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":283098,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJggnjuCRA9TVsSAnZWagAASJoP/0PZUW/X4EtWacYUF8jh\nauia9sOVtr+mdWGBnMajC5+Oq2zNa3qSDQ8gZy4PR+LLbAIa7vTQgr34ALg8\na147auHeURo2ggmGjqme15G+tt4C61ehGV8zblwqhWBTAe0VOzBRYwFGSi1K\nl1AV2OAvz7LV/EHLJ/s3ECMBu9HBoKhybh5sc4nChiux8W0d69gmX7IsjeTl\ncR5cWpCbpLyhMkUCr0Ikw30I4D8Q610EW6njDabeNDOSNm5pbFjJ5Vc6qVKN\nH1cIWNiO4eN1RjAie+IsYOVH8RnUMbeMfrK/RLVeLNJkJsmTgxd/xL/J9Dpn\nMmQZrVcdZWg5yoFyy1/ITf1QToQsgR/2AHE/MH/9mPB06yfFVeZe4jU4vY6F\nG3AHyxLjZpAtRyrBCwRrGTk/Y9iusD8Hg92HJwYs271xjz017/nzRjf1gpB0\n82ifHlTQE3SHcaCjZNdBnJ9AorjR2GE/2e4pyxGBIqbWu8No45LiU/LEkNYj\nuwcaknszW6S556qQCKnHR6QBkYqk1lGX3FjuXaa4pj5FD7BVsW8xXfeAJhvE\ndHCUNBZkcOfQI4pzhMG9IXL8Q2Oew58nMFLFey2DHcj70SQQxnL63ZXAGEyy\nFvXB4EIyHhOh5e+Veof5HQ8GfiEk4pEON0wWqBOtb9o22UPGadLqIyMAE6k1\nBwWU\r\n=XHYu\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","readme":"# @fluentui/react-theme-provider\n\n**React theming component and hook for [Fluent UI React](https://developer.microsoft.com/en-us/fluentui)**\n\n## Installation\n\n```bash\nyarn add @fluentui/react-theme-provider\n```\n\n## Example usage\n\nUse the theme with Fluent UI by wrapping content within the provider:\n\n```tsx\nimport { webLightTheme } from '@fluentui/react-theme';\nimport { ThemeProvider } from '@fluentui/react-theme-provider';\n\nexport const App = () => (\n  <ThemeProvider>\n    <App />\n  </ThemeProvider>\n);\n```\n\nYou can also nest `ThemeProvider`s:\n\n```tsx\nimport { webLightTheme, PartialTheme } from '@fluentui/react-theme';\nimport { ThemeProvider } from '@fluentui/react-theme-provider';\n\nconst headerTheme: PartialTheme = {\n  /* your customizations */\n};\n\nexport const App = () => (\n  <ThemeProvider theme={webLightTheme}>\n    <ThemeProvider theme={headerTheme}>\n      <App />\n    </ThemeProvider>\n\n    <App />\n  </ThemeProvider>\n);\n```\n\n## Accessing theme\n\n### useTheme\n\nTheme can be accessed using `useTheme` hook.\n\n```jsx\nimport { useTheme } from '@fluentui/react-theme-provider';\n\nconst Content = () => {\n  const theme = useTheme();\n};\n\nexport const App = () => (\n  <ThemeProvider>\n    <Content />\n  </ThemeProvider>\n);\n```\n","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","bundle":"just-scripts bundle","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"tag":"alpha","disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.11","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":false,"_nodeVersion":"12.21.0","dependencies":{"tslib":"^1.10.0","@fluentui/react-theme":"^9.0.0-alpha.9","@fluentui/react-utilities":"^9.0.0-alpha.19","@fluentui/react-make-styles":"^9.0.0-alpha.26","@fluentui/react-shared-contexts":"^9.0.0-alpha.7"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"16.8.6","enzyme":"~3.10.0","react-dom":"16.8.6","@types/jest":"24.9.1","@types/react":"16.9.42","@types/enzyme":"3.10.3","@types/react-dom":"16.9.10","@fluentui/scripts":"^1.0.0","@types/classnames":"^2.2.9","react-test-renderer":"^16.3.0","@fluentui/eslint-plugin":"^1.1.1","enzyme-adapter-react-16":"^1.15.0","@types/react-test-renderer":"^16.0.0","@fluentui/react-conformance":"^0.2.6","@types/enzyme-adapter-react-16":"1.0.3","@fluentui/jest-serializer-make-styles":"^9.0.0-alpha.3"},"peerDependencies":{"react":">=16.8.0 <18.0.0","@types/react":">=16.8.0 <18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_9.0.0-alpha.25_1619163373858_0.5426664995545663","host":"s3://npm-registry-packages"}},"9.0.0-alpha.26":{"name":"@fluentui/react-theme-provider","version":"9.0.0-alpha.26","license":"MIT","_id":"@fluentui/react-theme-provider@9.0.0-alpha.26","maintainers":[{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"jdhuntington","email":"jdhuntington@gmail.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"0187d062d8768ad5ed991417cf59c9330c2a448e","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-9.0.0-alpha.26.tgz","fileCount":106,"integrity":"sha512-8RMD9Bb4ljdGIRDROveIORow0bO4CbDWiybHy2VFU3yI5mu9bMV87Qrz2yXQIiqCwmU7iNiskVObFlN7AKOFGA==","signatures":[{"sig":"MEUCIQCBvmwCDFKabcmrplvgfguwv7MXPrQyd2VKMPZkAXPCGAIgLQx8YZOU2ArrvhFUYRt6X4v825ljl2sNxkbD9wjl72g=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":284136,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJghmx0CRA9TVsSAnZWagAAslIP/RKuH1emyEV2v2o/7iSH\n6F1fBp7d5RLwAvkkipaAxweBAkBWYAB01MQL2khwdJzIV4xWT2HIx65x/fuB\nP++iVRepjP9jWyir5sUBw64BVCOKXpLkU4X7++LH3CUDPVHPagx120I9GeAz\nfTYi1jCUf4/xb1J7vnZldXQwhEp1nsrSFRUeN/JEnDzKzVSVX5O5Eap/8QlA\nJZNFOpV2kPXLttAhhTX2PeJDKG5fUtKqCx3NRZc0qr/IUnrUSXDzDO3GWv16\nmAA2bj0/WzK+hLnBS78lz7D3eHSTqXveq8rCSIDJ0VjQ+2dsUzPd8IA2fF9t\ntqkeLqj3T8TGkA1MG6rrIeRgs5/6/VS2cr9G1/EOn0sPPBDoX+ZnAndbWBy0\nLoxRylMYTB9I6CxgQYAl0AQoRkrRwUyRiKwUMW/pUlgwc7mVsgc7lueYnjRb\nx20C211W2sYeAUgW7J1RlCWGxNg2vltIFbfpwf1zZEhihXM5bjc0Nm0G/Fbn\nSWjr6QJGxZ/TS6pQn5Nugz542QN8nNxhwKZUJ8OzvdxHoBzu5Fomv0KqqlCb\nwRlV2QIS6uWG1MrN7Xz/QLgy69d2uUHPj05luWZs5Qmf0ZAx/x3vs3Qh1Uf8\nkRin/1e+PrUUUBBo8xFlbE7T/gNksax6ka+Rrhir7RSIsrrhMKNQFOfAAesw\nb7fq\r\n=QaTe\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","readme":"# @fluentui/react-theme-provider\n\n**React theming component and hook for [Fluent UI React](https://developer.microsoft.com/en-us/fluentui)**\n\n## Installation\n\n```bash\nyarn add @fluentui/react-theme-provider\n```\n\n## Example usage\n\nUse the theme with Fluent UI by wrapping content within the provider:\n\n```tsx\nimport { webLightTheme } from '@fluentui/react-theme';\nimport { ThemeProvider } from '@fluentui/react-theme-provider';\n\nexport const App = () => (\n  <ThemeProvider>\n    <App />\n  </ThemeProvider>\n);\n```\n\nYou can also nest `ThemeProvider`s:\n\n```tsx\nimport { webLightTheme, PartialTheme } from '@fluentui/react-theme';\nimport { ThemeProvider } from '@fluentui/react-theme-provider';\n\nconst headerTheme: PartialTheme = {\n  /* your customizations */\n};\n\nexport const App = () => (\n  <ThemeProvider theme={webLightTheme}>\n    <ThemeProvider theme={headerTheme}>\n      <App />\n    </ThemeProvider>\n\n    <App />\n  </ThemeProvider>\n);\n```\n\n## Accessing theme\n\n### useTheme\n\nTheme can be accessed using `useTheme` hook.\n\n```jsx\nimport { useTheme } from '@fluentui/react-theme-provider';\n\nconst Content = () => {\n  const theme = useTheme();\n};\n\nexport const App = () => (\n  <ThemeProvider>\n    <Content />\n  </ThemeProvider>\n);\n```\n","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","bundle":"just-scripts bundle","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"tag":"alpha","disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.11","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":false,"_nodeVersion":"12.21.0","dependencies":{"tslib":"^1.10.0","@fluentui/react-theme":"^9.0.0-alpha.9","@fluentui/react-utilities":"^9.0.0-alpha.19","@fluentui/react-make-styles":"^9.0.0-alpha.27","@fluentui/react-shared-contexts":"^9.0.0-alpha.7"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"16.8.6","enzyme":"~3.10.0","react-dom":"16.8.6","@types/jest":"24.9.1","@types/react":"16.9.42","@types/enzyme":"3.10.3","@types/react-dom":"16.9.10","@fluentui/scripts":"^1.0.0","@types/classnames":"^2.2.9","react-test-renderer":"^16.3.0","@fluentui/eslint-plugin":"^1.1.1","enzyme-adapter-react-16":"^1.15.0","@types/react-test-renderer":"^16.0.0","@fluentui/react-conformance":"^0.2.6","@types/enzyme-adapter-react-16":"1.0.3","@fluentui/jest-serializer-make-styles":"^9.0.0-alpha.4"},"peerDependencies":{"react":">=16.8.0 <18.0.0","@types/react":">=16.8.0 <18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_9.0.0-alpha.26_1619422323933_0.5740425549519259","host":"s3://npm-registry-packages"}},"9.0.0-alpha.27":{"name":"@fluentui/react-theme-provider","version":"9.0.0-alpha.27","license":"MIT","_id":"@fluentui/react-theme-provider@9.0.0-alpha.27","maintainers":[{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"jdhuntington","email":"jdhuntington@gmail.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"63d993995d624a1bfbc3e96d79b99b9067d732fe","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-9.0.0-alpha.27.tgz","fileCount":106,"integrity":"sha512-FEgQo6GQfJ1vSkWToFSA+xXmnQJf8LNIb/TuPwwZ6ADr7cID/as4E90DBUibLsgESUbivTZY+y2NZntmpa/XVA==","signatures":[{"sig":"MEYCIQCPxDypsMHXoONVC8oRerJUvrB4M2Dk0H/80UkvJrhWpgIhAOn2eaoX6T/qj94p0ALp/TTsZuJTi4OsrtdQ+vNJNTWM","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":285716,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgh74VCRA9TVsSAnZWagAAfFwP/24fLjsqRQN4E22FRg4A\nR8tp5PlxRYaPl7qCaDmRO/cgOrKuWMRsALsmr4x4NCWlvtDzN8jCkO1b5Seq\nFguD+yG4nRehwyEUY9CZHQ1SHtGLILjxQJLxdf4tfGzkuZ1gsjB0xba7SXbP\ngrWcZAGQXqgfhpjsTh1+g9vaMI1scYEN7ue+0FSqOaDcHkXRb99tKP+hEmWl\n/RSI5uX1HzJciMUzn3q4hD233YGqXWxtR0tlXhTpJlWwO8qriTgvNq0INGtC\naTRKDgLeQeAEFGFGourgEkWQPfnFDmAk+AHUCkQJYRm7V2AKSYxBC5OjEwxs\nYF8O+YgLFHpkFfe2LhvEIjR2g52AlqGhcJq/507B+ibbPrx3hzfa1ylijZza\nRnCYgRQv7srmI46W4iD03mTGkocGs/Uct0vcrrHLF3rnwn8Nwo9GwUjXVsAE\nNje/OUrOSvmR1xm7o8b0l0J+xGeaRDtujKA6q1P+oCr3km6vK3QmU0I4uRXa\nuy5y8Nd3TyCoknGtDrL0SWRxaHn+02zHIrw8Oe+0k/By+2p8e0k6XZCZ8okU\nXd21wpaKCgwBAVdheeso3x7yOEVT2tG1FWT8qZlnOkvo0vC+d7D1qF70HAko\ncti7a9m8D3DH3PNwwsBrvIqkM+jEsN32d4trbObdOzH4wBhaSIKnHVQkyYAP\n6Kxs\r\n=mTgb\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","readme":"# @fluentui/react-theme-provider\n\n**React theming component and hook for [Fluent UI React](https://developer.microsoft.com/en-us/fluentui)**\n\n## Installation\n\n```bash\nyarn add @fluentui/react-theme-provider\n```\n\n## Example usage\n\nUse the theme with Fluent UI by wrapping content within the provider:\n\n```tsx\nimport { webLightTheme } from '@fluentui/react-theme';\nimport { ThemeProvider } from '@fluentui/react-theme-provider';\n\nexport const App = () => (\n  <ThemeProvider>\n    <App />\n  </ThemeProvider>\n);\n```\n\nYou can also nest `ThemeProvider`s:\n\n```tsx\nimport { webLightTheme, PartialTheme } from '@fluentui/react-theme';\nimport { ThemeProvider } from '@fluentui/react-theme-provider';\n\nconst headerTheme: PartialTheme = {\n  /* your customizations */\n};\n\nexport const App = () => (\n  <ThemeProvider theme={webLightTheme}>\n    <ThemeProvider theme={headerTheme}>\n      <App />\n    </ThemeProvider>\n\n    <App />\n  </ThemeProvider>\n);\n```\n\n## Accessing theme\n\n### useTheme\n\nTheme can be accessed using `useTheme` hook.\n\n```jsx\nimport { useTheme } from '@fluentui/react-theme-provider';\n\nconst Content = () => {\n  const theme = useTheme();\n};\n\nexport const App = () => (\n  <ThemeProvider>\n    <Content />\n  </ThemeProvider>\n);\n```\n","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","bundle":"just-scripts bundle","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"tag":"alpha","disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.11","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":false,"_nodeVersion":"12.21.0","dependencies":{"tslib":"^1.10.0","@fluentui/react-theme":"^9.0.0-alpha.9","@fluentui/react-utilities":"^9.0.0-alpha.19","@fluentui/react-make-styles":"^9.0.0-alpha.28","@fluentui/react-shared-contexts":"^9.0.0-alpha.7"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"16.8.6","enzyme":"~3.10.0","react-dom":"16.8.6","@types/jest":"24.9.1","@types/react":"16.9.42","@types/enzyme":"3.10.3","@types/react-dom":"16.9.10","@fluentui/scripts":"^1.0.0","@types/classnames":"^2.2.9","react-test-renderer":"^16.3.0","@fluentui/eslint-plugin":"^1.1.1","enzyme-adapter-react-16":"^1.15.0","@types/react-test-renderer":"^16.0.0","@fluentui/react-conformance":"^0.2.6","@types/enzyme-adapter-react-16":"1.0.3","@fluentui/jest-serializer-make-styles":"^9.0.0-alpha.5"},"peerDependencies":{"react":">=16.8.0 <18.0.0","@types/react":">=16.8.0 <18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_9.0.0-alpha.27_1619508757079_0.1678693026248359","host":"s3://npm-registry-packages"}},"9.0.0-alpha.28":{"name":"@fluentui/react-theme-provider","version":"9.0.0-alpha.28","license":"MIT","_id":"@fluentui/react-theme-provider@9.0.0-alpha.28","maintainers":[{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"jdhuntington","email":"jdhuntington@gmail.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"75334810afb2288d1b30b030e8b8b5a2c4010672","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-9.0.0-alpha.28.tgz","fileCount":106,"integrity":"sha512-Sdn/JaE9lwG6aPnlcAcTfA9z2EjvcNrhB2f7/oeuntYhPBIRQVBunFKty5VOrH2v3skJ8qPw2hFzwxb5nbTjkQ==","signatures":[{"sig":"MEYCIQCfeAayp4wrNCa8IT1Pb41Z+xsHx+WXbPAmWklyqwiAkQIhAPdCpw5EwpSTx5RJpiuiwvmkA4Zr7BY4xe7f/zmrChkb","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":290700,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgi7SDCRA9TVsSAnZWagAAEfAP/1GQ7hLCCcEovwuJwFT1\nkFZxnuPBBbx54HDBlLc4YDWvJsnfG6GTMtAajyOTagGd4iBcjR3WTEbDnFzG\nbkmBQQQDBIkMjRMRX9QCUzlaMcDlEz2eqdUmdhtll5oFz1OS8ZwZJiO30w1q\n0Sl0G+DvMh00+YbDlKXhogsMxMC6aDHAUVyXAQLJ1JVxqHRg0fET7veU4G2z\nvQddcrmlmwE1TefZmZgfIra6Lnlma3j3ycqoDYPA2hzTC0pXIwqIFNDu4HbY\nljIqOMPUQh0REKEm0ZTGYzo/4erDrPf2ndDKmd/6up5ZeyZqlXLUzfnWfziq\nn/HOTO6nxsTUvhkn2Zouq/QUMzcwTehvVqgUTrNirSxLr1sHzIo5nB6Tub1l\n+JGu2r74DErXiekNZxKVSHjiiWBYu0/3XOi74OwDGkJxChjdGZJhyB6Ntvf1\nv9zuwKcVjPTbQyzUHy326fvgD35eFtKvQJnkv6900ioZn+jWAlJxjVCZqrk/\nzXJL45jV/OI0qd1Hkjoe14/38A/w2JWcYF/vmMUt1gjrqrro/msPzVZLhPQH\nITPr+vLO2mcQzzadNhh5d2j1SGOanI9Hm6s2V1OjCCVWiEqYzZdm9wpxa9bU\nMb09OPgMMtfMB5iyBzUFSrnKLeILzke6fpo/iEsUxSQ3oizJUlMGJGXmv2LP\nkhsd\r\n=UZMZ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","readme":"# @fluentui/react-theme-provider\n\n**React theming component and hook for [Fluent UI React](https://developer.microsoft.com/en-us/fluentui)**\n\n## Installation\n\n```bash\nyarn add @fluentui/react-theme-provider\n```\n\n## Example usage\n\nUse the theme with Fluent UI by wrapping content within the provider:\n\n```tsx\nimport { webLightTheme } from '@fluentui/react-theme';\nimport { ThemeProvider } from '@fluentui/react-theme-provider';\n\nexport const App = () => (\n  <ThemeProvider>\n    <App />\n  </ThemeProvider>\n);\n```\n\nYou can also nest `ThemeProvider`s:\n\n```tsx\nimport { webLightTheme, PartialTheme } from '@fluentui/react-theme';\nimport { ThemeProvider } from '@fluentui/react-theme-provider';\n\nconst headerTheme: PartialTheme = {\n  /* your customizations */\n};\n\nexport const App = () => (\n  <ThemeProvider theme={webLightTheme}>\n    <ThemeProvider theme={headerTheme}>\n      <App />\n    </ThemeProvider>\n\n    <App />\n  </ThemeProvider>\n);\n```\n\n## Accessing theme\n\n### useTheme\n\nTheme can be accessed using `useTheme` hook.\n\n```jsx\nimport { useTheme } from '@fluentui/react-theme-provider';\n\nconst Content = () => {\n  const theme = useTheme();\n};\n\nexport const App = () => (\n  <ThemeProvider>\n    <Content />\n  </ThemeProvider>\n);\n```\n","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","bundle":"just-scripts bundle","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"tag":"alpha","disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.11","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":false,"_nodeVersion":"12.21.0","dependencies":{"tslib":"^2.1.0","@fluentui/react-theme":"^9.0.0-alpha.10","@fluentui/react-utilities":"^9.0.0-alpha.20","@fluentui/react-make-styles":"^9.0.0-alpha.29","@fluentui/react-shared-contexts":"^9.0.0-alpha.8"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"16.8.6","enzyme":"~3.10.0","react-dom":"16.8.6","@types/jest":"24.9.1","@types/react":"16.9.42","@types/enzyme":"3.10.3","@types/react-dom":"16.9.10","@fluentui/scripts":"^1.0.0","@types/classnames":"^2.2.9","react-test-renderer":"^16.3.0","@fluentui/eslint-plugin":"^1.2.0","enzyme-adapter-react-16":"^1.15.0","@types/react-test-renderer":"^16.0.0","@fluentui/react-conformance":"^0.3.0","@types/enzyme-adapter-react-16":"1.0.3","@fluentui/jest-serializer-make-styles":"^9.0.0-alpha.6"},"peerDependencies":{"react":">=16.8.0 <18.0.0","@types/react":">=16.8.0 <18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_9.0.0-alpha.28_1619768450564_0.3788886999575909","host":"s3://npm-registry-packages"}},"9.0.0-alpha.29":{"name":"@fluentui/react-theme-provider","version":"9.0.0-alpha.29","license":"MIT","_id":"@fluentui/react-theme-provider@9.0.0-alpha.29","maintainers":[{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"jdhuntington","email":"jdhuntington@gmail.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"aacc9c6046c721ad01901c3440e640046574c99b","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-9.0.0-alpha.29.tgz","fileCount":106,"integrity":"sha512-Ax5qs+jfaHHR+DIFD6Y2Nu1H6QOGa+bR7EE5u83t26hAkfDdB2CN9gvcMs1jQWR1gRFU9Qyu5C0lfqh8BzlxaQ==","signatures":[{"sig":"MEQCIFis96td/mNnz589hbSqjq+vRXXxpEXjjrt7ZVGUwlGnAiBnJpr2TIvz/JACKn7oWPNwFRsA2an6OtpFGOx2tSnSJA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":291656,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgj6nICRA9TVsSAnZWagAAJscP/A49oVSvV7pHQXduHrXp\nOkyBQ53kKlhbL5fa7ksSyMuI/QzHdyp7w+adTlbSBFEi6Edmo+IZP70Zmcs2\nzG65vQeghxVNhOnznF7LMS+wrnVHGvc8NMfPIbARY1qWwZfq2eQP8/SkkdsX\npll6EWEaEVP1eWjSEM7vsK9hZ40dXOoX/VTIRRwx5TFIulKtAJLyhZEMYfmD\nQj9fw4mZpyOSBpqO8dyo6D5T9/XUZPADRzmZzIuFM6d3PUpLisSwf6A0tcWY\ni+ALKKEgH1BC8b6d4C2AvmRM+1MsgI1ZjUcWMeNdl4EL8GskKUOIZYOIemve\nZyxiOnSx1Kb0btClObiAKVJQDCRd6Pq3jSVNw6ZIx4IKSXVD6JLCwb+nB+Ud\nEkFTu+RAISmWB4J3xwtliHY0fVZ4MGktn8myxD8yOZVtNBH8rmlEQNKWpGL2\n/xEciM9fDqLKQ/Ab5W1BXAwmES2EarjtE2GTpvH5pSjkJZsyrDFlFmLMQMwd\nQf0uU6dnNQ0Bov1FuLr6RFngcM1tigCqcHSjqqNygG25NdoiNos0E0H2SgoV\nVRqSYCd9ME2LVSyl31iA14V259kKwZ1yzZm75kE9EBhQcPQxjBGsN1Mc/eot\nPyWmTNfIIlEvL83WzMn9QuZMx/ixG/MzTVSFSKmdxzr0wPZOJzQCbgSos7Ol\navVM\r\n=+3Gm\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","readme":"# @fluentui/react-theme-provider\n\n**React theming component and hook for [Fluent UI React](https://developer.microsoft.com/en-us/fluentui)**\n\n## Installation\n\n```bash\nyarn add @fluentui/react-theme-provider\n```\n\n## Example usage\n\nUse the theme with Fluent UI by wrapping content within the provider:\n\n```tsx\nimport { webLightTheme } from '@fluentui/react-theme';\nimport { ThemeProvider } from '@fluentui/react-theme-provider';\n\nexport const App = () => (\n  <ThemeProvider>\n    <App />\n  </ThemeProvider>\n);\n```\n\nYou can also nest `ThemeProvider`s:\n\n```tsx\nimport { webLightTheme, PartialTheme } from '@fluentui/react-theme';\nimport { ThemeProvider } from '@fluentui/react-theme-provider';\n\nconst headerTheme: PartialTheme = {\n  /* your customizations */\n};\n\nexport const App = () => (\n  <ThemeProvider theme={webLightTheme}>\n    <ThemeProvider theme={headerTheme}>\n      <App />\n    </ThemeProvider>\n\n    <App />\n  </ThemeProvider>\n);\n```\n\n## Accessing theme\n\n### useTheme\n\nTheme can be accessed using `useTheme` hook.\n\n```jsx\nimport { useTheme } from '@fluentui/react-theme-provider';\n\nconst Content = () => {\n  const theme = useTheme();\n};\n\nexport const App = () => (\n  <ThemeProvider>\n    <Content />\n  </ThemeProvider>\n);\n```\n","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","bundle":"just-scripts bundle","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"tag":"alpha","disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.6","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":false,"_nodeVersion":"12.18.4","dependencies":{"tslib":"^2.1.0","@fluentui/react-theme":"^9.0.0-alpha.10","@fluentui/react-utilities":"^9.0.0-alpha.21","@fluentui/react-make-styles":"^9.0.0-alpha.29","@fluentui/react-shared-contexts":"^9.0.0-alpha.8"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"16.8.6","enzyme":"~3.10.0","react-dom":"16.8.6","@types/jest":"24.9.1","@types/react":"16.9.42","@types/enzyme":"3.10.3","@types/react-dom":"16.9.10","@fluentui/scripts":"^1.0.0","@types/classnames":"^2.2.9","react-test-renderer":"^16.3.0","@fluentui/eslint-plugin":"^1.2.0","enzyme-adapter-react-16":"^1.15.0","@types/react-test-renderer":"^16.0.0","@fluentui/react-conformance":"^0.3.0","@types/enzyme-adapter-react-16":"1.0.3","@fluentui/jest-serializer-make-styles":"^9.0.0-alpha.6"},"peerDependencies":{"react":">=16.8.0 <18.0.0","@types/react":">=16.8.0 <18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_9.0.0-alpha.29_1620027847741_0.9643158901065585","host":"s3://npm-registry-packages"}},"9.0.0-alpha.30":{"name":"@fluentui/react-theme-provider","version":"9.0.0-alpha.30","license":"MIT","_id":"@fluentui/react-theme-provider@9.0.0-alpha.30","maintainers":[{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"jdhuntington","email":"jdhuntington@gmail.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"b17f6bddc2bc9883394d00eb5fb3327152b1b9d4","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-9.0.0-alpha.30.tgz","fileCount":107,"integrity":"sha512-oqMcAwxTmGANmZZSKnM5e1eUJFAQ1BKCosigVi8FwxDxyiG7KeB1h2c2M9T6QW/XJvq18SXvH0nvUP51vavy5g==","signatures":[{"sig":"MEQCIExdmxFXAOrNco2cLvEl5MchM/BWyl//MVzB+03JIf5mAiBNsVnQMuZut2Pj33XOS8a053CQW2crOd5R8671qMbblg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":254092,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgkkq5CRA9TVsSAnZWagAAV+YP/RXlM1a4IVKnAGkAx4rG\nHcseTu8FE16wVP1j2V+O8/lX+06gFlDXA8TC90smdifUPln7ZfZTWR+vU5Dn\n/3Y+InTnDZ4tsbLT/0SqekE8VxkiDYeaHafvh65rPgh01DEuvX2OgUozaJyx\n0gQGJnVX/+zEPZ5ur8n/vv/XxAmPvXYc2hA1IxJWnCIRCzdD0dVtabrmq1ja\nxyXISS2kFTbG7sCtiiOCPQ1+NByGSIzhpNCNKYNr9vC9NUtgSe9kdHEc6WQo\nybHdfZQuzxZxsoTkJ66EVM7cFYAIYvaSMINZoUbvRKCNw8jP8uAnlZVKfjQA\n7bJe2GYMU+34YX4YsJGNccNArT8ZsrpqDPn/uiHeidg3kCITW20vSefKR4lB\n8KiAvTPw7UyrDePzKmHQpRMlRfFTUoBs8dLdjjN852O10T8XMvF6umllI0Ar\n4neDyj9HeVFyvNppWJWjGYQ0StxB7JH8gC/3fcMhFDJWVlumYa3bEAmAKiUN\n8dnpoS/5hsYsUNWRjTPTGW5XI7N4cxk8L3K4dGsnGsof2b6RoJCB05Ykk3Ng\nL2UP/LWkfIY70WFGSHR8x5atUcoHrhqZV2OjWVbu6q6Ay1KNiOZQBnwi+TSq\n6GfrAjLsJvkRBEn+A0t90e4+sfClrx6eBLT81Lod56U4I0u+bbEUeopp7ZYk\nYAyR\r\n=u7M/\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","readme":"# @fluentui/react-theme-provider\n\n**React theming component and hook for [Fluent UI React](https://developer.microsoft.com/en-us/fluentui)**\n\n## Installation\n\n```bash\nyarn add @fluentui/react-theme-provider\n```\n\n## Example usage\n\nUse the theme with Fluent UI by wrapping content within the provider:\n\n```tsx\nimport { webLightTheme } from '@fluentui/react-theme';\nimport { ThemeProvider } from '@fluentui/react-theme-provider';\n\nexport const App = () => (\n  <ThemeProvider>\n    <App />\n  </ThemeProvider>\n);\n```\n\nYou can also nest `ThemeProvider`s:\n\n```tsx\nimport { webLightTheme, PartialTheme } from '@fluentui/react-theme';\nimport { ThemeProvider } from '@fluentui/react-theme-provider';\n\nconst headerTheme: PartialTheme = {\n  /* your customizations */\n};\n\nexport const App = () => (\n  <ThemeProvider theme={webLightTheme}>\n    <ThemeProvider theme={headerTheme}>\n      <App />\n    </ThemeProvider>\n\n    <App />\n  </ThemeProvider>\n);\n```\n\n## Accessing theme\n\n### useTheme\n\nTheme can be accessed using `useTheme` hook.\n\n```jsx\nimport { useTheme } from '@fluentui/react-theme-provider';\n\nconst Content = () => {\n  const theme = useTheme();\n};\n\nexport const App = () => (\n  <ThemeProvider>\n    <Content />\n  </ThemeProvider>\n);\n```\n","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","bundle":"just-scripts bundle","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"tag":"alpha","disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.11","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":false,"_nodeVersion":"12.21.0","dependencies":{"tslib":"^2.1.0","@fluentui/react-theme":"^9.0.0-alpha.10","@fluentui/react-utilities":"^9.0.0-alpha.21","@fluentui/react-make-styles":"^9.0.0-alpha.30","@fluentui/react-shared-contexts":"^9.0.0-alpha.8"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"16.8.6","enzyme":"~3.10.0","react-dom":"16.8.6","@types/jest":"24.9.1","@types/react":"16.9.42","@types/enzyme":"3.10.3","@types/react-dom":"16.9.10","@fluentui/scripts":"^1.0.0","@types/classnames":"^2.2.9","react-test-renderer":"^16.3.0","@fluentui/eslint-plugin":"^1.2.0","enzyme-adapter-react-16":"^1.15.0","@types/react-test-renderer":"^16.0.0","@fluentui/babel-make-styles":"^9.0.0-alpha.4","@fluentui/react-conformance":"^0.3.0","@types/enzyme-adapter-react-16":"1.0.3","@fluentui/jest-serializer-make-styles":"^9.0.0-alpha.7"},"peerDependencies":{"react":">=16.8.0 <18.0.0","@types/react":">=16.8.0 <18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_9.0.0-alpha.30_1620200121036_0.011182795387123745","host":"s3://npm-registry-packages"}},"9.0.0-alpha.31":{"name":"@fluentui/react-theme-provider","version":"9.0.0-alpha.31","license":"MIT","_id":"@fluentui/react-theme-provider@9.0.0-alpha.31","maintainers":[{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"jdhuntington","email":"jdhuntington@gmail.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"270773b58e4c727acd412860e1079e4b0f7f6fda","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-9.0.0-alpha.31.tgz","fileCount":107,"integrity":"sha512-EfxHsQC2fjWD95kJA7UwJ+q+LFwbyc7Lv2o9mgHsF1YSQeyzxhmgqxwJvc8z0eJ9wyI6uptnEh0uBl+deI9TfA==","signatures":[{"sig":"MEYCIQCbyk1Vtg1L7FeBhbNEvuRhHJnNO9YWg4mG4QMtJERIiAIhALnvwJHItkpM55SuoyPmibBR6nCnfujNIbR2Qhn05qjJ","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":255044,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgmOIQCRA9TVsSAnZWagAA2hsP/2kStBY0OC42C0eW+JFH\nFwsnT4JqReM7xXbK0jinMzROmeCYtSSPtwkeaQDEPTnKdx4LLmpTCsHe/LyC\nu3joIz6UHvtzJMAWkzEtwfTCitZ07leCk1IjU3q0Qu9Y+quydrmwesb4S++z\nLrEgI7rtZYg2sZ3i/AGtoww8jroTjoIJGrxmMnIIvqy0W99PYTlQ+dDlhZyf\nJypTokIcBYG4kOttErg2zVyXVoyyyUwI5LaEuWEb4I4RWI6lvfLrUWrBIklj\nf7kwo303PAUAXgOyNY8AShOBll3TMY9wo6dp+Jpj3dSO7WyOAKNwbAdzuI4L\n9nxphRVpBR7bVh878aE3oyaD7i5IOmzble2KJMOJTboLmzNQCLP4zYGpxlFe\nTSPicHHfyglceYw+NrPZ13Oj2lYYIXZlDll7RqTFvVLP0xEzU8oFxPE057ap\nu3S+TzRaPrIOY2kGUprF3YjVeq972/F/jQO81a3K2XlyLNCS0XtkTL4oUd8Q\n6MuyisSXXH3x6DvQkBOpgY3D0k9GyNi/+zIVCefqzpXO8TZ00h/PkDfrVuV7\nakRlLjSuzsF+O5dpDQTfuPtt+6frxCj5z2GEBW8mxRbozqceXIdcXX9BmCBg\nNJUuhk62LaNTTwlKGjpPTSOGibrXRvQHKwam1JyehZtEOGNxcBHBZ8MsYvm4\nruby\r\n=WCmu\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","readme":"# @fluentui/react-theme-provider\n\n**React theming component and hook for [Fluent UI React](https://developer.microsoft.com/en-us/fluentui)**\n\n## Installation\n\n```bash\nyarn add @fluentui/react-theme-provider\n```\n\n## Example usage\n\nUse the theme with Fluent UI by wrapping content within the provider:\n\n```tsx\nimport { webLightTheme } from '@fluentui/react-theme';\nimport { ThemeProvider } from '@fluentui/react-theme-provider';\n\nexport const App = () => (\n  <ThemeProvider>\n    <App />\n  </ThemeProvider>\n);\n```\n\nYou can also nest `ThemeProvider`s:\n\n```tsx\nimport { webLightTheme, PartialTheme } from '@fluentui/react-theme';\nimport { ThemeProvider } from '@fluentui/react-theme-provider';\n\nconst headerTheme: PartialTheme = {\n  /* your customizations */\n};\n\nexport const App = () => (\n  <ThemeProvider theme={webLightTheme}>\n    <ThemeProvider theme={headerTheme}>\n      <App />\n    </ThemeProvider>\n\n    <App />\n  </ThemeProvider>\n);\n```\n\n## Accessing theme\n\n### useTheme\n\nTheme can be accessed using `useTheme` hook.\n\n```jsx\nimport { useTheme } from '@fluentui/react-theme-provider';\n\nconst Content = () => {\n  const theme = useTheme();\n};\n\nexport const App = () => (\n  <ThemeProvider>\n    <Content />\n  </ThemeProvider>\n);\n```\n","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","bundle":"just-scripts bundle","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"tag":"alpha","disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.11","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":false,"_nodeVersion":"12.21.0","dependencies":{"tslib":"^2.1.0","@fluentui/react-theme":"^9.0.0-alpha.10","@fluentui/react-utilities":"^9.0.0-alpha.21","@fluentui/react-make-styles":"^9.0.0-alpha.31","@fluentui/react-shared-contexts":"^9.0.0-alpha.8"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"16.8.6","enzyme":"~3.10.0","react-dom":"16.8.6","@types/jest":"24.9.1","@types/react":"16.9.42","@types/enzyme":"3.10.3","@types/react-dom":"16.9.10","@fluentui/scripts":"^1.0.0","@types/classnames":"^2.2.9","react-test-renderer":"^16.3.0","@fluentui/eslint-plugin":"^1.2.0","enzyme-adapter-react-16":"^1.15.0","@types/react-test-renderer":"^16.0.0","@fluentui/babel-make-styles":"^9.0.0-alpha.5","@fluentui/react-conformance":"^0.3.0","@types/enzyme-adapter-react-16":"1.0.3","@fluentui/jest-serializer-make-styles":"^9.0.0-alpha.8"},"peerDependencies":{"react":">=16.8.0 <18.0.0","@types/react":">=16.8.0 <18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_9.0.0-alpha.31_1620632079884_0.2943070561109926","host":"s3://npm-registry-packages"}},"9.0.0-alpha.32":{"name":"@fluentui/react-theme-provider","version":"9.0.0-alpha.32","license":"MIT","_id":"@fluentui/react-theme-provider@9.0.0-alpha.32","maintainers":[{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"jdhuntington","email":"jdhuntington@gmail.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"10cbd506f18921d3dffe840cd60494915d728dd2","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-9.0.0-alpha.32.tgz","fileCount":107,"integrity":"sha512-+fMmnRg+zimS1LBcAfkaibn9r4NoivvU6i8Bnw8oGEciDu5s1WOCJMz4U22xjIzmuFEpcdh7Layh8lzbHHOJZQ==","signatures":[{"sig":"MEUCIQCrPwMT8HqUCsUC9iCEmuqWPe7ePy+m282J5dxG3fSLbwIgfd9Yl4bZFQ9/TeGdebpkZtdn5nsnVWddh5bxWtZ85bQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":255845,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgm4UmCRA9TVsSAnZWagAAgSEP/jOa6zWy15F5sMiZ2j9X\nNYu9OASJMl0Q436dJey2M4+nZ4XDOm0vNVqObuq/9pBxi8+41FnQOFuZPv3q\nBnxf8KbCBfM2ZEZEU5rrZmvW9ZEaRP4W+EGfQ7AVU2aIF+OfW1YOiBDaJsHv\nn9cSvYHzsdVBSkN7mcfmRc2dBtXceH/0LqzOOIPDtdczHgwZK+2zk7JALHdU\ncCoiM5aiPUM9IVSUpyHJyrjdQKSzQC7TvT96jkrh3pzkSr0CAUlaLUsHO/bG\nX7o+WhdIy5OKQIXCi4qu2JY6Bxjf+rrz+dS1ZR85v3FGzRWwe7/51A+1gVeG\nFwmgnNqJOUJi16ePSJb0+bBQWmEFGrzOOnYZvbv2KYFgmc9omdmmbWZc8qd3\nTcr2azCNl4i64RFqIQ832VT3iHL5F0oqVcEYE0W3SmVkUiwaPm+BQ+cqYtIv\nJJTbXZ7jdDDK2eDIjm1ghtv7hfcvGPY79455YVxhFYGSTehdz6O+Iut22DEf\nwEFrvqdnLG6kxpAyFV8tDJpvs5hD0FJSf4NPTO/9cV6PMt8uTvE4hPqP2bBN\n/Sr1Ww8JmUmcus6EDXWzygUlY3wQPsyKSODe5gsDDFER57avUaWzQBidY1P3\noj94OouEnUghG4nYUzpnvfKvsQpzjJMSh430mgYj+2oHVfsllYxPI+uyEbMb\nWIfZ\r\n=k9hq\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","readme":"# @fluentui/react-theme-provider\n\n**React theming component and hook for [Fluent UI React](https://developer.microsoft.com/en-us/fluentui)**\n\n## Installation\n\n```bash\nyarn add @fluentui/react-theme-provider\n```\n\n## Example usage\n\nUse the theme with Fluent UI by wrapping content within the provider:\n\n```tsx\nimport { webLightTheme } from '@fluentui/react-theme';\nimport { ThemeProvider } from '@fluentui/react-theme-provider';\n\nexport const App = () => (\n  <ThemeProvider>\n    <App />\n  </ThemeProvider>\n);\n```\n\nYou can also nest `ThemeProvider`s:\n\n```tsx\nimport { webLightTheme, PartialTheme } from '@fluentui/react-theme';\nimport { ThemeProvider } from '@fluentui/react-theme-provider';\n\nconst headerTheme: PartialTheme = {\n  /* your customizations */\n};\n\nexport const App = () => (\n  <ThemeProvider theme={webLightTheme}>\n    <ThemeProvider theme={headerTheme}>\n      <App />\n    </ThemeProvider>\n\n    <App />\n  </ThemeProvider>\n);\n```\n\n## Accessing theme\n\n### useTheme\n\nTheme can be accessed using `useTheme` hook.\n\n```jsx\nimport { useTheme } from '@fluentui/react-theme-provider';\n\nconst Content = () => {\n  const theme = useTheme();\n};\n\nexport const App = () => (\n  <ThemeProvider>\n    <Content />\n  </ThemeProvider>\n);\n```\n","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","bundle":"just-scripts bundle","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"tag":"alpha","disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.11","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":false,"_nodeVersion":"12.21.0","dependencies":{"tslib":"^2.1.0","@fluentui/react-theme":"^9.0.0-alpha.10","@fluentui/react-utilities":"^9.0.0-alpha.21","@fluentui/react-make-styles":"^9.0.0-alpha.32","@fluentui/react-shared-contexts":"^9.0.0-alpha.9"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"16.8.6","enzyme":"~3.10.0","react-dom":"16.8.6","@types/jest":"24.9.1","@types/react":"16.9.42","@types/enzyme":"3.10.3","@types/react-dom":"16.9.10","@fluentui/scripts":"^1.0.0","@types/classnames":"^2.2.9","react-test-renderer":"^16.3.0","@fluentui/eslint-plugin":"^1.2.0","enzyme-adapter-react-16":"^1.15.0","@types/react-test-renderer":"^16.0.0","@fluentui/babel-make-styles":"^9.0.0-alpha.6","@fluentui/react-conformance":"^0.3.0","@types/enzyme-adapter-react-16":"1.0.3","@fluentui/jest-serializer-make-styles":"^9.0.0-alpha.9"},"peerDependencies":{"react":">=16.8.0 <18.0.0","@types/react":">=16.8.0 <18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_9.0.0-alpha.32_1620804902424_0.657774030102839","host":"s3://npm-registry-packages"}},"9.0.0-alpha.33":{"name":"@fluentui/react-theme-provider","version":"9.0.0-alpha.33","license":"MIT","_id":"@fluentui/react-theme-provider@9.0.0-alpha.33","maintainers":[{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"jdhuntington","email":"jdhuntington@gmail.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"3c0b48acdacb4c569493468f1b30e96b1e844083","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-9.0.0-alpha.33.tgz","fileCount":107,"integrity":"sha512-jVpswjOIbIFRlAiEstAhZQdd0k0fMGK24wAZsOcYXdq2SJWU0nN1Najd3lDezb4rWtUAqFVy4QlRPb55WnkFoA==","signatures":[{"sig":"MEUCIC5xVIBMWwfuyWImW+V/oFQA3tX3bhtov5DARdGtvujfAiEAwjtQATJrU2QDSy5sYy5ZaBIcY1vHcdoYqhl8uXSz914=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":256879,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgnNaJCRA9TVsSAnZWagAARnMQAJJ0bXlWI9/AVgPd1Aog\n9y8d4MI0aZHfO3OgKsjm4IlFLs2dh7tlOj+8I03jGRzu6RXwrC0J6TsX2x0A\n0GAzSkKoDRDfVOvg5Vk17+7YowzXT+zV44orqMptMJS/igM5tDfvdSwOCf6h\nLCRrvoQ8FRFa4+kC5OT7SK/Qef9O3ZP1zG2PklUgOpsfXZSpklWQE9s8clve\nMbwDcouOzsxbLB44hAiU2jJgqCR+nNSz97udt6oNAgUTanEc5eX3liLwdOcj\nCLuASRpLm+5Xte1mk0cjTgIB/eS2IK8miRusvoJ01NTIKLtJDbLmVtU8Dz8X\nvL/F8rWtbYAvqhpiXsD1VkfwoJyo+hV0dkf2ryiSxT8BSH69x3xvdhn/V7h7\nrfTrUud7TfXMaIccN4cYrwMEpbpTVagCxYnF8w/lApq/V2fp7CLVyf8R23KQ\npW5U566CIhOvedjHt9h4yRKw7AXUWjgp0rDBHGUKGFWY1usWLLoh8NoArx7U\nStq9UfHBfGLErD3L4R5Gu5IUrzlFX56IRjEvCiQP4dHzbM6Z5dGfCwlMlkXa\n/gjVW4YSQ5Ynr7Hta3Q/hXqWgPAAUEYicsIQjR1tQ5+w4flrj9lV5R1jOmXw\nBBUeJbgjSuKl3Acds+CI1YmJihjSRp3S3snxkCbrHOxHQHnWsk6BSpGNjXYr\n8Bo3\r\n=3gZ0\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","readme":"# @fluentui/react-theme-provider\n\n**React theming component and hook for [Fluent UI React](https://developer.microsoft.com/en-us/fluentui)**\n\n## Installation\n\n```bash\nyarn add @fluentui/react-theme-provider\n```\n\n## Example usage\n\nUse the theme with Fluent UI by wrapping content within the provider:\n\n```tsx\nimport { webLightTheme } from '@fluentui/react-theme';\nimport { ThemeProvider } from '@fluentui/react-theme-provider';\n\nexport const App = () => (\n  <ThemeProvider>\n    <App />\n  </ThemeProvider>\n);\n```\n\nYou can also nest `ThemeProvider`s:\n\n```tsx\nimport { webLightTheme, PartialTheme } from '@fluentui/react-theme';\nimport { ThemeProvider } from '@fluentui/react-theme-provider';\n\nconst headerTheme: PartialTheme = {\n  /* your customizations */\n};\n\nexport const App = () => (\n  <ThemeProvider theme={webLightTheme}>\n    <ThemeProvider theme={headerTheme}>\n      <App />\n    </ThemeProvider>\n\n    <App />\n  </ThemeProvider>\n);\n```\n\n## Accessing theme\n\n### useTheme\n\nTheme can be accessed using `useTheme` hook.\n\n```jsx\nimport { useTheme } from '@fluentui/react-theme-provider';\n\nconst Content = () => {\n  const theme = useTheme();\n};\n\nexport const App = () => (\n  <ThemeProvider>\n    <Content />\n  </ThemeProvider>\n);\n```\n","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","bundle":"just-scripts bundle","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"tag":"alpha","disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.11","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":false,"_nodeVersion":"12.21.0","dependencies":{"tslib":"^2.1.0","@fluentui/react-theme":"^9.0.0-alpha.11","@fluentui/react-utilities":"^9.0.0-alpha.21","@fluentui/react-make-styles":"^9.0.0-alpha.33","@fluentui/react-shared-contexts":"^9.0.0-alpha.10"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"16.8.6","enzyme":"~3.10.0","react-dom":"16.8.6","@types/jest":"24.9.1","@types/react":"16.9.42","@types/enzyme":"3.10.3","@types/react-dom":"16.9.10","@fluentui/scripts":"^1.0.0","@types/classnames":"^2.2.9","react-test-renderer":"^16.3.0","@fluentui/eslint-plugin":"^1.2.0","enzyme-adapter-react-16":"^1.15.0","@types/react-test-renderer":"^16.0.0","@fluentui/babel-make-styles":"^9.0.0-alpha.7","@fluentui/react-conformance":"^0.3.0","@types/enzyme-adapter-react-16":"1.0.3","@fluentui/jest-serializer-make-styles":"^9.0.0-alpha.10"},"peerDependencies":{"react":">=16.8.0 <18.0.0","@types/react":">=16.8.0 <18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_9.0.0-alpha.33_1620891273521_0.7220317612372833","host":"s3://npm-registry-packages"}},"9.0.0-alpha.34":{"name":"@fluentui/react-theme-provider","version":"9.0.0-alpha.34","license":"MIT","_id":"@fluentui/react-theme-provider@9.0.0-alpha.34","maintainers":[{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"jdhuntington","email":"jdhuntington@gmail.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"ae298fb426cff0f5a299a6469db1c8f922dd9e8a","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-9.0.0-alpha.34.tgz","fileCount":107,"integrity":"sha512-UzmdSEXXLTgtxLrQj595ab9/H+fTqpEGcka58vctfLm1g0kepHnw0snuXiwmMIwVj0S8PSCv5FTU4MmHFEQYLQ==","signatures":[{"sig":"MEYCIQDW1aBbRNDY4T/0WY7w2lSaLsA4RuzRpsNWoG9vxq+XmgIhAKvDw56o+bPGzULxYWtC0Lj2EvdkYQDTJ3TZ90GFQlKf","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":257783,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgo22ACRA9TVsSAnZWagAAuzIP/RA8XgLomE07/U+6csKo\nH2PXw7xZVx0PKd9PLHT0D/X1YA4MHSeOTNNBkyysZvnVGvNgaWgY6UawOlaz\nvWhBQQnvd3bUslqmNbF3IbfDE2EN0YHIMDO7wmiIXB+uUgIK2/6Ec4jOEti1\ngAZ1Yollqt1eYI/ofMNnDobyL4v1B1afMmqQh+iWic98JLaot1ZCuUU5b3Al\nNz50ucSWhFazh6amZvaXv8YZ+XySOuyO1VmAAaro9H3GcuLI/HTbCO/WORHu\nI+QHY2+bkiNYoIRarCmZsDUN/jt/pHcLPWTQPnro1743+LmIGt58aA1E4gWO\nelPuT/o+A5ZGcXiNTR7BpvI4tgvAtqyYwhw3s2rJm0aGIHDbvX4006fHH1GD\nOz+tpBafAUCbBeyUELR1Sh47dE9OXoNg7WaDNITIWicoljB1ipLELxtwbDQl\ny+DMTeB2wm9Y3bQC8UVBI5CYRUEkZzMyEC6M5Eclo2FCztOWEm0TlJcd4xof\nCVcaDecGHSr6nAY54L8RfvLcfhvvEk2/Kd56KndAC9UF0B3lWzh2wbZUMOqS\n2juoW01o5RZENFS4pd4SlWy4Ad3kpxR+1+RskcCHZ17NXZSNtDqCehzuKueq\n9kMu2dv6Q8QXn339VOULsIfuct4qfcYgt6rjkQ+HtpjlA6TZqLe5sZip64j0\n0AB6\r\n=gqqU\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","readme":"# @fluentui/react-theme-provider\n\n**React theming component and hook for [Fluent UI React](https://developer.microsoft.com/en-us/fluentui)**\n\n## Installation\n\n```bash\nyarn add @fluentui/react-theme-provider\n```\n\n## Example usage\n\nUse the theme with Fluent UI by wrapping content within the provider:\n\n```tsx\nimport { webLightTheme } from '@fluentui/react-theme';\nimport { ThemeProvider } from '@fluentui/react-theme-provider';\n\nexport const App = () => (\n  <ThemeProvider>\n    <App />\n  </ThemeProvider>\n);\n```\n\nYou can also nest `ThemeProvider`s:\n\n```tsx\nimport { webLightTheme, PartialTheme } from '@fluentui/react-theme';\nimport { ThemeProvider } from '@fluentui/react-theme-provider';\n\nconst headerTheme: PartialTheme = {\n  /* your customizations */\n};\n\nexport const App = () => (\n  <ThemeProvider theme={webLightTheme}>\n    <ThemeProvider theme={headerTheme}>\n      <App />\n    </ThemeProvider>\n\n    <App />\n  </ThemeProvider>\n);\n```\n\n## Accessing theme\n\n### useTheme\n\nTheme can be accessed using `useTheme` hook.\n\n```jsx\nimport { useTheme } from '@fluentui/react-theme-provider';\n\nconst Content = () => {\n  const theme = useTheme();\n};\n\nexport const App = () => (\n  <ThemeProvider>\n    <Content />\n  </ThemeProvider>\n);\n```\n","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","bundle":"just-scripts bundle","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"tag":"alpha","disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.6","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":false,"_nodeVersion":"12.18.3","dependencies":{"tslib":"^2.1.0","@fluentui/react-theme":"^9.0.0-alpha.11","@fluentui/react-utilities":"^9.0.0-alpha.21","@fluentui/react-make-styles":"^9.0.0-alpha.34","@fluentui/react-shared-contexts":"^9.0.0-alpha.10"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"16.8.6","enzyme":"~3.10.0","react-dom":"16.8.6","@types/jest":"24.9.1","@types/react":"16.9.42","@types/enzyme":"3.10.3","@types/react-dom":"16.9.10","@fluentui/scripts":"^1.0.0","@types/classnames":"^2.2.9","react-test-renderer":"^16.3.0","@fluentui/eslint-plugin":"^1.2.0","enzyme-adapter-react-16":"^1.15.0","@types/react-test-renderer":"^16.0.0","@fluentui/babel-make-styles":"^9.0.0-alpha.8","@fluentui/react-conformance":"^0.3.0","@types/enzyme-adapter-react-16":"1.0.3","@fluentui/jest-serializer-make-styles":"^9.0.0-alpha.11"},"peerDependencies":{"react":">=16.8.0 <18.0.0","@types/react":">=16.8.0 <18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_9.0.0-alpha.34_1621323136041_0.7210215987853399","host":"s3://npm-registry-packages"}},"9.0.0-alpha.35":{"name":"@fluentui/react-theme-provider","version":"9.0.0-alpha.35","license":"MIT","_id":"@fluentui/react-theme-provider@9.0.0-alpha.35","maintainers":[{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"jdhuntington","email":"jdhuntington@gmail.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"1d7bb75df0b912d01e50c0254ea92b73def50ccd","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-9.0.0-alpha.35.tgz","fileCount":107,"integrity":"sha512-/hFcsAKSHHXVql8oyue3SQez6ZNTFV9a1O+/2ujFwNySJhlR4AoUjTofEsq+cdNgJXrz+TlUCWE6qDw0qlqKiA==","signatures":[{"sig":"MEQCIE4ypNPdh5tiqwqiZyR1zVVcy4gxqjWluP2uhpfs+qdAAiAo6JtgO7bO6qj5/XBBIG4LbF0hS2xxkpu8qgcOqu3Jgw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":224910,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgpL8fCRA9TVsSAnZWagAAsNQP/iOFApUyp4BGVq5nzHG4\nwMzlMj4LAH0haMvGrFtwHVumJlfR0I14MTBXdB6RmPMvaFc3W7JmkhBE5f72\n5WCnObuUeEsnGGeqZWBXhAYiMPzRNlIZ7u/x8Lf3vG1z4FpfCxNiJFi4Z7CN\nB5nok+zdWuL2xcxhAUNlaxbebZVRIASd6UTv81OmOyd/k4VOxwfN/L30eYDQ\n+ZKAIEJSUzUJDSs3A/aypoI3oljTvwkgUTuMvMml1jauMlP5cOqyRE67cr8B\nXEnHwotUCVY/DU7rEluzFRUhrlc5t0q1jZvTd79s0RT8vtKUKsk2USFcMWI5\n0m1elqGs8ClLhugP36mj/oYilOXxKFrSxbaxAz6GAOe7pUBzTRGELyRTTCP1\nW0x3h1gXgVo+Ik4ANYwLatiAkHEpp0Prkq4tyfzebKJ0WA8q2t70KIL51TDZ\nBdQzg6nVk62HDHSDfbIcGQau5Jrah7VFssrqP1i3NaMtf3BXxvV/XWUrGEUS\nWlrWPA7/9qBurzpTb+uuluItcqZX7mhlS2LvA1YJXfVAXLhgkPw3O8AtLBZW\nTEsfLTitZMJTm78kBE/ZNZbaCZYiW6TQNyfIeuYYJzpXlm45THD7FAf6d6+u\nnmXF2SyOeNyWhgGqIK4ffJsw07NhrCDnPnr5y6k05dbXWbX8ECfduLNkMOV9\nRzGY\r\n=jlFX\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","readme":"# @fluentui/react-theme-provider\n\n**React theming component and hook for [Fluent UI React](https://developer.microsoft.com/en-us/fluentui)**\n\n## Installation\n\n```bash\nyarn add @fluentui/react-theme-provider\n```\n\n## Example usage\n\nUse the theme with Fluent UI by wrapping content within the provider:\n\n```tsx\nimport { webLightTheme } from '@fluentui/react-theme';\nimport { ThemeProvider } from '@fluentui/react-theme-provider';\n\nexport const App = () => (\n  <ThemeProvider>\n    <App />\n  </ThemeProvider>\n);\n```\n\nYou can also nest `ThemeProvider`s:\n\n```tsx\nimport { webLightTheme, PartialTheme } from '@fluentui/react-theme';\nimport { ThemeProvider } from '@fluentui/react-theme-provider';\n\nconst headerTheme: PartialTheme = {\n  /* your customizations */\n};\n\nexport const App = () => (\n  <ThemeProvider theme={webLightTheme}>\n    <ThemeProvider theme={headerTheme}>\n      <App />\n    </ThemeProvider>\n\n    <App />\n  </ThemeProvider>\n);\n```\n\n## Accessing theme\n\n### useTheme\n\nTheme can be accessed using `useTheme` hook.\n\n```jsx\nimport { useTheme } from '@fluentui/react-theme-provider';\n\nconst Content = () => {\n  const theme = useTheme();\n};\n\nexport const App = () => (\n  <ThemeProvider>\n    <Content />\n  </ThemeProvider>\n);\n```\n","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","bundle":"just-scripts bundle","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"tag":"alpha","disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.6","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":false,"_nodeVersion":"12.18.3","dependencies":{"tslib":"^2.1.0","@fluentui/react-theme":"^9.0.0-alpha.12","@fluentui/react-utilities":"^9.0.0-alpha.22","@fluentui/react-make-styles":"^9.0.0-alpha.35","@fluentui/react-shared-contexts":"^9.0.0-alpha.11"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"16.8.6","enzyme":"~3.10.0","react-dom":"16.8.6","@types/jest":"24.9.1","@types/react":"16.9.42","@types/enzyme":"3.10.3","@types/react-dom":"16.9.10","@fluentui/scripts":"^1.0.0","@types/classnames":"^2.2.9","react-test-renderer":"^16.3.0","@fluentui/eslint-plugin":"^1.2.0","enzyme-adapter-react-16":"^1.15.0","@types/react-test-renderer":"^16.0.0","@fluentui/babel-make-styles":"^9.0.0-alpha.9","@fluentui/react-conformance":"^0.3.1","@types/enzyme-adapter-react-16":"1.0.3","@fluentui/jest-serializer-make-styles":"^9.0.0-alpha.12"},"peerDependencies":{"react":">=16.8.0 <18.0.0","@types/react":">=16.8.0 <18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_9.0.0-alpha.35_1621409566930_0.6746226516094149","host":"s3://npm-registry-packages"}},"9.0.0-alpha.36":{"name":"@fluentui/react-theme-provider","version":"9.0.0-alpha.36","license":"MIT","_id":"@fluentui/react-theme-provider@9.0.0-alpha.36","maintainers":[{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"jdhuntington","email":"jdhuntington@gmail.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"37946a69b3ca65a323b90824eb0b52a31f13f3d4","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-9.0.0-alpha.36.tgz","fileCount":107,"integrity":"sha512-JvehJ51AkIX6KWghgxsErZEBL+AKiaAxCNCSGJb762v1uEcEe2+PGs1P+qNsfkGxjoEKv6vHlmZWuAgFetwBmA==","signatures":[{"sig":"MEQCIDNaDyhXMt1EnFzoYHKNtA9F/IuVNCWL3CIvuA7j3YPMAiAAnaZ1MBbQpGYd0Dq5WiuGKb22gYGFSMjpl4cDAumZTw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":227069,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgphGeCRA9TVsSAnZWagAARRMQAJ2f8vBmfXkEFmcVYgw1\nXOZ5WBHcZkndmcVs0ZFpH136g/PDVzfjMWTKSZQvE0v3MwZedtHpPTJ3yvPc\ng0VQpSERDZDLm094mssASI2OPLAz1wm1zAMNHvAk4eQVW318DLorJdXg08GI\nNwIE8PdHz7Ncv+znHgfh9vVEnOoUis7uGkgH+SzX6/9or3JsAVJQI+S3M95h\nsMQ2NHKBsTdoU9Cf2QehlnJpXZcqeks2Bvc7ZBC11MjprYUESLMMgN7FpU0R\nE7ADW3ehG8Zl58i4nh86/jbIFkzOK8hh9asXzHUIwPaL5QwYuE/aYD13hK7n\ncRA2YL2btyMX/TOKrj5VX22cFtOLJu+RsxPQi+tswBAA44m7mXPYTHBWr+cC\nLMNVg5dm2vQvf4ciBkb6Tay2K1Lw6ceMlhgurkX6VCqspI1gJDm6Hj5hZoAt\nQisU2DSn5g9SsdSKTD3m6e8JWHWhz7fvMf22SYOu9CNAe9gkbKY8EYZYIKpM\nHaYBKeMY/qDqr3W7mrHzlRtQ9kQTl21TQAsB5GCRRljiVSTT16LeHGz0dpJG\nI7Y0nd5BjoPSe2tvNfiEqHDSG2krBo2bnRO0dVvR8FU8wxiN+POUCq5Wj8K3\nnyprrcntWqshp8b0DFkq+nWcC7tI2kSnqS68wLnvffrpMKt9LpVtabbk4xUD\nII6i\r\n=EhXm\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","readme":"# @fluentui/react-theme-provider\n\n**React theming component and hook for [Fluent UI React](https://developer.microsoft.com/en-us/fluentui)**\n\n## Installation\n\n```bash\nyarn add @fluentui/react-theme-provider\n```\n\n## Example usage\n\nUse the theme with Fluent UI by wrapping content within the provider:\n\n```tsx\nimport { webLightTheme } from '@fluentui/react-theme';\nimport { ThemeProvider } from '@fluentui/react-theme-provider';\n\nexport const App = () => (\n  <ThemeProvider>\n    <App />\n  </ThemeProvider>\n);\n```\n\nYou can also nest `ThemeProvider`s:\n\n```tsx\nimport { webLightTheme, PartialTheme } from '@fluentui/react-theme';\nimport { ThemeProvider } from '@fluentui/react-theme-provider';\n\nconst headerTheme: PartialTheme = {\n  /* your customizations */\n};\n\nexport const App = () => (\n  <ThemeProvider theme={webLightTheme}>\n    <ThemeProvider theme={headerTheme}>\n      <App />\n    </ThemeProvider>\n\n    <App />\n  </ThemeProvider>\n);\n```\n\n## Accessing theme\n\n### useTheme\n\nTheme can be accessed using `useTheme` hook.\n\n```jsx\nimport { useTheme } from '@fluentui/react-theme-provider';\n\nconst Content = () => {\n  const theme = useTheme();\n};\n\nexport const App = () => (\n  <ThemeProvider>\n    <Content />\n  </ThemeProvider>\n);\n```\n","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","bundle":"just-scripts bundle","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"tag":"alpha","disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.6","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":false,"_nodeVersion":"12.18.3","dependencies":{"tslib":"^2.1.0","@fluentui/react-theme":"^9.0.0-alpha.13","@fluentui/react-utilities":"^9.0.0-alpha.23","@fluentui/react-make-styles":"^9.0.0-alpha.36","@fluentui/react-shared-contexts":"^9.0.0-alpha.12"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"16.8.6","enzyme":"~3.10.0","react-dom":"16.8.6","@types/jest":"24.9.1","@types/react":"16.9.42","@types/enzyme":"3.10.3","@types/react-dom":"16.9.10","@fluentui/scripts":"^1.0.0","@types/classnames":"^2.2.9","react-test-renderer":"^16.3.0","@fluentui/eslint-plugin":"^1.3.0","enzyme-adapter-react-16":"^1.15.0","@types/react-test-renderer":"^16.0.0","@fluentui/babel-make-styles":"^9.0.0-alpha.10","@fluentui/react-conformance":"^0.4.0","@types/enzyme-adapter-react-16":"1.0.3","@fluentui/jest-serializer-make-styles":"^9.0.0-alpha.13"},"peerDependencies":{"react":">=16.8.0 <18.0.0","@types/react":">=16.8.0 <18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_9.0.0-alpha.36_1621496222375_0.05697363250351173","host":"s3://npm-registry-packages"}},"9.0.0-alpha.37":{"name":"@fluentui/react-theme-provider","version":"9.0.0-alpha.37","license":"MIT","_id":"@fluentui/react-theme-provider@9.0.0-alpha.37","maintainers":[{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"jdhuntington","email":"jdhuntington@gmail.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"615e93ca8f29897cc88c79a502ca8949de5cc087","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-9.0.0-alpha.37.tgz","fileCount":107,"integrity":"sha512-fgEYqF8uGgZHnR18gz+WT8+S5irtJViJiSAkzMhCeqjwBYr57ghjYX4X7fJW1FaJ80gdaTSVLxB8e/DMe0Yn1Q==","signatures":[{"sig":"MEUCIQDr/65IQxSYU3szfYiieSVXWDijsSXqYeY95Kz+OYv5CAIgTa0TO3UGSjiyW3LFiDnpOUut0rBnmyyKaPRufnnBKZQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":228023,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgp2IyCRA9TVsSAnZWagAAUVUQAKA9fusY0xjAh5U7W5bl\nVcbBrWaMtQ0fd7ysBOqmj3Q/uDM+vRa9tQyYZbDxwPXzR+7hHOOLvUsXnwOU\n6QgHkCcGwcAYM/7w/Jp0Nakq2Ms18oFFVN/Zh+eBROgIz6uLlneTye5LjcYX\nHSEH7c7OvCuSQ/u+AK3EE6ygrwh0Vv7f4lw2oMa9+Irm9c/t4PZ0iwcStQy1\n5dEEHnbxFkAmglDSOispwPSFc8LIE/Fx3NXbb0J6nWvH59YyJZqFO/TG6Fqv\nHxd9wNkqdHSy18L3XbQl1+heybJjUaQgXgrVJ7JiVzRkIDIvnLXbxdljgrFe\nmIngxCscdODaXhdlhOFyNycdIC0rgyujIPSrxd59selU6SrldEit2CrEz/s0\nMNwFtwuQZtvfe++0SAz+7EEiax6rOm5LLpcuxIQGl3dSohX/6FUehSWyMkNz\nF3GZaoFHSe7n0wBVm65tQ9K+DTv4xoLot/DUf/ixlemMvkEmAfydUBmolrpn\nJXsA0en5G0GZUG8obuo41i2HWsbKSGkKQS66O2lex6oolJPmkx7oeoR51OBu\nP5SOA5Tn1uElGu6gRyIWmbTz9QqY7oxRpcqjGIel094Ok1vz37pveYulnt1M\nOj07cJ9uOtShWzQKokPHZEGwEDLZ8i0nWeLnv6GjbkzDFbuH/umw80Jbg/r9\nlaDr\r\n=oKYr\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","readme":"# @fluentui/react-theme-provider\n\n**React theming component and hook for [Fluent UI React](https://developer.microsoft.com/en-us/fluentui)**\n\n## Installation\n\n```bash\nyarn add @fluentui/react-theme-provider\n```\n\n## Example usage\n\nUse the theme with Fluent UI by wrapping content within the provider:\n\n```tsx\nimport { webLightTheme } from '@fluentui/react-theme';\nimport { ThemeProvider } from '@fluentui/react-theme-provider';\n\nexport const App = () => (\n  <ThemeProvider>\n    <App />\n  </ThemeProvider>\n);\n```\n\nYou can also nest `ThemeProvider`s:\n\n```tsx\nimport { webLightTheme, PartialTheme } from '@fluentui/react-theme';\nimport { ThemeProvider } from '@fluentui/react-theme-provider';\n\nconst headerTheme: PartialTheme = {\n  /* your customizations */\n};\n\nexport const App = () => (\n  <ThemeProvider theme={webLightTheme}>\n    <ThemeProvider theme={headerTheme}>\n      <App />\n    </ThemeProvider>\n\n    <App />\n  </ThemeProvider>\n);\n```\n\n## Accessing theme\n\n### useTheme\n\nTheme can be accessed using `useTheme` hook.\n\n```jsx\nimport { useTheme } from '@fluentui/react-theme-provider';\n\nconst Content = () => {\n  const theme = useTheme();\n};\n\nexport const App = () => (\n  <ThemeProvider>\n    <Content />\n  </ThemeProvider>\n);\n```\n","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","bundle":"just-scripts bundle","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"tag":"alpha","disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.6","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":false,"_nodeVersion":"12.18.3","dependencies":{"tslib":"^2.1.0","@fluentui/react-theme":"^9.0.0-alpha.13","@fluentui/react-utilities":"^9.0.0-alpha.24","@fluentui/react-make-styles":"^9.0.0-alpha.37","@fluentui/react-shared-contexts":"^9.0.0-alpha.12"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"16.8.6","enzyme":"~3.10.0","react-dom":"16.8.6","@types/jest":"24.9.1","@types/react":"16.9.42","@types/enzyme":"3.10.3","@types/react-dom":"16.9.10","@fluentui/scripts":"^1.0.0","@types/classnames":"^2.2.9","react-test-renderer":"^16.3.0","@fluentui/eslint-plugin":"^1.3.0","enzyme-adapter-react-16":"^1.15.0","@types/react-test-renderer":"^16.0.0","@fluentui/babel-make-styles":"^9.0.0-alpha.11","@fluentui/react-conformance":"^0.4.0","@types/enzyme-adapter-react-16":"1.0.3","@fluentui/jest-serializer-make-styles":"^9.0.0-alpha.14"},"peerDependencies":{"react":">=16.8.0 <18.0.0","@types/react":">=16.8.0 <18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_9.0.0-alpha.37_1621582385682_0.5147737764951845","host":"s3://npm-registry-packages"}},"9.0.0-alpha.38":{"name":"@fluentui/react-theme-provider","version":"9.0.0-alpha.38","license":"MIT","_id":"@fluentui/react-theme-provider@9.0.0-alpha.38","maintainers":[{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"jdhuntington","email":"jdhuntington@gmail.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"fb70ca21d82d76fa23282faf65cdb9e41ed78147","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-9.0.0-alpha.38.tgz","fileCount":107,"integrity":"sha512-MC8FpaNoK1sJbFdTP0vFEbl8CTzBwk2JnJtwGC8M1OCt3X1UH7QJR1M+2NKk32dqMAq6jujZaf0K0kwAc86J7w==","signatures":[{"sig":"MEYCIQCoQ7awp2za4dESLqE2e/vhfvyPDeLeRmwdn+XszEyeUwIhAP9hSoDzLOTycPFWyzDStxIP6vbq7CKb2TdAGpZ15KQY","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":229280,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgrfnoCRA9TVsSAnZWagAAtVEP/jE2MVq0hW1vQ0J8l4sA\nXZzOg1uf7dEjEjfbk60VyLCjPACeRK4X00bktle3jybVl9Cy5DC99UI8OPgy\nng3Y0fpJjAHBD3T+lBy5+mkt1unAvzf7tiaKPLQnjWyhnkeqbNJEoQBYT9a0\nxVU7ph7VWaISZ01RnTMSHCyoNeeasOgm9u6qVB9HVEJbTr4n2CME7acA0jWN\nopStZRAUrNkFM/Lq6tXVYy2/ap5f//3rQKxMiv3Vc5FYNcTzwjWBviMED5+c\nNVc/QSPxYhSUwKG62sYGYMf74whIFb5+Auk3pJuIl3Gqv87DI0/ZZh7ZkqII\njllOMQK0wKayXFt1G+vcI70AeVR6y3RgpMLgRq3pdI31ZgJan2+j3HDmWzdl\nLnOh4cbhwQhjf/VZghN8Xk02mJ7ywmrVQmty0OEGbaBXOmDGiOHcpgPqfOW3\ne+7R5au+dp/M1FaANWoi7BMha6zxVqfkljL/y8OFJA+fa/OvkmXZrIBjnM3k\nf9UPM4ZVZuEVBzc75qZdbf+9Xxw8yAaqJsvawZ/aRuVQU9BS1a4FGpABQ90Q\n4FUBURrDot3TB6ldc2hMxK9nTsf/1p/VvNv2aIlWIj40c7QNrX/yLFXtnWlz\nI15T/7UF+KtdW1Aq0ZcC7LfvxQyDHwt+q1N7HQN0mr+/FnCaTeLLWSxK9Zqm\nNsjS\r\n=T3xn\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","readme":"# @fluentui/react-theme-provider\n\n**React theming component and hook for [Fluent UI React](https://developer.microsoft.com/en-us/fluentui)**\n\n## Installation\n\n```bash\nyarn add @fluentui/react-theme-provider\n```\n\n## Example usage\n\nUse the theme with Fluent UI by wrapping content within the provider:\n\n```tsx\nimport { webLightTheme } from '@fluentui/react-theme';\nimport { ThemeProvider } from '@fluentui/react-theme-provider';\n\nexport const App = () => (\n  <ThemeProvider>\n    <App />\n  </ThemeProvider>\n);\n```\n\nYou can also nest `ThemeProvider`s:\n\n```tsx\nimport { webLightTheme, PartialTheme } from '@fluentui/react-theme';\nimport { ThemeProvider } from '@fluentui/react-theme-provider';\n\nconst headerTheme: PartialTheme = {\n  /* your customizations */\n};\n\nexport const App = () => (\n  <ThemeProvider theme={webLightTheme}>\n    <ThemeProvider theme={headerTheme}>\n      <App />\n    </ThemeProvider>\n\n    <App />\n  </ThemeProvider>\n);\n```\n\n## Accessing theme\n\n### useTheme\n\nTheme can be accessed using `useTheme` hook.\n\n```jsx\nimport { useTheme } from '@fluentui/react-theme-provider';\n\nconst Content = () => {\n  const theme = useTheme();\n};\n\nexport const App = () => (\n  <ThemeProvider>\n    <Content />\n  </ThemeProvider>\n);\n```\n","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","bundle":"just-scripts bundle","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"tag":"alpha","disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.6","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":false,"_nodeVersion":"12.18.3","dependencies":{"tslib":"^2.1.0","@fluentui/react-theme":"^9.0.0-alpha.13","@fluentui/react-utilities":"^9.0.0-alpha.25","@fluentui/react-make-styles":"^9.0.0-alpha.38","@fluentui/react-shared-contexts":"^9.0.0-alpha.12"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"16.8.6","enzyme":"~3.10.0","react-dom":"16.8.6","@types/jest":"24.9.1","@types/react":"16.9.42","@types/enzyme":"3.10.3","@types/react-dom":"16.9.10","@fluentui/scripts":"^1.0.0","@types/classnames":"^2.2.9","react-test-renderer":"^16.3.0","@fluentui/eslint-plugin":"^1.3.0","enzyme-adapter-react-16":"^1.15.0","@types/react-test-renderer":"^16.0.0","@fluentui/babel-make-styles":"^9.0.0-alpha.11","@fluentui/react-conformance":"^0.4.0","@types/enzyme-adapter-react-16":"1.0.3","@fluentui/jest-serializer-make-styles":"^9.0.0-alpha.14"},"peerDependencies":{"react":">=16.8.0 <18.0.0","@types/react":">=16.8.0 <18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_9.0.0-alpha.38_1622014440503_0.7229955989690204","host":"s3://npm-registry-packages"}},"9.0.0-alpha.39":{"name":"@fluentui/react-theme-provider","version":"9.0.0-alpha.39","license":"MIT","_id":"@fluentui/react-theme-provider@9.0.0-alpha.39","maintainers":[{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"jdhuntington","email":"jdhuntington@gmail.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"8ac33832ccbcfefb16aaf24d5df45824b5390da8","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-9.0.0-alpha.39.tgz","fileCount":107,"integrity":"sha512-yNaR2iXiV1qvNH6ROdfbe80SS2mEY042PZtNwWFAISFiLE/VH0YkenuDphnU8hUni99S1FLWE8qWQmLzQROwpg==","signatures":[{"sig":"MEQCIG8ypYdsAfvctbUXd1a+CJq96t0dS4XZowDXLHkekOrxAiB8V3aPc5xaIRsRlRddPIaCSfbwoM0gsffJxrTuGvpDZA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":231196,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgtzTeCRA9TVsSAnZWagAAFw0P/1/GvCPUP826gg0Go9o4\naku1FoKyqHlYdFKawi/4AegAXqXMO6ajlHAFUJbg/WnoGyWgzXqUWXhkjRdI\nwdHPc9BuvLwS9yPas7PVh8ZDZYR4kTyKTcOAyLCOlgs1aGEWXxJ4+yk/n4kr\nP8rxXUMRn2ztPq9hq8r+bE0BbBccx/U/4VbWbYhGZrrBkOAuVRC9I/OhkfUy\n0u7vHWhKUfrXOtNwf1LgKnsdpIm8bnsRrcJbbET6ABNFSLLMFRpkQ0I9cbJf\nJP+ELs+2P65xyM7p/fCZfMDQacTYv0jnjJLh79rPrrRIsk9TwWySV28JlNmj\no3z4B5ppWVQ67OmL7lJk0crMkqb76JSD/n321GnI/gjL+HCt0X4iSrCwUfhN\nTbXlY6DhQqiTtdXtqPm97922Enbhz3jnzkuz8x2dZG97KUmmaOnlIh7DjAfS\nXOLGO+mkHAKI1ppYiVQEif4ytFOrcEV3QYbHC6JPUxvHGVElA1B3mG5Lz9HI\nr5qrk2wadUcYMBUF5K0xRmdjzda8/s91XDGJcy+UEA9vj41jVLaBSD9nGuGv\nPheqXGN9p7ZZysFvuv2U9LbyE2cP7tjge/S/ATRCnxbvejwTnBzgEuSjPsmo\nYpVC0tY4Fs+FjdfAUSwG/vbAFE1HB/+uBOpAPDMZqJsX4NDgFDprRpiYuTLC\nVPy9\r\n=0+f/\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","readme":"# @fluentui/react-theme-provider\n\n**React theming component and hook for [Fluent UI React](https://developer.microsoft.com/en-us/fluentui)**\n\n## Installation\n\n```bash\nyarn add @fluentui/react-theme-provider\n```\n\n## Example usage\n\nUse the theme with Fluent UI by wrapping content within the provider:\n\n```tsx\nimport { webLightTheme } from '@fluentui/react-theme';\nimport { ThemeProvider } from '@fluentui/react-theme-provider';\n\nexport const App = () => (\n  <ThemeProvider>\n    <App />\n  </ThemeProvider>\n);\n```\n\nYou can also nest `ThemeProvider`s:\n\n```tsx\nimport { webLightTheme, PartialTheme } from '@fluentui/react-theme';\nimport { ThemeProvider } from '@fluentui/react-theme-provider';\n\nconst headerTheme: PartialTheme = {\n  /* your customizations */\n};\n\nexport const App = () => (\n  <ThemeProvider theme={webLightTheme}>\n    <ThemeProvider theme={headerTheme}>\n      <App />\n    </ThemeProvider>\n\n    <App />\n  </ThemeProvider>\n);\n```\n\n## Accessing theme\n\n### useTheme\n\nTheme can be accessed using `useTheme` hook.\n\n```jsx\nimport { useTheme } from '@fluentui/react-theme-provider';\n\nconst Content = () => {\n  const theme = useTheme();\n};\n\nexport const App = () => (\n  <ThemeProvider>\n    <Content />\n  </ThemeProvider>\n);\n```\n","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","bundle":"just-scripts bundle","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"tag":"alpha","disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.12","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":false,"_nodeVersion":"12.22.1","dependencies":{"tslib":"^2.1.0","@fluentui/react-theme":"^9.0.0-alpha.13","@fluentui/react-utilities":"^9.0.0-alpha.26","@fluentui/react-make-styles":"^9.0.0-alpha.38","@fluentui/react-shared-contexts":"^9.0.0-alpha.12"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"16.8.6","enzyme":"~3.10.0","react-dom":"16.8.6","@types/jest":"24.9.1","@types/react":"16.9.42","@types/enzyme":"3.10.3","@types/react-dom":"16.9.10","@fluentui/scripts":"^1.0.0","@types/classnames":"^2.2.9","react-test-renderer":"^16.3.0","@fluentui/eslint-plugin":"^1.3.0","enzyme-adapter-react-16":"^1.15.0","@types/react-test-renderer":"^16.0.0","@fluentui/babel-make-styles":"^9.0.0-alpha.12","@fluentui/react-conformance":"^0.4.0","@types/enzyme-adapter-react-16":"1.0.3","@fluentui/jest-serializer-make-styles":"^9.0.0-alpha.14"},"peerDependencies":{"react":">=16.8.0 <18.0.0","@types/react":">=16.8.0 <18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_9.0.0-alpha.39_1622619358024_0.018713576919741737","host":"s3://npm-registry-packages"}},"9.0.0-alpha.40":{"name":"@fluentui/react-theme-provider","version":"9.0.0-alpha.40","license":"MIT","_id":"@fluentui/react-theme-provider@9.0.0-alpha.40","maintainers":[{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"jdhuntington","email":"jdhuntington@gmail.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"11a60dfe411ce69e71fadb8e9cba6ce864232e03","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-9.0.0-alpha.40.tgz","fileCount":107,"integrity":"sha512-Q8qngkBTI96I4XexfEBhEv08hTj6V/ylArCdUnZsKX6NtzdEFJOF7K4TpQNJk7X0VLvF5aN9NvT1YW9vdYmcEg==","signatures":[{"sig":"MEQCIEC7puGcjRMnP4iswq2j69fjyCS6vfT6mNfFYKUjSFqGAiB4cpKR3j+RBRxfLaVpJjLG6bgHiSv4p7zmaz/MklE1ZA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":217982,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJguIYzCRA9TVsSAnZWagAAjY8P/1e3fO/d/5tQ8oDKudjh\nPClXFvI5svIqNTa5nIlUcL4dQbTc/Ex7iPYMwrXk8F+zGlZQOunt7XHC6Wg/\nAJfowNQdn0sTUO0YOCmAUTFltxlYmprSy6zxYaoHQRqWIi9YGVN3KMrz5Qa6\npr6Kte5Nzm8ZgNvoR4h4hvzFzdlsGMCCYff7A+r60BiUzOZQV7MtYN1/6plm\nH2Vo+f2cQuGdFdQLo3ky78GvoslGHrApXOt5yNMbbgYa7O+AFNcRoxz4HJZf\nI4dep3h2PhRQ5lTWShXLsWGD/OuzY9bVy6CSQwaC74Nt2v+pifcolEO1Wcmt\nCkzq4RcSD+xi1MBwBVqpf/fJx+fqz+vM/QT+cAlwfFHJgOgqnHq5FWly3S5p\nOEX0ZbvhLgQJUYjO4MWFemvN3AdRm1TjbHNu7NfsJUtzcQwbt9IW+huoPreF\nQ7tR+WcXkpLfV9AC7wdaE3Siyj2+rLs94oDSIw9dY4bA1RNmH55WnkTdmwac\ncrwH7jHTavzXo7C+uStkvJCfPgLa/sa4HN5EGFg559iwy9tLTkLFVsIgwIQN\nAC52phQ/O/m4zDPrAfTPjDxrYsrondd+Ux4qsDX2uhUGFs2WFIyqdrpLTAg5\nZSEn0ncdxFJqzPBRgugW/7E1zd3U3yJ3PG4AYVfrIzmRqb3rthleMXGBJdiY\nKQ8q\r\n=MPFt\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","readme":"# @fluentui/react-theme-provider\n\n**React theming component and hook for [Fluent UI React](https://developer.microsoft.com/en-us/fluentui)**\n\n## Installation\n\n```bash\nyarn add @fluentui/react-theme-provider\n```\n\n## Example usage\n\nUse the theme with Fluent UI by wrapping content within the provider:\n\n```tsx\nimport { webLightTheme } from '@fluentui/react-theme';\nimport { ThemeProvider } from '@fluentui/react-theme-provider';\n\nexport const App = () => (\n  <ThemeProvider>\n    <App />\n  </ThemeProvider>\n);\n```\n\nYou can also nest `ThemeProvider`s:\n\n```tsx\nimport { webLightTheme, PartialTheme } from '@fluentui/react-theme';\nimport { ThemeProvider } from '@fluentui/react-theme-provider';\n\nconst headerTheme: PartialTheme = {\n  /* your customizations */\n};\n\nexport const App = () => (\n  <ThemeProvider theme={webLightTheme}>\n    <ThemeProvider theme={headerTheme}>\n      <App />\n    </ThemeProvider>\n\n    <App />\n  </ThemeProvider>\n);\n```\n\n## Accessing theme\n\n### useTheme\n\nTheme can be accessed using `useTheme` hook.\n\n```jsx\nimport { useTheme } from '@fluentui/react-theme-provider';\n\nconst Content = () => {\n  const theme = useTheme();\n};\n\nexport const App = () => (\n  <ThemeProvider>\n    <Content />\n  </ThemeProvider>\n);\n```\n","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","bundle":"just-scripts bundle","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"tag":"alpha","disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.6","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":false,"_nodeVersion":"12.18.3","dependencies":{"tslib":"^2.1.0","@fluentui/react-theme":"^9.0.0-alpha.14","@fluentui/react-utilities":"^9.0.0-alpha.26","@fluentui/react-make-styles":"^9.0.0-alpha.39","@fluentui/react-shared-contexts":"^9.0.0-alpha.13"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"16.8.6","enzyme":"~3.10.0","react-dom":"16.8.6","@types/jest":"24.9.1","@types/react":"16.9.42","@types/enzyme":"3.10.3","@types/react-dom":"16.9.10","@fluentui/scripts":"^1.0.0","@types/classnames":"^2.2.9","react-test-renderer":"^16.3.0","@fluentui/eslint-plugin":"^1.3.0","enzyme-adapter-react-16":"^1.15.0","@types/react-test-renderer":"^16.0.0","@fluentui/babel-make-styles":"^9.0.0-alpha.13","@fluentui/react-conformance":"^0.4.0","@types/enzyme-adapter-react-16":"1.0.3","@fluentui/jest-serializer-make-styles":"^9.0.0-alpha.15"},"peerDependencies":{"react":">=16.8.0 <18.0.0","@types/react":">=16.8.0 <18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_9.0.0-alpha.40_1622705715682_0.49019129101262915","host":"s3://npm-registry-packages"}},"9.0.0-alpha.41":{"name":"@fluentui/react-theme-provider","version":"9.0.0-alpha.41","license":"MIT","_id":"@fluentui/react-theme-provider@9.0.0-alpha.41","maintainers":[{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"jdhuntington","email":"jdhuntington@gmail.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"d587407cee6011f13efa8412d0cfd026768f7a55","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-9.0.0-alpha.41.tgz","fileCount":107,"integrity":"sha512-1jMX43Cqax6BHj92mzntWVcbZYgKOxtN/WXcuT78wt+fAxX80ZjNoDAS6adkBmIm6ERUCmUcVCyN8B+DmAQJZg==","signatures":[{"sig":"MEUCIQCzyxtXeC0JP8oyucnTbI5pi/xzgjJKR135qnjtoJnuzQIgYwRmaicIn4e9KHXGwCnUlUlejx2bhqDDG3bVK3Atl54=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":218974,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgudeuCRA9TVsSAnZWagAAZEAP/1+ZckimjYc5is/3vSer\nOvZPLKQnb5VvBzaE68iziq5n2EGzimGX0ksV6vZPyg2XxrPd9inDlrW8Ajdm\nEHsmZk6r9/Am+VTi3h/W2QmnXELAqoUWHPHuCz3ZlSvWtTi5PwJ5gZnMK5m1\nubtoU0weq1nz9KftpHVAfBgj73lhJrUlnqwk+bAI7MoZP00G2csNINsbx6PN\nv724KjY1s8MT/aDjj/SEUVyr5vzao0NDxWusS3T/PtOOHEli6Y6hIugf6mmU\nEx+gLaNx8bzm5z51t57wB648N86bCjTETKWtr8/rtsJWInfMfB+dRKqjfk3j\n8039/G+JCQNDHSDr6WJx+seX7OmWMgN9rqdM6vzFKveh+JClAoXpulHU4cBr\n4M7aJo6gPehcEvcxlQHEc21PIElekzF2zxIf2uOnm+TbCfHuBvMCMxhDh8cA\n3e0pQ6vLlKxXYOvlDr7VpZKoNAwk9PA0G1QhHRAj+U6eit5i7JEXjnkryBFI\nA4fcFWvwph7ltGRGCQMzFOlFEJaf2Kwmycx4+sYCsfrIMcnCky3ept68oIVr\nSqxAcP/FvhR3KrS9rma1+EELj5qMG/A//6z25oYYw7IIPaNXbltl80KuCFJf\nyV7wCKTdD2hhGBVkD3R+r9QcWry0qsITis7v63tUf0s7PBUy0NrEoF8zejtx\nJBfO\r\n=Ei0N\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","readme":"# @fluentui/react-theme-provider\n\n**React theming component and hook for [Fluent UI React](https://developer.microsoft.com/en-us/fluentui)**\n\n## Installation\n\n```bash\nyarn add @fluentui/react-theme-provider\n```\n\n## Example usage\n\nUse the theme with Fluent UI by wrapping content within the provider:\n\n```tsx\nimport { webLightTheme } from '@fluentui/react-theme';\nimport { ThemeProvider } from '@fluentui/react-theme-provider';\n\nexport const App = () => (\n  <ThemeProvider>\n    <App />\n  </ThemeProvider>\n);\n```\n\nYou can also nest `ThemeProvider`s:\n\n```tsx\nimport { webLightTheme, PartialTheme } from '@fluentui/react-theme';\nimport { ThemeProvider } from '@fluentui/react-theme-provider';\n\nconst headerTheme: PartialTheme = {\n  /* your customizations */\n};\n\nexport const App = () => (\n  <ThemeProvider theme={webLightTheme}>\n    <ThemeProvider theme={headerTheme}>\n      <App />\n    </ThemeProvider>\n\n    <App />\n  </ThemeProvider>\n);\n```\n\n## Accessing theme\n\n### useTheme\n\nTheme can be accessed using `useTheme` hook.\n\n```jsx\nimport { useTheme } from '@fluentui/react-theme-provider';\n\nconst Content = () => {\n  const theme = useTheme();\n};\n\nexport const App = () => (\n  <ThemeProvider>\n    <Content />\n  </ThemeProvider>\n);\n```\n","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","bundle":"just-scripts bundle","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"tag":"alpha","disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.6","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":false,"_nodeVersion":"12.18.3","dependencies":{"tslib":"^2.1.0","@fluentui/react-theme":"^9.0.0-alpha.14","@fluentui/react-utilities":"^9.0.0-alpha.27","@fluentui/react-make-styles":"^9.0.0-alpha.40","@fluentui/react-shared-contexts":"^9.0.0-alpha.14"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"16.8.6","enzyme":"~3.10.0","react-dom":"16.8.6","@types/jest":"24.9.1","@types/react":"16.9.42","@types/enzyme":"3.10.3","@types/react-dom":"16.9.10","@fluentui/scripts":"^1.0.0","@types/classnames":"^2.2.9","react-test-renderer":"^16.3.0","@fluentui/eslint-plugin":"^1.3.0","enzyme-adapter-react-16":"^1.15.0","@types/react-test-renderer":"^16.0.0","@fluentui/babel-make-styles":"^9.0.0-alpha.14","@fluentui/react-conformance":"^0.4.0","@types/enzyme-adapter-react-16":"1.0.3","@fluentui/jest-serializer-make-styles":"^9.0.0-alpha.16"},"peerDependencies":{"react":">=16.8.0 <18.0.0","@types/react":">=16.8.0 <18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_9.0.0-alpha.41_1622792110038_0.2979317377969555","host":"s3://npm-registry-packages"}},"9.0.0-alpha.42":{"name":"@fluentui/react-theme-provider","version":"9.0.0-alpha.42","license":"MIT","_id":"@fluentui/react-theme-provider@9.0.0-alpha.42","maintainers":[{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"jdhuntington","email":"jdhuntington@gmail.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"3e45eefbec591dd0d3035eae4d949fd8d46cfb61","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-9.0.0-alpha.42.tgz","fileCount":107,"integrity":"sha512-mtrTqxeBdrejsPtd9nYa1D9SyFUXQhwae9OjJAbBEWXG0qldKByQRMQ1dZpTCRif76yOKaT10w4im2jV9HTpew==","signatures":[{"sig":"MEUCIA0yYLHCh1qB0Gz/qeElICTDLDly/6qrRP0syAXiwDZLAiEAiZCdd9Z5Lb2C77tbSpPG87YhanEY0qKzHAOraVvRfYI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":221172,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgvcv9CRA9TVsSAnZWagAAJGcP/jcTNw9jnse65m0uPkBT\nplGZQroyhkaRnxoKsTvy+4qonELg8DdWjnQcGuDoa4rhO81yr1QU4pKKYr26\ncZVtLFHeHauDPNA7ICGAHV/ZfFrCqCPoi3VBIvAM4FR2bHAbLy35aEzgIVQQ\ntY/RcKtvFXLAk91Dtrme/iRCzyAuDvXRBpNg68hlVEbb6xu6cS1sgLFxJg9R\nZ0rGa3Ft6nbzSjd8CRDVBiDeTEZndFStn4+WHfL/vVcrsrkJPLQceqhU/edJ\n11ER/0QU7tidNbsnKQBFIMNXECFa6tO0FuTy62mu3rU13lChVNFTOk+5dqVu\nEPWcaNgE1KE7eTs1NJ9AfBDNSPf9CCmXyCj0ptVhm/dp1sMWktVIt+rRSGpU\nlgdqwK1HuRsSVerhSpvTYo9zm1aagE3443ltYFH2bKQt9qnuNOgs/7EwcZnt\n5xqj7jT0AOtzezPXU0LefzfsPgwshNKzF747GTdIn4usVFktTBl26WSi3YJa\nGP8mmMDmg51DUD9lCZZXMzAx9MiFfnG9Mn8h38r0zWZvI0XOuZgzyPIEqu1P\nERofE8o0LLOLmZtN10eQoUm6rW4wRAYoUfy1gZWOdAa9+bOZdprmzOu2gELQ\nBe/4EM7NhKdL4Rpgvta+9PZQGN63vz71JWlqwnL6IyXLPUnlb0K3A2UrNerJ\nc9zP\r\n=GwT1\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","readme":"# @fluentui/react-theme-provider\n\n**React theming component and hook for [Fluent UI React](https://developer.microsoft.com/en-us/fluentui)**\n\n## Installation\n\n```bash\nyarn add @fluentui/react-theme-provider\n```\n\n## Example usage\n\nUse the theme with Fluent UI by wrapping content within the provider:\n\n```tsx\nimport { webLightTheme } from '@fluentui/react-theme';\nimport { ThemeProvider } from '@fluentui/react-theme-provider';\n\nexport const App = () => (\n  <ThemeProvider>\n    <App />\n  </ThemeProvider>\n);\n```\n\nYou can also nest `ThemeProvider`s:\n\n```tsx\nimport { webLightTheme, PartialTheme } from '@fluentui/react-theme';\nimport { ThemeProvider } from '@fluentui/react-theme-provider';\n\nconst headerTheme: PartialTheme = {\n  /* your customizations */\n};\n\nexport const App = () => (\n  <ThemeProvider theme={webLightTheme}>\n    <ThemeProvider theme={headerTheme}>\n      <App />\n    </ThemeProvider>\n\n    <App />\n  </ThemeProvider>\n);\n```\n\n## Accessing theme\n\n### useTheme\n\nTheme can be accessed using `useTheme` hook.\n\n```jsx\nimport { useTheme } from '@fluentui/react-theme-provider';\n\nconst Content = () => {\n  const theme = useTheme();\n};\n\nexport const App = () => (\n  <ThemeProvider>\n    <Content />\n  </ThemeProvider>\n);\n```\n","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","bundle":"just-scripts bundle","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"tag":"alpha","disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.6","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":false,"_nodeVersion":"12.18.3","dependencies":{"tslib":"^2.1.0","@fluentui/react-theme":"^9.0.0-alpha.15","@fluentui/react-utilities":"^9.0.0-alpha.28","@fluentui/react-make-styles":"^9.0.0-alpha.41","@fluentui/react-shared-contexts":"^9.0.0-alpha.15"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"16.8.6","enzyme":"~3.10.0","react-dom":"16.8.6","@types/jest":"24.9.1","@types/react":"16.9.42","@types/enzyme":"3.10.3","@types/react-dom":"16.9.10","@fluentui/scripts":"^1.0.0","@types/classnames":"^2.2.9","react-test-renderer":"^16.3.0","@fluentui/eslint-plugin":"^1.3.1","enzyme-adapter-react-16":"^1.15.0","@types/react-test-renderer":"^16.0.0","@fluentui/babel-make-styles":"^9.0.0-alpha.15","@fluentui/react-conformance":"^0.4.1","@types/enzyme-adapter-react-16":"1.0.3","@fluentui/jest-serializer-make-styles":"^9.0.0-alpha.17"},"peerDependencies":{"react":">=16.8.0 <18.0.0","@types/react":">=16.8.0 <18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_9.0.0-alpha.42_1623051261388_0.3600056655713342","host":"s3://npm-registry-packages"}},"9.0.0-alpha.43":{"name":"@fluentui/react-theme-provider","version":"9.0.0-alpha.43","license":"MIT","_id":"@fluentui/react-theme-provider@9.0.0-alpha.43","maintainers":[{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"jdhuntington","email":"jdhuntington@gmail.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"61a5448bd14dabbe33bcbca20ddfc2d21fcb6ebc","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-9.0.0-alpha.43.tgz","fileCount":107,"integrity":"sha512-CeYN6BriSEjK/yx+v0F1bhdKchCeRcB9amAi0Firvdo8lWCCl11oAu5aC8nsffHuHmOV/mHr9HIBTCiiQ+3+Mw==","signatures":[{"sig":"MEUCIQC5oAWl2oaLZkpvwqYUxB5bUrwLzs6agucau0b2hE+FcAIgZ+39Iy8EO1kJyD8mg5/BYVVMwIYDagqoBTvm4bLLSEw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":222126,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgyFizCRA9TVsSAnZWagAAqlAP/09NaEu/9ycNU7SKkxLu\nPvezxmwhn5c3z49EN0Px8Ky3N2zcG0nht9VXn2fC1SbcEZBt4k0Tv4KfznHN\n1t3YyiEXrahoeI+7vNeHNfG27bbpAYc2pbSU10JY7YC6wIEPpLBD3qlolFqq\n0vvnOBCs2ZdDVcPLs4NtmpdjkxSz9pK7p9NqE/EpCRnVZh1btf2PegbgNdJO\nS9MGV4aAoAxREY13GqjMJ/kY4wDvbxYm0a5XwDEn053aoXd63cUOtCwYFltL\nx9kQFIBD61kqyklcxl63/nCfIllAnP5jow3yxLG3o+krdSECVpOvNe7BHzP4\noY8uSB+9FiwdFR3++SCNsGC/5FvKLNhSizlL+TfD4CwGPUcWv82/GBDWUpFd\nDBWK7PcdSB1l3htVw10W6Mp/CRZ5wbdE5BD0mSAXdtGwzj9DR8/C1UZhWULZ\n2WJEN8wtatJZqH2c+iEgV5/vwD2CTacMbtu7vFgG6qgghmSMbHT3XO0yMhPx\nQpWIZGeT9qUs7UJrx8/rOBLH9LLu5J3Ngj68kI5OVI8V+LdUtVrMjMECh5Mc\noan7YrXCZFxMdno2Et0Xg4vZzggergXbUdyroCoc/igxneSyRFI27g3Sj0rC\n2xR/IVSQXANjQcJWkF+y70EYP9hgZxNcdgp/8WVaKeV30/svSy4bs9V7s7PM\n3gOJ\r\n=Vg60\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","readme":"# @fluentui/react-theme-provider\n\n**React theming component and hook for [Fluent UI React](https://developer.microsoft.com/en-us/fluentui)**\n\n## Installation\n\n```bash\nyarn add @fluentui/react-theme-provider\n```\n\n## Example usage\n\nUse the theme with Fluent UI by wrapping content within the provider:\n\n```tsx\nimport { webLightTheme } from '@fluentui/react-theme';\nimport { ThemeProvider } from '@fluentui/react-theme-provider';\n\nexport const App = () => (\n  <ThemeProvider>\n    <App />\n  </ThemeProvider>\n);\n```\n\nYou can also nest `ThemeProvider`s:\n\n```tsx\nimport { webLightTheme, PartialTheme } from '@fluentui/react-theme';\nimport { ThemeProvider } from '@fluentui/react-theme-provider';\n\nconst headerTheme: PartialTheme = {\n  /* your customizations */\n};\n\nexport const App = () => (\n  <ThemeProvider theme={webLightTheme}>\n    <ThemeProvider theme={headerTheme}>\n      <App />\n    </ThemeProvider>\n\n    <App />\n  </ThemeProvider>\n);\n```\n\n## Accessing theme\n\n### useTheme\n\nTheme can be accessed using `useTheme` hook.\n\n```jsx\nimport { useTheme } from '@fluentui/react-theme-provider';\n\nconst Content = () => {\n  const theme = useTheme();\n};\n\nexport const App = () => (\n  <ThemeProvider>\n    <Content />\n  </ThemeProvider>\n);\n```\n","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","bundle":"just-scripts bundle","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"tag":"alpha","disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.12","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":false,"_nodeVersion":"12.22.1","dependencies":{"tslib":"^2.1.0","@fluentui/react-theme":"^9.0.0-alpha.15","@fluentui/react-utilities":"^9.0.0-alpha.29","@fluentui/react-make-styles":"^9.0.0-alpha.42","@fluentui/react-shared-contexts":"^9.0.0-alpha.15"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"16.8.6","enzyme":"~3.10.0","react-dom":"16.8.6","@types/jest":"24.9.1","@types/react":"16.9.42","@types/enzyme":"3.10.3","@types/react-dom":"16.9.10","@fluentui/scripts":"^1.0.0","@types/classnames":"^2.2.9","react-test-renderer":"^16.3.0","@fluentui/eslint-plugin":"^1.3.1","enzyme-adapter-react-16":"^1.15.0","@types/react-test-renderer":"^16.0.0","@fluentui/babel-make-styles":"^9.0.0-alpha.16","@fluentui/react-conformance":"^0.4.1","@types/enzyme-adapter-react-16":"1.0.3","@fluentui/jest-serializer-make-styles":"^9.0.0-alpha.18"},"peerDependencies":{"react":">=16.8.0 <18.0.0","@types/react":">=16.8.0 <18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_9.0.0-alpha.43_1623742643608_0.6912948534896388","host":"s3://npm-registry-packages"}},"9.0.0-alpha.44":{"name":"@fluentui/react-theme-provider","version":"9.0.0-alpha.44","license":"MIT","_id":"@fluentui/react-theme-provider@9.0.0-alpha.44","maintainers":[{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"jdhuntington","email":"jdhuntington@gmail.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"a2e6a35c589c3ac12a0cec56b0d45e05b0e0c041","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-9.0.0-alpha.44.tgz","fileCount":107,"integrity":"sha512-s9hNW/pn4yuHSavxNr6yF7BWg3rxJHFBRWpket/M9NUaQRSGXboEXt3bOWg2/Zbz6mxbax2SRnFK/PYQ0EJc/g==","signatures":[{"sig":"MEYCIQC/4A9YrhYcLY0zH4gAY3+HfBeaLIvEWjMlA1KK5IKEMwIhALWKnklS7AtPHNVRutsm+ZLOxr6/dsCEbWbyjNaRp4kJ","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":223574,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg0ZJQCRA9TVsSAnZWagAA00kP/1StHg+C1DKisevb8E+7\n+V1fu8itugG6sgjhf7Xt7jAqILa/k0mU0Z8ck1KG7+9Sm2Rm1VQHYa7Veeyc\naT32D8DShdzv+vSS8rvKSo8VICLTMvaUSY7UhIGfAxkb0xdWcWGo7Wh6zHIV\nCpykvqXGONpaO2UV98v21ywO9P1JBdsHZCIu93bvXwJIJwVz6+R+IDeptq08\nfSIpksbSWlfx2+JOHOsxXQMmJqhNHoFm/4SfDT1MTG6XAMhb4I8BCFVplZ+r\nkEvDSYa2mva2wJtLdvkAbKuL89ZnWoO8RQ68A2WLo7iLnscJnBzajYCqRijL\ndekMP2XeOiPreQaIvAlE4dWoo02eX96Sh6+88Hpx0FmXapQiVBYPJhO5kutZ\nczTUIPTbAQ8tkNWeosYbqPn+DDpnuZHlGfyNCFO4rW0/FicxLBlE0+63Fwzt\nAhXRcpq5AU291V/crZmsx4eCuavGv903tzsZVm6Ot74B20bMmGmpbWoILeDA\nRUH37q/rROqh//3CeHfAE7tHx2lpJ/hWdzyb0fZw0o+mlFuCMOuo0G7NDDOe\nSuznnSo/imQgV0wBUOTDblphzUB/E5WyJYAMJPHbNLLLIkA1aEM0wCOYxpWW\nWlUpm8l0bjC8YqbBLptAdpnwfITNRYzQokXefNRXHROYyxQ8TFyvPc11/XWW\n5M5G\r\n=C24n\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","readme":"# @fluentui/react-theme-provider\n\n**React theming component and hook for [Fluent UI React](https://developer.microsoft.com/en-us/fluentui)**\n\n## Installation\n\n```bash\nyarn add @fluentui/react-theme-provider\n```\n\n## Example usage\n\nUse the theme with Fluent UI by wrapping content within the provider:\n\n```tsx\nimport { webLightTheme } from '@fluentui/react-theme';\nimport { ThemeProvider } from '@fluentui/react-theme-provider';\n\nexport const App = () => (\n  <ThemeProvider>\n    <App />\n  </ThemeProvider>\n);\n```\n\nYou can also nest `ThemeProvider`s:\n\n```tsx\nimport { webLightTheme, PartialTheme } from '@fluentui/react-theme';\nimport { ThemeProvider } from '@fluentui/react-theme-provider';\n\nconst headerTheme: PartialTheme = {\n  /* your customizations */\n};\n\nexport const App = () => (\n  <ThemeProvider theme={webLightTheme}>\n    <ThemeProvider theme={headerTheme}>\n      <App />\n    </ThemeProvider>\n\n    <App />\n  </ThemeProvider>\n);\n```\n\n## Accessing theme\n\n### useTheme\n\nTheme can be accessed using `useTheme` hook.\n\n```jsx\nimport { useTheme } from '@fluentui/react-theme-provider';\n\nconst Content = () => {\n  const theme = useTheme();\n};\n\nexport const App = () => (\n  <ThemeProvider>\n    <Content />\n  </ThemeProvider>\n);\n```\n","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","bundle":"just-scripts bundle","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"tag":"alpha","disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.6","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":false,"_nodeVersion":"12.18.4","dependencies":{"tslib":"^2.1.0","@fluentui/react-theme":"^9.0.0-alpha.15","@fluentui/react-utilities":"^9.0.0-alpha.29","@fluentui/react-make-styles":"^9.0.0-alpha.42","@fluentui/react-shared-contexts":"^9.0.0-alpha.15"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"16.8.6","enzyme":"~3.10.0","react-dom":"16.8.6","@types/jest":"24.9.1","@types/react":"16.9.42","@types/enzyme":"3.10.3","@types/react-dom":"16.9.10","@fluentui/scripts":"^1.0.0","@types/classnames":"^2.2.9","react-test-renderer":"^16.3.0","@fluentui/eslint-plugin":"^1.3.1","enzyme-adapter-react-16":"^1.15.0","@types/react-test-renderer":"^16.0.0","@fluentui/babel-make-styles":"^9.0.0-alpha.17","@fluentui/react-conformance":"^0.4.1","@types/enzyme-adapter-react-16":"1.0.3","@fluentui/jest-serializer-make-styles":"^9.0.0-alpha.18"},"peerDependencies":{"react":">=16.8.0 <18.0.0","@types/react":">=16.8.0 <18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_9.0.0-alpha.44_1624347215713_0.20518162650931204","host":"s3://npm-registry-packages"}},"9.0.0-alpha.45":{"name":"@fluentui/react-theme-provider","version":"9.0.0-alpha.45","license":"MIT","_id":"@fluentui/react-theme-provider@9.0.0-alpha.45","maintainers":[{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"jdhuntington","email":"jdhuntington@gmail.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"27d04a3bf3a561f4c2a7abe4d768bc050c8c430e","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-9.0.0-alpha.45.tgz","fileCount":107,"integrity":"sha512-0XPS9TG4i9iDJxQ09rF8jIAywO7KY3a4HCGOVG6dGNAP78w9GqEhGDo+dLbhLSH41E9SQuuUS2Fp6JKTQz0SlA==","signatures":[{"sig":"MEYCIQCNd1JGepcWKo1+FnuoiMSHIOxwip3hggNIFyfA4Ty7egIhAOBmFkoKFguV7hrkqA/z4cKoullZ94AMr7nGu+tjENYm","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":225212,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg2swpCRA9TVsSAnZWagAAZMwP/0V7DASrQUjgP4sclD8k\n05Xad1BHUzHFQPxG8DwF0iUta2e46kne9BfE2bDD8rdMJtOZCu0p3b4Q8UI8\nsTz/Cj/3vgFGMXHbk2fraPpV74jVlf9FyshZg556ESzg2nSnW+Gv5UPKpWpr\nq5lwMfOptsxc8v0p4hFTe64TzesxbFmwOqt5sfzqDuXvkosuO3r6mwwl1jGB\ndu6wnoSH743h8CdK5ZcT62VmgziuU4Dzy4goPvL37HkwbKdAw3nzmDvZvDSl\nKCVq7FYL9uxvOfrOXh1v1oQPt5Fi0MT6bmKm6T+VW+qvdm4q4AAKiEZdc43A\nsyXsFgZSAvu3I5yzW4/gzjXtEo/cJWiaeFdsSwIhvsavyQsi4SqZTiAeCZcV\n0wIdrObC6wCrTlf87KXSMowGj0OWCVkiPnuA9El3eLJs9FehAf3f8/+bKilm\nffjSDWl0kkec8J0gWgWJsQUxWNbs8OXrEKVNwcg/pQbkCxhyDJM6a22SLEAX\niwI27B+cgdM01WFOpCREO4eBVkANXzt84yt70fxHQbIX1Vk4NYYsXl/vl5LP\nMyPubfWsdGJ/AwMXPMpl4RGVVwwDrCRKPhjrH+nGxHUMq5J3RCzOfei2tOB1\n1yOj2vM7sSRjOhLGd4UjU1EIrTjizULWYT7UjuY7sjnM2SOth4sJ4XwiMjSv\nIL3l\r\n=3XZT\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","readme":"# @fluentui/react-theme-provider\n\n**React theming component and hook for [Fluent UI React](https://developer.microsoft.com/en-us/fluentui)**\n\n## Installation\n\n```bash\nyarn add @fluentui/react-theme-provider\n```\n\n## Example usage\n\nUse the theme with Fluent UI by wrapping content within the provider:\n\n```tsx\nimport { webLightTheme } from '@fluentui/react-theme';\nimport { ThemeProvider } from '@fluentui/react-theme-provider';\n\nexport const App = () => (\n  <ThemeProvider>\n    <App />\n  </ThemeProvider>\n);\n```\n\nYou can also nest `ThemeProvider`s:\n\n```tsx\nimport { webLightTheme, PartialTheme } from '@fluentui/react-theme';\nimport { ThemeProvider } from '@fluentui/react-theme-provider';\n\nconst headerTheme: PartialTheme = {\n  /* your customizations */\n};\n\nexport const App = () => (\n  <ThemeProvider theme={webLightTheme}>\n    <ThemeProvider theme={headerTheme}>\n      <App />\n    </ThemeProvider>\n\n    <App />\n  </ThemeProvider>\n);\n```\n\n## Accessing theme\n\n### useTheme\n\nTheme can be accessed using `useTheme` hook.\n\n```jsx\nimport { useTheme } from '@fluentui/react-theme-provider';\n\nconst Content = () => {\n  const theme = useTheme();\n};\n\nexport const App = () => (\n  <ThemeProvider>\n    <Content />\n  </ThemeProvider>\n);\n```\n","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","bundle":"just-scripts bundle","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"tag":"alpha","disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.12","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":false,"_nodeVersion":"12.22.1","dependencies":{"tslib":"^2.1.0","@fluentui/react-theme":"^9.0.0-alpha.15","@fluentui/react-utilities":"^9.0.0-alpha.29","@fluentui/react-make-styles":"^9.0.0-alpha.43","@fluentui/react-shared-contexts":"^9.0.0-alpha.15"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"16.8.6","enzyme":"~3.10.0","react-dom":"16.8.6","@types/jest":"24.9.1","@types/react":"16.9.42","@types/enzyme":"3.10.3","@types/react-dom":"16.9.10","@fluentui/scripts":"^1.0.0","@types/classnames":"^2.2.9","react-test-renderer":"^16.3.0","@fluentui/eslint-plugin":"^1.3.1","enzyme-adapter-react-16":"^1.15.0","@types/react-test-renderer":"^16.0.0","@fluentui/babel-make-styles":"^9.0.0-alpha.18","@fluentui/react-conformance":"^0.4.1","@types/enzyme-adapter-react-16":"1.0.3","@fluentui/jest-serializer-make-styles":"^9.0.0-alpha.19"},"peerDependencies":{"react":">=16.8.0 <18.0.0","@types/react":">=16.8.0 <18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_9.0.0-alpha.45_1624951849247_0.9868271047027153","host":"s3://npm-registry-packages"}},"9.0.0-alpha.46":{"name":"@fluentui/react-theme-provider","version":"9.0.0-alpha.46","license":"MIT","_id":"@fluentui/react-theme-provider@9.0.0-alpha.46","maintainers":[{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"jdhuntington","email":"jdhuntington@gmail.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"5d3eb1f97899af2a9298fd2c3ae0bedde88487c4","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-9.0.0-alpha.46.tgz","fileCount":107,"integrity":"sha512-HbeNXnMosnTGRsRtUWG2o4KH6V0FglO/nHdtzBDzOfqeTkZ/f/TmM8FDQJgu85acJBZ9lUGDtBR7R9uFGVsCQA==","signatures":[{"sig":"MEUCIGixvTsdsKyczp8xikHSjwxJk6m8LzkoRLGwvDrP6dCzAiEA1YPCQiLmv16pdqRlKZUu7aGqOx5NOkmRog3AI4jREO8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":226174,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg3B8iCRA9TVsSAnZWagAAvcEP/AoY8r6aVZThw550+oaa\n6zvEkOS/4FH4ktYrGqGJZA9F4SX4z8tbheJI3g5Z6srz//MRb+TgQoX2sOCm\nWcnLJfyW08b19tBG7yVovP7IMPWwqmcWNdBkDdgGC24L4Aur0dBELsJlnzGz\nT/eAOHqAgJ6qz0BzwDJlPknjgt/6f0MHWIY5Ajz42+0QCzRV6UTsbmYjVG2R\n3KASZ0M29PnnitYyzI2TNzkW1Qs1w8KFI7zTOHyDKN0b03FGQ4lckRNYAnJP\nQj5fJRZT+Vf/YbK8keXHED5SQ0gA9a20nu8p94w5vPeQxKfFNA6AusLsc5pO\n4kJJ7aKuhzpSgbbbl2jq2WU7ktX84V8mdrMVf38G2xT3F4DDZb83bXrhSirW\nr5/znOwPf+WTqzADuN5RaavMgZoVOTDf9kygB1PmvFPPoG5HsC1pN03envdU\nKx9oQl/cuK7F45m1o8Eo12uLJ73aHyEC3ad58gBNe+9MWUu0hFk+JJA/ermB\nVcOMtdRibwyhEOIZyupRHFbUSB9FBYTGGfpzn64gYPKbaH14BCe7AqJDvZbG\nE/bELYkOWfVAiIgoubZL5WrepbaVYE/2HQLMzWNrRMJmVRrF3lUHFKxbrwNO\nGLIJvsj2PZ2+Z19MOX3vGNzCXeKZrpOYJdNfhw57fzt0KBwMP051ps19i0VL\nAr+e\r\n=pXih\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","readme":"# @fluentui/react-theme-provider\n\n**React theming component and hook for [Fluent UI React](https://developer.microsoft.com/en-us/fluentui)**\n\n## Installation\n\n```bash\nyarn add @fluentui/react-theme-provider\n```\n\n## Example usage\n\nUse the theme with Fluent UI by wrapping content within the provider:\n\n```tsx\nimport { webLightTheme } from '@fluentui/react-theme';\nimport { ThemeProvider } from '@fluentui/react-theme-provider';\n\nexport const App = () => (\n  <ThemeProvider>\n    <App />\n  </ThemeProvider>\n);\n```\n\nYou can also nest `ThemeProvider`s:\n\n```tsx\nimport { webLightTheme, PartialTheme } from '@fluentui/react-theme';\nimport { ThemeProvider } from '@fluentui/react-theme-provider';\n\nconst headerTheme: PartialTheme = {\n  /* your customizations */\n};\n\nexport const App = () => (\n  <ThemeProvider theme={webLightTheme}>\n    <ThemeProvider theme={headerTheme}>\n      <App />\n    </ThemeProvider>\n\n    <App />\n  </ThemeProvider>\n);\n```\n\n## Accessing theme\n\n### useTheme\n\nTheme can be accessed using `useTheme` hook.\n\n```jsx\nimport { useTheme } from '@fluentui/react-theme-provider';\n\nconst Content = () => {\n  const theme = useTheme();\n};\n\nexport const App = () => (\n  <ThemeProvider>\n    <Content />\n  </ThemeProvider>\n);\n```\n","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","bundle":"just-scripts bundle","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"tag":"alpha","disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.12","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":false,"_nodeVersion":"12.22.1","dependencies":{"tslib":"^2.1.0","@fluentui/react-theme":"^9.0.0-alpha.15","@fluentui/react-utilities":"^9.0.0-alpha.29","@fluentui/react-make-styles":"^9.0.0-alpha.44","@fluentui/react-shared-contexts":"^9.0.0-alpha.15"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"16.8.6","enzyme":"~3.10.0","react-dom":"16.8.6","@types/jest":"24.9.1","@types/react":"16.9.42","@types/enzyme":"3.10.3","@types/react-dom":"16.9.10","@fluentui/scripts":"^1.0.0","@types/classnames":"^2.2.9","react-test-renderer":"^16.3.0","@fluentui/eslint-plugin":"^1.3.1","enzyme-adapter-react-16":"^1.15.0","@types/react-test-renderer":"^16.0.0","@fluentui/babel-make-styles":"^9.0.0-alpha.19","@fluentui/react-conformance":"^0.4.1","@types/enzyme-adapter-react-16":"1.0.3","@fluentui/jest-serializer-make-styles":"^9.0.0-alpha.20"},"peerDependencies":{"react":">=16.8.0 <18.0.0","@types/react":">=16.8.0 <18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_9.0.0-alpha.46_1625038626093_0.3271742464008429","host":"s3://npm-registry-packages"}},"0.19.0":{"name":"@fluentui/react-theme-provider","version":"0.19.0","license":"MIT","_id":"@fluentui/react-theme-provider@0.19.0","maintainers":[{"name":"chrisdholt","email":"chrisholtco@gmail.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"},{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"66dab077e1617e0abdbf8321dfe2c3cd9b133f6e","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-0.19.0.tgz","fileCount":246,"integrity":"sha512-WlWebecjTPFhMg2LGb+QpYB7a8eP+ygRZ8fgnGfQHmghiCNAlWN4WXcvH3oIscFyNbGX9tpPqWmo4gr0jTHvlg==","signatures":[{"sig":"MEUCIQDHjeVtDKJ7XcmPfB3ICIyMfYiwuCMMu51phQZZFRTXagIgU3OnmxgIyamWKnbYCCjk/FAtxVbaSesSOE/lsuS7Wtc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":29948546,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhKNkUCRA9TVsSAnZWagAArAQP/25WZdJLCVPSp+jGAub9\n+nEr1xKzFpSroUh4LWohbGqhcBnqs/61yd5vzXTQ1GQp9OBKOgq4E+RUP8Ou\nixotn8XDQo8S/wyp29C/42z+jkmzFDJyTMvL77tWwqM0K1Yko65YCLApyfu9\nVSt1YmPHcr6DOnTo7l9jSRqebaIj1sgc++eIx6hKnJWlGlOgeIZubLy4OPa6\nWb8xECvqLEzZLeo9rvcOxBGk/GuR7uvXLPkihHwObqo4VOzCA2Xm817DwNFL\nkJ+9F1gCpAe3+dHVjrzShDrXiZg7rNejOd5sSbgG3VIDH8z/7W9tKVjB8ytR\nT4cQn+46xlA5t5yBFWLLHHD8TrbOMScJ26W1/ItEeWeJRxEDBCVFRas3M+L4\nGHBNByEG9t6ydMK612HuApZf08beqJfW7o2Bct62iwQTKr6qAoRTm/3KqZXI\nj5z6gBHpWoDPpn2Qj9oXn+m9TwBSV0Dh3USkordEWqxr+T41Vpe/ZXD+LQtW\nIokyhqcrNKQuNyn3MJlZTnB4z6MTR/TKTuX1l7bjB1/mJ58j6pwsaPHWonfS\nQcbN+DIqX48cuTgpN1N72NvbCDx00BxmlVAeq4k2g+898i1FT3bA1MjuU5n6\nxVfiAfQ9yjTUmv+5SJusaXjF+yjw+jSWWIvF9Ve2DIRI9PNNjtMm29rw+Abz\nq4mq\r\n=Pb21\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","readme":"# @fluentui/react-theme-provider\n\n**React theming component and hook for [Fluent UI React](https://developer.microsoft.com/en-us/fluentui)**\n\n## Installation\n\n```bash\nyarn add @fluentui/react-theme-provider\n```\n\n## Example usage\n\nUse the theme with Fluent UI by wrapping content within the provider. If `theme` is not provided, default (Fluent) theme will be provided:\n\n```tsx\nimport { ThemeProvider } from '@fluentui/react-theme-provider';\n\nexport const App = () => (\n  <ThemeProvider>\n    <>...app</>\n  </ThemeProvider>\n);\n```\n\nYou can also customize your own theme:\n\n```tsx\nimport { ThemeProvider, PartialTheme } from '@fluentui/react-theme-provider';\n\nconst appTheme: PartialTheme = {\n  palette: {\n    themePrimary: 'red'\n    ...\n  }\n};\n\nexport const App = () => (\n  <ThemeProvider theme={appTheme}>\n    App content ...\n  </ThemeProvider>\n);\n```\n\nYou can also nest `ThemeProvider`s:\n\n```tsx\nimport { ThemeProvider, PartialTheme } from '@fluentui/react-theme-provider';\n\nconst appTheme: PartialTheme = {\n  palette: {\n    themePrimary: 'red'\n    ...\n  }\n};\n\nconst headerTheme: PartialTheme = {\n  palette: {\n    themePrimary: 'orange'\n    ...\n  }\n};\n\nexport const App = () => (\n  <ThemeProvider theme={appTheme}>\n    <ThemeProvider theme={headerTheme}>\n      <MyHeader />\n    </ThemeProvider>\n\n    App content ...\n  </ThemeProvider>\n);\n```\n\nYou can apply component-level styles:\n\n```tsx\nimport { Checkbox } from '@fluentui/react';\nimport { ThemeProvider, createTheme } from '@fluentui/react-theme-provider';\n\nexport const App = () => (\n  <ThemeProvider\n    theme={{\n      components: { Checkbox: { styles: { root: { background: 'red' } } } },\n    }}\n  >\n    <Checkbox />\n  </ThemeProvider>\n);\n```\n\n## Accessing theme\n\n### useTheme\n\nTheme can be accessed using `useTheme` hook. If you are specifically accessing theme to create classes/styles, you can use `makeStyles` described below.\n\n```jsx\nimport { useTheme } from '@fluentui/react-theme-provider';\n\nconst Content = () => {\n  const theme = useTheme();\n  ...\n};\n\nexport const App = () => (\n  <ThemeProvider>\n    <Content />\n  </ThemeProvider>\n);\n```\n\n### ThemeContext.Consumer\n\nTheme can be accessed in Class Component using `ThemeContext.Consumer`.\n\n```tsx\nimport { Theme, ThemeContext } from '@fluentui/react-theme-provider';\n\nclass Content extends React.Component {\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme: Theme | undefined) => {\n          ...\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n}\n\nexport const App = () => (\n  <ThemeProvider>\n    <Content />\n  </ThemeProvider>\n);\n```\n\n### Create classes for React components based on theme\n\nTheme can be accessed using the `makeStyles` hook. This hook abstracts rendering css given the theme object:\n\n```jsx\nimport { makeStyles } from '@fluentui/react-theme-provider';\n\nconst useFooStyles = makeStyles(theme => ({\n    root: {\n      background: theme.semanticColors.bodyBackground,\n      ':hover': {\n        background: theme.semanticColors.bodyBackgroundHovered\n    },\n}));\n\nconst Foo = props => {\n  const classes = useFooStyles();\n\n  return <div className={classes.root} />;\n};\n```\n\n## How does this change other existing ways of theming Fluent UI components?\n\n### Customizer\n\n`Customizer` is now deprecated and you should replace it with `ThemeProvider`.\n`CustomizerContext` is now deprecated and you should replace it with `ThemeContext` or `useTheme` hook.\n\nDeprecations remain to be functional as is but they will be removed in Fluent UI v9 release.\n\n#### Replace settings prop\n\nBefore:\n\n```jsx\n<Customizer settings={{ theme }} />\n```\n\nAfter:\n\n```jsx\n<ThemeProvider theme={theme} />\n```\n\n#### Replace scopedSettings prop\n\nBefore:\n\n```jsx\n<Customizer\n  scopedSettings={{\n    Checkbox: {\n      styles: CheckboxStyles,\n    },\n  }}\n/>\n```\n\nAfter:\n\n```jsx\n<ThemeProvider\n  theme={{\n    components: { Checkbox: { styles: CheckboxStyles } },\n  }}\n/>\n```\n\n#### Replace CustomizerContext\n\nBefore:\n\n```jsx\n  <CustomizerContext.Consumer>\n    {(parentContext: ICustomizerContext) => {\n      const theme = parentContext.customizations.settings;\n      ...\n    }\n  </CustomizerContext.Consumer>\n```\n\nAfter:\nSee options in [Accessing theme](https://github.com/microsoft/fluentui/blob/master/packages/react-theme-provider/README.md#accessing-theme).\n\n### loadTheme\n\n`loadTheme` remains to work as is. However, you are recommended to replace `loadTheme` with `ThemeProvider`. That way, your application consistently has one way of providing theme.\n\nTo do that, instead of calling `loadTheme(your_theme)`, you will simply wrap the root component of your React application once with `ThemeProvider`:\n\n```jsx\n<ThemeProvider theme={your_theme}>\n  <App />\n</ThemeProvider>\n```\n\nOne caveat here is that if you app has styles which relies on `@microsoft/load-themed-styles`, `ThemeProvider` won't be able to replace `loadTheme` in this case.\n\n### Fabric component\n\nInstead of using `Fabric` component, you can now replace it fully with `ThemeProvider`. Here is how to replace each prop usage:\n\n| Fabric             | ThemeProvider                                                                                                                                                                                       |\n| ------------------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| `componentRef`     | `ref`                                                                                                                                                                                               |\n| `as`               | `as`                                                                                                                                                                                                |\n| `theme`            | `theme`                                                                                                                                                                                             |\n| `styles`           | Not longer support `styles` prop. If you need to style the root element, you can do that using (inline) style or className prop. Setting arbitrary styles for document body is no longer supported. |\n| `applyTheme`       | This is now applied by default, or by setting `applyTo=\"element\"`. If you don't want any body styles to be applied on root element, you can set `applyTo=\"none\"`.                                   |\n| `applyThemeToBody` | `applyTo=\"body\"`                                                                                                                                                                                    |\n| `dir`              | set `rtl` in `theme` prop                                                                                                                                                                           |\n\n#### Other call-outs\n\n- `ThemeProvider` by default sets `background-color` for the root element using `theme.semanticColors.bodyBackground`. If you find the background color being incorrect after switching to `ThemeProvider`, the right fix is likely that you need to update your theme definition to have the correct `bodyBackground`. Or, if you don't want any default stylings applied to the root element, you can set `applyTo` prop to `\"none\"`.\n- `ThemeProvider` does not set `font-family: inherit` on all native `button`, `input`, `textArea` elements. If you find any Fluent UI component having incorrect fonts after switching to `ThemeProvider`, please [report an issue](https://github.com/microsoft/fluentui/issues/new?template=bug_report.md).\n","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","bundle":"just-scripts bundle","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-api":"just-scripts update-api","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"tag":"lts-7"},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.14","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":["lib/version.js"],"_nodeVersion":"12.22.5","dependencies":{"tslib":"^1.10.0","classnames":"^2.2.6","@fluentui/theme":"^1.7.4","@uifabric/utilities":"^7.33.5","@uifabric/react-hooks":"^7.14.0","@uifabric/set-version":"^7.0.24","@uifabric/merge-styles":"^7.19.2","@fluentui/react-compose":"^0.19.15","@fluentui/react-stylesheets":"^0.2.5","@fluentui/react-window-provider":"^1.0.2"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"16.8.6","enzyme":"~3.10.0","react-dom":"16.8.6","@types/jest":"~24.9.0","@types/react":"16.8.25","@types/enzyme":"3.10.3","@uifabric/build":"^7.0.0","@types/react-dom":"16.8.4","@types/classnames":"^2.2.9","@uifabric/styling":"^7.19.1","@types/webpack-env":"1.15.1","react-test-renderer":"^16.3.0","@fluentui/eslint-plugin":"^0.54.2","enzyme-adapter-react-16":"^1.15.0","@uifabric/test-utilities":"^7.3.1","@types/react-test-renderer":"^16.0.0","@types/enzyme-adapter-react-16":"1.0.3"},"peerDependencies":{"react":">=16.8.0 <17.0.0","@types/react":">=16.8.0 <17.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_0.19.0_1630066964137_0.618564560808079","host":"s3://npm-registry-packages"}},"0.19.1":{"name":"@fluentui/react-theme-provider","version":"0.19.1","license":"MIT","_id":"@fluentui/react-theme-provider@0.19.1","maintainers":[{"name":"chrisdholt","email":"chrisholtco@gmail.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"},{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"62b2e4715cdf1ecb8346e3352c9f78f7a07959ef","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-0.19.1.tgz","fileCount":246,"integrity":"sha512-+Ox3sdNslAgt4fI6oetAmqUtGN9t++nsfgnXx36xZuTZLkczBcvbssapTsuXJTg3Y2Qt2XOOUWpZEJIfhUxeZQ==","signatures":[{"sig":"MEYCIQD6kwkHacfEusFejwbuhEhlzP9pWzUZ7yLTiYpvYO/T9QIhAJjjhkzCswSfAMKwssUszmRsaM5G6tVLUSPWt99mMOsF","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":29974359},"main":"lib-commonjs/index.js","module":"lib/index.js","readme":"# @fluentui/react-theme-provider\n\n**React theming component and hook for [Fluent UI React](https://developer.microsoft.com/en-us/fluentui)**\n\n## Installation\n\n```bash\nyarn add @fluentui/react-theme-provider\n```\n\n## Example usage\n\nUse the theme with Fluent UI by wrapping content within the provider. If `theme` is not provided, default (Fluent) theme will be provided:\n\n```tsx\nimport { ThemeProvider } from '@fluentui/react-theme-provider';\n\nexport const App = () => (\n  <ThemeProvider>\n    <>...app</>\n  </ThemeProvider>\n);\n```\n\nYou can also customize your own theme:\n\n```tsx\nimport { ThemeProvider, PartialTheme } from '@fluentui/react-theme-provider';\n\nconst appTheme: PartialTheme = {\n  palette: {\n    themePrimary: 'red'\n    ...\n  }\n};\n\nexport const App = () => (\n  <ThemeProvider theme={appTheme}>\n    App content ...\n  </ThemeProvider>\n);\n```\n\nYou can also nest `ThemeProvider`s:\n\n```tsx\nimport { ThemeProvider, PartialTheme } from '@fluentui/react-theme-provider';\n\nconst appTheme: PartialTheme = {\n  palette: {\n    themePrimary: 'red'\n    ...\n  }\n};\n\nconst headerTheme: PartialTheme = {\n  palette: {\n    themePrimary: 'orange'\n    ...\n  }\n};\n\nexport const App = () => (\n  <ThemeProvider theme={appTheme}>\n    <ThemeProvider theme={headerTheme}>\n      <MyHeader />\n    </ThemeProvider>\n\n    App content ...\n  </ThemeProvider>\n);\n```\n\nYou can apply component-level styles:\n\n```tsx\nimport { Checkbox } from '@fluentui/react';\nimport { ThemeProvider, createTheme } from '@fluentui/react-theme-provider';\n\nexport const App = () => (\n  <ThemeProvider\n    theme={{\n      components: { Checkbox: { styles: { root: { background: 'red' } } } },\n    }}\n  >\n    <Checkbox />\n  </ThemeProvider>\n);\n```\n\n## Accessing theme\n\n### useTheme\n\nTheme can be accessed using `useTheme` hook. If you are specifically accessing theme to create classes/styles, you can use `makeStyles` described below.\n\n```jsx\nimport { useTheme } from '@fluentui/react-theme-provider';\n\nconst Content = () => {\n  const theme = useTheme();\n  ...\n};\n\nexport const App = () => (\n  <ThemeProvider>\n    <Content />\n  </ThemeProvider>\n);\n```\n\n### ThemeContext.Consumer\n\nTheme can be accessed in Class Component using `ThemeContext.Consumer`.\n\n```tsx\nimport { Theme, ThemeContext } from '@fluentui/react-theme-provider';\n\nclass Content extends React.Component {\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme: Theme | undefined) => {\n          ...\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n}\n\nexport const App = () => (\n  <ThemeProvider>\n    <Content />\n  </ThemeProvider>\n);\n```\n\n### Create classes for React components based on theme\n\nTheme can be accessed using the `makeStyles` hook. This hook abstracts rendering css given the theme object:\n\n```jsx\nimport { makeStyles } from '@fluentui/react-theme-provider';\n\nconst useFooStyles = makeStyles(theme => ({\n    root: {\n      background: theme.semanticColors.bodyBackground,\n      ':hover': {\n        background: theme.semanticColors.bodyBackgroundHovered\n    },\n}));\n\nconst Foo = props => {\n  const classes = useFooStyles();\n\n  return <div className={classes.root} />;\n};\n```\n\n## How does this change other existing ways of theming Fluent UI components?\n\n### Customizer\n\n`Customizer` is now deprecated and you should replace it with `ThemeProvider`.\n`CustomizerContext` is now deprecated and you should replace it with `ThemeContext` or `useTheme` hook.\n\nDeprecations remain to be functional as is but they will be removed in Fluent UI v9 release.\n\n#### Replace settings prop\n\nBefore:\n\n```jsx\n<Customizer settings={{ theme }} />\n```\n\nAfter:\n\n```jsx\n<ThemeProvider theme={theme} />\n```\n\n#### Replace scopedSettings prop\n\nBefore:\n\n```jsx\n<Customizer\n  scopedSettings={{\n    Checkbox: {\n      styles: CheckboxStyles,\n    },\n  }}\n/>\n```\n\nAfter:\n\n```jsx\n<ThemeProvider\n  theme={{\n    components: { Checkbox: { styles: CheckboxStyles } },\n  }}\n/>\n```\n\n#### Replace CustomizerContext\n\nBefore:\n\n```jsx\n  <CustomizerContext.Consumer>\n    {(parentContext: ICustomizerContext) => {\n      const theme = parentContext.customizations.settings;\n      ...\n    }\n  </CustomizerContext.Consumer>\n```\n\nAfter:\nSee options in [Accessing theme](https://github.com/microsoft/fluentui/blob/master/packages/react-theme-provider/README.md#accessing-theme).\n\n### loadTheme\n\n`loadTheme` remains to work as is. However, you are recommended to replace `loadTheme` with `ThemeProvider`. That way, your application consistently has one way of providing theme.\n\nTo do that, instead of calling `loadTheme(your_theme)`, you will simply wrap the root component of your React application once with `ThemeProvider`:\n\n```jsx\n<ThemeProvider theme={your_theme}>\n  <App />\n</ThemeProvider>\n```\n\nOne caveat here is that if you app has styles which relies on `@microsoft/load-themed-styles`, `ThemeProvider` won't be able to replace `loadTheme` in this case.\n\n### Fabric component\n\nInstead of using `Fabric` component, you can now replace it fully with `ThemeProvider`. Here is how to replace each prop usage:\n\n| Fabric             | ThemeProvider                                                                                                                                                                                       |\n| ------------------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| `componentRef`     | `ref`                                                                                                                                                                                               |\n| `as`               | `as`                                                                                                                                                                                                |\n| `theme`            | `theme`                                                                                                                                                                                             |\n| `styles`           | Not longer support `styles` prop. If you need to style the root element, you can do that using (inline) style or className prop. Setting arbitrary styles for document body is no longer supported. |\n| `applyTheme`       | This is now applied by default, or by setting `applyTo=\"element\"`. If you don't want any body styles to be applied on root element, you can set `applyTo=\"none\"`.                                   |\n| `applyThemeToBody` | `applyTo=\"body\"`                                                                                                                                                                                    |\n| `dir`              | set `rtl` in `theme` prop                                                                                                                                                                           |\n\n#### Other call-outs\n\n- `ThemeProvider` by default sets `background-color` for the root element using `theme.semanticColors.bodyBackground`. If you find the background color being incorrect after switching to `ThemeProvider`, the right fix is likely that you need to update your theme definition to have the correct `bodyBackground`. Or, if you don't want any default stylings applied to the root element, you can set `applyTo` prop to `\"none\"`.\n- `ThemeProvider` does not set `font-family: inherit` on all native `button`, `input`, `textArea` elements. If you find any Fluent UI component having incorrect fonts after switching to `ThemeProvider`, please [report an issue](https://github.com/microsoft/fluentui/issues/new?template=bug_report.md).\n","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","bundle":"just-scripts bundle","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-api":"just-scripts update-api","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"tag":"lts-7"},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.15","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":["lib/version.js"],"_nodeVersion":"12.22.7","dependencies":{"tslib":"^1.10.0","classnames":"^2.2.6","@fluentui/theme":"^1.7.4","@uifabric/utilities":"^7.33.5","@uifabric/react-hooks":"^7.14.0","@uifabric/set-version":"^7.0.24","@uifabric/merge-styles":"^7.19.2","@fluentui/react-compose":"^0.19.15","@fluentui/react-stylesheets":"^0.2.5","@fluentui/react-window-provider":"^1.0.2"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"16.8.6","enzyme":"~3.10.0","react-dom":"16.8.6","@types/jest":"~24.9.0","@types/react":"16.8.25","@types/enzyme":"3.10.3","@uifabric/build":"^7.0.0","@types/react-dom":"16.8.4","@types/classnames":"^2.2.9","@uifabric/styling":"^7.20.0","@types/webpack-env":"1.15.1","react-test-renderer":"^16.3.0","@fluentui/eslint-plugin":"^0.54.2","enzyme-adapter-react-16":"^1.15.0","@uifabric/test-utilities":"^7.3.1","@types/react-test-renderer":"^16.0.0","@types/enzyme-adapter-react-16":"1.0.3"},"peerDependencies":{"react":">=16.8.0 <17.0.0","@types/react":">=16.8.0 <17.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_0.19.1_1634905693796_0.5066083478934249","host":"s3://npm-registry-packages"}},"0.19.2":{"name":"@fluentui/react-theme-provider","version":"0.19.2","license":"MIT","_id":"@fluentui/react-theme-provider@0.19.2","maintainers":[{"name":"microsoft1es","email":"npmjs@microsoft.com"},{"name":"ecraig12345_msft","email":"elcraig@microsoft.com"},{"name":"justslone","email":"jslone@microsoft.com"},{"name":"chrisdholt","email":"chrisholtco@gmail.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"},{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"50df6ec30568a74c4a80bdefad173773e31390cb","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-0.19.2.tgz","fileCount":246,"integrity":"sha512-thb2RQTLRgh+PeLMBkykXQUZJrtw2ylurfg8/+RoP+BAh/q1g0XHpALBV/9rvywGtKxb8cjQaLzLANFDUTqzYQ==","signatures":[{"sig":"MEUCIQCm+w0Hayr8Y7gqHezrhCV3zn0vsgZp6IpIxpPliqfdCAIgJIFeclY43DN+so/Aev4dxdi7sGqU2ygfuPY5L0npw0w=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":30008683,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiREw0ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqGRxAAmciMLraMoz0oTBYSo3N8AuglvnESLvSsbAMaUiuTCbw9YIXX\r\ntfR7XqABUMFmU8LvCz8pimb3gYeV9zpVcGHi7sCGnXcRHmnmuyO3v8J4sUjV\r\nUWN3myc5PUUKc4CiKVr1qPUFLniROhD3anwTLcyruZZnSVcH2U2MFbeAU6CL\r\n81Nwsh0xG4+IafzdhOSelv6yT/CWgp5jQgWyV+BUdOuHfoLwzeh1hBePe55f\r\nYvnThgHfQGJM1bYYF+f5gVwxkFFB0eP+SovQvVolkniclCnlrqarCZS3MAwc\r\nkV6ySgYyTUvC7Pr7birwNJxkoMf/wUwEaufxJn1/+TA8ezA1MHobpfelxvI0\r\n1OuFQjwwaz4mQp0Z11BdqKnoEvCRsl130dXGQO9ES0hOhz6BHsEmFNVaJV5x\r\nf1+n8NVR3iYzUErNaRuF/9e41+DdIw9fuh5E924INBrzRsllxCHm0m9OkHjC\r\nFQLGqGB2WP7GJVlriJGWG9HAbKELAAB1tLR++rO87BVA5eQb9g4bKTeoqS+p\r\nvULt/eM+yAbUSEJRuD88/ZnvVugCH6Z5Ck0rNC6eeCVLEYYZYcbpTjLCX+7D\r\n8frbVC4LbHDOrrdzW4ytY12UT0s0qEGh2nsGBxQycqZwDqmdixa9omGkbZOi\r\nQHYTiu7O7uX4S/9gPXmDpefkUxprzBfAbjw=\r\n=Kmaf\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","readme":"# @fluentui/react-theme-provider\n\n**React theming component and hook for [Fluent UI React](https://developer.microsoft.com/en-us/fluentui)**\n\n## Installation\n\n```bash\nyarn add @fluentui/react-theme-provider\n```\n\n## Example usage\n\nUse the theme with Fluent UI by wrapping content within the provider. If `theme` is not provided, default (Fluent) theme will be provided:\n\n```tsx\nimport { ThemeProvider } from '@fluentui/react-theme-provider';\n\nexport const App = () => (\n  <ThemeProvider>\n    <>...app</>\n  </ThemeProvider>\n);\n```\n\nYou can also customize your own theme:\n\n```tsx\nimport { ThemeProvider, PartialTheme } from '@fluentui/react-theme-provider';\n\nconst appTheme: PartialTheme = {\n  palette: {\n    themePrimary: 'red'\n    ...\n  }\n};\n\nexport const App = () => (\n  <ThemeProvider theme={appTheme}>\n    App content ...\n  </ThemeProvider>\n);\n```\n\nYou can also nest `ThemeProvider`s:\n\n```tsx\nimport { ThemeProvider, PartialTheme } from '@fluentui/react-theme-provider';\n\nconst appTheme: PartialTheme = {\n  palette: {\n    themePrimary: 'red'\n    ...\n  }\n};\n\nconst headerTheme: PartialTheme = {\n  palette: {\n    themePrimary: 'orange'\n    ...\n  }\n};\n\nexport const App = () => (\n  <ThemeProvider theme={appTheme}>\n    <ThemeProvider theme={headerTheme}>\n      <MyHeader />\n    </ThemeProvider>\n\n    App content ...\n  </ThemeProvider>\n);\n```\n\nYou can apply component-level styles:\n\n```tsx\nimport { Checkbox } from '@fluentui/react';\nimport { ThemeProvider, createTheme } from '@fluentui/react-theme-provider';\n\nexport const App = () => (\n  <ThemeProvider\n    theme={{\n      components: { Checkbox: { styles: { root: { background: 'red' } } } },\n    }}\n  >\n    <Checkbox />\n  </ThemeProvider>\n);\n```\n\n## Accessing theme\n\n### useTheme\n\nTheme can be accessed using `useTheme` hook. If you are specifically accessing theme to create classes/styles, you can use `makeStyles` described below.\n\n```jsx\nimport { useTheme } from '@fluentui/react-theme-provider';\n\nconst Content = () => {\n  const theme = useTheme();\n  ...\n};\n\nexport const App = () => (\n  <ThemeProvider>\n    <Content />\n  </ThemeProvider>\n);\n```\n\n### ThemeContext.Consumer\n\nTheme can be accessed in Class Component using `ThemeContext.Consumer`.\n\n```tsx\nimport { Theme, ThemeContext } from '@fluentui/react-theme-provider';\n\nclass Content extends React.Component {\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme: Theme | undefined) => {\n          ...\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n}\n\nexport const App = () => (\n  <ThemeProvider>\n    <Content />\n  </ThemeProvider>\n);\n```\n\n### Create classes for React components based on theme\n\nTheme can be accessed using the `makeStyles` hook. This hook abstracts rendering css given the theme object:\n\n```jsx\nimport { makeStyles } from '@fluentui/react-theme-provider';\n\nconst useFooStyles = makeStyles(theme => ({\n    root: {\n      background: theme.semanticColors.bodyBackground,\n      ':hover': {\n        background: theme.semanticColors.bodyBackgroundHovered\n    },\n}));\n\nconst Foo = props => {\n  const classes = useFooStyles();\n\n  return <div className={classes.root} />;\n};\n```\n\n## How does this change other existing ways of theming Fluent UI components?\n\n### Customizer\n\n`Customizer` is now deprecated and you should replace it with `ThemeProvider`.\n`CustomizerContext` is now deprecated and you should replace it with `ThemeContext` or `useTheme` hook.\n\nDeprecations remain to be functional as is but they will be removed in Fluent UI v9 release.\n\n#### Replace settings prop\n\nBefore:\n\n```jsx\n<Customizer settings={{ theme }} />\n```\n\nAfter:\n\n```jsx\n<ThemeProvider theme={theme} />\n```\n\n#### Replace scopedSettings prop\n\nBefore:\n\n```jsx\n<Customizer\n  scopedSettings={{\n    Checkbox: {\n      styles: CheckboxStyles,\n    },\n  }}\n/>\n```\n\nAfter:\n\n```jsx\n<ThemeProvider\n  theme={{\n    components: { Checkbox: { styles: CheckboxStyles } },\n  }}\n/>\n```\n\n#### Replace CustomizerContext\n\nBefore:\n\n```jsx\n  <CustomizerContext.Consumer>\n    {(parentContext: ICustomizerContext) => {\n      const theme = parentContext.customizations.settings;\n      ...\n    }\n  </CustomizerContext.Consumer>\n```\n\nAfter:\nSee options in [Accessing theme](https://github.com/microsoft/fluentui/blob/master/packages/react-theme-provider/README.md#accessing-theme).\n\n### loadTheme\n\n`loadTheme` remains to work as is. However, you are recommended to replace `loadTheme` with `ThemeProvider`. That way, your application consistently has one way of providing theme.\n\nTo do that, instead of calling `loadTheme(your_theme)`, you will simply wrap the root component of your React application once with `ThemeProvider`:\n\n```jsx\n<ThemeProvider theme={your_theme}>\n  <App />\n</ThemeProvider>\n```\n\nOne caveat here is that if you app has styles which relies on `@microsoft/load-themed-styles`, `ThemeProvider` won't be able to replace `loadTheme` in this case.\n\n### Fabric component\n\nInstead of using `Fabric` component, you can now replace it fully with `ThemeProvider`. Here is how to replace each prop usage:\n\n| Fabric             | ThemeProvider                                                                                                                                                                                       |\n| ------------------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| `componentRef`     | `ref`                                                                                                                                                                                               |\n| `as`               | `as`                                                                                                                                                                                                |\n| `theme`            | `theme`                                                                                                                                                                                             |\n| `styles`           | Not longer support `styles` prop. If you need to style the root element, you can do that using (inline) style or className prop. Setting arbitrary styles for document body is no longer supported. |\n| `applyTheme`       | This is now applied by default, or by setting `applyTo=\"element\"`. If you don't want any body styles to be applied on root element, you can set `applyTo=\"none\"`.                                   |\n| `applyThemeToBody` | `applyTo=\"body\"`                                                                                                                                                                                    |\n| `dir`              | set `rtl` in `theme` prop                                                                                                                                                                           |\n\n#### Other call-outs\n\n- `ThemeProvider` by default sets `background-color` for the root element using `theme.semanticColors.bodyBackground`. If you find the background color being incorrect after switching to `ThemeProvider`, the right fix is likely that you need to update your theme definition to have the correct `bodyBackground`. Or, if you don't want any default stylings applied to the root element, you can set `applyTo` prop to `\"none\"`.\n- `ThemeProvider` does not set `font-family: inherit` on all native `button`, `input`, `textArea` elements. If you find any Fluent UI component having incorrect fonts after switching to `ThemeProvider`, please [report an issue](https://github.com/microsoft/fluentui/issues/new?template=bug_report.md).\n","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","bundle":"just-scripts bundle","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-api":"just-scripts update-api","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"tag":"lts-7"},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.16","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":["lib/version.js"],"_nodeVersion":"12.22.10","dependencies":{"tslib":"^1.10.0","classnames":"^2.2.6","@fluentui/theme":"^1.7.5","@uifabric/utilities":"^7.34.0","@uifabric/react-hooks":"^7.14.1","@uifabric/set-version":"^7.0.24","@uifabric/merge-styles":"^7.19.2","@fluentui/react-compose":"^0.19.16","@fluentui/react-stylesheets":"^0.2.5","@fluentui/react-window-provider":"^1.0.2"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"16.8.6","enzyme":"~3.10.0","react-dom":"16.8.6","@types/jest":"~24.9.0","@types/react":"16.8.25","@types/enzyme":"3.10.3","@uifabric/build":"^7.0.0","@types/react-dom":"16.8.4","@types/classnames":"^2.2.9","@uifabric/styling":"^7.20.1","@types/webpack-env":"1.15.1","react-test-renderer":"^16.3.0","@fluentui/eslint-plugin":"^0.54.2","enzyme-adapter-react-16":"^1.15.0","@uifabric/test-utilities":"^7.3.1","@types/react-test-renderer":"^16.0.0","@types/enzyme-adapter-react-16":"1.0.3"},"peerDependencies":{"react":">=16.8.0 <17.0.0","@types/react":">=16.8.0 <17.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_0.19.2_1648643124129_0.585183540499459","host":"s3://npm-registry-packages"}},"0.19.3":{"name":"@fluentui/react-theme-provider","version":"0.19.3","license":"MIT","_id":"@fluentui/react-theme-provider@0.19.3","maintainers":[{"name":"microsoft1es","email":"npmjs@microsoft.com"},{"name":"ecraig12345_msft","email":"elcraig@microsoft.com"},{"name":"justslone","email":"jslone@microsoft.com"},{"name":"chrisdholt","email":"chrisholtco@gmail.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"},{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"35dc9b128505c64d8335544aef89332d9b219bc7","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-0.19.3.tgz","fileCount":246,"integrity":"sha512-wPGS57HtU2+duUr7iWy+c2yySrUfQ2PAeWQXq6fJZrYc/uuBWBfa7RINlb21vMUuedZw716PvFPSeI22nnS0+A==","signatures":[{"sig":"MEUCIQCsn/RU8iqz+zuU2EYkQs2Mlo7pRwn6E9i1eyGlYa3NTQIgYYmxCTO4TaGZV9arF8JOVpwpUlvgESNO0dsaga5c+o8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":30009018,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJihjfAACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpyGQ/+L8RJ7twJZ7ZUlsUBi3WM3Xx+5mSHxLUXThzhr173AXByscxU\r\nNvDX+zG3+AEwpsdNRfEBIbO4mWyPN/Vov6JZrZ0Vg4UZGkUYOsuIjqF7f9Uz\r\n4QcKNZP9M3+6u9f90hNoW4N9jKGABIYM7LhLDrEP1yNRg63AA8mBS0cPRXMj\r\nJfMayIAmzgyZCO2HlIhfB6S3PIIdTogjSjwN2OkmRekhqoP+C0ldlwzX9xqT\r\nbNw6HA34zwyTSzqluYeoBijXBHT6r3KqQc7SBnFEtVCzlreOlYQJg62wuCzH\r\nP3Drx0HYpaeejqHQ4P766fBunxS+twZwoMuZ9/22Q7p5fj6ZhEYXp0yPwp/C\r\nbfyBSXcqYcsEGT3A0owuGwSN2nSefjyHFY1ym+3GKtIYqGS15JrSckcAGkoU\r\nHHY8/uqP0GrgLnwOpxDaLRl0CXNujeACWWg+7GXpP+7pWIGwu/6c4nmP7N00\r\naB7tj7Wr9kART6TVf6uv7D6URxIzYMGB8EVHYVodOcmSpEcU0Mf+kIrl4kM/\r\n48HS+TDQz1HsDGCyX9QE6QVe13A8bQgpJd1qXPEL//tS5jjV8yzXbxzRoVx2\r\nfd3I5U1UUnNRBm/N5pCSNqT8dr4mbGlDN2ORYx0vG2w4UifXBsoBTe7wZfsi\r\n13XcB9mLaazZOkvg0eOmX+7cJEjFrEW+A0U=\r\n=/GYG\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","readme":"# @fluentui/react-theme-provider\n\n**React theming component and hook for [Fluent UI React](https://developer.microsoft.com/en-us/fluentui)**\n\n## Installation\n\n```bash\nyarn add @fluentui/react-theme-provider\n```\n\n## Example usage\n\nUse the theme with Fluent UI by wrapping content within the provider. If `theme` is not provided, default (Fluent) theme will be provided:\n\n```tsx\nimport { ThemeProvider } from '@fluentui/react-theme-provider';\n\nexport const App = () => (\n  <ThemeProvider>\n    <>...app</>\n  </ThemeProvider>\n);\n```\n\nYou can also customize your own theme:\n\n```tsx\nimport { ThemeProvider, PartialTheme } from '@fluentui/react-theme-provider';\n\nconst appTheme: PartialTheme = {\n  palette: {\n    themePrimary: 'red'\n    ...\n  }\n};\n\nexport const App = () => (\n  <ThemeProvider theme={appTheme}>\n    App content ...\n  </ThemeProvider>\n);\n```\n\nYou can also nest `ThemeProvider`s:\n\n```tsx\nimport { ThemeProvider, PartialTheme } from '@fluentui/react-theme-provider';\n\nconst appTheme: PartialTheme = {\n  palette: {\n    themePrimary: 'red'\n    ...\n  }\n};\n\nconst headerTheme: PartialTheme = {\n  palette: {\n    themePrimary: 'orange'\n    ...\n  }\n};\n\nexport const App = () => (\n  <ThemeProvider theme={appTheme}>\n    <ThemeProvider theme={headerTheme}>\n      <MyHeader />\n    </ThemeProvider>\n\n    App content ...\n  </ThemeProvider>\n);\n```\n\nYou can apply component-level styles:\n\n```tsx\nimport { Checkbox } from '@fluentui/react';\nimport { ThemeProvider, createTheme } from '@fluentui/react-theme-provider';\n\nexport const App = () => (\n  <ThemeProvider\n    theme={{\n      components: { Checkbox: { styles: { root: { background: 'red' } } } },\n    }}\n  >\n    <Checkbox />\n  </ThemeProvider>\n);\n```\n\n## Accessing theme\n\n### useTheme\n\nTheme can be accessed using `useTheme` hook. If you are specifically accessing theme to create classes/styles, you can use `makeStyles` described below.\n\n```jsx\nimport { useTheme } from '@fluentui/react-theme-provider';\n\nconst Content = () => {\n  const theme = useTheme();\n  ...\n};\n\nexport const App = () => (\n  <ThemeProvider>\n    <Content />\n  </ThemeProvider>\n);\n```\n\n### ThemeContext.Consumer\n\nTheme can be accessed in Class Component using `ThemeContext.Consumer`.\n\n```tsx\nimport { Theme, ThemeContext } from '@fluentui/react-theme-provider';\n\nclass Content extends React.Component {\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme: Theme | undefined) => {\n          ...\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n}\n\nexport const App = () => (\n  <ThemeProvider>\n    <Content />\n  </ThemeProvider>\n);\n```\n\n### Create classes for React components based on theme\n\nTheme can be accessed using the `makeStyles` hook. This hook abstracts rendering css given the theme object:\n\n```jsx\nimport { makeStyles } from '@fluentui/react-theme-provider';\n\nconst useFooStyles = makeStyles(theme => ({\n    root: {\n      background: theme.semanticColors.bodyBackground,\n      ':hover': {\n        background: theme.semanticColors.bodyBackgroundHovered\n    },\n}));\n\nconst Foo = props => {\n  const classes = useFooStyles();\n\n  return <div className={classes.root} />;\n};\n```\n\n## How does this change other existing ways of theming Fluent UI components?\n\n### Customizer\n\n`Customizer` is now deprecated and you should replace it with `ThemeProvider`.\n`CustomizerContext` is now deprecated and you should replace it with `ThemeContext` or `useTheme` hook.\n\nDeprecations remain to be functional as is but they will be removed in Fluent UI v9 release.\n\n#### Replace settings prop\n\nBefore:\n\n```jsx\n<Customizer settings={{ theme }} />\n```\n\nAfter:\n\n```jsx\n<ThemeProvider theme={theme} />\n```\n\n#### Replace scopedSettings prop\n\nBefore:\n\n```jsx\n<Customizer\n  scopedSettings={{\n    Checkbox: {\n      styles: CheckboxStyles,\n    },\n  }}\n/>\n```\n\nAfter:\n\n```jsx\n<ThemeProvider\n  theme={{\n    components: { Checkbox: { styles: CheckboxStyles } },\n  }}\n/>\n```\n\n#### Replace CustomizerContext\n\nBefore:\n\n```jsx\n  <CustomizerContext.Consumer>\n    {(parentContext: ICustomizerContext) => {\n      const theme = parentContext.customizations.settings;\n      ...\n    }\n  </CustomizerContext.Consumer>\n```\n\nAfter:\nSee options in [Accessing theme](https://github.com/microsoft/fluentui/blob/master/packages/react-theme-provider/README.md#accessing-theme).\n\n### loadTheme\n\n`loadTheme` remains to work as is. However, you are recommended to replace `loadTheme` with `ThemeProvider`. That way, your application consistently has one way of providing theme.\n\nTo do that, instead of calling `loadTheme(your_theme)`, you will simply wrap the root component of your React application once with `ThemeProvider`:\n\n```jsx\n<ThemeProvider theme={your_theme}>\n  <App />\n</ThemeProvider>\n```\n\nOne caveat here is that if you app has styles which relies on `@microsoft/load-themed-styles`, `ThemeProvider` won't be able to replace `loadTheme` in this case.\n\n### Fabric component\n\nInstead of using `Fabric` component, you can now replace it fully with `ThemeProvider`. Here is how to replace each prop usage:\n\n| Fabric             | ThemeProvider                                                                                                                                                                                       |\n| ------------------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| `componentRef`     | `ref`                                                                                                                                                                                               |\n| `as`               | `as`                                                                                                                                                                                                |\n| `theme`            | `theme`                                                                                                                                                                                             |\n| `styles`           | Not longer support `styles` prop. If you need to style the root element, you can do that using (inline) style or className prop. Setting arbitrary styles for document body is no longer supported. |\n| `applyTheme`       | This is now applied by default, or by setting `applyTo=\"element\"`. If you don't want any body styles to be applied on root element, you can set `applyTo=\"none\"`.                                   |\n| `applyThemeToBody` | `applyTo=\"body\"`                                                                                                                                                                                    |\n| `dir`              | set `rtl` in `theme` prop                                                                                                                                                                           |\n\n#### Other call-outs\n\n- `ThemeProvider` by default sets `background-color` for the root element using `theme.semanticColors.bodyBackground`. If you find the background color being incorrect after switching to `ThemeProvider`, the right fix is likely that you need to update your theme definition to have the correct `bodyBackground`. Or, if you don't want any default stylings applied to the root element, you can set `applyTo` prop to `\"none\"`.\n- `ThemeProvider` does not set `font-family: inherit` on all native `button`, `input`, `textArea` elements. If you find any Fluent UI component having incorrect fonts after switching to `ThemeProvider`, please [report an issue](https://github.com/microsoft/fluentui/issues/new?template=bug_report.md).\n","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","bundle":"just-scripts bundle","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-api":"just-scripts update-api","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"tag":"lts-7"},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.16","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":["lib/version.js"],"_nodeVersion":"12.22.12","dependencies":{"tslib":"^1.10.0","classnames":"^2.2.6","@fluentui/theme":"^1.7.6","@uifabric/utilities":"^7.34.1","@uifabric/react-hooks":"^7.14.2","@uifabric/set-version":"^7.0.24","@uifabric/merge-styles":"^7.19.2","@fluentui/react-compose":"^0.19.17","@fluentui/react-stylesheets":"^0.2.6","@fluentui/react-window-provider":"^1.0.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"16.8.6","enzyme":"~3.10.0","react-dom":"16.8.6","@types/jest":"~24.9.0","@types/react":"16.8.25","@types/enzyme":"3.10.3","@uifabric/build":"^7.0.0","@types/react-dom":"16.8.4","@types/classnames":"^2.2.9","@uifabric/styling":"^7.20.2","@types/webpack-env":"1.15.1","react-test-renderer":"^16.3.0","@fluentui/eslint-plugin":"^0.54.2","enzyme-adapter-react-16":"^1.15.0","@uifabric/test-utilities":"^7.3.2","@types/react-test-renderer":"^16.0.0","@types/enzyme-adapter-react-16":"1.0.3"},"peerDependencies":{"react":">=16.8.0 <18.0.0","@types/react":">=16.8.0 <18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_0.19.3_1652963263858_0.618870819044484","host":"s3://npm-registry-packages"}},"0.19.4":{"name":"@fluentui/react-theme-provider","version":"0.19.4","license":"MIT","_id":"@fluentui/react-theme-provider@0.19.4","maintainers":[{"name":"microsoft1es","email":"npmjs@microsoft.com"},{"name":"ecraig12345_msft","email":"elcraig@microsoft.com"},{"name":"justslone","email":"jslone@microsoft.com"},{"name":"chrisdholt","email":"chrisholtco@gmail.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"},{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"92c0705268601f628376067d5fcc2e19cb87309b","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-0.19.4.tgz","fileCount":246,"integrity":"sha512-9DJWySN4Q9KpaA1n43xeUg3oYFByiXL9WUzawNQ5M8GbkD22tJMgETn1Va1bDxvka7lxvCyR6gZUXYDpESEeFg==","signatures":[{"sig":"MEYCIQDr86sR3LwwQg8NTSSuxRCF5PFMoQm4oEKU70o73qjEZAIhAJQZbJD1PZ495FzgzRFK51STBFemH1OQcIYStart3e8T","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":30029881,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiyCFiACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmraxw//TrOtn4X9Ak7aYqjUbu9OKmvvMghtgqYUATD0R1GgHaFw6yTc\r\nzIQ/cw24pytJxCy8G9IwiE6+xRKgUe30KJhehikG282udkPIqQiYHJ+yG5sh\r\nmiuKAgaCfDK1EaZB0RPDeciVVZSODSlK3zFIy5aUz/fn2+s4KRL5USx354fa\r\nGMPsxMy9dlVeWcxSzx5+gXUnhahi2J3S1bCYv2ptkU87OMKQcVZEV/ilvOk7\r\nNd9yd+8ArnqthYBWuvC7jSu04rBa+AGV78cYFjdDrF5X2oac3OOndRFQBWry\r\n7OZZiqzNbNXiA/OGjr7G6RbKps42my7wky1W1UrWbT0QSvE1/Pg6iBLuuUh2\r\nUep48r+E5g/xopxLBsDRcy8MBHcB4ybbxLMgz2A5X7Sl8vKGFwMlRVL00o0D\r\nyFaPRGwakJVLI0PhiOzZ+5itIPJhVC/BDrv/atG1AueVnHIyE/ltjAAXK0BK\r\nd6QQtQgTgdDNjQB7IostM6fxbbddIYxLigOifvqq6SQszC6ikj3zTxhMvNSJ\r\nVYFimZe84/7O2kuzwFxL8NaS15bGja92R/287OxDpDlaZCSzfE3N4JaYCOAC\r\nQkjMcI/hdI2U/O4xE5CTbMi3xheOiOFBwqz92VRhFwACmWOhEu+1D0zXknla\r\nsGqW3MVJELHzQIyO5NuD5Bjz3G20JyKl64w=\r\n=S62U\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","readme":"# @fluentui/react-theme-provider\n\n**React theming component and hook for [Fluent UI React](https://developer.microsoft.com/en-us/fluentui)**\n\n## Installation\n\n```bash\nyarn add @fluentui/react-theme-provider\n```\n\n## Example usage\n\nUse the theme with Fluent UI by wrapping content within the provider. If `theme` is not provided, default (Fluent) theme will be provided:\n\n```tsx\nimport { ThemeProvider } from '@fluentui/react-theme-provider';\n\nexport const App = () => (\n  <ThemeProvider>\n    <>...app</>\n  </ThemeProvider>\n);\n```\n\nYou can also customize your own theme:\n\n```tsx\nimport { ThemeProvider, PartialTheme } from '@fluentui/react-theme-provider';\n\nconst appTheme: PartialTheme = {\n  palette: {\n    themePrimary: 'red'\n    ...\n  }\n};\n\nexport const App = () => (\n  <ThemeProvider theme={appTheme}>\n    App content ...\n  </ThemeProvider>\n);\n```\n\nYou can also nest `ThemeProvider`s:\n\n```tsx\nimport { ThemeProvider, PartialTheme } from '@fluentui/react-theme-provider';\n\nconst appTheme: PartialTheme = {\n  palette: {\n    themePrimary: 'red'\n    ...\n  }\n};\n\nconst headerTheme: PartialTheme = {\n  palette: {\n    themePrimary: 'orange'\n    ...\n  }\n};\n\nexport const App = () => (\n  <ThemeProvider theme={appTheme}>\n    <ThemeProvider theme={headerTheme}>\n      <MyHeader />\n    </ThemeProvider>\n\n    App content ...\n  </ThemeProvider>\n);\n```\n\nYou can apply component-level styles:\n\n```tsx\nimport { Checkbox } from '@fluentui/react';\nimport { ThemeProvider, createTheme } from '@fluentui/react-theme-provider';\n\nexport const App = () => (\n  <ThemeProvider\n    theme={{\n      components: { Checkbox: { styles: { root: { background: 'red' } } } },\n    }}\n  >\n    <Checkbox />\n  </ThemeProvider>\n);\n```\n\n## Accessing theme\n\n### useTheme\n\nTheme can be accessed using `useTheme` hook. If you are specifically accessing theme to create classes/styles, you can use `makeStyles` described below.\n\n```jsx\nimport { useTheme } from '@fluentui/react-theme-provider';\n\nconst Content = () => {\n  const theme = useTheme();\n  ...\n};\n\nexport const App = () => (\n  <ThemeProvider>\n    <Content />\n  </ThemeProvider>\n);\n```\n\n### ThemeContext.Consumer\n\nTheme can be accessed in Class Component using `ThemeContext.Consumer`.\n\n```tsx\nimport { Theme, ThemeContext } from '@fluentui/react-theme-provider';\n\nclass Content extends React.Component {\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme: Theme | undefined) => {\n          ...\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n}\n\nexport const App = () => (\n  <ThemeProvider>\n    <Content />\n  </ThemeProvider>\n);\n```\n\n### Create classes for React components based on theme\n\nTheme can be accessed using the `makeStyles` hook. This hook abstracts rendering css given the theme object:\n\n```jsx\nimport { makeStyles } from '@fluentui/react-theme-provider';\n\nconst useFooStyles = makeStyles(theme => ({\n    root: {\n      background: theme.semanticColors.bodyBackground,\n      ':hover': {\n        background: theme.semanticColors.bodyBackgroundHovered\n    },\n}));\n\nconst Foo = props => {\n  const classes = useFooStyles();\n\n  return <div className={classes.root} />;\n};\n```\n\n## How does this change other existing ways of theming Fluent UI components?\n\n### Customizer\n\n`Customizer` is now deprecated and you should replace it with `ThemeProvider`.\n`CustomizerContext` is now deprecated and you should replace it with `ThemeContext` or `useTheme` hook.\n\nDeprecations remain to be functional as is but they will be removed in Fluent UI v9 release.\n\n#### Replace settings prop\n\nBefore:\n\n```jsx\n<Customizer settings={{ theme }} />\n```\n\nAfter:\n\n```jsx\n<ThemeProvider theme={theme} />\n```\n\n#### Replace scopedSettings prop\n\nBefore:\n\n```jsx\n<Customizer\n  scopedSettings={{\n    Checkbox: {\n      styles: CheckboxStyles,\n    },\n  }}\n/>\n```\n\nAfter:\n\n```jsx\n<ThemeProvider\n  theme={{\n    components: { Checkbox: { styles: CheckboxStyles } },\n  }}\n/>\n```\n\n#### Replace CustomizerContext\n\nBefore:\n\n```jsx\n  <CustomizerContext.Consumer>\n    {(parentContext: ICustomizerContext) => {\n      const theme = parentContext.customizations.settings;\n      ...\n    }\n  </CustomizerContext.Consumer>\n```\n\nAfter:\nSee options in [Accessing theme](https://github.com/microsoft/fluentui/blob/master/packages/react-theme-provider/README.md#accessing-theme).\n\n### loadTheme\n\n`loadTheme` remains to work as is. However, you are recommended to replace `loadTheme` with `ThemeProvider`. That way, your application consistently has one way of providing theme.\n\nTo do that, instead of calling `loadTheme(your_theme)`, you will simply wrap the root component of your React application once with `ThemeProvider`:\n\n```jsx\n<ThemeProvider theme={your_theme}>\n  <App />\n</ThemeProvider>\n```\n\nOne caveat here is that if you app has styles which relies on `@microsoft/load-themed-styles`, `ThemeProvider` won't be able to replace `loadTheme` in this case.\n\n### Fabric component\n\nInstead of using `Fabric` component, you can now replace it fully with `ThemeProvider`. Here is how to replace each prop usage:\n\n| Fabric             | ThemeProvider                                                                                                                                                                                       |\n| ------------------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| `componentRef`     | `ref`                                                                                                                                                                                               |\n| `as`               | `as`                                                                                                                                                                                                |\n| `theme`            | `theme`                                                                                                                                                                                             |\n| `styles`           | Not longer support `styles` prop. If you need to style the root element, you can do that using (inline) style or className prop. Setting arbitrary styles for document body is no longer supported. |\n| `applyTheme`       | This is now applied by default, or by setting `applyTo=\"element\"`. If you don't want any body styles to be applied on root element, you can set `applyTo=\"none\"`.                                   |\n| `applyThemeToBody` | `applyTo=\"body\"`                                                                                                                                                                                    |\n| `dir`              | set `rtl` in `theme` prop                                                                                                                                                                           |\n\n#### Other call-outs\n\n- `ThemeProvider` by default sets `background-color` for the root element using `theme.semanticColors.bodyBackground`. If you find the background color being incorrect after switching to `ThemeProvider`, the right fix is likely that you need to update your theme definition to have the correct `bodyBackground`. Or, if you don't want any default stylings applied to the root element, you can set `applyTo` prop to `\"none\"`.\n- `ThemeProvider` does not set `font-family: inherit` on all native `button`, `input`, `textArea` elements. If you find any Fluent UI component having incorrect fonts after switching to `ThemeProvider`, please [report an issue](https://github.com/microsoft/fluentui/issues/new?template=bug_report.md).\n","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","bundle":"just-scripts bundle","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-api":"just-scripts update-api","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"tag":"lts-7"},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.16","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":["lib/version.js"],"_nodeVersion":"12.22.12","dependencies":{"tslib":"^1.10.0","classnames":"^2.2.6","@fluentui/theme":"^1.7.6","@uifabric/utilities":"^7.34.1","@uifabric/react-hooks":"^7.15.0","@uifabric/set-version":"^7.0.24","@uifabric/merge-styles":"^7.19.2","@fluentui/react-compose":"^0.19.17","@fluentui/react-stylesheets":"^0.2.6","@fluentui/react-window-provider":"^1.0.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"16.8.6","enzyme":"~3.10.0","react-dom":"16.8.6","@types/jest":"~24.9.0","@types/react":"16.8.25","@types/enzyme":"3.10.3","@uifabric/build":"^7.0.0","@types/react-dom":"16.8.4","@types/classnames":"^2.2.9","@uifabric/styling":"^7.21.0","@types/webpack-env":"1.15.1","react-test-renderer":"^16.3.0","@fluentui/eslint-plugin":"^0.54.2","enzyme-adapter-react-16":"^1.15.0","@uifabric/test-utilities":"^7.3.2","@types/react-test-renderer":"^16.0.0","@types/enzyme-adapter-react-16":"1.0.3"},"peerDependencies":{"react":">=16.8.0 <18.0.0","@types/react":">=16.8.0 <18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_0.19.4_1657282913814_0.7432269473748845","host":"s3://npm-registry-packages"}},"0.19.5":{"name":"@fluentui/react-theme-provider","version":"0.19.5","license":"MIT","_id":"@fluentui/react-theme-provider@0.19.5","maintainers":[{"name":"microsoft1es","email":"npmjs@microsoft.com"},{"name":"ecraig12345_msft","email":"elcraig@microsoft.com"},{"name":"justslone","email":"jslone@microsoft.com"},{"name":"chrisdholt","email":"chrisholtco@gmail.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"},{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"b91ab44e09b1664d9bba47b3794efedcf40c53d2","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-0.19.5.tgz","fileCount":246,"integrity":"sha512-MMBxmnmhGyA9Rpxa7RuAsdEvm+AE//l2rvDu+FY57hw5C6lhPjRUe1/oDv+L/9el8mL0uxsbIsmUXJhlAsfymw==","signatures":[{"sig":"MEUCIAwAocC8m+/yUn9pZRoBDedWiHXHGgaP8k3pmDhvpE0AAiEApPz8PXEeiGCF2AcARMWpovdUJVVv3qWABK/WQ9N+QDs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":30032474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi4S8DACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrSAw/+OLiH50qgk7PmfkuRMnW9910NVmXe+FeR8ngIDs15db86TKao\r\nzeaW7FtunXGQbODbq/NhmGZ0zb8xvSOESClfr+yGh42+hcuj486dxHEU5ru9\r\nZPuoP5k2h9YZbsqb82MW2aS1JLUxafBLs1e8o0cvwnm7rlaD93YZHeTNCxm3\r\npjjHQm+e03vb8MgJs+pDqmUnG7UYEO7L3h/5irk5qS9aMuAgMRWu7VJqPx9M\r\nKXl+vWh4zBr/hyQ8yW1FdPQ8AMenhNMobjaQ+gfDNiykNaowgCT7bw6U/B9M\r\n9qxN71ZC47ISzZTxtlMrbTu3ss7++GrqM6fmCDqE56MRpkrQfPPB+4dwwXhT\r\npXU9Syv73HVGK0fLRreDe2eHtrKGKpzlGyoHXaxT/jbu8gUQBm4vpBb+o3tJ\r\nTUuXkdf4jQgMmVdxRE/6KHFgSvHHkk3mPK/6K0yZPr8R5LXvPJJA3D6vz4Fi\r\nlGxBNlioXCGEonEf+s+9BfGim+0VUcjVHylSf3B8Kvc7tg4Pbyc5k77XAxcw\r\nDwUBzHwSois3PkD1A//QmKacMCT870yd1ytB1jpYvihaPjcb7EAaPOAhSSab\r\nLrBTC33MKTw0KbcQuLcnij/WihvbjkY54ZdcODdEesLWNgiPDGhviYmodLrW\r\narz6hyIHtC4pJPJQB+znk1YoIVCZOpS5GPA=\r\n=GTbb\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","readme":"# @fluentui/react-theme-provider\n\n**React theming component and hook for [Fluent UI React](https://developer.microsoft.com/en-us/fluentui)**\n\n## Installation\n\n```bash\nyarn add @fluentui/react-theme-provider\n```\n\n## Example usage\n\nUse the theme with Fluent UI by wrapping content within the provider. If `theme` is not provided, default (Fluent) theme will be provided:\n\n```tsx\nimport { ThemeProvider } from '@fluentui/react-theme-provider';\n\nexport const App = () => (\n  <ThemeProvider>\n    <>...app</>\n  </ThemeProvider>\n);\n```\n\nYou can also customize your own theme:\n\n```tsx\nimport { ThemeProvider, PartialTheme } from '@fluentui/react-theme-provider';\n\nconst appTheme: PartialTheme = {\n  palette: {\n    themePrimary: 'red'\n    ...\n  }\n};\n\nexport const App = () => (\n  <ThemeProvider theme={appTheme}>\n    App content ...\n  </ThemeProvider>\n);\n```\n\nYou can also nest `ThemeProvider`s:\n\n```tsx\nimport { ThemeProvider, PartialTheme } from '@fluentui/react-theme-provider';\n\nconst appTheme: PartialTheme = {\n  palette: {\n    themePrimary: 'red'\n    ...\n  }\n};\n\nconst headerTheme: PartialTheme = {\n  palette: {\n    themePrimary: 'orange'\n    ...\n  }\n};\n\nexport const App = () => (\n  <ThemeProvider theme={appTheme}>\n    <ThemeProvider theme={headerTheme}>\n      <MyHeader />\n    </ThemeProvider>\n\n    App content ...\n  </ThemeProvider>\n);\n```\n\nYou can apply component-level styles:\n\n```tsx\nimport { Checkbox } from '@fluentui/react';\nimport { ThemeProvider, createTheme } from '@fluentui/react-theme-provider';\n\nexport const App = () => (\n  <ThemeProvider\n    theme={{\n      components: { Checkbox: { styles: { root: { background: 'red' } } } },\n    }}\n  >\n    <Checkbox />\n  </ThemeProvider>\n);\n```\n\n## Accessing theme\n\n### useTheme\n\nTheme can be accessed using `useTheme` hook. If you are specifically accessing theme to create classes/styles, you can use `makeStyles` described below.\n\n```jsx\nimport { useTheme } from '@fluentui/react-theme-provider';\n\nconst Content = () => {\n  const theme = useTheme();\n  ...\n};\n\nexport const App = () => (\n  <ThemeProvider>\n    <Content />\n  </ThemeProvider>\n);\n```\n\n### ThemeContext.Consumer\n\nTheme can be accessed in Class Component using `ThemeContext.Consumer`.\n\n```tsx\nimport { Theme, ThemeContext } from '@fluentui/react-theme-provider';\n\nclass Content extends React.Component {\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme: Theme | undefined) => {\n          ...\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n}\n\nexport const App = () => (\n  <ThemeProvider>\n    <Content />\n  </ThemeProvider>\n);\n```\n\n### Create classes for React components based on theme\n\nTheme can be accessed using the `makeStyles` hook. This hook abstracts rendering css given the theme object:\n\n```jsx\nimport { makeStyles } from '@fluentui/react-theme-provider';\n\nconst useFooStyles = makeStyles(theme => ({\n    root: {\n      background: theme.semanticColors.bodyBackground,\n      ':hover': {\n        background: theme.semanticColors.bodyBackgroundHovered\n    },\n}));\n\nconst Foo = props => {\n  const classes = useFooStyles();\n\n  return <div className={classes.root} />;\n};\n```\n\n## How does this change other existing ways of theming Fluent UI components?\n\n### Customizer\n\n`Customizer` is now deprecated and you should replace it with `ThemeProvider`.\n`CustomizerContext` is now deprecated and you should replace it with `ThemeContext` or `useTheme` hook.\n\nDeprecations remain to be functional as is but they will be removed in Fluent UI v9 release.\n\n#### Replace settings prop\n\nBefore:\n\n```jsx\n<Customizer settings={{ theme }} />\n```\n\nAfter:\n\n```jsx\n<ThemeProvider theme={theme} />\n```\n\n#### Replace scopedSettings prop\n\nBefore:\n\n```jsx\n<Customizer\n  scopedSettings={{\n    Checkbox: {\n      styles: CheckboxStyles,\n    },\n  }}\n/>\n```\n\nAfter:\n\n```jsx\n<ThemeProvider\n  theme={{\n    components: { Checkbox: { styles: CheckboxStyles } },\n  }}\n/>\n```\n\n#### Replace CustomizerContext\n\nBefore:\n\n```jsx\n  <CustomizerContext.Consumer>\n    {(parentContext: ICustomizerContext) => {\n      const theme = parentContext.customizations.settings;\n      ...\n    }\n  </CustomizerContext.Consumer>\n```\n\nAfter:\nSee options in [Accessing theme](https://github.com/microsoft/fluentui/blob/master/packages/react-theme-provider/README.md#accessing-theme).\n\n### loadTheme\n\n`loadTheme` remains to work as is. However, you are recommended to replace `loadTheme` with `ThemeProvider`. That way, your application consistently has one way of providing theme.\n\nTo do that, instead of calling `loadTheme(your_theme)`, you will simply wrap the root component of your React application once with `ThemeProvider`:\n\n```jsx\n<ThemeProvider theme={your_theme}>\n  <App />\n</ThemeProvider>\n```\n\nOne caveat here is that if you app has styles which relies on `@microsoft/load-themed-styles`, `ThemeProvider` won't be able to replace `loadTheme` in this case.\n\n### Fabric component\n\nInstead of using `Fabric` component, you can now replace it fully with `ThemeProvider`. Here is how to replace each prop usage:\n\n| Fabric             | ThemeProvider                                                                                                                                                                                       |\n| ------------------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| `componentRef`     | `ref`                                                                                                                                                                                               |\n| `as`               | `as`                                                                                                                                                                                                |\n| `theme`            | `theme`                                                                                                                                                                                             |\n| `styles`           | Not longer support `styles` prop. If you need to style the root element, you can do that using (inline) style or className prop. Setting arbitrary styles for document body is no longer supported. |\n| `applyTheme`       | This is now applied by default, or by setting `applyTo=\"element\"`. If you don't want any body styles to be applied on root element, you can set `applyTo=\"none\"`.                                   |\n| `applyThemeToBody` | `applyTo=\"body\"`                                                                                                                                                                                    |\n| `dir`              | set `rtl` in `theme` prop                                                                                                                                                                           |\n\n#### Other call-outs\n\n- `ThemeProvider` by default sets `background-color` for the root element using `theme.semanticColors.bodyBackground`. If you find the background color being incorrect after switching to `ThemeProvider`, the right fix is likely that you need to update your theme definition to have the correct `bodyBackground`. Or, if you don't want any default stylings applied to the root element, you can set `applyTo` prop to `\"none\"`.\n- `ThemeProvider` does not set `font-family: inherit` on all native `button`, `input`, `textArea` elements. If you find any Fluent UI component having incorrect fonts after switching to `ThemeProvider`, please [report an issue](https://github.com/microsoft/fluentui/issues/new?template=bug_report.md).\n","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","bundle":"just-scripts bundle","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-api":"just-scripts update-api","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"tag":"lts-7"},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.16","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":["lib/version.js"],"_nodeVersion":"12.22.12","dependencies":{"tslib":"^1.10.0","classnames":"^2.2.6","@fluentui/theme":"^1.7.6","@uifabric/utilities":"^7.34.1","@uifabric/react-hooks":"^7.15.0","@uifabric/set-version":"^7.0.24","@uifabric/merge-styles":"^7.19.2","@fluentui/react-compose":"^0.19.17","@fluentui/react-stylesheets":"^0.2.6","@fluentui/react-window-provider":"^1.0.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"16.8.6","enzyme":"~3.10.0","react-dom":"16.8.6","@types/jest":"~24.9.0","@types/react":"16.8.25","@types/enzyme":"3.10.3","@uifabric/build":"^7.0.0","@types/react-dom":"16.8.4","@types/classnames":"^2.2.9","@uifabric/styling":"^7.21.1","@types/webpack-env":"1.15.1","react-test-renderer":"^16.3.0","@fluentui/eslint-plugin":"^0.54.2","enzyme-adapter-react-16":"^1.15.0","@uifabric/test-utilities":"^7.3.2","@types/react-test-renderer":"^16.0.0","@types/enzyme-adapter-react-16":"1.0.3"},"peerDependencies":{"react":">=16.8.0 <18.0.0","@types/react":">=16.8.0 <18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_0.19.5_1658924803213_0.8569639233682596","host":"s3://npm-registry-packages"}},"0.19.6":{"name":"@fluentui/react-theme-provider","version":"0.19.6","license":"MIT","_id":"@fluentui/react-theme-provider@0.19.6","maintainers":[{"name":"microsoft1es","email":"npmjs@microsoft.com"},{"name":"ecraig12345_msft","email":"elcraig@microsoft.com"},{"name":"justslone","email":"jslone@microsoft.com"},{"name":"chrisdholt","email":"chrisholtco@gmail.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"},{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"00026c31bce5a7c2f3685912704edead67a05c93","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-0.19.6.tgz","fileCount":246,"integrity":"sha512-MOfqamPmkOkrDR+wRWikSs84b4tpPf6PL0f0Z+auJVLGi566Lij03JRtQ9RwUMP3do7nd3mahFMnSOIEeHNuEA==","signatures":[{"sig":"MEUCIQCThmN8QTcZatdHIevqSmLdF9VdIDZJlQL8km7zUOoWOQIgGHlKSLAmAIANMRcrbiwAw/6xJ4/Pyo5a9nwdKUmlBpk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":30045927,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi/N01ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqbKxAApRlpttKCsDN67tObXkGRMHZnlVyyxu0nyTC+4p0X3lDoymdv\r\ndlaa61X9clBNem6/Vf2Qa2Hifyh0TCYzfom+4MWsgpz2MKYnoy8AH6EbZq6C\r\nGK+XQvyXCo1gn+scWHtciiPrsg3STOxa0KQ1wsiFmebe5TEMsrZrvtiZIWQV\r\nU136CyFm+9yVeE0cUEUNrCXG4dycRAmK+aCG+dxYHowvIxEUu2fcAHmmqlGA\r\nwTHT4YR9tYaXmIfGf8PPwXU6WpRYPOgQR2EfyklQ6GNdB70lyulRL2nLnttw\r\nO8J0RHNakF940PFgnFinxfiomrqru51JWah5JFVfa4lVbIzOMLPcZhGZz01m\r\nXfgVdgv5ikMY8WWilLQRQK9LwwwLtbtB1f3hcPTJNGK0OBJzgW2xRKuYRMX+\r\nabZCCkJJo7F7JHENQziWF+NSprrFuEPQKalvJrsOml+h5S7kQ4JcaXl4TIit\r\nKjDfO4ENaGNDX/9/ubo09vfwy8GelXxOZP7p3b7vH6u7zioHTaWIWoTwFf+W\r\n0IqsHArXQ/8gjK1vBQIihXAY4EK8dtVOXBCP4u2v0hwXiNl5paYnZLLHx3PA\r\nNVXftKZo/mqrbkcqxQyyyLa093Tm1fqycHr28F4Vgv4UsPIwdDvmckWPFlK+\r\nLDOKdXqj33TeiqQmHVc1HatxkzYEDyyMEcU=\r\n=0Zcc\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","readme":"# @fluentui/react-theme-provider\n\n**React theming component and hook for [Fluent UI React](https://developer.microsoft.com/en-us/fluentui)**\n\n## Installation\n\n```bash\nyarn add @fluentui/react-theme-provider\n```\n\n## Example usage\n\nUse the theme with Fluent UI by wrapping content within the provider. If `theme` is not provided, default (Fluent) theme will be provided:\n\n```tsx\nimport { ThemeProvider } from '@fluentui/react-theme-provider';\n\nexport const App = () => (\n  <ThemeProvider>\n    <>...app</>\n  </ThemeProvider>\n);\n```\n\nYou can also customize your own theme:\n\n```tsx\nimport { ThemeProvider, PartialTheme } from '@fluentui/react-theme-provider';\n\nconst appTheme: PartialTheme = {\n  palette: {\n    themePrimary: 'red'\n    ...\n  }\n};\n\nexport const App = () => (\n  <ThemeProvider theme={appTheme}>\n    App content ...\n  </ThemeProvider>\n);\n```\n\nYou can also nest `ThemeProvider`s:\n\n```tsx\nimport { ThemeProvider, PartialTheme } from '@fluentui/react-theme-provider';\n\nconst appTheme: PartialTheme = {\n  palette: {\n    themePrimary: 'red'\n    ...\n  }\n};\n\nconst headerTheme: PartialTheme = {\n  palette: {\n    themePrimary: 'orange'\n    ...\n  }\n};\n\nexport const App = () => (\n  <ThemeProvider theme={appTheme}>\n    <ThemeProvider theme={headerTheme}>\n      <MyHeader />\n    </ThemeProvider>\n\n    App content ...\n  </ThemeProvider>\n);\n```\n\nYou can apply component-level styles:\n\n```tsx\nimport { Checkbox } from '@fluentui/react';\nimport { ThemeProvider, createTheme } from '@fluentui/react-theme-provider';\n\nexport const App = () => (\n  <ThemeProvider\n    theme={{\n      components: { Checkbox: { styles: { root: { background: 'red' } } } },\n    }}\n  >\n    <Checkbox />\n  </ThemeProvider>\n);\n```\n\n## Accessing theme\n\n### useTheme\n\nTheme can be accessed using `useTheme` hook. If you are specifically accessing theme to create classes/styles, you can use `makeStyles` described below.\n\n```jsx\nimport { useTheme } from '@fluentui/react-theme-provider';\n\nconst Content = () => {\n  const theme = useTheme();\n  ...\n};\n\nexport const App = () => (\n  <ThemeProvider>\n    <Content />\n  </ThemeProvider>\n);\n```\n\n### ThemeContext.Consumer\n\nTheme can be accessed in Class Component using `ThemeContext.Consumer`.\n\n```tsx\nimport { Theme, ThemeContext } from '@fluentui/react-theme-provider';\n\nclass Content extends React.Component {\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme: Theme | undefined) => {\n          ...\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n}\n\nexport const App = () => (\n  <ThemeProvider>\n    <Content />\n  </ThemeProvider>\n);\n```\n\n### Create classes for React components based on theme\n\nTheme can be accessed using the `makeStyles` hook. This hook abstracts rendering css given the theme object:\n\n```jsx\nimport { makeStyles } from '@fluentui/react-theme-provider';\n\nconst useFooStyles = makeStyles(theme => ({\n    root: {\n      background: theme.semanticColors.bodyBackground,\n      ':hover': {\n        background: theme.semanticColors.bodyBackgroundHovered\n    },\n}));\n\nconst Foo = props => {\n  const classes = useFooStyles();\n\n  return <div className={classes.root} />;\n};\n```\n\n## How does this change other existing ways of theming Fluent UI components?\n\n### Customizer\n\n`Customizer` is now deprecated and you should replace it with `ThemeProvider`.\n`CustomizerContext` is now deprecated and you should replace it with `ThemeContext` or `useTheme` hook.\n\nDeprecations remain to be functional as is but they will be removed in Fluent UI v9 release.\n\n#### Replace settings prop\n\nBefore:\n\n```jsx\n<Customizer settings={{ theme }} />\n```\n\nAfter:\n\n```jsx\n<ThemeProvider theme={theme} />\n```\n\n#### Replace scopedSettings prop\n\nBefore:\n\n```jsx\n<Customizer\n  scopedSettings={{\n    Checkbox: {\n      styles: CheckboxStyles,\n    },\n  }}\n/>\n```\n\nAfter:\n\n```jsx\n<ThemeProvider\n  theme={{\n    components: { Checkbox: { styles: CheckboxStyles } },\n  }}\n/>\n```\n\n#### Replace CustomizerContext\n\nBefore:\n\n```jsx\n  <CustomizerContext.Consumer>\n    {(parentContext: ICustomizerContext) => {\n      const theme = parentContext.customizations.settings;\n      ...\n    }\n  </CustomizerContext.Consumer>\n```\n\nAfter:\nSee options in [Accessing theme](https://github.com/microsoft/fluentui/blob/master/packages/react-theme-provider/README.md#accessing-theme).\n\n### loadTheme\n\n`loadTheme` remains to work as is. However, you are recommended to replace `loadTheme` with `ThemeProvider`. That way, your application consistently has one way of providing theme.\n\nTo do that, instead of calling `loadTheme(your_theme)`, you will simply wrap the root component of your React application once with `ThemeProvider`:\n\n```jsx\n<ThemeProvider theme={your_theme}>\n  <App />\n</ThemeProvider>\n```\n\nOne caveat here is that if you app has styles which relies on `@microsoft/load-themed-styles`, `ThemeProvider` won't be able to replace `loadTheme` in this case.\n\n### Fabric component\n\nInstead of using `Fabric` component, you can now replace it fully with `ThemeProvider`. Here is how to replace each prop usage:\n\n| Fabric             | ThemeProvider                                                                                                                                                                                       |\n| ------------------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| `componentRef`     | `ref`                                                                                                                                                                                               |\n| `as`               | `as`                                                                                                                                                                                                |\n| `theme`            | `theme`                                                                                                                                                                                             |\n| `styles`           | Not longer support `styles` prop. If you need to style the root element, you can do that using (inline) style or className prop. Setting arbitrary styles for document body is no longer supported. |\n| `applyTheme`       | This is now applied by default, or by setting `applyTo=\"element\"`. If you don't want any body styles to be applied on root element, you can set `applyTo=\"none\"`.                                   |\n| `applyThemeToBody` | `applyTo=\"body\"`                                                                                                                                                                                    |\n| `dir`              | set `rtl` in `theme` prop                                                                                                                                                                           |\n\n#### Other call-outs\n\n- `ThemeProvider` by default sets `background-color` for the root element using `theme.semanticColors.bodyBackground`. If you find the background color being incorrect after switching to `ThemeProvider`, the right fix is likely that you need to update your theme definition to have the correct `bodyBackground`. Or, if you don't want any default stylings applied to the root element, you can set `applyTo` prop to `\"none\"`.\n- `ThemeProvider` does not set `font-family: inherit` on all native `button`, `input`, `textArea` elements. If you find any Fluent UI component having incorrect fonts after switching to `ThemeProvider`, please [report an issue](https://github.com/microsoft/fluentui/issues/new?template=bug_report.md).\n","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","bundle":"just-scripts bundle","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-api":"just-scripts update-api","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"tag":"lts-7"},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.16","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":["lib/version.js"],"_nodeVersion":"12.22.12","dependencies":{"tslib":"^1.10.0","classnames":"^2.2.6","@fluentui/theme":"^1.7.7","@uifabric/utilities":"^7.35.0","@uifabric/react-hooks":"^7.15.1","@uifabric/set-version":"^7.0.24","@uifabric/merge-styles":"^7.19.2","@fluentui/react-compose":"^0.19.18","@fluentui/react-stylesheets":"^0.2.6","@fluentui/react-window-provider":"^1.0.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"16.8.6","enzyme":"~3.10.0","react-dom":"16.8.6","@types/jest":"~24.9.0","@types/react":"16.8.25","@types/enzyme":"3.10.3","@uifabric/build":"^7.0.0","@types/react-dom":"16.8.4","@types/classnames":"^2.2.9","@uifabric/styling":"^7.21.2","@types/webpack-env":"1.15.1","react-test-renderer":"^16.3.0","@fluentui/eslint-plugin":"^0.54.2","enzyme-adapter-react-16":"^1.15.0","@uifabric/test-utilities":"^7.3.2","@types/react-test-renderer":"^16.0.0","@types/enzyme-adapter-react-16":"1.0.3"},"peerDependencies":{"react":">=16.8.0 <18.0.0","@types/react":">=16.8.0 <18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_0.19.6_1660738868698_0.3043784350008525","host":"s3://npm-registry-packages"}},"0.19.7":{"name":"@fluentui/react-theme-provider","version":"0.19.7","license":"MIT","_id":"@fluentui/react-theme-provider@0.19.7","maintainers":[{"name":"microsoft1es","email":"npmjs@microsoft.com"},{"name":"ecraig12345_msft","email":"elcraig@microsoft.com"},{"name":"justslone","email":"jslone@microsoft.com"},{"name":"chrisdholt","email":"chrisholtco@gmail.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"},{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"6b803c4927e859c42ad56a11a6fd47a9eb5c396e","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-0.19.7.tgz","fileCount":246,"integrity":"sha512-SE4TrsXw/yelU3lGp+1UA+cSZM/0iUv/THYe4EDThKHS+sWcx0wSuSDErZJq0EP+auNLqVKqTMZ5sI8KtAwY0Q==","signatures":[{"sig":"MEYCIQC9uBJ80m3wuYcGQk3DJAcvLqCSAWxAtvQhr/WhhFkFPgIhAL9sZBDDRUXffr9RsO9gvwR//V/vPp3GfgQSgQeGKCyx","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":30055378,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjDVTBACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmovSA/9EuU+rBwueApLfgCCOz5xEhngpiA+04TXeuzbPW8V79C1D4Xu\r\nyOOpcpEH0mXygJwKkMQTxjskWukZmU7cGTOoRkvsLDZkD2iz1Bm+QEULjLLc\r\nY/Ymray5oq54KoJjt0Ub56LR3lgtDwzeSq3axXRgA0YJHyxGDi2CkZV9gpjn\r\nP8lpdBsmQUnPLn7mQeq7a9jZ/9dpuLY8ZP0nfT9nzJNzw2P3Ijc+64Do4B1s\r\n5aPMf3ddEKJbxgJlMnkUXYDptaWSIq6nqjYdQGHshUTjIDdO6mxc4J+VpYYq\r\npU4JbPan0aXp6Hab6ZzuHr+2nM/5+sM28L905k/hr7WBCdJUz8EcjGOvZbD3\r\nJG8PE937GHD98b2YnNE7W/QUU4mcz8Ul8Ch+y7oLXZXS6pExfSAdm/iN2nZ/\r\nySVtxbLYXUtmIPdRGxFlPPJwCecFj6kDJ8uJrGi1bK2yqYvk3ePnUvxVJtC4\r\n7+h+UwsBxH1K6ZUOAeimBok7o0Ma/7OAa+qCB8Wn4g/BD0bQtn/lt8XLER6H\r\n7ngHD0JG4j1UCfkBzaKF2LdLJi2o9TrQ4FZ0zSqQIx1dUXM+kF2qNS003gG4\r\nuqFBxHHEO9hm/6vM7sg2k2pCgNkAC9AUqjWKx1wUPp6bamgjTGFLHxDdWV0g\r\nCsPUOQDGBFUGcMFHRx6fvfgnSsgdY78tD1M=\r\n=gvUC\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","readme":"# @fluentui/react-theme-provider\n\n**React theming component and hook for [Fluent UI React](https://developer.microsoft.com/en-us/fluentui)**\n\n## Installation\n\n```bash\nyarn add @fluentui/react-theme-provider\n```\n\n## Example usage\n\nUse the theme with Fluent UI by wrapping content within the provider. If `theme` is not provided, default (Fluent) theme will be provided:\n\n```tsx\nimport { ThemeProvider } from '@fluentui/react-theme-provider';\n\nexport const App = () => (\n  <ThemeProvider>\n    <>...app</>\n  </ThemeProvider>\n);\n```\n\nYou can also customize your own theme:\n\n```tsx\nimport { ThemeProvider, PartialTheme } from '@fluentui/react-theme-provider';\n\nconst appTheme: PartialTheme = {\n  palette: {\n    themePrimary: 'red'\n    ...\n  }\n};\n\nexport const App = () => (\n  <ThemeProvider theme={appTheme}>\n    App content ...\n  </ThemeProvider>\n);\n```\n\nYou can also nest `ThemeProvider`s:\n\n```tsx\nimport { ThemeProvider, PartialTheme } from '@fluentui/react-theme-provider';\n\nconst appTheme: PartialTheme = {\n  palette: {\n    themePrimary: 'red'\n    ...\n  }\n};\n\nconst headerTheme: PartialTheme = {\n  palette: {\n    themePrimary: 'orange'\n    ...\n  }\n};\n\nexport const App = () => (\n  <ThemeProvider theme={appTheme}>\n    <ThemeProvider theme={headerTheme}>\n      <MyHeader />\n    </ThemeProvider>\n\n    App content ...\n  </ThemeProvider>\n);\n```\n\nYou can apply component-level styles:\n\n```tsx\nimport { Checkbox } from '@fluentui/react';\nimport { ThemeProvider, createTheme } from '@fluentui/react-theme-provider';\n\nexport const App = () => (\n  <ThemeProvider\n    theme={{\n      components: { Checkbox: { styles: { root: { background: 'red' } } } },\n    }}\n  >\n    <Checkbox />\n  </ThemeProvider>\n);\n```\n\n## Accessing theme\n\n### useTheme\n\nTheme can be accessed using `useTheme` hook. If you are specifically accessing theme to create classes/styles, you can use `makeStyles` described below.\n\n```jsx\nimport { useTheme } from '@fluentui/react-theme-provider';\n\nconst Content = () => {\n  const theme = useTheme();\n  ...\n};\n\nexport const App = () => (\n  <ThemeProvider>\n    <Content />\n  </ThemeProvider>\n);\n```\n\n### ThemeContext.Consumer\n\nTheme can be accessed in Class Component using `ThemeContext.Consumer`.\n\n```tsx\nimport { Theme, ThemeContext } from '@fluentui/react-theme-provider';\n\nclass Content extends React.Component {\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme: Theme | undefined) => {\n          ...\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n}\n\nexport const App = () => (\n  <ThemeProvider>\n    <Content />\n  </ThemeProvider>\n);\n```\n\n### Create classes for React components based on theme\n\nTheme can be accessed using the `makeStyles` hook. This hook abstracts rendering css given the theme object:\n\n```jsx\nimport { makeStyles } from '@fluentui/react-theme-provider';\n\nconst useFooStyles = makeStyles(theme => ({\n    root: {\n      background: theme.semanticColors.bodyBackground,\n      ':hover': {\n        background: theme.semanticColors.bodyBackgroundHovered\n    },\n}));\n\nconst Foo = props => {\n  const classes = useFooStyles();\n\n  return <div className={classes.root} />;\n};\n```\n\n## How does this change other existing ways of theming Fluent UI components?\n\n### Customizer\n\n`Customizer` is now deprecated and you should replace it with `ThemeProvider`.\n`CustomizerContext` is now deprecated and you should replace it with `ThemeContext` or `useTheme` hook.\n\nDeprecations remain to be functional as is but they will be removed in Fluent UI v9 release.\n\n#### Replace settings prop\n\nBefore:\n\n```jsx\n<Customizer settings={{ theme }} />\n```\n\nAfter:\n\n```jsx\n<ThemeProvider theme={theme} />\n```\n\n#### Replace scopedSettings prop\n\nBefore:\n\n```jsx\n<Customizer\n  scopedSettings={{\n    Checkbox: {\n      styles: CheckboxStyles,\n    },\n  }}\n/>\n```\n\nAfter:\n\n```jsx\n<ThemeProvider\n  theme={{\n    components: { Checkbox: { styles: CheckboxStyles } },\n  }}\n/>\n```\n\n#### Replace CustomizerContext\n\nBefore:\n\n```jsx\n  <CustomizerContext.Consumer>\n    {(parentContext: ICustomizerContext) => {\n      const theme = parentContext.customizations.settings;\n      ...\n    }\n  </CustomizerContext.Consumer>\n```\n\nAfter:\nSee options in [Accessing theme](https://github.com/microsoft/fluentui/blob/master/packages/react-theme-provider/README.md#accessing-theme).\n\n### loadTheme\n\n`loadTheme` remains to work as is. However, you are recommended to replace `loadTheme` with `ThemeProvider`. That way, your application consistently has one way of providing theme.\n\nTo do that, instead of calling `loadTheme(your_theme)`, you will simply wrap the root component of your React application once with `ThemeProvider`:\n\n```jsx\n<ThemeProvider theme={your_theme}>\n  <App />\n</ThemeProvider>\n```\n\nOne caveat here is that if you app has styles which relies on `@microsoft/load-themed-styles`, `ThemeProvider` won't be able to replace `loadTheme` in this case.\n\n### Fabric component\n\nInstead of using `Fabric` component, you can now replace it fully with `ThemeProvider`. Here is how to replace each prop usage:\n\n| Fabric             | ThemeProvider                                                                                                                                                                                       |\n| ------------------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| `componentRef`     | `ref`                                                                                                                                                                                               |\n| `as`               | `as`                                                                                                                                                                                                |\n| `theme`            | `theme`                                                                                                                                                                                             |\n| `styles`           | Not longer support `styles` prop. If you need to style the root element, you can do that using (inline) style or className prop. Setting arbitrary styles for document body is no longer supported. |\n| `applyTheme`       | This is now applied by default, or by setting `applyTo=\"element\"`. If you don't want any body styles to be applied on root element, you can set `applyTo=\"none\"`.                                   |\n| `applyThemeToBody` | `applyTo=\"body\"`                                                                                                                                                                                    |\n| `dir`              | set `rtl` in `theme` prop                                                                                                                                                                           |\n\n#### Other call-outs\n\n- `ThemeProvider` by default sets `background-color` for the root element using `theme.semanticColors.bodyBackground`. If you find the background color being incorrect after switching to `ThemeProvider`, the right fix is likely that you need to update your theme definition to have the correct `bodyBackground`. Or, if you don't want any default stylings applied to the root element, you can set `applyTo` prop to `\"none\"`.\n- `ThemeProvider` does not set `font-family: inherit` on all native `button`, `input`, `textArea` elements. If you find any Fluent UI component having incorrect fonts after switching to `ThemeProvider`, please [report an issue](https://github.com/microsoft/fluentui/issues/new?template=bug_report.md).\n","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","bundle":"just-scripts bundle","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-api":"just-scripts update-api","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"tag":"lts-7"},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.16","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":["lib/version.js"],"_nodeVersion":"12.22.12","dependencies":{"tslib":"^1.10.0","classnames":"^2.2.6","@fluentui/theme":"^1.7.8","@uifabric/utilities":"^7.36.0","@uifabric/react-hooks":"^7.15.2","@uifabric/set-version":"^7.0.24","@uifabric/merge-styles":"^7.19.2","@fluentui/react-compose":"^0.19.19","@fluentui/react-stylesheets":"^0.2.6","@fluentui/react-window-provider":"^1.0.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"16.8.6","enzyme":"~3.10.0","react-dom":"16.8.6","@types/jest":"~24.9.0","@types/react":"16.8.25","@types/enzyme":"3.10.3","@uifabric/build":"^7.0.0","@types/react-dom":"16.8.4","@types/classnames":"^2.2.9","@uifabric/styling":"^7.21.3","@types/webpack-env":"1.15.1","react-test-renderer":"^16.3.0","@fluentui/eslint-plugin":"^0.54.2","enzyme-adapter-react-16":"^1.15.0","@uifabric/test-utilities":"^7.3.2","@types/react-test-renderer":"^16.0.0","@types/enzyme-adapter-react-16":"1.0.3"},"peerDependencies":{"react":">=16.8.0 <18.0.0","@types/react":">=16.8.0 <18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_0.19.7_1661818049140_0.43404077729409174","host":"s3://npm-registry-packages"}},"0.19.8":{"name":"@fluentui/react-theme-provider","version":"0.19.8","license":"MIT","_id":"@fluentui/react-theme-provider@0.19.8","maintainers":[{"name":"microsoft1es","email":"npmjs@microsoft.com"},{"name":"ecraig12345_msft","email":"elcraig@microsoft.com"},{"name":"justslone","email":"jslone@microsoft.com"},{"name":"chrisdholt","email":"chrisholtco@gmail.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"},{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"05bcb2f29ebe6571ca7d425ff1cc8fa134bcbb04","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-0.19.8.tgz","fileCount":246,"integrity":"sha512-X/QVpZIRZvBaB5K1PdGU/gsOI3KUXe/izbe280D7T+hFWHxnAp9t8r79fri9IeMgP1l4CgS5oupBKOanI9eFVw==","signatures":[{"sig":"MEUCICo4El6tgQPQ+emFUuQpEQuE8wkdxuwpNV+EuvY/RfHDAiEA5s09lYIveTp+X9+AnVAg8iGMo9szByTWA1qMo6e6l+g=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":30056243,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjDl5IACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoLrA//afXQ5kQwxkPLIMM5RcjscaKtRAlmzkGYm2qQRttPeNwkHkto\r\npIxvn5cIbcsXTME9Wd/rrZ17gE8sKpzC0+/5iU+m1VKo0wfBVPZl1tj3HD/2\r\n6LkClwj11N2w8E89rRwgpwrucMSIuZ/FosaQSxvrD3L3BmzuUt3DXw0JKcRY\r\nitRPNTsu/awFi0lO1UT16YEYhbDnjzEFw0pKOXa6v2rfsG2t5n7PLj2VbolZ\r\n3HoHiFWsTQbZSPf3/yqMXPd1lLhF3w4H2O25JVRQsbiGGDpKhyu2w8fLZW7b\r\n01GuLM3CwtyqwrpziXFqRMtyJdOujKogZIZNP3ihkyvnHkat4H9FJPXRR6pO\r\nBd2AQB8SCevaTI7h4nwPHdNvz1wOp6CWud4J9ESNfvPeQyvqDI1o6TlKtMtt\r\nXc1akFHR76ed74vgJ4bzY/ItcQowOCBrSKCRrrlZQNJPSTAaLMSwcWHjxB7f\r\nZ2vREG79tbC1JuHKopQ651yP9ihTzBH76lFW6/nYgcIN5gYiG4L0AWfVDMGx\r\n7B1jxOm/X+bI6NzyjJYLnJ1pqj4zg9jFWxDJGfCjoLZRhdsM6syFFwf2FFGU\r\nvYeBUfEJtvxRZh1EBODj50bJQjuYnqSOVLlnEZnNDperRsM/cVGHc8h+RKEv\r\nIwsms9HVPBPgx4QNMwcByF5of8vX5PX8M9o=\r\n=LMhU\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","readme":"# @fluentui/react-theme-provider\n\n**React theming component and hook for [Fluent UI React](https://developer.microsoft.com/en-us/fluentui)**\n\n## Installation\n\n```bash\nyarn add @fluentui/react-theme-provider\n```\n\n## Example usage\n\nUse the theme with Fluent UI by wrapping content within the provider. If `theme` is not provided, default (Fluent) theme will be provided:\n\n```tsx\nimport { ThemeProvider } from '@fluentui/react-theme-provider';\n\nexport const App = () => (\n  <ThemeProvider>\n    <>...app</>\n  </ThemeProvider>\n);\n```\n\nYou can also customize your own theme:\n\n```tsx\nimport { ThemeProvider, PartialTheme } from '@fluentui/react-theme-provider';\n\nconst appTheme: PartialTheme = {\n  palette: {\n    themePrimary: 'red'\n    ...\n  }\n};\n\nexport const App = () => (\n  <ThemeProvider theme={appTheme}>\n    App content ...\n  </ThemeProvider>\n);\n```\n\nYou can also nest `ThemeProvider`s:\n\n```tsx\nimport { ThemeProvider, PartialTheme } from '@fluentui/react-theme-provider';\n\nconst appTheme: PartialTheme = {\n  palette: {\n    themePrimary: 'red'\n    ...\n  }\n};\n\nconst headerTheme: PartialTheme = {\n  palette: {\n    themePrimary: 'orange'\n    ...\n  }\n};\n\nexport const App = () => (\n  <ThemeProvider theme={appTheme}>\n    <ThemeProvider theme={headerTheme}>\n      <MyHeader />\n    </ThemeProvider>\n\n    App content ...\n  </ThemeProvider>\n);\n```\n\nYou can apply component-level styles:\n\n```tsx\nimport { Checkbox } from '@fluentui/react';\nimport { ThemeProvider, createTheme } from '@fluentui/react-theme-provider';\n\nexport const App = () => (\n  <ThemeProvider\n    theme={{\n      components: { Checkbox: { styles: { root: { background: 'red' } } } },\n    }}\n  >\n    <Checkbox />\n  </ThemeProvider>\n);\n```\n\n## Accessing theme\n\n### useTheme\n\nTheme can be accessed using `useTheme` hook. If you are specifically accessing theme to create classes/styles, you can use `makeStyles` described below.\n\n```jsx\nimport { useTheme } from '@fluentui/react-theme-provider';\n\nconst Content = () => {\n  const theme = useTheme();\n  ...\n};\n\nexport const App = () => (\n  <ThemeProvider>\n    <Content />\n  </ThemeProvider>\n);\n```\n\n### ThemeContext.Consumer\n\nTheme can be accessed in Class Component using `ThemeContext.Consumer`.\n\n```tsx\nimport { Theme, ThemeContext } from '@fluentui/react-theme-provider';\n\nclass Content extends React.Component {\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme: Theme | undefined) => {\n          ...\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n}\n\nexport const App = () => (\n  <ThemeProvider>\n    <Content />\n  </ThemeProvider>\n);\n```\n\n### Create classes for React components based on theme\n\nTheme can be accessed using the `makeStyles` hook. This hook abstracts rendering css given the theme object:\n\n```jsx\nimport { makeStyles } from '@fluentui/react-theme-provider';\n\nconst useFooStyles = makeStyles(theme => ({\n    root: {\n      background: theme.semanticColors.bodyBackground,\n      ':hover': {\n        background: theme.semanticColors.bodyBackgroundHovered\n    },\n}));\n\nconst Foo = props => {\n  const classes = useFooStyles();\n\n  return <div className={classes.root} />;\n};\n```\n\n## How does this change other existing ways of theming Fluent UI components?\n\n### Customizer\n\n`Customizer` is now deprecated and you should replace it with `ThemeProvider`.\n`CustomizerContext` is now deprecated and you should replace it with `ThemeContext` or `useTheme` hook.\n\nDeprecations remain to be functional as is but they will be removed in Fluent UI v9 release.\n\n#### Replace settings prop\n\nBefore:\n\n```jsx\n<Customizer settings={{ theme }} />\n```\n\nAfter:\n\n```jsx\n<ThemeProvider theme={theme} />\n```\n\n#### Replace scopedSettings prop\n\nBefore:\n\n```jsx\n<Customizer\n  scopedSettings={{\n    Checkbox: {\n      styles: CheckboxStyles,\n    },\n  }}\n/>\n```\n\nAfter:\n\n```jsx\n<ThemeProvider\n  theme={{\n    components: { Checkbox: { styles: CheckboxStyles } },\n  }}\n/>\n```\n\n#### Replace CustomizerContext\n\nBefore:\n\n```jsx\n  <CustomizerContext.Consumer>\n    {(parentContext: ICustomizerContext) => {\n      const theme = parentContext.customizations.settings;\n      ...\n    }\n  </CustomizerContext.Consumer>\n```\n\nAfter:\nSee options in [Accessing theme](https://github.com/microsoft/fluentui/blob/master/packages/react-theme-provider/README.md#accessing-theme).\n\n### loadTheme\n\n`loadTheme` remains to work as is. However, you are recommended to replace `loadTheme` with `ThemeProvider`. That way, your application consistently has one way of providing theme.\n\nTo do that, instead of calling `loadTheme(your_theme)`, you will simply wrap the root component of your React application once with `ThemeProvider`:\n\n```jsx\n<ThemeProvider theme={your_theme}>\n  <App />\n</ThemeProvider>\n```\n\nOne caveat here is that if you app has styles which relies on `@microsoft/load-themed-styles`, `ThemeProvider` won't be able to replace `loadTheme` in this case.\n\n### Fabric component\n\nInstead of using `Fabric` component, you can now replace it fully with `ThemeProvider`. Here is how to replace each prop usage:\n\n| Fabric             | ThemeProvider                                                                                                                                                                                       |\n| ------------------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| `componentRef`     | `ref`                                                                                                                                                                                               |\n| `as`               | `as`                                                                                                                                                                                                |\n| `theme`            | `theme`                                                                                                                                                                                             |\n| `styles`           | Not longer support `styles` prop. If you need to style the root element, you can do that using (inline) style or className prop. Setting arbitrary styles for document body is no longer supported. |\n| `applyTheme`       | This is now applied by default, or by setting `applyTo=\"element\"`. If you don't want any body styles to be applied on root element, you can set `applyTo=\"none\"`.                                   |\n| `applyThemeToBody` | `applyTo=\"body\"`                                                                                                                                                                                    |\n| `dir`              | set `rtl` in `theme` prop                                                                                                                                                                           |\n\n#### Other call-outs\n\n- `ThemeProvider` by default sets `background-color` for the root element using `theme.semanticColors.bodyBackground`. If you find the background color being incorrect after switching to `ThemeProvider`, the right fix is likely that you need to update your theme definition to have the correct `bodyBackground`. Or, if you don't want any default stylings applied to the root element, you can set `applyTo` prop to `\"none\"`.\n- `ThemeProvider` does not set `font-family: inherit` on all native `button`, `input`, `textArea` elements. If you find any Fluent UI component having incorrect fonts after switching to `ThemeProvider`, please [report an issue](https://github.com/microsoft/fluentui/issues/new?template=bug_report.md).\n","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","bundle":"just-scripts bundle","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-api":"just-scripts update-api","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"tag":"lts-7"},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.16","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":["lib/version.js"],"_nodeVersion":"12.22.12","dependencies":{"tslib":"^1.10.0","classnames":"^2.2.6","@fluentui/theme":"^1.7.8","@uifabric/utilities":"^7.36.0","@uifabric/react-hooks":"^7.15.2","@uifabric/set-version":"^7.0.24","@uifabric/merge-styles":"^7.19.2","@fluentui/react-compose":"^0.19.19","@fluentui/react-stylesheets":"^0.2.6","@fluentui/react-window-provider":"^1.0.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"16.8.6","enzyme":"~3.10.0","react-dom":"16.8.6","@types/jest":"~24.9.0","@types/react":"16.8.25","@types/enzyme":"3.10.3","@uifabric/build":"^7.0.0","@types/react-dom":"16.8.4","@types/classnames":"^2.2.9","@uifabric/styling":"^7.22.0","@types/webpack-env":"1.15.1","react-test-renderer":"^16.3.0","@fluentui/eslint-plugin":"^0.54.2","enzyme-adapter-react-16":"^1.15.0","@uifabric/test-utilities":"^7.3.2","@types/react-test-renderer":"^16.0.0","@types/enzyme-adapter-react-16":"1.0.3"},"peerDependencies":{"react":">=16.8.0 <18.0.0","@types/react":">=16.8.0 <18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_0.19.8_1661886024008_0.4065578916536121","host":"s3://npm-registry-packages"}},"0.19.9":{"name":"@fluentui/react-theme-provider","version":"0.19.9","license":"MIT","_id":"@fluentui/react-theme-provider@0.19.9","maintainers":[{"name":"microsoft1es","email":"npmjs@microsoft.com"},{"name":"ecraig12345_msft","email":"elcraig@microsoft.com"},{"name":"justslone","email":"jslone@microsoft.com"},{"name":"chrisdholt","email":"chrisholtco@gmail.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"},{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"931bc521d6fe23cf9501d65384e41e92a17b0a51","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-0.19.9.tgz","fileCount":246,"integrity":"sha512-KjDNdIC8FWRPS28u8wm1GnB9f6L/RlsTlp3R8lHkM7mcyKVTUM39GL+9xYsHFS4x2NONJjazV6RhC+0e2rYVwg==","signatures":[{"sig":"MEUCIAvCTZr7v5YzXGEPRR+JygS7jtaNy5mf86tLPLmA9/BWAiEAnWguOzRK9xvVZomlrgPz9mYt17s4XVSu/cncjdkBiUQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":30057118,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjET+rACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrjAg//VeVMeXJtdeOGIqHv7eAsmepLgFI6QP+4J00eJl+a7/8UjqMY\r\nkJrV5UZuuGANWAOEACl2s3iBmTBaZ8SSPC0VkD634DM7R9l5feYrptcpco1X\r\n/DptptBb5umxhO6RHGaCbtHXy2KCZaXgCZsqqT50yfJWGCCWye3ummU73aeN\r\no9qeFuKB9jGesT2L1gkUw1/sMNELNDhrQPA3uaTFGO/UleShDvW8uG/ZUyJe\r\nu/xhvwpeXLZ/RcOBxQetryC/KT/3zcmVWfif6cdVAg66k3SeRPQDKjCGoHat\r\nck/wYWNjgx3ny0r+BP/sjUzR9ERX8kNgJk8ZzkRPiKpM/BggMwo9rgfzYgoE\r\n+1rxpQQ1fcB2tF+RolgtKkW8rHtVYmZTpvXvduyBPWF1u4pqmPqYnOFriEUV\r\nMvDNfQ6/Z8nUDJtlnYzD7zn0MIhQuw9MPFXkY4fmj+iI8RwGu8MzCervf0M1\r\nF/up46CkCx+o2s17IXKxLAJW3fnpIVf0W2vNmNJYEMhmRtWkJRLPdDq4dGbH\r\nkK208IPl8Ax52JodMbunRL5ttQJh666UzZg2OA6DV/EcBdlEwZCRf3ejFOvW\r\n73aWPl8iUiywMzG8bNd5Qo9eAf4AFs5FKMfYraQhsDycsu6y+stLXa4ZSSlg\r\naNTqS21MSTnI0fnMF1eYv7WHuDlVE/cuJms=\r\n=ZSpw\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","readme":"# @fluentui/react-theme-provider\n\n**React theming component and hook for [Fluent UI React](https://developer.microsoft.com/en-us/fluentui)**\n\n## Installation\n\n```bash\nyarn add @fluentui/react-theme-provider\n```\n\n## Example usage\n\nUse the theme with Fluent UI by wrapping content within the provider. If `theme` is not provided, default (Fluent) theme will be provided:\n\n```tsx\nimport { ThemeProvider } from '@fluentui/react-theme-provider';\n\nexport const App = () => (\n  <ThemeProvider>\n    <>...app</>\n  </ThemeProvider>\n);\n```\n\nYou can also customize your own theme:\n\n```tsx\nimport { ThemeProvider, PartialTheme } from '@fluentui/react-theme-provider';\n\nconst appTheme: PartialTheme = {\n  palette: {\n    themePrimary: 'red'\n    ...\n  }\n};\n\nexport const App = () => (\n  <ThemeProvider theme={appTheme}>\n    App content ...\n  </ThemeProvider>\n);\n```\n\nYou can also nest `ThemeProvider`s:\n\n```tsx\nimport { ThemeProvider, PartialTheme } from '@fluentui/react-theme-provider';\n\nconst appTheme: PartialTheme = {\n  palette: {\n    themePrimary: 'red'\n    ...\n  }\n};\n\nconst headerTheme: PartialTheme = {\n  palette: {\n    themePrimary: 'orange'\n    ...\n  }\n};\n\nexport const App = () => (\n  <ThemeProvider theme={appTheme}>\n    <ThemeProvider theme={headerTheme}>\n      <MyHeader />\n    </ThemeProvider>\n\n    App content ...\n  </ThemeProvider>\n);\n```\n\nYou can apply component-level styles:\n\n```tsx\nimport { Checkbox } from '@fluentui/react';\nimport { ThemeProvider, createTheme } from '@fluentui/react-theme-provider';\n\nexport const App = () => (\n  <ThemeProvider\n    theme={{\n      components: { Checkbox: { styles: { root: { background: 'red' } } } },\n    }}\n  >\n    <Checkbox />\n  </ThemeProvider>\n);\n```\n\n## Accessing theme\n\n### useTheme\n\nTheme can be accessed using `useTheme` hook. If you are specifically accessing theme to create classes/styles, you can use `makeStyles` described below.\n\n```jsx\nimport { useTheme } from '@fluentui/react-theme-provider';\n\nconst Content = () => {\n  const theme = useTheme();\n  ...\n};\n\nexport const App = () => (\n  <ThemeProvider>\n    <Content />\n  </ThemeProvider>\n);\n```\n\n### ThemeContext.Consumer\n\nTheme can be accessed in Class Component using `ThemeContext.Consumer`.\n\n```tsx\nimport { Theme, ThemeContext } from '@fluentui/react-theme-provider';\n\nclass Content extends React.Component {\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme: Theme | undefined) => {\n          ...\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n}\n\nexport const App = () => (\n  <ThemeProvider>\n    <Content />\n  </ThemeProvider>\n);\n```\n\n### Create classes for React components based on theme\n\nTheme can be accessed using the `makeStyles` hook. This hook abstracts rendering css given the theme object:\n\n```jsx\nimport { makeStyles } from '@fluentui/react-theme-provider';\n\nconst useFooStyles = makeStyles(theme => ({\n    root: {\n      background: theme.semanticColors.bodyBackground,\n      ':hover': {\n        background: theme.semanticColors.bodyBackgroundHovered\n    },\n}));\n\nconst Foo = props => {\n  const classes = useFooStyles();\n\n  return <div className={classes.root} />;\n};\n```\n\n## How does this change other existing ways of theming Fluent UI components?\n\n### Customizer\n\n`Customizer` is now deprecated and you should replace it with `ThemeProvider`.\n`CustomizerContext` is now deprecated and you should replace it with `ThemeContext` or `useTheme` hook.\n\nDeprecations remain to be functional as is but they will be removed in Fluent UI v9 release.\n\n#### Replace settings prop\n\nBefore:\n\n```jsx\n<Customizer settings={{ theme }} />\n```\n\nAfter:\n\n```jsx\n<ThemeProvider theme={theme} />\n```\n\n#### Replace scopedSettings prop\n\nBefore:\n\n```jsx\n<Customizer\n  scopedSettings={{\n    Checkbox: {\n      styles: CheckboxStyles,\n    },\n  }}\n/>\n```\n\nAfter:\n\n```jsx\n<ThemeProvider\n  theme={{\n    components: { Checkbox: { styles: CheckboxStyles } },\n  }}\n/>\n```\n\n#### Replace CustomizerContext\n\nBefore:\n\n```jsx\n  <CustomizerContext.Consumer>\n    {(parentContext: ICustomizerContext) => {\n      const theme = parentContext.customizations.settings;\n      ...\n    }\n  </CustomizerContext.Consumer>\n```\n\nAfter:\nSee options in [Accessing theme](https://github.com/microsoft/fluentui/blob/master/packages/react-theme-provider/README.md#accessing-theme).\n\n### loadTheme\n\n`loadTheme` remains to work as is. However, you are recommended to replace `loadTheme` with `ThemeProvider`. That way, your application consistently has one way of providing theme.\n\nTo do that, instead of calling `loadTheme(your_theme)`, you will simply wrap the root component of your React application once with `ThemeProvider`:\n\n```jsx\n<ThemeProvider theme={your_theme}>\n  <App />\n</ThemeProvider>\n```\n\nOne caveat here is that if you app has styles which relies on `@microsoft/load-themed-styles`, `ThemeProvider` won't be able to replace `loadTheme` in this case.\n\n### Fabric component\n\nInstead of using `Fabric` component, you can now replace it fully with `ThemeProvider`. Here is how to replace each prop usage:\n\n| Fabric             | ThemeProvider                                                                                                                                                                                       |\n| ------------------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| `componentRef`     | `ref`                                                                                                                                                                                               |\n| `as`               | `as`                                                                                                                                                                                                |\n| `theme`            | `theme`                                                                                                                                                                                             |\n| `styles`           | Not longer support `styles` prop. If you need to style the root element, you can do that using (inline) style or className prop. Setting arbitrary styles for document body is no longer supported. |\n| `applyTheme`       | This is now applied by default, or by setting `applyTo=\"element\"`. If you don't want any body styles to be applied on root element, you can set `applyTo=\"none\"`.                                   |\n| `applyThemeToBody` | `applyTo=\"body\"`                                                                                                                                                                                    |\n| `dir`              | set `rtl` in `theme` prop                                                                                                                                                                           |\n\n#### Other call-outs\n\n- `ThemeProvider` by default sets `background-color` for the root element using `theme.semanticColors.bodyBackground`. If you find the background color being incorrect after switching to `ThemeProvider`, the right fix is likely that you need to update your theme definition to have the correct `bodyBackground`. Or, if you don't want any default stylings applied to the root element, you can set `applyTo` prop to `\"none\"`.\n- `ThemeProvider` does not set `font-family: inherit` on all native `button`, `input`, `textArea` elements. If you find any Fluent UI component having incorrect fonts after switching to `ThemeProvider`, please [report an issue](https://github.com/microsoft/fluentui/issues/new?template=bug_report.md).\n","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","bundle":"just-scripts bundle","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-api":"just-scripts update-api","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"tag":"lts-7"},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.16","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":["lib/version.js"],"_nodeVersion":"12.22.12","dependencies":{"tslib":"^1.10.0","classnames":"^2.2.6","@fluentui/theme":"^1.7.9","@uifabric/utilities":"^7.36.1","@uifabric/react-hooks":"^7.16.0","@uifabric/set-version":"^7.0.24","@uifabric/merge-styles":"^7.20.0","@fluentui/react-compose":"^0.19.20","@fluentui/react-stylesheets":"^0.2.7","@fluentui/react-window-provider":"^1.0.4"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"16.8.6","enzyme":"~3.10.0","react-dom":"16.8.6","@types/jest":"~24.9.0","@types/react":"16.8.25","@types/enzyme":"3.10.3","@uifabric/build":"^7.0.0","@types/react-dom":"16.8.4","@types/classnames":"^2.2.9","@uifabric/styling":"^7.22.1","@types/webpack-env":"1.15.1","react-test-renderer":"^16.3.0","@fluentui/eslint-plugin":"^0.54.2","enzyme-adapter-react-16":"^1.15.0","@uifabric/test-utilities":"^7.3.3","@types/react-test-renderer":"^16.0.0","@types/enzyme-adapter-react-16":"1.0.3"},"peerDependencies":{"react":">=16.8.0 <18.0.0","@types/react":">=16.8.0 <18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_0.19.9_1662074795003_0.2582951710141512","host":"s3://npm-registry-packages"}},"0.19.10":{"name":"@fluentui/react-theme-provider","version":"0.19.10","license":"MIT","_id":"@fluentui/react-theme-provider@0.19.10","maintainers":[{"name":"microsoft1es","email":"npmjs@microsoft.com"},{"name":"ecraig12345_msft","email":"elcraig@microsoft.com"},{"name":"justslone","email":"jslone@microsoft.com"},{"name":"chrisdholt","email":"chrisholtco@gmail.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"},{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"baf77aed826fa9f9b071c6d09dbb4dd338a0fe09","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-0.19.10.tgz","fileCount":246,"integrity":"sha512-lp9RWEJpWbsr2m62ee033E3rApsC7ndJ/LHasv0DmIuES2Nsc3JoISADajvmo3gpNeD5M9JLFvx5xO2LMzFb/A==","signatures":[{"sig":"MEUCIDpHfv6PhaS+qT7BBKugXDIlgla55XQkepTDcSD+/pFNAiEA4rtqoTYcj/yVWFgJOmgBQQAzbw7yujW1EO/D9C415sc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":30057943,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjEjWgACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqQhRAAmAmexfXPyY9WpbakKqD5m8oT6nnD26JkLr0XRtvGN+EIywpq\r\n2heesjs0/DvPeQH+YDZCGesYh5Z8eS6zG6B7D7Q6umna+zQs7mjy7iggwnWf\r\nRxRv4SbSsxJh57yVEphrmB3nsUJqvvaal6MByP+dCIgN6QFK5NcTgq6ror6Q\r\nrVGS5+Td0cOma97LV9KOwDQ6nX3nU9o2vsrOCQ9H92wCnsNkmQgXhxdTPlxO\r\nVFWz+HNdTxhWBcE8dK4aCSp69eK6Tk2oFY71RFAHWLBn6GHDFWbdBUfq6Q0A\r\nyuNGRBaKVnOpW/JdSFzHir9X8eNU15Uns4hESFDX5uzvkkkf8fG9R0CgjVhr\r\nhzrY8v+DgkN9cBQ/gxrngTNScbD6kKA2qa582X/xAxUABdvrOV1reR/qVTFL\r\nFCVaBRWD4wRcFhql5nBCv7Qc+7/lpN14S5/MSHrcizEA7fmq3rm6PrXaCqiM\r\nBp46ef3sOZNCU7LgPWhdVRjgpn7m434s+OGuHej+9xCWjUvpA8jZMz9xXHH7\r\nWxxZFXaWw+ackNR6qIgAZEAycf8HtpF99gZe07D/O7VRdWxMlZLoLV63gZ7+\r\nE+92XzSKH1KwIck7rfx1lHPXzZdzABktpV4pzb6qOet2o/km6wt1T7qDnyP4\r\nhmdxAJTkIZSqcZ8xF7ESJPsRONg7G0GdbCQ=\r\n=5xiL\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","readme":"# @fluentui/react-theme-provider\n\n**React theming component and hook for [Fluent UI React](https://developer.microsoft.com/en-us/fluentui)**\n\n## Installation\n\n```bash\nyarn add @fluentui/react-theme-provider\n```\n\n## Example usage\n\nUse the theme with Fluent UI by wrapping content within the provider. If `theme` is not provided, default (Fluent) theme will be provided:\n\n```tsx\nimport { ThemeProvider } from '@fluentui/react-theme-provider';\n\nexport const App = () => (\n  <ThemeProvider>\n    <>...app</>\n  </ThemeProvider>\n);\n```\n\nYou can also customize your own theme:\n\n```tsx\nimport { ThemeProvider, PartialTheme } from '@fluentui/react-theme-provider';\n\nconst appTheme: PartialTheme = {\n  palette: {\n    themePrimary: 'red'\n    ...\n  }\n};\n\nexport const App = () => (\n  <ThemeProvider theme={appTheme}>\n    App content ...\n  </ThemeProvider>\n);\n```\n\nYou can also nest `ThemeProvider`s:\n\n```tsx\nimport { ThemeProvider, PartialTheme } from '@fluentui/react-theme-provider';\n\nconst appTheme: PartialTheme = {\n  palette: {\n    themePrimary: 'red'\n    ...\n  }\n};\n\nconst headerTheme: PartialTheme = {\n  palette: {\n    themePrimary: 'orange'\n    ...\n  }\n};\n\nexport const App = () => (\n  <ThemeProvider theme={appTheme}>\n    <ThemeProvider theme={headerTheme}>\n      <MyHeader />\n    </ThemeProvider>\n\n    App content ...\n  </ThemeProvider>\n);\n```\n\nYou can apply component-level styles:\n\n```tsx\nimport { Checkbox } from '@fluentui/react';\nimport { ThemeProvider, createTheme } from '@fluentui/react-theme-provider';\n\nexport const App = () => (\n  <ThemeProvider\n    theme={{\n      components: { Checkbox: { styles: { root: { background: 'red' } } } },\n    }}\n  >\n    <Checkbox />\n  </ThemeProvider>\n);\n```\n\n## Accessing theme\n\n### useTheme\n\nTheme can be accessed using `useTheme` hook. If you are specifically accessing theme to create classes/styles, you can use `makeStyles` described below.\n\n```jsx\nimport { useTheme } from '@fluentui/react-theme-provider';\n\nconst Content = () => {\n  const theme = useTheme();\n  ...\n};\n\nexport const App = () => (\n  <ThemeProvider>\n    <Content />\n  </ThemeProvider>\n);\n```\n\n### ThemeContext.Consumer\n\nTheme can be accessed in Class Component using `ThemeContext.Consumer`.\n\n```tsx\nimport { Theme, ThemeContext } from '@fluentui/react-theme-provider';\n\nclass Content extends React.Component {\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme: Theme | undefined) => {\n          ...\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n}\n\nexport const App = () => (\n  <ThemeProvider>\n    <Content />\n  </ThemeProvider>\n);\n```\n\n### Create classes for React components based on theme\n\nTheme can be accessed using the `makeStyles` hook. This hook abstracts rendering css given the theme object:\n\n```jsx\nimport { makeStyles } from '@fluentui/react-theme-provider';\n\nconst useFooStyles = makeStyles(theme => ({\n    root: {\n      background: theme.semanticColors.bodyBackground,\n      ':hover': {\n        background: theme.semanticColors.bodyBackgroundHovered\n    },\n}));\n\nconst Foo = props => {\n  const classes = useFooStyles();\n\n  return <div className={classes.root} />;\n};\n```\n\n## How does this change other existing ways of theming Fluent UI components?\n\n### Customizer\n\n`Customizer` is now deprecated and you should replace it with `ThemeProvider`.\n`CustomizerContext` is now deprecated and you should replace it with `ThemeContext` or `useTheme` hook.\n\nDeprecations remain to be functional as is but they will be removed in Fluent UI v9 release.\n\n#### Replace settings prop\n\nBefore:\n\n```jsx\n<Customizer settings={{ theme }} />\n```\n\nAfter:\n\n```jsx\n<ThemeProvider theme={theme} />\n```\n\n#### Replace scopedSettings prop\n\nBefore:\n\n```jsx\n<Customizer\n  scopedSettings={{\n    Checkbox: {\n      styles: CheckboxStyles,\n    },\n  }}\n/>\n```\n\nAfter:\n\n```jsx\n<ThemeProvider\n  theme={{\n    components: { Checkbox: { styles: CheckboxStyles } },\n  }}\n/>\n```\n\n#### Replace CustomizerContext\n\nBefore:\n\n```jsx\n  <CustomizerContext.Consumer>\n    {(parentContext: ICustomizerContext) => {\n      const theme = parentContext.customizations.settings;\n      ...\n    }\n  </CustomizerContext.Consumer>\n```\n\nAfter:\nSee options in [Accessing theme](https://github.com/microsoft/fluentui/blob/master/packages/react-theme-provider/README.md#accessing-theme).\n\n### loadTheme\n\n`loadTheme` remains to work as is. However, you are recommended to replace `loadTheme` with `ThemeProvider`. That way, your application consistently has one way of providing theme.\n\nTo do that, instead of calling `loadTheme(your_theme)`, you will simply wrap the root component of your React application once with `ThemeProvider`:\n\n```jsx\n<ThemeProvider theme={your_theme}>\n  <App />\n</ThemeProvider>\n```\n\nOne caveat here is that if you app has styles which relies on `@microsoft/load-themed-styles`, `ThemeProvider` won't be able to replace `loadTheme` in this case.\n\n### Fabric component\n\nInstead of using `Fabric` component, you can now replace it fully with `ThemeProvider`. Here is how to replace each prop usage:\n\n| Fabric             | ThemeProvider                                                                                                                                                                                       |\n| ------------------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| `componentRef`     | `ref`                                                                                                                                                                                               |\n| `as`               | `as`                                                                                                                                                                                                |\n| `theme`            | `theme`                                                                                                                                                                                             |\n| `styles`           | Not longer support `styles` prop. If you need to style the root element, you can do that using (inline) style or className prop. Setting arbitrary styles for document body is no longer supported. |\n| `applyTheme`       | This is now applied by default, or by setting `applyTo=\"element\"`. If you don't want any body styles to be applied on root element, you can set `applyTo=\"none\"`.                                   |\n| `applyThemeToBody` | `applyTo=\"body\"`                                                                                                                                                                                    |\n| `dir`              | set `rtl` in `theme` prop                                                                                                                                                                           |\n\n#### Other call-outs\n\n- `ThemeProvider` by default sets `background-color` for the root element using `theme.semanticColors.bodyBackground`. If you find the background color being incorrect after switching to `ThemeProvider`, the right fix is likely that you need to update your theme definition to have the correct `bodyBackground`. Or, if you don't want any default stylings applied to the root element, you can set `applyTo` prop to `\"none\"`.\n- `ThemeProvider` does not set `font-family: inherit` on all native `button`, `input`, `textArea` elements. If you find any Fluent UI component having incorrect fonts after switching to `ThemeProvider`, please [report an issue](https://github.com/microsoft/fluentui/issues/new?template=bug_report.md).\n","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","bundle":"just-scripts bundle","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-api":"just-scripts update-api","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"tag":"lts-7"},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.16","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":["lib/version.js"],"_nodeVersion":"12.22.12","dependencies":{"tslib":"^1.10.0","classnames":"^2.2.6","@fluentui/theme":"^1.7.10","@uifabric/utilities":"^7.37.0","@uifabric/react-hooks":"^7.16.1","@uifabric/set-version":"^7.0.24","@uifabric/merge-styles":"^7.20.0","@fluentui/react-compose":"^0.19.21","@fluentui/react-stylesheets":"^0.2.7","@fluentui/react-window-provider":"^1.0.4"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"16.8.6","enzyme":"~3.10.0","react-dom":"16.8.6","@types/jest":"~24.9.0","@types/react":"16.8.25","@types/enzyme":"3.10.3","@uifabric/build":"^7.0.0","@types/react-dom":"16.8.4","@types/classnames":"^2.2.9","@uifabric/styling":"^7.22.2","@types/webpack-env":"1.15.1","react-test-renderer":"^16.3.0","@fluentui/eslint-plugin":"^0.54.2","enzyme-adapter-react-16":"^1.15.0","@uifabric/test-utilities":"^7.3.3","@types/react-test-renderer":"^16.0.0","@types/enzyme-adapter-react-16":"1.0.3"},"peerDependencies":{"react":">=16.8.0 <18.0.0","@types/react":">=16.8.0 <18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_0.19.10_1662137759773_0.9128014904318831","host":"s3://npm-registry-packages"}},"0.19.11":{"name":"@fluentui/react-theme-provider","version":"0.19.11","license":"MIT","_id":"@fluentui/react-theme-provider@0.19.11","maintainers":[{"name":"microsoft1es","email":"npmjs@microsoft.com"},{"name":"ecraig12345_msft","email":"elcraig@microsoft.com"},{"name":"justslone","email":"jslone@microsoft.com"},{"name":"chrisdholt","email":"chrisholtco@gmail.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"},{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"c3d03c463bed8da8d3c2b76383851ae9b2622f63","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-0.19.11.tgz","fileCount":246,"integrity":"sha512-eQW65W4iih07HLy8OJFUECQBf8685K7HThen2STVeuVscZV8afAVdjuHtMkS01P0gZXHEaQqreXjJOeqZZpmPQ==","signatures":[{"sig":"MEUCIBE1wn3ADNlEfljb7ztGsTuuSgyswZQIJy458p/bUSSWAiEAs6JnaRjbKljr89+r5KgENKk/8BFrxU4FLdT9I+dmIlA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":30058832,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjEkpeACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqbqw//R1ML3LaBP1vBhZp9ozeATiLLddg1oAKKl5KpLaiBZxzgWSTM\r\nOKOU04SDXKBDbIXbyBdulgfdUB2XXdTEaapuPiV8zFfWMx8DlXbVzieBNSaT\r\ndcf1ckZG/CjXjdGDxzZHpAV85wOAIJJ2G5E/7QeKLa2qcYixX3CWT9TowD2q\r\nBUKSsBNHCQOJ5wwRn7rkz1X2BQd81lL5aCHm8+yb9Vokdq55PnlBA8Bn5oQJ\r\n+rUfqLHs1DhP+UYoCzdvi8jF3TZyNo0LQmparM7dJjMNfkcIiJKAwImIP+XD\r\npr0Xnn4MTJbJi1eRkB63VajfeHcBr8pdP/ycU/CpdVC48S/8CtKAuv/P+ojz\r\nDff/qiAOBhBiq+EWvDEb8QjeQR+8LQyKO69IT3smOsC1nH6ed8P7Faud28Pc\r\nKzwCV/Xom9x4dbjYVfS43fxU6RciRty/E83q9ThYAq+ZXkkVPSKtNprMDuy8\r\nCnk68lny7rb3xpm+MPXB4nLxM0wNZTIKTN4dzP85HVMa7urJty8P9nVuShNM\r\nocXVuVHXj+drsJvam/L6DJdyNBZhVisuxwDCblrpDbDPr7Nf7cqj9/Wc/76D\r\nIqIkULQPifMWgl4+Ul6MojZKPgJGc+RtJZNWwXGJzwWalY1OWYDNSiYH/v/v\r\nEapRQCKw8t1v0kABYz7Cs79nOsnc6Ct+kd8=\r\n=QKUh\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","readme":"# @fluentui/react-theme-provider\n\n**React theming component and hook for [Fluent UI React](https://developer.microsoft.com/en-us/fluentui)**\n\n## Installation\n\n```bash\nyarn add @fluentui/react-theme-provider\n```\n\n## Example usage\n\nUse the theme with Fluent UI by wrapping content within the provider. If `theme` is not provided, default (Fluent) theme will be provided:\n\n```tsx\nimport { ThemeProvider } from '@fluentui/react-theme-provider';\n\nexport const App = () => (\n  <ThemeProvider>\n    <>...app</>\n  </ThemeProvider>\n);\n```\n\nYou can also customize your own theme:\n\n```tsx\nimport { ThemeProvider, PartialTheme } from '@fluentui/react-theme-provider';\n\nconst appTheme: PartialTheme = {\n  palette: {\n    themePrimary: 'red'\n    ...\n  }\n};\n\nexport const App = () => (\n  <ThemeProvider theme={appTheme}>\n    App content ...\n  </ThemeProvider>\n);\n```\n\nYou can also nest `ThemeProvider`s:\n\n```tsx\nimport { ThemeProvider, PartialTheme } from '@fluentui/react-theme-provider';\n\nconst appTheme: PartialTheme = {\n  palette: {\n    themePrimary: 'red'\n    ...\n  }\n};\n\nconst headerTheme: PartialTheme = {\n  palette: {\n    themePrimary: 'orange'\n    ...\n  }\n};\n\nexport const App = () => (\n  <ThemeProvider theme={appTheme}>\n    <ThemeProvider theme={headerTheme}>\n      <MyHeader />\n    </ThemeProvider>\n\n    App content ...\n  </ThemeProvider>\n);\n```\n\nYou can apply component-level styles:\n\n```tsx\nimport { Checkbox } from '@fluentui/react';\nimport { ThemeProvider, createTheme } from '@fluentui/react-theme-provider';\n\nexport const App = () => (\n  <ThemeProvider\n    theme={{\n      components: { Checkbox: { styles: { root: { background: 'red' } } } },\n    }}\n  >\n    <Checkbox />\n  </ThemeProvider>\n);\n```\n\n## Accessing theme\n\n### useTheme\n\nTheme can be accessed using `useTheme` hook. If you are specifically accessing theme to create classes/styles, you can use `makeStyles` described below.\n\n```jsx\nimport { useTheme } from '@fluentui/react-theme-provider';\n\nconst Content = () => {\n  const theme = useTheme();\n  ...\n};\n\nexport const App = () => (\n  <ThemeProvider>\n    <Content />\n  </ThemeProvider>\n);\n```\n\n### ThemeContext.Consumer\n\nTheme can be accessed in Class Component using `ThemeContext.Consumer`.\n\n```tsx\nimport { Theme, ThemeContext } from '@fluentui/react-theme-provider';\n\nclass Content extends React.Component {\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme: Theme | undefined) => {\n          ...\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n}\n\nexport const App = () => (\n  <ThemeProvider>\n    <Content />\n  </ThemeProvider>\n);\n```\n\n### Create classes for React components based on theme\n\nTheme can be accessed using the `makeStyles` hook. This hook abstracts rendering css given the theme object:\n\n```jsx\nimport { makeStyles } from '@fluentui/react-theme-provider';\n\nconst useFooStyles = makeStyles(theme => ({\n    root: {\n      background: theme.semanticColors.bodyBackground,\n      ':hover': {\n        background: theme.semanticColors.bodyBackgroundHovered\n    },\n}));\n\nconst Foo = props => {\n  const classes = useFooStyles();\n\n  return <div className={classes.root} />;\n};\n```\n\n## How does this change other existing ways of theming Fluent UI components?\n\n### Customizer\n\n`Customizer` is now deprecated and you should replace it with `ThemeProvider`.\n`CustomizerContext` is now deprecated and you should replace it with `ThemeContext` or `useTheme` hook.\n\nDeprecations remain to be functional as is but they will be removed in Fluent UI v9 release.\n\n#### Replace settings prop\n\nBefore:\n\n```jsx\n<Customizer settings={{ theme }} />\n```\n\nAfter:\n\n```jsx\n<ThemeProvider theme={theme} />\n```\n\n#### Replace scopedSettings prop\n\nBefore:\n\n```jsx\n<Customizer\n  scopedSettings={{\n    Checkbox: {\n      styles: CheckboxStyles,\n    },\n  }}\n/>\n```\n\nAfter:\n\n```jsx\n<ThemeProvider\n  theme={{\n    components: { Checkbox: { styles: CheckboxStyles } },\n  }}\n/>\n```\n\n#### Replace CustomizerContext\n\nBefore:\n\n```jsx\n  <CustomizerContext.Consumer>\n    {(parentContext: ICustomizerContext) => {\n      const theme = parentContext.customizations.settings;\n      ...\n    }\n  </CustomizerContext.Consumer>\n```\n\nAfter:\nSee options in [Accessing theme](https://github.com/microsoft/fluentui/blob/master/packages/react-theme-provider/README.md#accessing-theme).\n\n### loadTheme\n\n`loadTheme` remains to work as is. However, you are recommended to replace `loadTheme` with `ThemeProvider`. That way, your application consistently has one way of providing theme.\n\nTo do that, instead of calling `loadTheme(your_theme)`, you will simply wrap the root component of your React application once with `ThemeProvider`:\n\n```jsx\n<ThemeProvider theme={your_theme}>\n  <App />\n</ThemeProvider>\n```\n\nOne caveat here is that if you app has styles which relies on `@microsoft/load-themed-styles`, `ThemeProvider` won't be able to replace `loadTheme` in this case.\n\n### Fabric component\n\nInstead of using `Fabric` component, you can now replace it fully with `ThemeProvider`. Here is how to replace each prop usage:\n\n| Fabric             | ThemeProvider                                                                                                                                                                                       |\n| ------------------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| `componentRef`     | `ref`                                                                                                                                                                                               |\n| `as`               | `as`                                                                                                                                                                                                |\n| `theme`            | `theme`                                                                                                                                                                                             |\n| `styles`           | Not longer support `styles` prop. If you need to style the root element, you can do that using (inline) style or className prop. Setting arbitrary styles for document body is no longer supported. |\n| `applyTheme`       | This is now applied by default, or by setting `applyTo=\"element\"`. If you don't want any body styles to be applied on root element, you can set `applyTo=\"none\"`.                                   |\n| `applyThemeToBody` | `applyTo=\"body\"`                                                                                                                                                                                    |\n| `dir`              | set `rtl` in `theme` prop                                                                                                                                                                           |\n\n#### Other call-outs\n\n- `ThemeProvider` by default sets `background-color` for the root element using `theme.semanticColors.bodyBackground`. If you find the background color being incorrect after switching to `ThemeProvider`, the right fix is likely that you need to update your theme definition to have the correct `bodyBackground`. Or, if you don't want any default stylings applied to the root element, you can set `applyTo` prop to `\"none\"`.\n- `ThemeProvider` does not set `font-family: inherit` on all native `button`, `input`, `textArea` elements. If you find any Fluent UI component having incorrect fonts after switching to `ThemeProvider`, please [report an issue](https://github.com/microsoft/fluentui/issues/new?template=bug_report.md).\n","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","bundle":"just-scripts bundle","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-api":"just-scripts update-api","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"tag":"lts-7"},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.16","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":["lib/version.js"],"_nodeVersion":"12.22.12","dependencies":{"tslib":"^1.10.0","classnames":"^2.2.6","@fluentui/theme":"^1.7.11","@uifabric/utilities":"^7.38.0","@uifabric/react-hooks":"^7.16.2","@uifabric/set-version":"^7.0.24","@uifabric/merge-styles":"^7.20.0","@fluentui/react-compose":"^0.19.22","@fluentui/react-stylesheets":"^0.2.7","@fluentui/react-window-provider":"^1.0.4"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"16.8.6","enzyme":"~3.10.0","react-dom":"16.8.6","@types/jest":"~24.9.0","@types/react":"16.8.25","@types/enzyme":"3.10.3","@uifabric/build":"^7.0.0","@types/react-dom":"16.8.4","@types/classnames":"^2.2.9","@uifabric/styling":"^7.22.3","@types/webpack-env":"1.15.1","react-test-renderer":"^16.3.0","@fluentui/eslint-plugin":"^0.54.2","enzyme-adapter-react-16":"^1.15.0","@uifabric/test-utilities":"^7.3.3","@types/react-test-renderer":"^16.0.0","@types/enzyme-adapter-react-16":"1.0.3"},"peerDependencies":{"react":">=16.8.0 <18.0.0","@types/react":">=16.8.0 <18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_0.19.11_1662143070078_0.5511935644023431","host":"s3://npm-registry-packages"}},"0.19.12":{"name":"@fluentui/react-theme-provider","version":"0.19.12","license":"MIT","_id":"@fluentui/react-theme-provider@0.19.12","maintainers":[{"name":"microsoft1es","email":"npmjs@microsoft.com"},{"name":"ecraig12345_msft","email":"elcraig@microsoft.com"},{"name":"justslone","email":"jslone@microsoft.com"},{"name":"chrisdholt","email":"chrisholtco@gmail.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"},{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"dd83db6a85e4b7455f42df60afb526e6a07f58b7","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-0.19.12.tgz","fileCount":246,"integrity":"sha512-XPyq83Tto5meEOOlD/vpWg1xd6f1y3tiKNlwE9ndfQ42ctmCm0Wg34J2wyC2tG0K8YVKAAHBiPi+83vbrIofEg==","signatures":[{"sig":"MEQCIFY0FOtSP7SOW2fF1dscdtpoJE9I+zMdWII58Ur9vBaBAiButgI1qP0ohYGyO+Gv8ZhiwSsRhH6EdzGq1a4G/mKVkA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":30062999,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjNY+sACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoNwg//eDOAL9DNsQBQKShphder3dxOv6rD+VbKJroyY+SHj9Vn6svg\r\n/h+FXUa0aJtXcwfdsMKfI9JboytOKhCeylrpfuQbuKEMPaaIRjr/0yn/1I7d\r\n74PzxQ3W5xMqgWw6FNCKUfzWuN90XbtIIPyP5xhi/YhCQRp0/lz8vMeVTwFL\r\n71kNWlwqtkv0gk0wzUJTB6dk2GLoej0bs7YdjdgNngc0leU3DOpUTy0Ra5GE\r\nPa6C410cnzITRNXX1D1RwTPzeuxyjSweq3ZXEUCmJxWt2Jb/eQ+G/tgfm9q8\r\nBIYRAXhu/tz6xPnD4rApJ0eq7czyIKUPe5E+R0qHVgp7UNubPTia8bvJY8mT\r\nHqF7kcFVWXZwUEmtrYl+kHwzyEWFwH9+NJdUdNXvbhitsvSFakHGRn9Uzpi3\r\niFmF26/35dfyJw6CxYjVkoOoRu0mdV0ufRJg0/Mr+/+m+oJfHOxwXnL0c59M\r\nf3+wpDkCSyrvXQXzQ682zkgUEyrvFAq5wxD/qkaakaAYbVNUgSTUKoiugq8O\r\niWLYtMjCBLUTV56oKxh+Ga9aPpzGQcSs98WFIj6ZhAdz9yEpoDyP9+N6ey+/\r\n/WmJ5d3K/A3sjqCtQBcH5aMz4eNoUN64Qw+IMHeLHmEFGycGbJkQq/LHmRHm\r\nNhu3Z0zunKBAjRS3aQEaGK32Fmfs31QoFeI=\r\n=hdGV\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","readme":"# @fluentui/react-theme-provider\n\n**React theming component and hook for [Fluent UI React](https://developer.microsoft.com/en-us/fluentui)**\n\n## Installation\n\n```bash\nyarn add @fluentui/react-theme-provider\n```\n\n## Example usage\n\nUse the theme with Fluent UI by wrapping content within the provider. If `theme` is not provided, default (Fluent) theme will be provided:\n\n```tsx\nimport { ThemeProvider } from '@fluentui/react-theme-provider';\n\nexport const App = () => (\n  <ThemeProvider>\n    <>...app</>\n  </ThemeProvider>\n);\n```\n\nYou can also customize your own theme:\n\n```tsx\nimport { ThemeProvider, PartialTheme } from '@fluentui/react-theme-provider';\n\nconst appTheme: PartialTheme = {\n  palette: {\n    themePrimary: 'red'\n    ...\n  }\n};\n\nexport const App = () => (\n  <ThemeProvider theme={appTheme}>\n    App content ...\n  </ThemeProvider>\n);\n```\n\nYou can also nest `ThemeProvider`s:\n\n```tsx\nimport { ThemeProvider, PartialTheme } from '@fluentui/react-theme-provider';\n\nconst appTheme: PartialTheme = {\n  palette: {\n    themePrimary: 'red'\n    ...\n  }\n};\n\nconst headerTheme: PartialTheme = {\n  palette: {\n    themePrimary: 'orange'\n    ...\n  }\n};\n\nexport const App = () => (\n  <ThemeProvider theme={appTheme}>\n    <ThemeProvider theme={headerTheme}>\n      <MyHeader />\n    </ThemeProvider>\n\n    App content ...\n  </ThemeProvider>\n);\n```\n\nYou can apply component-level styles:\n\n```tsx\nimport { Checkbox } from '@fluentui/react';\nimport { ThemeProvider, createTheme } from '@fluentui/react-theme-provider';\n\nexport const App = () => (\n  <ThemeProvider\n    theme={{\n      components: { Checkbox: { styles: { root: { background: 'red' } } } },\n    }}\n  >\n    <Checkbox />\n  </ThemeProvider>\n);\n```\n\n## Accessing theme\n\n### useTheme\n\nTheme can be accessed using `useTheme` hook. If you are specifically accessing theme to create classes/styles, you can use `makeStyles` described below.\n\n```jsx\nimport { useTheme } from '@fluentui/react-theme-provider';\n\nconst Content = () => {\n  const theme = useTheme();\n  ...\n};\n\nexport const App = () => (\n  <ThemeProvider>\n    <Content />\n  </ThemeProvider>\n);\n```\n\n### ThemeContext.Consumer\n\nTheme can be accessed in Class Component using `ThemeContext.Consumer`.\n\n```tsx\nimport { Theme, ThemeContext } from '@fluentui/react-theme-provider';\n\nclass Content extends React.Component {\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme: Theme | undefined) => {\n          ...\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n}\n\nexport const App = () => (\n  <ThemeProvider>\n    <Content />\n  </ThemeProvider>\n);\n```\n\n### Create classes for React components based on theme\n\nTheme can be accessed using the `makeStyles` hook. This hook abstracts rendering css given the theme object:\n\n```jsx\nimport { makeStyles } from '@fluentui/react-theme-provider';\n\nconst useFooStyles = makeStyles(theme => ({\n    root: {\n      background: theme.semanticColors.bodyBackground,\n      ':hover': {\n        background: theme.semanticColors.bodyBackgroundHovered\n    },\n}));\n\nconst Foo = props => {\n  const classes = useFooStyles();\n\n  return <div className={classes.root} />;\n};\n```\n\n## How does this change other existing ways of theming Fluent UI components?\n\n### Customizer\n\n`Customizer` is now deprecated and you should replace it with `ThemeProvider`.\n`CustomizerContext` is now deprecated and you should replace it with `ThemeContext` or `useTheme` hook.\n\nDeprecations remain to be functional as is but they will be removed in Fluent UI v9 release.\n\n#### Replace settings prop\n\nBefore:\n\n```jsx\n<Customizer settings={{ theme }} />\n```\n\nAfter:\n\n```jsx\n<ThemeProvider theme={theme} />\n```\n\n#### Replace scopedSettings prop\n\nBefore:\n\n```jsx\n<Customizer\n  scopedSettings={{\n    Checkbox: {\n      styles: CheckboxStyles,\n    },\n  }}\n/>\n```\n\nAfter:\n\n```jsx\n<ThemeProvider\n  theme={{\n    components: { Checkbox: { styles: CheckboxStyles } },\n  }}\n/>\n```\n\n#### Replace CustomizerContext\n\nBefore:\n\n```jsx\n  <CustomizerContext.Consumer>\n    {(parentContext: ICustomizerContext) => {\n      const theme = parentContext.customizations.settings;\n      ...\n    }\n  </CustomizerContext.Consumer>\n```\n\nAfter:\nSee options in [Accessing theme](https://github.com/microsoft/fluentui/blob/master/packages/react-theme-provider/README.md#accessing-theme).\n\n### loadTheme\n\n`loadTheme` remains to work as is. However, you are recommended to replace `loadTheme` with `ThemeProvider`. That way, your application consistently has one way of providing theme.\n\nTo do that, instead of calling `loadTheme(your_theme)`, you will simply wrap the root component of your React application once with `ThemeProvider`:\n\n```jsx\n<ThemeProvider theme={your_theme}>\n  <App />\n</ThemeProvider>\n```\n\nOne caveat here is that if you app has styles which relies on `@microsoft/load-themed-styles`, `ThemeProvider` won't be able to replace `loadTheme` in this case.\n\n### Fabric component\n\nInstead of using `Fabric` component, you can now replace it fully with `ThemeProvider`. Here is how to replace each prop usage:\n\n| Fabric             | ThemeProvider                                                                                                                                                                                       |\n| ------------------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| `componentRef`     | `ref`                                                                                                                                                                                               |\n| `as`               | `as`                                                                                                                                                                                                |\n| `theme`            | `theme`                                                                                                                                                                                             |\n| `styles`           | Not longer support `styles` prop. If you need to style the root element, you can do that using (inline) style or className prop. Setting arbitrary styles for document body is no longer supported. |\n| `applyTheme`       | This is now applied by default, or by setting `applyTo=\"element\"`. If you don't want any body styles to be applied on root element, you can set `applyTo=\"none\"`.                                   |\n| `applyThemeToBody` | `applyTo=\"body\"`                                                                                                                                                                                    |\n| `dir`              | set `rtl` in `theme` prop                                                                                                                                                                           |\n\n#### Other call-outs\n\n- `ThemeProvider` by default sets `background-color` for the root element using `theme.semanticColors.bodyBackground`. If you find the background color being incorrect after switching to `ThemeProvider`, the right fix is likely that you need to update your theme definition to have the correct `bodyBackground`. Or, if you don't want any default stylings applied to the root element, you can set `applyTo` prop to `\"none\"`.\n- `ThemeProvider` does not set `font-family: inherit` on all native `button`, `input`, `textArea` elements. If you find any Fluent UI component having incorrect fonts after switching to `ThemeProvider`, please [report an issue](https://github.com/microsoft/fluentui/issues/new?template=bug_report.md).\n","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","bundle":"just-scripts bundle","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-api":"just-scripts update-api","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"tag":"lts-7"},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.16","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":["lib/version.js"],"_nodeVersion":"12.22.12","dependencies":{"tslib":"^1.10.0","classnames":"^2.2.6","@fluentui/theme":"^1.7.11","@uifabric/utilities":"^7.38.0","@uifabric/react-hooks":"^7.16.2","@uifabric/set-version":"^7.0.24","@uifabric/merge-styles":"^7.20.0","@fluentui/react-compose":"^0.19.22","@fluentui/react-stylesheets":"^0.2.7","@fluentui/react-window-provider":"^1.0.4"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"16.8.6","enzyme":"~3.10.0","react-dom":"16.8.6","@types/jest":"~24.9.0","@types/react":"16.8.25","@types/enzyme":"3.10.3","@uifabric/build":"^7.0.0","@types/react-dom":"16.8.4","@types/classnames":"^2.2.9","@uifabric/styling":"^7.23.0","@types/webpack-env":"1.15.1","react-test-renderer":"^16.3.0","@fluentui/eslint-plugin":"^0.54.2","enzyme-adapter-react-16":"^1.15.0","@uifabric/test-utilities":"^7.3.3","@types/react-test-renderer":"^16.0.0","@types/enzyme-adapter-react-16":"1.0.3"},"peerDependencies":{"react":">=16.8.0 <18.0.0","@types/react":">=16.8.0 <18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_0.19.12_1664454572659_0.8063406782993814","host":"s3://npm-registry-packages"}},"0.19.13":{"name":"@fluentui/react-theme-provider","version":"0.19.13","license":"MIT","_id":"@fluentui/react-theme-provider@0.19.13","maintainers":[{"name":"microsoft1es","email":"npmjs@microsoft.com"},{"name":"ecraig12345_msft","email":"elcraig@microsoft.com"},{"name":"justslone","email":"jslone@microsoft.com"},{"name":"chrisdholt","email":"chrisholtco@gmail.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"},{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"744f38dec24ca02845150f61e616f1217b8695ad","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-0.19.13.tgz","fileCount":246,"integrity":"sha512-re09mF8MoxXdqe9tAKmWn629XCNqkyPQjLwY1biYFUw8m4SRG+AAhpKXdaAchmoCrxBv4wLlw0KvTV71okyiYQ==","signatures":[{"sig":"MEYCIQDRsOoSeYLXRbDi1TlM4ZZax7N4JM+JUtsJwZwKqRL/tgIhAPoDVTjAzEHcGWuLnyeTobDhnhsElf3jUV4vUXfzIoyB","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":30064842,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjN2MJACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmoo3A//ciUVoqAz7NhoBNYnvYy2XAt4fpBpvrspvadXBSA69w8ecIct\r\n1KcGS3Hd+fSQvlN3ANHGKod8dopIvDmZ3GZxTptX34FtkkHPuw++xGFbEB/1\r\nwKNTb/Q8rrzFG3q5ukCOyb0vDgaExiTwAIOIUKJGejLHt6YV2Xvze9Zew4g4\r\ndfxsO0xHUZ3xge+MAPsT1mxf+MI4PQve0D83SSJ7W8fDdrzWE324PcXz147O\r\neiIWkyTJI6b66/Y6bKY2a/dCEyKbkW8bz4cHaQxUrl2NY8tbvptVnRDdzvNa\r\nO8FyAyYQ4QthpmMk/4MlhGvqEil5szN7Qh9DoCxIouCc2N5GoNTKMuGXHZ4n\r\ndplhPUAz9dfkdFusYDDEi8KFc3gq7lgqxOiwx55kETHJEr/AykEGgJBIxhGE\r\nlisbbWYf/QKotZzUO+nBjwCMZOztCXLG2Zbz7uBlo4/Y5ETCdYfIxkg3jmuK\r\nDys2/aDzKyoGQx+gcQGe9ASpjPoKK7Xyum1ZXTAF9is3Lig78Yn2gVS2tMPX\r\nbnPSt4/OROQ8K2OewuVJqhF53X4vQtB+IunqP4MUuPbBGkhFGskAtj8tCeUz\r\nQKvKEssQIrrj5CABPLE7fUj2/jAR76bKMTqEpY8wIHYq2jJoCC98cgBuFnz0\r\nfM0FjseT2BmoupLK23UkcSrLra85YRxnKoM=\r\n=xOBg\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","readme":"# @fluentui/react-theme-provider\n\n**React theming component and hook for [Fluent UI React](https://developer.microsoft.com/en-us/fluentui)**\n\n## Installation\n\n```bash\nyarn add @fluentui/react-theme-provider\n```\n\n## Example usage\n\nUse the theme with Fluent UI by wrapping content within the provider. If `theme` is not provided, default (Fluent) theme will be provided:\n\n```tsx\nimport { ThemeProvider } from '@fluentui/react-theme-provider';\n\nexport const App = () => (\n  <ThemeProvider>\n    <>...app</>\n  </ThemeProvider>\n);\n```\n\nYou can also customize your own theme:\n\n```tsx\nimport { ThemeProvider, PartialTheme } from '@fluentui/react-theme-provider';\n\nconst appTheme: PartialTheme = {\n  palette: {\n    themePrimary: 'red'\n    ...\n  }\n};\n\nexport const App = () => (\n  <ThemeProvider theme={appTheme}>\n    App content ...\n  </ThemeProvider>\n);\n```\n\nYou can also nest `ThemeProvider`s:\n\n```tsx\nimport { ThemeProvider, PartialTheme } from '@fluentui/react-theme-provider';\n\nconst appTheme: PartialTheme = {\n  palette: {\n    themePrimary: 'red'\n    ...\n  }\n};\n\nconst headerTheme: PartialTheme = {\n  palette: {\n    themePrimary: 'orange'\n    ...\n  }\n};\n\nexport const App = () => (\n  <ThemeProvider theme={appTheme}>\n    <ThemeProvider theme={headerTheme}>\n      <MyHeader />\n    </ThemeProvider>\n\n    App content ...\n  </ThemeProvider>\n);\n```\n\nYou can apply component-level styles:\n\n```tsx\nimport { Checkbox } from '@fluentui/react';\nimport { ThemeProvider, createTheme } from '@fluentui/react-theme-provider';\n\nexport const App = () => (\n  <ThemeProvider\n    theme={{\n      components: { Checkbox: { styles: { root: { background: 'red' } } } },\n    }}\n  >\n    <Checkbox />\n  </ThemeProvider>\n);\n```\n\n## Accessing theme\n\n### useTheme\n\nTheme can be accessed using `useTheme` hook. If you are specifically accessing theme to create classes/styles, you can use `makeStyles` described below.\n\n```jsx\nimport { useTheme } from '@fluentui/react-theme-provider';\n\nconst Content = () => {\n  const theme = useTheme();\n  ...\n};\n\nexport const App = () => (\n  <ThemeProvider>\n    <Content />\n  </ThemeProvider>\n);\n```\n\n### ThemeContext.Consumer\n\nTheme can be accessed in Class Component using `ThemeContext.Consumer`.\n\n```tsx\nimport { Theme, ThemeContext } from '@fluentui/react-theme-provider';\n\nclass Content extends React.Component {\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme: Theme | undefined) => {\n          ...\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n}\n\nexport const App = () => (\n  <ThemeProvider>\n    <Content />\n  </ThemeProvider>\n);\n```\n\n### Create classes for React components based on theme\n\nTheme can be accessed using the `makeStyles` hook. This hook abstracts rendering css given the theme object:\n\n```jsx\nimport { makeStyles } from '@fluentui/react-theme-provider';\n\nconst useFooStyles = makeStyles(theme => ({\n    root: {\n      background: theme.semanticColors.bodyBackground,\n      ':hover': {\n        background: theme.semanticColors.bodyBackgroundHovered\n    },\n}));\n\nconst Foo = props => {\n  const classes = useFooStyles();\n\n  return <div className={classes.root} />;\n};\n```\n\n## How does this change other existing ways of theming Fluent UI components?\n\n### Customizer\n\n`Customizer` is now deprecated and you should replace it with `ThemeProvider`.\n`CustomizerContext` is now deprecated and you should replace it with `ThemeContext` or `useTheme` hook.\n\nDeprecations remain to be functional as is but they will be removed in Fluent UI v9 release.\n\n#### Replace settings prop\n\nBefore:\n\n```jsx\n<Customizer settings={{ theme }} />\n```\n\nAfter:\n\n```jsx\n<ThemeProvider theme={theme} />\n```\n\n#### Replace scopedSettings prop\n\nBefore:\n\n```jsx\n<Customizer\n  scopedSettings={{\n    Checkbox: {\n      styles: CheckboxStyles,\n    },\n  }}\n/>\n```\n\nAfter:\n\n```jsx\n<ThemeProvider\n  theme={{\n    components: { Checkbox: { styles: CheckboxStyles } },\n  }}\n/>\n```\n\n#### Replace CustomizerContext\n\nBefore:\n\n```jsx\n  <CustomizerContext.Consumer>\n    {(parentContext: ICustomizerContext) => {\n      const theme = parentContext.customizations.settings;\n      ...\n    }\n  </CustomizerContext.Consumer>\n```\n\nAfter:\nSee options in [Accessing theme](https://github.com/microsoft/fluentui/blob/master/packages/react-theme-provider/README.md#accessing-theme).\n\n### loadTheme\n\n`loadTheme` remains to work as is. However, you are recommended to replace `loadTheme` with `ThemeProvider`. That way, your application consistently has one way of providing theme.\n\nTo do that, instead of calling `loadTheme(your_theme)`, you will simply wrap the root component of your React application once with `ThemeProvider`:\n\n```jsx\n<ThemeProvider theme={your_theme}>\n  <App />\n</ThemeProvider>\n```\n\nOne caveat here is that if you app has styles which relies on `@microsoft/load-themed-styles`, `ThemeProvider` won't be able to replace `loadTheme` in this case.\n\n### Fabric component\n\nInstead of using `Fabric` component, you can now replace it fully with `ThemeProvider`. Here is how to replace each prop usage:\n\n| Fabric             | ThemeProvider                                                                                                                                                                                       |\n| ------------------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| `componentRef`     | `ref`                                                                                                                                                                                               |\n| `as`               | `as`                                                                                                                                                                                                |\n| `theme`            | `theme`                                                                                                                                                                                             |\n| `styles`           | Not longer support `styles` prop. If you need to style the root element, you can do that using (inline) style or className prop. Setting arbitrary styles for document body is no longer supported. |\n| `applyTheme`       | This is now applied by default, or by setting `applyTo=\"element\"`. If you don't want any body styles to be applied on root element, you can set `applyTo=\"none\"`.                                   |\n| `applyThemeToBody` | `applyTo=\"body\"`                                                                                                                                                                                    |\n| `dir`              | set `rtl` in `theme` prop                                                                                                                                                                           |\n\n#### Other call-outs\n\n- `ThemeProvider` by default sets `background-color` for the root element using `theme.semanticColors.bodyBackground`. If you find the background color being incorrect after switching to `ThemeProvider`, the right fix is likely that you need to update your theme definition to have the correct `bodyBackground`. Or, if you don't want any default stylings applied to the root element, you can set `applyTo` prop to `\"none\"`.\n- `ThemeProvider` does not set `font-family: inherit` on all native `button`, `input`, `textArea` elements. If you find any Fluent UI component having incorrect fonts after switching to `ThemeProvider`, please [report an issue](https://github.com/microsoft/fluentui/issues/new?template=bug_report.md).\n","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","bundle":"just-scripts bundle","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-api":"just-scripts update-api","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"tag":"lts-7"},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.16","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":["lib/version.js"],"_nodeVersion":"12.22.12","dependencies":{"tslib":"^1.10.0","classnames":"^2.2.6","@fluentui/theme":"^1.7.12","@uifabric/utilities":"^7.38.1","@uifabric/react-hooks":"^7.16.3","@uifabric/set-version":"^7.0.24","@uifabric/merge-styles":"^7.20.1","@fluentui/react-compose":"^0.19.23","@fluentui/react-stylesheets":"^0.2.8","@fluentui/react-window-provider":"^1.0.5"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"16.8.6","enzyme":"~3.10.0","react-dom":"16.8.6","@types/jest":"~24.9.0","@types/react":"16.8.25","@types/enzyme":"3.10.3","@uifabric/build":"^7.0.0","@types/react-dom":"16.8.4","@types/classnames":"^2.2.9","@uifabric/styling":"^7.23.1","@types/webpack-env":"1.15.1","react-test-renderer":"^16.3.0","@fluentui/eslint-plugin":"^0.54.2","enzyme-adapter-react-16":"^1.15.0","@uifabric/test-utilities":"^7.3.4","@types/react-test-renderer":"^16.0.0","@types/enzyme-adapter-react-16":"1.0.3"},"peerDependencies":{"react":">=16.8.0 <18.0.0","@types/react":">=16.8.0 <18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_0.19.13_1664574216972_0.005904676224062433","host":"s3://npm-registry-packages"}},"0.19.14":{"name":"@fluentui/react-theme-provider","version":"0.19.14","license":"MIT","_id":"@fluentui/react-theme-provider@0.19.14","maintainers":[{"name":"microsoft1es","email":"npmjs@microsoft.com"},{"name":"ecraig12345_msft","email":"elcraig@microsoft.com"},{"name":"justslone","email":"jslone@microsoft.com"},{"name":"chrisdholt","email":"chrisholtco@gmail.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"},{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"7464aa407ee16c514d8569e01c3980d908d192e3","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-0.19.14.tgz","fileCount":246,"integrity":"sha512-WTP33ereX4pYHFJEEXVSHwiK+p+WMskrgD2GKBYl1qXGXx2WFEBo1flrPqAt4JKUJUmVyNcNSruE3EycQ9vGVA==","signatures":[{"sig":"MEQCICGvsrbOsrP344RhZ/D2n0Aac1GwOSy/lw8scjQQLthgAiBBJtTxpm2oiGqW/IH2YtXHu7unnS1vW1vVtJ29H2yfUg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":30065913,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjPCV6ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq8Hw/+OdrV2Oiimixyg5qJBcBep+2+GSVPrY1lBzoGJhfZimLQVs0k\r\nFuJz9/XylIc7AFECBaC2r8R6kiF6p4ghMhbTD6X1OXY0mOfBB+985Gj+Z2q/\r\npVCXs5pJr7nBrdlAeey5QR0kcHQIEksDsfNaeWEfaDyeOSAdeWlJ0GjOoXLd\r\ngBn/e5cwPoUN77tj1wRTqOoreRFX3Xysml8wROTerLQ0J+ndT9x7ISf7VwFZ\r\nwfoGa3Shqr0jd5f48ohtj/mT0qnTSbJNyXRN6t8NZgolQwKvyFgeIzu0pbON\r\nvdHFanp3kc5or/lg3MVOqJbsb1M14rLeQ0QmseVu6Oc3VGWB98v97qDfFh66\r\nATPTihYrr/klLGiVA9HVDQlSJY9YEfW+5q2iCttYSQEWIDwUkyDrHEGRSuwK\r\nTwz0xvjXcSCreKmxWws9iRCcBiu/Aw0C/04RtEqnInCcoiWBRfCEoRViKMtF\r\nDGb1+oS3srIWHsHQM8V1Qhnx+qBGWS1dDLmoiE01qfw95mgcWvjPmC4BryUG\r\nxEf8p0BjvZ3d4AuMNht6DOfoIaQBOeBgCtgufQ4E1Oo239IYMNdvuHxeHUOO\r\nVQlhSucKE0KpdXpFpm6PQ9NO2hE86nqKDQEvVyVlezZcJDp+qlE4TpBPbeu7\r\nxaJNwb99LeL+/tEhID4MUiMpbUMpS9jYerY=\r\n=Lovl\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","readme":"# @fluentui/react-theme-provider\n\n**React theming component and hook for [Fluent UI React](https://developer.microsoft.com/en-us/fluentui)**\n\n## Installation\n\n```bash\nyarn add @fluentui/react-theme-provider\n```\n\n## Example usage\n\nUse the theme with Fluent UI by wrapping content within the provider. If `theme` is not provided, default (Fluent) theme will be provided:\n\n```tsx\nimport { ThemeProvider } from '@fluentui/react-theme-provider';\n\nexport const App = () => (\n  <ThemeProvider>\n    <>...app</>\n  </ThemeProvider>\n);\n```\n\nYou can also customize your own theme:\n\n```tsx\nimport { ThemeProvider, PartialTheme } from '@fluentui/react-theme-provider';\n\nconst appTheme: PartialTheme = {\n  palette: {\n    themePrimary: 'red'\n    ...\n  }\n};\n\nexport const App = () => (\n  <ThemeProvider theme={appTheme}>\n    App content ...\n  </ThemeProvider>\n);\n```\n\nYou can also nest `ThemeProvider`s:\n\n```tsx\nimport { ThemeProvider, PartialTheme } from '@fluentui/react-theme-provider';\n\nconst appTheme: PartialTheme = {\n  palette: {\n    themePrimary: 'red'\n    ...\n  }\n};\n\nconst headerTheme: PartialTheme = {\n  palette: {\n    themePrimary: 'orange'\n    ...\n  }\n};\n\nexport const App = () => (\n  <ThemeProvider theme={appTheme}>\n    <ThemeProvider theme={headerTheme}>\n      <MyHeader />\n    </ThemeProvider>\n\n    App content ...\n  </ThemeProvider>\n);\n```\n\nYou can apply component-level styles:\n\n```tsx\nimport { Checkbox } from '@fluentui/react';\nimport { ThemeProvider, createTheme } from '@fluentui/react-theme-provider';\n\nexport const App = () => (\n  <ThemeProvider\n    theme={{\n      components: { Checkbox: { styles: { root: { background: 'red' } } } },\n    }}\n  >\n    <Checkbox />\n  </ThemeProvider>\n);\n```\n\n## Accessing theme\n\n### useTheme\n\nTheme can be accessed using `useTheme` hook. If you are specifically accessing theme to create classes/styles, you can use `makeStyles` described below.\n\n```jsx\nimport { useTheme } from '@fluentui/react-theme-provider';\n\nconst Content = () => {\n  const theme = useTheme();\n  ...\n};\n\nexport const App = () => (\n  <ThemeProvider>\n    <Content />\n  </ThemeProvider>\n);\n```\n\n### ThemeContext.Consumer\n\nTheme can be accessed in Class Component using `ThemeContext.Consumer`.\n\n```tsx\nimport { Theme, ThemeContext } from '@fluentui/react-theme-provider';\n\nclass Content extends React.Component {\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme: Theme | undefined) => {\n          ...\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n}\n\nexport const App = () => (\n  <ThemeProvider>\n    <Content />\n  </ThemeProvider>\n);\n```\n\n### Create classes for React components based on theme\n\nTheme can be accessed using the `makeStyles` hook. This hook abstracts rendering css given the theme object:\n\n```jsx\nimport { makeStyles } from '@fluentui/react-theme-provider';\n\nconst useFooStyles = makeStyles(theme => ({\n    root: {\n      background: theme.semanticColors.bodyBackground,\n      ':hover': {\n        background: theme.semanticColors.bodyBackgroundHovered\n    },\n}));\n\nconst Foo = props => {\n  const classes = useFooStyles();\n\n  return <div className={classes.root} />;\n};\n```\n\n## How does this change other existing ways of theming Fluent UI components?\n\n### Customizer\n\n`Customizer` is now deprecated and you should replace it with `ThemeProvider`.\n`CustomizerContext` is now deprecated and you should replace it with `ThemeContext` or `useTheme` hook.\n\nDeprecations remain to be functional as is but they will be removed in Fluent UI v9 release.\n\n#### Replace settings prop\n\nBefore:\n\n```jsx\n<Customizer settings={{ theme }} />\n```\n\nAfter:\n\n```jsx\n<ThemeProvider theme={theme} />\n```\n\n#### Replace scopedSettings prop\n\nBefore:\n\n```jsx\n<Customizer\n  scopedSettings={{\n    Checkbox: {\n      styles: CheckboxStyles,\n    },\n  }}\n/>\n```\n\nAfter:\n\n```jsx\n<ThemeProvider\n  theme={{\n    components: { Checkbox: { styles: CheckboxStyles } },\n  }}\n/>\n```\n\n#### Replace CustomizerContext\n\nBefore:\n\n```jsx\n  <CustomizerContext.Consumer>\n    {(parentContext: ICustomizerContext) => {\n      const theme = parentContext.customizations.settings;\n      ...\n    }\n  </CustomizerContext.Consumer>\n```\n\nAfter:\nSee options in [Accessing theme](https://github.com/microsoft/fluentui/blob/master/packages/react-theme-provider/README.md#accessing-theme).\n\n### loadTheme\n\n`loadTheme` remains to work as is. However, you are recommended to replace `loadTheme` with `ThemeProvider`. That way, your application consistently has one way of providing theme.\n\nTo do that, instead of calling `loadTheme(your_theme)`, you will simply wrap the root component of your React application once with `ThemeProvider`:\n\n```jsx\n<ThemeProvider theme={your_theme}>\n  <App />\n</ThemeProvider>\n```\n\nOne caveat here is that if you app has styles which relies on `@microsoft/load-themed-styles`, `ThemeProvider` won't be able to replace `loadTheme` in this case.\n\n### Fabric component\n\nInstead of using `Fabric` component, you can now replace it fully with `ThemeProvider`. Here is how to replace each prop usage:\n\n| Fabric             | ThemeProvider                                                                                                                                                                                       |\n| ------------------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| `componentRef`     | `ref`                                                                                                                                                                                               |\n| `as`               | `as`                                                                                                                                                                                                |\n| `theme`            | `theme`                                                                                                                                                                                             |\n| `styles`           | Not longer support `styles` prop. If you need to style the root element, you can do that using (inline) style or className prop. Setting arbitrary styles for document body is no longer supported. |\n| `applyTheme`       | This is now applied by default, or by setting `applyTo=\"element\"`. If you don't want any body styles to be applied on root element, you can set `applyTo=\"none\"`.                                   |\n| `applyThemeToBody` | `applyTo=\"body\"`                                                                                                                                                                                    |\n| `dir`              | set `rtl` in `theme` prop                                                                                                                                                                           |\n\n#### Other call-outs\n\n- `ThemeProvider` by default sets `background-color` for the root element using `theme.semanticColors.bodyBackground`. If you find the background color being incorrect after switching to `ThemeProvider`, the right fix is likely that you need to update your theme definition to have the correct `bodyBackground`. Or, if you don't want any default stylings applied to the root element, you can set `applyTo` prop to `\"none\"`.\n- `ThemeProvider` does not set `font-family: inherit` on all native `button`, `input`, `textArea` elements. If you find any Fluent UI component having incorrect fonts after switching to `ThemeProvider`, please [report an issue](https://github.com/microsoft/fluentui/issues/new?template=bug_report.md).\n","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","bundle":"just-scripts bundle","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-api":"just-scripts update-api","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"tag":"lts-7"},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.16","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":["lib/version.js"],"_nodeVersion":"12.22.12","dependencies":{"tslib":"^1.10.0","classnames":"^2.2.6","@fluentui/theme":"^1.7.12","@uifabric/utilities":"^7.38.1","@uifabric/react-hooks":"^7.16.3","@uifabric/set-version":"^7.0.24","@uifabric/merge-styles":"^7.20.1","@fluentui/react-compose":"^0.19.23","@fluentui/react-stylesheets":"^0.2.8","@fluentui/react-window-provider":"^1.0.5"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"16.8.6","enzyme":"~3.10.0","react-dom":"16.8.6","@types/jest":"~24.9.0","@types/react":"16.8.25","@types/enzyme":"3.10.3","@uifabric/build":"^7.0.0","@types/react-dom":"16.8.4","@types/classnames":"^2.2.9","@uifabric/styling":"^7.24.0","@types/webpack-env":"1.15.1","react-test-renderer":"^16.3.0","@fluentui/eslint-plugin":"^0.54.2","enzyme-adapter-react-16":"^1.15.0","@uifabric/test-utilities":"^7.3.4","@types/react-test-renderer":"^16.0.0","@types/enzyme-adapter-react-16":"1.0.3"},"peerDependencies":{"react":">=16.8.0 <18.0.0","@types/react":">=16.8.0 <18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_0.19.14_1664886138631_0.18011597622899944","host":"s3://npm-registry-packages"}},"0.19.15":{"name":"@fluentui/react-theme-provider","version":"0.19.15","license":"MIT","_id":"@fluentui/react-theme-provider@0.19.15","maintainers":[{"name":"microsoft1es","email":"npmjs@microsoft.com"},{"name":"ecraig12345_msft","email":"elcraig@microsoft.com"},{"name":"justslone","email":"jslone@microsoft.com"},{"name":"chrisdholt","email":"chrisholtco@gmail.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"},{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"fc3d9454d732777070f142bbd8f3efdc20d64aef","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-0.19.15.tgz","fileCount":246,"integrity":"sha512-gFNt7Z2bwScUD1mu0wZQ1n9dqEmZ+v6PLDdFDjLBLc7pRPoeIT0KkTcDcjvqMRUPfaC5EE8Qhkoaqt6eeScleg==","signatures":[{"sig":"MEUCIQCt2OEQTQNQy4Ow4nPzzDHMLvJVO+lj5prNbaeYIye3HgIgMFbwwe11Ps0G40yayEQSLd4JT0JR/qgTCz8Ned7FRok=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":30066776,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjPHeLACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqvohAAhTo0TJgBcH0qqaGFD9bjUexdkarjrTgVMZwf4Y6WpBskAx+W\r\nDlqqBPjq83n5oCAlHfktZCqrd+ZU3cQFEIAwJ3mhVRbpck3KBiPJJyRABXtQ\r\nrvJ+SpJrqAUYmmn8FHiW/YCQ7r0O9hHMExNHLzwD7W4oVd7Q8bVzxRlp063r\r\nAXFxOeJ+GaJfLITA8eXy1a3UbImjpoEmf47iTlIgCgwen9FtmJpW4nBPjdUC\r\nMhPcDCOgoIk1JpAtLTugsGmq6u4r97Hac/+4+1vFA/BLelU0aK/IiOCVwU6i\r\nZGZYAejti3+L+RXhds1pgZ3tM4Um8FdTiAeiPpgwakGBGAZniTWAqN2tNGBj\r\nQk5cmdT7NNQ2cm9fASu6YttCGBaJcCksEas8L1lVKyCupOyuujbknQbxUQ7g\r\nGPB4F5annvsNZ2th6Yv9tPwyzx5PvlSM/A4LVvqOSV2Prqohgnod8ePzGku0\r\nKV2ZVlhx6X/YOHRLfoaGIRT7ftDh4cC8sY8mVaUEmEx+SQ99FlOl+KA43Qh3\r\nf0bWTzO9L+TX1cRmwwZAb2WgRX6M6ushsQ8LrIMWVNUgkseshtlQMYe5bhSP\r\nTVmh01MLPfWv0FxCqXRHHnsFhKq17VtrDE5cIgbgSyLxOngtuPxpzMKOKzVO\r\nJIVADLfv2HeKSmgQLmF4pd4hMKHzJx0U47g=\r\n=4MVJ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","readme":"# @fluentui/react-theme-provider\n\n**React theming component and hook for [Fluent UI React](https://developer.microsoft.com/en-us/fluentui)**\n\n## Installation\n\n```bash\nyarn add @fluentui/react-theme-provider\n```\n\n## Example usage\n\nUse the theme with Fluent UI by wrapping content within the provider. If `theme` is not provided, default (Fluent) theme will be provided:\n\n```tsx\nimport { ThemeProvider } from '@fluentui/react-theme-provider';\n\nexport const App = () => (\n  <ThemeProvider>\n    <>...app</>\n  </ThemeProvider>\n);\n```\n\nYou can also customize your own theme:\n\n```tsx\nimport { ThemeProvider, PartialTheme } from '@fluentui/react-theme-provider';\n\nconst appTheme: PartialTheme = {\n  palette: {\n    themePrimary: 'red'\n    ...\n  }\n};\n\nexport const App = () => (\n  <ThemeProvider theme={appTheme}>\n    App content ...\n  </ThemeProvider>\n);\n```\n\nYou can also nest `ThemeProvider`s:\n\n```tsx\nimport { ThemeProvider, PartialTheme } from '@fluentui/react-theme-provider';\n\nconst appTheme: PartialTheme = {\n  palette: {\n    themePrimary: 'red'\n    ...\n  }\n};\n\nconst headerTheme: PartialTheme = {\n  palette: {\n    themePrimary: 'orange'\n    ...\n  }\n};\n\nexport const App = () => (\n  <ThemeProvider theme={appTheme}>\n    <ThemeProvider theme={headerTheme}>\n      <MyHeader />\n    </ThemeProvider>\n\n    App content ...\n  </ThemeProvider>\n);\n```\n\nYou can apply component-level styles:\n\n```tsx\nimport { Checkbox } from '@fluentui/react';\nimport { ThemeProvider, createTheme } from '@fluentui/react-theme-provider';\n\nexport const App = () => (\n  <ThemeProvider\n    theme={{\n      components: { Checkbox: { styles: { root: { background: 'red' } } } },\n    }}\n  >\n    <Checkbox />\n  </ThemeProvider>\n);\n```\n\n## Accessing theme\n\n### useTheme\n\nTheme can be accessed using `useTheme` hook. If you are specifically accessing theme to create classes/styles, you can use `makeStyles` described below.\n\n```jsx\nimport { useTheme } from '@fluentui/react-theme-provider';\n\nconst Content = () => {\n  const theme = useTheme();\n  ...\n};\n\nexport const App = () => (\n  <ThemeProvider>\n    <Content />\n  </ThemeProvider>\n);\n```\n\n### ThemeContext.Consumer\n\nTheme can be accessed in Class Component using `ThemeContext.Consumer`.\n\n```tsx\nimport { Theme, ThemeContext } from '@fluentui/react-theme-provider';\n\nclass Content extends React.Component {\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme: Theme | undefined) => {\n          ...\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n}\n\nexport const App = () => (\n  <ThemeProvider>\n    <Content />\n  </ThemeProvider>\n);\n```\n\n### Create classes for React components based on theme\n\nTheme can be accessed using the `makeStyles` hook. This hook abstracts rendering css given the theme object:\n\n```jsx\nimport { makeStyles } from '@fluentui/react-theme-provider';\n\nconst useFooStyles = makeStyles(theme => ({\n    root: {\n      background: theme.semanticColors.bodyBackground,\n      ':hover': {\n        background: theme.semanticColors.bodyBackgroundHovered\n    },\n}));\n\nconst Foo = props => {\n  const classes = useFooStyles();\n\n  return <div className={classes.root} />;\n};\n```\n\n## How does this change other existing ways of theming Fluent UI components?\n\n### Customizer\n\n`Customizer` is now deprecated and you should replace it with `ThemeProvider`.\n`CustomizerContext` is now deprecated and you should replace it with `ThemeContext` or `useTheme` hook.\n\nDeprecations remain to be functional as is but they will be removed in Fluent UI v9 release.\n\n#### Replace settings prop\n\nBefore:\n\n```jsx\n<Customizer settings={{ theme }} />\n```\n\nAfter:\n\n```jsx\n<ThemeProvider theme={theme} />\n```\n\n#### Replace scopedSettings prop\n\nBefore:\n\n```jsx\n<Customizer\n  scopedSettings={{\n    Checkbox: {\n      styles: CheckboxStyles,\n    },\n  }}\n/>\n```\n\nAfter:\n\n```jsx\n<ThemeProvider\n  theme={{\n    components: { Checkbox: { styles: CheckboxStyles } },\n  }}\n/>\n```\n\n#### Replace CustomizerContext\n\nBefore:\n\n```jsx\n  <CustomizerContext.Consumer>\n    {(parentContext: ICustomizerContext) => {\n      const theme = parentContext.customizations.settings;\n      ...\n    }\n  </CustomizerContext.Consumer>\n```\n\nAfter:\nSee options in [Accessing theme](https://github.com/microsoft/fluentui/blob/master/packages/react-theme-provider/README.md#accessing-theme).\n\n### loadTheme\n\n`loadTheme` remains to work as is. However, you are recommended to replace `loadTheme` with `ThemeProvider`. That way, your application consistently has one way of providing theme.\n\nTo do that, instead of calling `loadTheme(your_theme)`, you will simply wrap the root component of your React application once with `ThemeProvider`:\n\n```jsx\n<ThemeProvider theme={your_theme}>\n  <App />\n</ThemeProvider>\n```\n\nOne caveat here is that if you app has styles which relies on `@microsoft/load-themed-styles`, `ThemeProvider` won't be able to replace `loadTheme` in this case.\n\n### Fabric component\n\nInstead of using `Fabric` component, you can now replace it fully with `ThemeProvider`. Here is how to replace each prop usage:\n\n| Fabric             | ThemeProvider                                                                                                                                                                                       |\n| ------------------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| `componentRef`     | `ref`                                                                                                                                                                                               |\n| `as`               | `as`                                                                                                                                                                                                |\n| `theme`            | `theme`                                                                                                                                                                                             |\n| `styles`           | Not longer support `styles` prop. If you need to style the root element, you can do that using (inline) style or className prop. Setting arbitrary styles for document body is no longer supported. |\n| `applyTheme`       | This is now applied by default, or by setting `applyTo=\"element\"`. If you don't want any body styles to be applied on root element, you can set `applyTo=\"none\"`.                                   |\n| `applyThemeToBody` | `applyTo=\"body\"`                                                                                                                                                                                    |\n| `dir`              | set `rtl` in `theme` prop                                                                                                                                                                           |\n\n#### Other call-outs\n\n- `ThemeProvider` by default sets `background-color` for the root element using `theme.semanticColors.bodyBackground`. If you find the background color being incorrect after switching to `ThemeProvider`, the right fix is likely that you need to update your theme definition to have the correct `bodyBackground`. Or, if you don't want any default stylings applied to the root element, you can set `applyTo` prop to `\"none\"`.\n- `ThemeProvider` does not set `font-family: inherit` on all native `button`, `input`, `textArea` elements. If you find any Fluent UI component having incorrect fonts after switching to `ThemeProvider`, please [report an issue](https://github.com/microsoft/fluentui/issues/new?template=bug_report.md).\n","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","bundle":"just-scripts bundle","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-api":"just-scripts update-api","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"tag":"lts-7"},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.16","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":["lib/version.js"],"_nodeVersion":"12.22.12","dependencies":{"tslib":"^1.10.0","classnames":"^2.2.6","@fluentui/theme":"^1.7.12","@uifabric/utilities":"^7.38.1","@uifabric/react-hooks":"^7.16.3","@uifabric/set-version":"^7.0.24","@uifabric/merge-styles":"^7.20.1","@fluentui/react-compose":"^0.19.23","@fluentui/react-stylesheets":"^0.2.8","@fluentui/react-window-provider":"^1.0.5"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"16.8.6","enzyme":"~3.10.0","react-dom":"16.8.6","@types/jest":"~24.9.0","@types/react":"16.8.25","@types/enzyme":"3.10.3","@uifabric/build":"^7.0.0","@types/react-dom":"16.8.4","@types/classnames":"^2.2.9","@uifabric/styling":"^7.25.0","@types/webpack-env":"1.15.1","react-test-renderer":"^16.3.0","@fluentui/eslint-plugin":"^0.54.2","enzyme-adapter-react-16":"^1.15.0","@uifabric/test-utilities":"^7.3.4","@types/react-test-renderer":"^16.0.0","@types/enzyme-adapter-react-16":"1.0.3"},"peerDependencies":{"react":">=16.8.0 <18.0.0","@types/react":">=16.8.0 <18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_0.19.15_1664907147117_0.20412230423496114","host":"s3://npm-registry-packages"}},"0.19.16":{"name":"@fluentui/react-theme-provider","version":"0.19.16","license":"MIT","_id":"@fluentui/react-theme-provider@0.19.16","maintainers":[{"name":"sopranopillow","email":"esteban.230@hotmail.com"},{"name":"microsoft1es","email":"npmjs@microsoft.com"},{"name":"ecraig12345_msft","email":"elcraig@microsoft.com"},{"name":"justslone","email":"jslone@microsoft.com"},{"name":"chrisdholt","email":"chrisholtco@gmail.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"},{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"b1a35450f7235bbea3c1e87b302dbb2e94cc899b","tarball":"https://registry.npmjs.org/@fluentui/react-theme-provider/-/react-theme-provider-0.19.16.tgz","fileCount":246,"integrity":"sha512-Kf7z4ZfNLS/onaFL5eQDSlizgwy2ytn6SDyjEKV+9VhxIXdDtOh8AaMXWE7dsj1cRBfBUvuGPVnsnoaGdHxJ+A==","signatures":[{"sig":"MEYCIQCJDmMlmvTUP2BBxM2WQoM7MzTEewRy4AlA18XGGAuVJAIhAJmWYTQiIOZc/sPBmkXbrRnwW+W3wjhBV4uDZkRy9t1O","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":30068196,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjX745ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmop3g//Z2u/55c8nlQcFboj6AW6d6ufL36ZJ5pIl/Cz+bMVNW7JsfpQ\r\nRFlllrRERW4lgrdJKLFmVLJbY2thVaPSNx7C9bDKbDUX/kDDjcZPCiAu8dvb\r\nZXEkzzeBKlHCo+33+3YnwEdcg6f+pJQuK9OqzBp1f2u9b5FlrXx3AH/oCIY4\r\ndlk/5U0nVqWWHwIeukyCPOkhGPCZ4sFw5HMa4T1Lygx7nqm+vbh8T3QGARHQ\r\npRgm0Loel1xs98okoGSIIZK2mL1fzV6GQUwxvaueOjKV+glUvQOO2Eq+FPgr\r\n/aQZdPRWeV28PwNLi/DhS2mKBew/nkdzNWJ0marPDcJQRRxJjYzQ4caT+izt\r\n1NkLimbftGotS1Pf8OT43xElI3S6+Z/2PAVZqNdea0+Jr0YY+Dsmb2LDWc4a\r\nwES/nOIjvLxm7pW9DUxVsKEZqXHQ5zh+Xoy9x4/XLFtBM4OhgJEZJOEw0oWJ\r\nvvjsWQUAqVOwpTc1Ga0FI9AO6qDnJ0shvIDXxJc503kuZ6H3yVGR4/iu9pxS\r\nmyDqLa+IjE5m9X77Aj6+I7zuZReBUk7UMUo0q6BiL8SZAFHtdv1aG+JMRShD\r\n2UDstsBh5x7rvI177XVA75ujFrYrgPHjweFW2GEQ/bSWJM9vjTyAsiPZ0N1a\r\nUVDWPvO/pBa/PhVbxYnudq2AkYDMVL3k7nE=\r\n=oUB5\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib-commonjs/index.js","module":"lib/index.js","readme":"# @fluentui/react-theme-provider\n\n**React theming component and hook for [Fluent UI React](https://developer.microsoft.com/en-us/fluentui)**\n\n## Installation\n\n```bash\nyarn add @fluentui/react-theme-provider\n```\n\n## Example usage\n\nUse the theme with Fluent UI by wrapping content within the provider. If `theme` is not provided, default (Fluent) theme will be provided:\n\n```tsx\nimport { ThemeProvider } from '@fluentui/react-theme-provider';\n\nexport const App = () => (\n  <ThemeProvider>\n    <>...app</>\n  </ThemeProvider>\n);\n```\n\nYou can also customize your own theme:\n\n```tsx\nimport { ThemeProvider, PartialTheme } from '@fluentui/react-theme-provider';\n\nconst appTheme: PartialTheme = {\n  palette: {\n    themePrimary: 'red'\n    ...\n  }\n};\n\nexport const App = () => (\n  <ThemeProvider theme={appTheme}>\n    App content ...\n  </ThemeProvider>\n);\n```\n\nYou can also nest `ThemeProvider`s:\n\n```tsx\nimport { ThemeProvider, PartialTheme } from '@fluentui/react-theme-provider';\n\nconst appTheme: PartialTheme = {\n  palette: {\n    themePrimary: 'red'\n    ...\n  }\n};\n\nconst headerTheme: PartialTheme = {\n  palette: {\n    themePrimary: 'orange'\n    ...\n  }\n};\n\nexport const App = () => (\n  <ThemeProvider theme={appTheme}>\n    <ThemeProvider theme={headerTheme}>\n      <MyHeader />\n    </ThemeProvider>\n\n    App content ...\n  </ThemeProvider>\n);\n```\n\nYou can apply component-level styles:\n\n```tsx\nimport { Checkbox } from '@fluentui/react';\nimport { ThemeProvider, createTheme } from '@fluentui/react-theme-provider';\n\nexport const App = () => (\n  <ThemeProvider\n    theme={{\n      components: { Checkbox: { styles: { root: { background: 'red' } } } },\n    }}\n  >\n    <Checkbox />\n  </ThemeProvider>\n);\n```\n\n## Accessing theme\n\n### useTheme\n\nTheme can be accessed using `useTheme` hook. If you are specifically accessing theme to create classes/styles, you can use `makeStyles` described below.\n\n```jsx\nimport { useTheme } from '@fluentui/react-theme-provider';\n\nconst Content = () => {\n  const theme = useTheme();\n  ...\n};\n\nexport const App = () => (\n  <ThemeProvider>\n    <Content />\n  </ThemeProvider>\n);\n```\n\n### ThemeContext.Consumer\n\nTheme can be accessed in Class Component using `ThemeContext.Consumer`.\n\n```tsx\nimport { Theme, ThemeContext } from '@fluentui/react-theme-provider';\n\nclass Content extends React.Component {\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme: Theme | undefined) => {\n          ...\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n}\n\nexport const App = () => (\n  <ThemeProvider>\n    <Content />\n  </ThemeProvider>\n);\n```\n\n### Create classes for React components based on theme\n\nTheme can be accessed using the `makeStyles` hook. This hook abstracts rendering css given the theme object:\n\n```jsx\nimport { makeStyles } from '@fluentui/react-theme-provider';\n\nconst useFooStyles = makeStyles(theme => ({\n    root: {\n      background: theme.semanticColors.bodyBackground,\n      ':hover': {\n        background: theme.semanticColors.bodyBackgroundHovered\n    },\n}));\n\nconst Foo = props => {\n  const classes = useFooStyles();\n\n  return <div className={classes.root} />;\n};\n```\n\n## How does this change other existing ways of theming Fluent UI components?\n\n### Customizer\n\n`Customizer` is now deprecated and you should replace it with `ThemeProvider`.\n`CustomizerContext` is now deprecated and you should replace it with `ThemeContext` or `useTheme` hook.\n\nDeprecations remain to be functional as is but they will be removed in Fluent UI v9 release.\n\n#### Replace settings prop\n\nBefore:\n\n```jsx\n<Customizer settings={{ theme }} />\n```\n\nAfter:\n\n```jsx\n<ThemeProvider theme={theme} />\n```\n\n#### Replace scopedSettings prop\n\nBefore:\n\n```jsx\n<Customizer\n  scopedSettings={{\n    Checkbox: {\n      styles: CheckboxStyles,\n    },\n  }}\n/>\n```\n\nAfter:\n\n```jsx\n<ThemeProvider\n  theme={{\n    components: { Checkbox: { styles: CheckboxStyles } },\n  }}\n/>\n```\n\n#### Replace CustomizerContext\n\nBefore:\n\n```jsx\n  <CustomizerContext.Consumer>\n    {(parentContext: ICustomizerContext) => {\n      const theme = parentContext.customizations.settings;\n      ...\n    }\n  </CustomizerContext.Consumer>\n```\n\nAfter:\nSee options in [Accessing theme](https://github.com/microsoft/fluentui/blob/master/packages/react-theme-provider/README.md#accessing-theme).\n\n### loadTheme\n\n`loadTheme` remains to work as is. However, you are recommended to replace `loadTheme` with `ThemeProvider`. That way, your application consistently has one way of providing theme.\n\nTo do that, instead of calling `loadTheme(your_theme)`, you will simply wrap the root component of your React application once with `ThemeProvider`:\n\n```jsx\n<ThemeProvider theme={your_theme}>\n  <App />\n</ThemeProvider>\n```\n\nOne caveat here is that if you app has styles which relies on `@microsoft/load-themed-styles`, `ThemeProvider` won't be able to replace `loadTheme` in this case.\n\n### Fabric component\n\nInstead of using `Fabric` component, you can now replace it fully with `ThemeProvider`. Here is how to replace each prop usage:\n\n| Fabric             | ThemeProvider                                                                                                                                                                                       |\n| ------------------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| `componentRef`     | `ref`                                                                                                                                                                                               |\n| `as`               | `as`                                                                                                                                                                                                |\n| `theme`            | `theme`                                                                                                                                                                                             |\n| `styles`           | Not longer support `styles` prop. If you need to style the root element, you can do that using (inline) style or className prop. Setting arbitrary styles for document body is no longer supported. |\n| `applyTheme`       | This is now applied by default, or by setting `applyTo=\"element\"`. If you don't want any body styles to be applied on root element, you can set `applyTo=\"none\"`.                                   |\n| `applyThemeToBody` | `applyTo=\"body\"`                                                                                                                                                                                    |\n| `dir`              | set `rtl` in `theme` prop                                                                                                                                                                           |\n\n#### Other call-outs\n\n- `ThemeProvider` by default sets `background-color` for the root element using `theme.semanticColors.bodyBackground`. If you find the background color being incorrect after switching to `ThemeProvider`, the right fix is likely that you need to update your theme definition to have the correct `bodyBackground`. Or, if you don't want any default stylings applied to the root element, you can set `applyTo` prop to `\"none\"`.\n- `ThemeProvider` does not set `font-family: inherit` on all native `button`, `input`, `textArea` elements. If you find any Fluent UI component having incorrect fonts after switching to `ThemeProvider`, please [report an issue](https://github.com/microsoft/fluentui/issues/new?template=bug_report.md).\n","scripts":{"just":"just-scripts","lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","start":"just-scripts dev:storybook","bundle":"just-scripts bundle","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch","update-api":"just-scripts update-api","update-snapshots":"just-scripts jest -u"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"tag":"lts-7"},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.16","description":"Fluent UI React theme provider component, hook, and theme related utilities.","directories":{},"sideEffects":["lib/version.js"],"_nodeVersion":"12.22.12","dependencies":{"tslib":"^1.10.0","classnames":"^2.2.6","@fluentui/theme":"^1.7.13","@uifabric/utilities":"^7.38.2","@uifabric/react-hooks":"^7.16.4","@uifabric/set-version":"^7.0.24","@uifabric/merge-styles":"^7.20.2","@fluentui/react-compose":"^0.19.24","@fluentui/react-stylesheets":"^0.2.9","@fluentui/react-window-provider":"^1.0.6"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"16.8.6","enzyme":"~3.10.0","react-dom":"16.8.6","@types/jest":"~24.9.0","@types/react":"16.8.25","@types/enzyme":"3.10.3","@uifabric/build":"^7.0.0","@types/react-dom":"16.8.4","@types/classnames":"^2.2.9","@uifabric/styling":"^7.25.1","@types/webpack-env":"1.15.1","react-test-renderer":"^16.3.0","@fluentui/eslint-plugin":"^0.54.2","enzyme-adapter-react-16":"^1.15.0","@uifabric/test-utilities":"^7.3.5","@types/react-test-renderer":"^16.0.0","@types/enzyme-adapter-react-16":"1.0.3"},"peerDependencies":{"react":">=16.8.0 <18.0.0","@types/react":">=16.8.0 <18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-theme-provider_0.19.16_1667219001100_0.7383888902561622","host":"s3://npm-registry-packages"}}},"time":{"created":"2020-05-11T12:33:05.602Z","modified":"2026-07-24T19:29:49.687Z","0.1.1":"2020-05-11T12:33:08.420Z","0.1.2":"2020-05-14T12:34:29.129Z","0.1.3":"2020-05-15T00:07:21.648Z","0.1.4":"2020-05-15T12:42:08.852Z","0.1.5":"2020-05-15T20:33:09.158Z","0.1.6":"2020-05-21T12:32:03.474Z","0.1.7":"2020-05-22T12:37:19.803Z","0.1.8":"2020-05-25T12:35:20.984Z","0.1.9":"2020-05-27T12:36:46.888Z","0.1.10":"2020-05-28T12:41:42.532Z","0.1.11":"2020-06-02T12:34:43.870Z","0.2.0":"2020-06-12T18:27:08.809Z","0.2.1":"2020-06-15T12:45:26.720Z","0.2.2":"2020-06-22T12:39:32.077Z","0.3.0":"2020-06-23T12:41:26.782Z","0.3.1":"2020-06-25T12:49:59.963Z","0.3.2":"2020-06-26T12:33:52.432Z","0.3.3":"2020-06-29T12:33:04.523Z","0.3.4":"2020-06-30T12:33:19.610Z","0.3.5":"2020-07-03T12:36:32.285Z","0.3.6":"2020-07-09T21:57:26.290Z","0.3.7":"2020-07-13T23:11:57.740Z","0.3.8":"2020-07-15T12:38:55.034Z","0.3.9":"2020-07-17T12:35:46.751Z","0.3.10":"2020-07-21T12:40:01.766Z","0.3.11":"2020-07-22T12:37:36.448Z","0.4.0":"2020-07-27T12:40:11.695Z","0.4.1":"2020-07-31T12:44:29.117Z","0.4.2":"2020-08-03T12:44:58.547Z","0.4.3":"2020-08-04T12:39:17.445Z","0.4.4":"2020-08-06T12:38:12.475Z","0.4.5":"2020-08-07T12:39:34.132Z","0.5.0":"2020-08-10T06:15:17.888Z","0.6.0":"2020-08-11T05:44:16.240Z","0.7.0":"2020-08-12T18:31:26.030Z","0.7.1":"2020-08-13T12:41:18.058Z","0.7.2":"2020-08-14T12:38:59.016Z","0.7.3":"2020-08-18T07:55:51.218Z","0.8.0":"2020-08-19T12:41:19.528Z","0.8.1":"2020-08-20T12:33:25.349Z","0.9.0":"2020-08-25T12:32:41.732Z","0.9.1":"2020-08-26T12:32:23.714Z","0.10.0":"2020-08-28T12:25:23.911Z","0.11.0":"2020-08-31T18:10:01.870Z","0.11.1":"2020-09-07T12:22:57.488Z","0.11.2":"2020-09-09T12:22:38.315Z","0.11.3":"2020-09-10T22:28:46.726Z","0.12.0":"2020-09-15T12:22:27.040Z","0.12.1":"2020-09-16T12:23:54.305Z","0.13.0":"2020-09-17T12:20:54.302Z","0.13.1":"2020-09-17T15:48:48.236Z","0.13.2":"2020-09-17T23:11:43.823Z","0.13.3":"2020-09-18T12:22:03.996Z","0.13.4":"2020-09-22T12:22:43.133Z","0.14.0":"2020-09-23T12:23:06.957Z","0.14.1":"2020-09-25T12:21:52.564Z","0.14.2":"2020-09-27T04:17:27.251Z","0.14.3":"2020-10-02T12:25:13.099Z","0.14.4":"2020-10-06T17:27:30.406Z","0.15.0":"2020-10-12T12:27:00.321Z","0.16.0":"2020-10-13T12:22:56.990Z","0.16.1":"2020-10-14T12:23:18.857Z","0.16.2":"2020-10-16T21:39:39.019Z","1.0.0-beta.0":"2020-10-23T03:24:08.980Z","1.0.0-beta.1":"2020-10-23T23:23:36.354Z","1.0.0-beta.2":"2020-10-26T12:35:41.794Z","1.0.0-beta.3":"2020-10-27T12:32:25.649Z","1.0.0-beta.4":"2020-10-28T12:29:52.115Z","0.16.3":"2020-10-30T18:58:18.303Z","1.0.0-beta.5":"2020-11-02T12:30:28.355Z","1.0.0-beta.6":"2020-11-03T12:29:43.590Z","0.16.4":"2020-11-04T12:24:04.587Z","1.0.0-beta.7":"2020-11-11T12:28:11.337Z","0.17.0":"2020-11-17T12:24:30.993Z","1.0.0-beta.8":"2020-11-17T12:33:27.123Z","0.18.0":"2020-11-18T12:24:06.136Z","1.0.0-beta.9":"2020-11-18T12:27:17.264Z","1.0.0-beta.10":"2020-11-23T12:28:49.411Z","1.0.0-beta.11":"2020-12-01T12:34:23.772Z","1.0.0-beta.12":"2020-12-02T12:35:09.993Z","1.0.0-beta.13":"2020-12-03T12:30:42.094Z","1.0.0-beta.14":"2021-01-12T12:34:02.827Z","0.18.1":"2021-01-15T12:23:56.875Z","1.0.0-beta.15":"2021-01-15T12:28:30.777Z","1.0.0-beta.16":"2021-01-21T12:32:02.931Z","1.0.0-beta.17":"2021-01-28T12:23:38.154Z","1.0.0-beta.18":"2021-02-01T12:21:52.141Z","1.0.0-beta.19":"2021-02-02T12:19:59.949Z","1.0.0-beta.20":"2021-02-08T12:21:49.365Z","0.18.2":"2021-02-08T12:24:56.924Z","1.0.0-beta.21":"2021-02-09T00:54:58.907Z","0.18.3":"2021-02-09T12:25:38.078Z","1.0.0-beta.22":"2021-02-11T00:57:16.853Z","0.18.4":"2021-02-11T12:24:34.138Z","1.0.0-beta.23":"2021-02-12T12:22:29.904Z","1.0.0-beta.24":"2021-02-15T12:20:40.052Z","1.0.0-beta.25":"2021-02-18T12:25:20.139Z","1.0.0-beta.26":"2021-02-18T19:37:01.981Z","1.0.0-beta.27":"2021-02-22T12:23:09.676Z","9.0.0-alpha.1":"2021-02-24T00:03:36.049Z","9.0.0-alpha.2":"2021-02-25T01:12:16.133Z","9.0.0-alpha.3":"2021-02-25T20:13:53.028Z","9.0.0-alpha.4":"2021-02-26T01:13:43.193Z","0.18.5":"2021-02-26T21:29:11.880Z","9.0.0-alpha.5":"2021-03-02T07:22:10.733Z","9.0.0-alpha.6":"2021-03-03T00:07:21.131Z","9.0.0-alpha.7":"2021-03-05T20:29:56.000Z","9.0.0-alpha.8":"2021-03-10T07:33:08.463Z","9.0.0-alpha.9":"2021-03-12T20:01:48.652Z","9.0.0-alpha.10":"2021-03-15T07:34:41.715Z","9.0.0-alpha.11":"2021-03-16T07:29:55.193Z","0.18.6":"2021-03-17T19:22:07.532Z","0.18.7":"2021-03-18T12:23:19.711Z","9.0.0-alpha.12":"2021-03-18T20:12:58.285Z","9.0.0-alpha.13":"2021-03-23T07:29:29.762Z","9.0.0-alpha.14":"2021-03-25T07:30:14.833Z","9.0.0-alpha.15":"2021-03-26T07:30:19.821Z","9.0.0-alpha.16":"2021-03-30T07:32:27.556Z","9.0.0-alpha.17":"2021-03-31T00:49:12.187Z","9.0.0-alpha.18":"2021-04-01T20:11:55.266Z","9.0.0-alpha.19":"2021-04-08T07:31:22.325Z","9.0.0-alpha.20":"2021-04-14T07:32:02.630Z","9.0.0-alpha.21":"2021-04-16T18:07:06.407Z","9.0.0-alpha.22":"2021-04-20T07:30:30.688Z","9.0.0-alpha.23":"2021-04-21T07:29:36.110Z","9.0.0-alpha.24":"2021-04-22T07:31:49.985Z","9.0.0-alpha.25":"2021-04-23T07:36:13.976Z","9.0.0-alpha.26":"2021-04-26T07:32:04.077Z","9.0.0-alpha.27":"2021-04-27T07:32:37.255Z","9.0.0-alpha.28":"2021-04-30T07:40:50.779Z","9.0.0-alpha.29":"2021-05-03T07:44:07.953Z","9.0.0-alpha.30":"2021-05-05T07:35:21.179Z","9.0.0-alpha.31":"2021-05-10T07:34:40.046Z","9.0.0-alpha.32":"2021-05-12T07:35:02.627Z","9.0.0-alpha.33":"2021-05-13T07:34:33.627Z","9.0.0-alpha.34":"2021-05-18T07:32:16.219Z","9.0.0-alpha.35":"2021-05-19T07:32:47.120Z","9.0.0-alpha.36":"2021-05-20T07:37:02.536Z","9.0.0-alpha.37":"2021-05-21T07:33:05.887Z","9.0.0-alpha.38":"2021-05-26T07:34:00.641Z","9.0.0-alpha.39":"2021-06-02T07:35:58.210Z","9.0.0-alpha.40":"2021-06-03T07:35:15.806Z","9.0.0-alpha.41":"2021-06-04T07:35:10.154Z","9.0.0-alpha.42":"2021-06-07T07:34:21.566Z","9.0.0-alpha.43":"2021-06-15T07:37:23.764Z","9.0.0-alpha.44":"2021-06-22T07:33:35.850Z","9.0.0-alpha.45":"2021-06-29T07:30:49.392Z","9.0.0-alpha.46":"2021-06-30T07:37:06.281Z","0.19.0":"2021-08-27T12:22:44.494Z","0.19.1":"2021-10-22T12:28:14.234Z","0.19.2":"2022-03-30T12:25:24.383Z","0.19.3":"2022-05-19T12:27:44.238Z","0.19.4":"2022-07-08T12:21:54.118Z","0.19.5":"2022-07-27T12:26:43.558Z","0.19.6":"2022-08-17T12:21:09.083Z","0.19.7":"2022-08-30T00:07:29.458Z","0.19.8":"2022-08-30T19:00:24.309Z","0.19.9":"2022-09-01T23:26:35.293Z","0.19.10":"2022-09-02T16:56:00.262Z","0.19.11":"2022-09-02T18:24:30.537Z","0.19.12":"2022-09-29T12:29:32.896Z","0.19.13":"2022-09-30T21:43:37.283Z","0.19.14":"2022-10-04T12:22:18.971Z","0.19.15":"2022-10-04T18:12:27.453Z","0.19.16":"2022-10-31T12:23:21.406Z"},"bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"license":"MIT","homepage":"https://github.com/microsoft/fluentui#readme","repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"description":"Fluent UI React theme provider component, hook, and theme related utilities.","maintainers":[{"email":"fui-svc@microsoft.com","name":"uifabricteam"},{"email":"uifrnbot@microsoft.com","name":"uifrnbot"},{"email":"npmjs@microsoft.com","name":"microsoft1es"},{"email":"microsoft-oss-publishing@microsoft.com","name":"microsoft-oss-releases"}],"readme":"","readmeFilename":""}